/* UQ brand updates */

    .uq-site-header {
      border-bottom: 1px solid #e2e2e2;
    }
    .uq-site-header__title-container {
      padding: 1rem;
    }

    .pane {
      margin-bottom: 0;
    }

    .pane h2:first-of-type {
      margin-top: 0;
    }

    .pane--shaded {
      background-color: #FAFAF9;
    }

    .pane--purple {
      background-color: #51247A;
    }

    .pane--purple h2.pane__title {
      color: #fff;
      margin-bottom: 1rem;
    }

    .pane__title {
      font-size: 24px;
    }

    h2 {
      font-size: 30px;
      color: #51247A;
    }

    h3 {
      font-size: 24px;
      color: #51247A;
    }

    .logo--large img {
      max-width: unset;
      width: auto;
    }

    .uq-header .nav-primary__toggle {
      margin: 0;
      font:initial;
      font-size:  0.833rem;
      line-height: normal;
    }

    input[type='submit'].uq-header__search-query-submit {
      background-color: transparent;
    }
    input[type="text"].uq-header__search-query-input {
      height:auto;
    }

    /* Custom styles for UQ Contacts */
    .contact_container {
      display: grid;
      row-gap: 2.5rem;
      padding: 2rem 1.5rem;
    }

    @media (min-width: 64rem) {
        .contact_container {
            max-width: 73.25rem;
            margin-left: auto;
            margin-right: auto;
            grid-template-areas:
            "searchcontent emergency"
            "searchcontent security";
            grid-gap: 2rem;
            grid-template-rows: auto 1fr;
            padding-left: 1rem;
            padding-right: 1rem;
        }
    }
    .searchcontent h2:first-of-type {
      margin-top: 0;
    }
    @media (min-width: 64rem) {
        .emergency {
            grid-area: emergency;
        }
        .searchcontent {
            grid-area: searchcontent;
        }
        .security {
            grid-area: security;
        }
    }

    .container-lg {
      padding: 24px;
    }

    .stacked-lg {
      margin-top: 24px;
    }

    .stacked-xxl {
      margin-top: 64px;
    }

    input:not([type=checkbox]):not([type=radio]):not([type=submit])[readonly] {
      background-color: #ddd;
    }
    input:not([type=checkbox]):not([type=radio]):not([type=submit])[type='button'] {
      max-width: auto;
      min-width: auto;
    }

    .staff-search__form label {
      font-size: 30px;
      color: #51247A;
      font-weight: 400;
      line-height: 1.5;
    }

    .staff-search {
      border-width: 1px 0 1px 1px;
      border: 1px solid #e6e6e6;
      border-radius: 4px;
      background-color: #fff;

      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      margin-bottom: 1rem;
    }

    .staff-search input,
    .staff-search input[type="text"] {
      border: none;
      margin: 0;
      line-height: 16px;
      font-size: 16px;
      padding: 24px;
      height: 100%;
      background-color: #fff;
      box-shadow: none;
    }

    .staff-search input {
      display: flex;
      flex-direction: column;
      flex-basis: 100%;
      flex: 1;
    }

    .staff-search button,
    .staff-search .postfix.button {
      border: none;
      margin: 0;
      line-height: 16px;
      font-size: 16px;
      padding: 24px;
      height: 100%;
      background-color: #fff;
      box-shadow: none;
    }

    .staff-search button:hover {
      background-color: #FAFAF9;
    }

    .staff-search .list-icon {
      background-size: auto;
      background-position: center;
    }

    .uq-icon-contact {
      width: 0.8em;
      height: 0.8em;
      stroke: currentColor;
      fill: currentColor;
      background-position: center;
      line-height: 1em;
      display: inline-block;
      box-sizing: border-box;
    }

    .uq-icon-phone-white {
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M9.687 13.8a3.114 3.114 0 0 0 3.856-.429l.43-.43a1.037 1.037 0 0 0 0-1.457l-1.828-1.828a1.037 1.037 0 0 0-1.458 0 1.03 1.03 0 0 1-1.457 0L6.344 6.742a1.03 1.03 0 0 1 0-1.457 1.037 1.037 0 0 0 0-1.457L4.516 2a1.037 1.037 0 0 0-1.457 0l-.43.457a3.079 3.079 0 0 0-.43 3.828 27.92 27.92 0 0 0 7.488 7.516zm0 0' fill='none' stroke='%23FFF' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e") no-repeat;
    }

    .uq-icon-phone-blue {
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M9.687 13.8a3.114 3.114 0 0 0 3.856-.429l.43-.43a1.037 1.037 0 0 0 0-1.457l-1.828-1.828a1.037 1.037 0 0 0-1.458 0 1.03 1.03 0 0 1-1.457 0L6.344 6.742a1.03 1.03 0 0 1 0-1.457 1.037 1.037 0 0 0 0-1.457L4.516 2a1.037 1.037 0 0 0-1.457 0l-.43.457a3.079 3.079 0 0 0-.43 3.828 27.92 27.92 0 0 0 7.488 7.516zm0 0' fill='none' stroke='%232377cb' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e") no-repeat;
    }

    .list-icon--phone {
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M9.687 13.8a3.114 3.114 0 0 0 3.856-.429l.43-.43a1.037 1.037 0 0 0 0-1.457l-1.828-1.828a1.037 1.037 0 0 0-1.458 0 1.03 1.03 0 0 1-1.457 0L6.344 6.742a1.03 1.03 0 0 1 0-1.457 1.037 1.037 0 0 0 0-1.457L4.516 2a1.037 1.037 0 0 0-1.457 0l-.43.457a3.079 3.079 0 0 0-.43 3.828 27.92 27.92 0 0 0 7.488 7.516zm0 0' fill='none' stroke='%232377cb' stroke-width='.75' stroke-linecap='round' stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e") no-repeat;
    }

    .list-icon--messages {
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%232377cb;stroke-linecap:round;stroke-linejoin:round;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Emessages-bubble-square-question%3C/title%3E%3Cpath class='a' d='M23.5,17.5a1,1,0,0,1-1,1h-11l-4,4v-4h-6a1,1,0,0,1-1-1V2.5a1,1,0,0,1,1-1h21a1,1,0,0,1,1,1Z'/%3E%3Cpath class='a' d='M9.5,7.5a3,3,0,1,1,4.2,2.75,2,2,0,0,0-1.2,1.834V12.5'/%3E%3Cpath class='a' d='M12.5,14.75a.25.25,0,1,1-.25.25.25.25,0,0,1,.25-.25'/%3E%3C/svg%3E") no-repeat;
    }

    .list-icon--hyperlink {
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%232377cb;stroke-linecap:round;stroke-linejoin:round;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ehyperlink-3%3C/title%3E%3Cpath class='a' d='M12.47,18.105,8.243,22.332a3.987,3.987,0,0,1-5.637,0l-.939-.939a3.985,3.985,0,0,1,0-5.635L7.773,9.651a3.987,3.987,0,0,1,5.637,0l.939.94'/%3E%3Cpath class='a' d='M11.53,5.893l4.227-4.226a3.985,3.985,0,0,1,5.637,0l.939.938a3.985,3.985,0,0,1,0,5.635l-6.106,6.107a3.985,3.985,0,0,1-5.637,0l-.939-.94'/%3E%3C/svg%3E") no-repeat;
    }

    .list-icon--email {
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%232377cb;stroke-linecap:round;stroke-linejoin:round;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eemail-action-unread%3C/title%3E%3Crect class='a' x='0.5' y='3.954' width='23' height='16' rx='2' ry='2'/%3E%3Cpolyline class='a' points='22.911 4.536 12 13.454 1.089 4.536'/%3E%3C/svg%3E") no-repeat;
    }

    .list-icon--search {
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%2351247A;stroke-linecap:round;stroke-linejoin:round;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Esearch-1%3C/title%3E%3Ccircle class='a' cx='10.5' cy='10.5' r='10'/%3E%3Cline class='a' x1='23.5' y1='23.5' x2='17.571' y2='17.571'/%3E%3C/svg%3E") no-repeat;
    }




    .list-icon {
      padding-left: 20px;
      background-size: 14px;
      color: #2377cb;
      background-position: left center;
    }

    .text-white,
    .text-white a {
      color: #fff;
    }

    .text-large,
    .text-large a {
      font-size: 30px;
      font-weight: 400;
      margin: 0;
    }

    .text-medium,
    .text-medium a {
      font-size: 20px;
      font-weight: 400;
      margin: 0;
    }

    .text-white:hover a {
      color: #fff;
      text-decoration: underline;
    }

    .person .uq-row {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 24px;
    }

    @media only screen and (min-width: 40.0625em) {

      .uq-row,
      .person .uq-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 24px;
      }
    }


    .staff-search__form .staff-search__fieldset,
    .suggest-edit__form .suggest-edit__fieldset {
      margin: 0;
      padding: 0;
      border: none;
      width: 100%;
    }

    .layout-region__main .item-list+h2 {
      margin-top: 2.5rem;
    }

    span.twitter-typeahead {
      display: flex;
      flex-direction: column;
      flex-basis: 100%;
      flex: 1;
    }

    .typeahead {
      background-color: #fff;
    }

    .typeahead:focus {
      background: #fafafa !important;
    }

    .tt-query {
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .tt-hint {
      color: #999;
    }

    .tt-menu {
      width: 422px;
      width: 100%;
      margin: 12px 0;
      margin: -17px 0;
      padding: 8px 0;
      background-color: #fff;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
      -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
      box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    }

    .tt-suggestion {
      padding: 3px 15px;
      font-size: 16px;
      line-height: 24px;
    }

    .tt-suggestion:hover {
      cursor: pointer;
      color: #222;
      background-color: #d9d9d9;
    }

    .tt-suggestion.tt-cursor {
      color: #222;
      background-color: #d9d9d9;
    }

    .tt-suggestion p {
      margin: 0;
    }

    .tt-dataset {
      max-height: 150px;
      overflow-y: auto;
    }

    /* Search Results and Listing styles */

    .person__display-name {
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 1.5;
    }

    .person__position-organisation {
      color: #444;
      font-weight: 400;
    }

    .person__email:before,
    .person__phone:before {
      display: none;
    }



    .vertical-list--outline {
      border-width: 1px 0 1px 1px;
      border: 1px solid #e6e6e6;
      border-radius: 4px;
      background-color: #fff;
    }
    .vertical-list__item h3:first-of-type {
      margin-top: 0;
    }
    .vertical-list--outline>.vertical-list__item {
      border-bottom: 1px solid #e6e6e6;
      padding: 16px;
      margin-bottom: 0;
    }

    .vertical-list> :last-child {
      margin-bottom: 0;
      border-bottom: none;
    }

    .vertical-list--card {
      border: none;
    }

    .vertical-list--card>.vertical-list__item {
      border: 1px solid #e6e6e6;
      border-radius: 4px;
      background-color: #fff;
      padding: 24px;
      margin-top: 16px;
    }
    .vertical-list--card>.vertical-list__item:first-of-type {
      margin-top: 0;
    }

    /* Loader spinner style */
    .spinner-overlay {
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 10000;
      background: black;
      opacity: 0.6;
    }

    .loader {
      margin: 0 auto;
      font-size: 10px;
      position: relative;
      text-indent: -9999px;
      transform: translateZ(0);
      animation: loading 1.1s infinite linear;
      border-radius: 50%;
      width: 10em;
      height: 10em;
    }

    .loader:after {
      border-radius: 50%;
      width: 10em;
      height: 10em;
    }

    .loader--light {
      border-top: 1.1em solid rgba(255, 255, 255, 0.2);
      border-right: 1.1em solid rgba(255, 255, 255, 0.2);
      border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
      border-left: 1.1em solid #fff;
    }

    .loader__container {
      z-index: 1000;
      position: fixed;
      height: 10em;
      width: 10em;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden;
      pointer-events: none;
      user-select: none;
    }

    @-webkit-keyframes loading {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    @keyframes loading {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    /* Fallback for IE9 using classes from boilerplate and modernizer */
    .lte-ie9 .loader,
    .no-csstransitions .loader {
      border: 0;
      text-indent: 0;
      font-size: 1rem;
    }

    .confirmation__field {
      padding: 0.5rem 0;
    }

    .confirmation__field-label--mobile {
      float: left;
      margin: 0 0.5rem 0 0;
    }

    .pane{
        display: block !important;
    }