/*** UQ Header ***/

.site-header {
  margin: 0 !important;
}

.site-header div {
  width: 100%;
}

.columns div {
  width: unset;
}

.site-title {
  text-align: center;
}

.site-header__content:before,
.site-header__content:after {
 content:" ";
 display:table
}
.site-header__content:after {
 clear:both
}

.site-header .uq-logo {
  float: left;
}

.uq-logo {
   text-indent:-119988px;
   overflow:hidden;
   text-align:left;
   text-transform:capitalize;
   background:url("https://static.uq.net.au/v5/logos/corporate/uq-logo-white.png") no-repeat 0 0;
   background:url("https://static.uq.net.au/v5/logos/corporate/uq-logo-white.svg") no-repeat 0 0;
   background-size:100%;
   color:#fff;
   display:block;
   height:36px;
   margin:0;
   padding:0;
   width:126px;
  }
  @media only screen and (min-width: 40.0625em) {
   .uq-logo {
    height:43px;
    width:150px;
   }
  }
  @media only screen and (min-width: 64.0625em) {
   .uq-logo {
    height:51px;
    width:178px;
   }
  }
  
  @media only screen and (max-width: 40em) {
     .site-header .uq-logo {
      float:none;
      margin:0 auto
     }
    }
  
.site-header .site-title {
   border-left:1px solid rgba(255,255,255,0.5);
   float:left;
   font-size:16px;
   font-size:1rem;
   font-weight:400;
   line-height:1.2;
   margin:0 0 0 16px;
   margin:0 0 0 1rem;
   padding:12px 0 12px 16px;
   padding:.8rem 0 .8rem 1rem;
}
  @media only screen and (max-width: 40em) {
   .site-header .site-title {
    border:0;
    clear:both;
    float:none;
    margin:16px 0 0 0;
    margin:1rem 0 0 0;
    padding:0;
   }
  }
  @media only screen and (min-width: 40.0625em) {
   .site-header .site-title {
    font-size:20px;
    font-size:1.275rem;
    text-align:left;
   }
  }
  @media only screen and (min-width: 90.0625em) {
   .site-header .site-title {
    font-size:23px;
    font-size:1.475rem;
   }
  }
  .site-header .site-title__link {
   color:#fff;
   font-weight: 600;
  }
  .site-header .site-title__link:hover {
   text-decoration:none;
  }

.site-header .site-title__link {
   color:#fff !important;
  }
  .site-header .site-title__link:hover {
   text-decoration:none;
  }
  

@media only screen {
 .show-for-small-only,
 .show-for-small-up,
 .show-for-small,
 .show-for-small-down,
 .hide-for-medium-only,
 .hide-for-medium-up,
 .hide-for-medium,
 .show-for-medium-down,
 .hide-for-large-only,
 .hide-for-large-up,
 .hide-for-large,
 .show-for-large-down,
 .hide-for-xlarge-only,
 .hide-for-xlarge-up,
 .hide-for-xlarge,
 .show-for-xlarge-down,
 .hide-for-xxlarge-only,
 .hide-for-xxlarge-up,
 .hide-for-xxlarge,
 .show-for-xxlarge-down {
  display:inherit !important
 }
 .hide-for-small-only,
 .hide-for-small-up,
 .hide-for-small,
 .hide-for-small-down,
 .show-for-medium-only,
 .show-for-medium-up,
 .show-for-medium,
 .hide-for-medium-down,
 .show-for-large-only,
 .show-for-large-up,
 .show-for-large,
 .hide-for-large-down,
 .show-for-xlarge-only,
 .show-for-xlarge-up,
 .show-for-xlarge,
 .hide-for-xlarge-down,
 .show-for-xxlarge-only,
 .show-for-xxlarge-up,
 .show-for-xxlarge,
 .hide-for-xxlarge-down {
  display:none !important
 }
 .visible-for-small-only,
 .visible-for-small-up,
 .visible-for-small,
 .visible-for-small-down,
 .hidden-for-medium-only,
 .hidden-for-medium-up,
 .hidden-for-medium,
 .visible-for-medium-down,
 .hidden-for-large-only,
 .hidden-for-large-up,
 .hidden-for-large,
 .visible-for-large-down,
 .hidden-for-xlarge-only,
 .hidden-for-xlarge-up,
 .hidden-for-xlarge,
 .visible-for-xlarge-down,
 .hidden-for-xxlarge-only,
 .hidden-for-xxlarge-up,
 .hidden-for-xxlarge,
 .visible-for-xxlarge-down {
  position:static !important;
  height:auto;
  width:auto;
  overflow:visible;
  clip:auto
 }
 
 .more-info h6 a {
   text-transform: capitalize;
   color: #2377cb !important;
   font-weight: 400;
}

.more-info h6 a:hover {
  text-decoration: underline;
}

/*** Samples ***/

.page-id-469,
.page-id-870 {
  background: #303030;
}

#content {
    background: #eee;
}

.s4s-featured-gallery-wrapper,
.s4s-search-wrapper,
.s4s-gallery-wrapper {
  padding: 0 4vw;
}

@media only screen and (max-width: 40em) {
  .s4s-featured-gallery-wrapper {
    display: none;
  }
  .s4s-gallery-modal__wrapper {
    flex-wrap: wrap;
  }
  .s4s-gallery-modal__translate-controls{
    display: none !important;
  }  
}

.s4s-guide-toggle-wrapper {
  cursor: pointer;
}

.s4s-guide-toggle-wrapper:hover {
  text-decoration: underline; 
}

.s4s-guide-wrapper {
  color: #fff;
  margin: 60px 5vw 0;
  border: 1px solid transparent;
  display: block;
  padding: 20px;
  transition: 0.3s all;
  border-radius: 16px;
}

.s4s-guide-toggle-hide {
  display: none;
}

.active .s4s-guide-toggle-hide {
  display: unset;
}

.active .s4s-guide-toggle-show {
  display: none;
}

.s4s-guide-toggle-icon {
  margin-right: 10px;
}

.s4s-gallery-modal__socials-container svg {
  font-size: 22px;
  margin: 0 6px 0 0;
  outline: 0;
}

.s4s-gallery-modal__direct-copy {
  display: none;
  margin-top: 10px;
}

.s4s-gallery-modal__direct-copy-message {
  color: #fff;
  font-size: 11px;
  margin-top: 6px;
  text-align: center;
}

.s4s-gallery-modal__socials-container svg:hover * {
 fill: #7C05F2; 
}

.s4s-guide-toggle-icon {
  background: linear-gradient(45deg,#6204BF,#7C05F2,#6204BF);
  border-radius: 50%;
  width: 24px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background-size: 280%;
  background-position: left;
}

.active .s4s-guide-toggle-icon {
  background-position: right;
}

.s4s-guide-toggle-icon svg {
  transition: 0.3s all;
}

.active .s4s-guide-toggle-icon svg {
  rotate: -180deg;
}

.s4s-guide-highlight {
  opacity: 0.5;
}

.s4s-guide-wrapper.active {
  border-color: rgba(255,255,255,0.5); 
}

.s4s-guide-content-wrapper {
  overflow: hidden;
  display: none;
}

.s4s-guide-content-para {
  margin: 20px 0;
}

.s4s-guide-content-para:last-child {
  margin-bottom: 0;
}

.s4s-guide-content-para strong {
  color: #fff;
}

.main-header .elementor-section {
  padding: 0 4vw;
}

.s4s-gallery-templates{
    display: none;
}

.s4s-gallery-collection-load-inner {
    display: none;   
}

.s4s-gallery-modal-area{
    display: none;
}

.s4s-gallery-inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  grid-gap: clamp(20px, 1vw, 50px);
  padding: 1vw;
}

.s4s-featured-gallery-inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  grid-gap: clamp(20px, 1vw, 50px);
  padding: 1vw;
}

.s4s-featured-gallery-inner .s4s-gallery-title__details {
  padding: 24px 51px;
}

.s4s-gallery-title {
  transition: 0.3s all;
  border: 1px solid transparent;
  cursor: pointer;
  border-radius: 16px;
}

.s4s-gallery-title__content .s4s-gallery-modal__sample-info {
  font-size: 14px;
  margin-top: -3px;
}

.s4s-gallery-title:hover {
  scale: 1.05;
  border-color: #7C05F2;
}

.s4s-gallery-title__details {
  padding: 24px;
  border: 1px solid;
  background: #1B1B1B;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
  position: relative;
  overflow: hidden;
}

.s4s-gallery-title__details-background {
  position: absolute;
  top: -4px;
  left: 0;
  width: 200%;
  height: 200%;
  z-index: 1;
}

.s4s-gallery-title__content {
  border-radius: 0 0 16px 16px;
  overflow: hidden;
}

.s4s-featured-gallery-heading {
  color: #fff;
  margin-left: 20px;
  margin-top: 60px;
  font-size: 24px;
  font-family: "Helvetica", sans-serif;
}

.s4s-search-wrapper {
  margin: 40px 20px;
  display: flex;
  gap: 2em;
  place-items: center;
  place-content: space-between;
  flex-wrap: wrap;
}

.s4s-search-info .s4s-featured-gallery-heading {
  margin: 0;
}

.s4s-search-info-inner {
  color: #fff;
}

.s4s-gallery-title__sample-id {
  padding: 10px 20px 15px;
  background: #252525;
  transition: 0.5s all ease-in-out;
  background-position-x: left;
}

/* linear-gradient( 45deg, #EC1F61, #F67427, #EC1F61 ) */

.featured .s4s-gallery-title__sample-id {
  background: linear-gradient( 45deg, #6204BF, #7C05F2, #6204BF );
  background-size: 280%;
}

.s4s-gallery-featured-title {
  display: none;
}

.featured .s4s-gallery-featured-title {
  display: unset;
}

.s4s-gallery-title:hover .s4s-gallery-title__sample-id {
  background-position-x: right;
}

.s4s-gallery-title__sample-id .s4s-gallery-modal__section-heading {
  padding-bottom: 0px;
}

.cls-1 {
  fill: #3C3C3C !important;
  transition: 0.5s all ease-in-out;
}

.s4s-gallery-modal__lines-background .cls-1 {
  fill: rgba(255,255,255,0.2) !important;
}

.s4s-gallery-title:hover .cls-h {
  fill: #7C05F2 !important;
}

.s4s-gallery-modal__lines-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0.2;
  background-size: cover !important;
}

.s4s-gallery-title__image {
  width: 100%;
  padding-top: 98%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  border-radius: 50%;
  box-shadow: 8px 13px 11px rgba(0,0,0,0.3);
  cursor: pointer;
  transition: 0.3s all;
  border: 2px solid #B0B1B3;
  z-index: 9;
  position: relative;
  background-color: #1B1B1B;
}


.s4s-gallery-modal-inner-overlay__content {
    color: #fff;
}

.s4s-gallery-modal__image {
    opacity: 0;
    max-height: calc(100vh - 138px);
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1) 0s, left 0.4s cubic-bezier(0.77, 0, 0.18, 1) 0s, top 0.4s cubic-bezier(0.77, 0, 0.18, 1) 0s;
    position: relative;
    cursor: grab;
    /* will-change: transform, left, top; */
    border-radius: 50%;
}

.s4s-gallery-modal__sample-info {
  color: #fff;
  text-transform: uppercase;
}

.isDragging .s4s-gallery-modal__image {
    cursor: grabbing;
}

.s4s-gallery-modal__image-wrapper{
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9;
    position: absolute;
    /* top: 0; */
    transition: 1s all;
    opacity: 0;
    border-radius: 50%;
}

.s4s-gallery-modal__wrapper {
    display: flex;
}

.s4s-gallery-modal__right {
    background: #252525;
    width: 150px;
    padding: 15px;
    overflow: scroll;
}

.s4s-gallery-modal__right-inner {
  padding-bottom: 20px;
}

.s4s-gallery-modal__right-inner > div {
  padding-bottom: 10px;
  border-bottom: 1px dashed #555;
}

.s4s-controls-toggle-wrapper {
  color: #fff;
  position: absolute;
  right: 10px;
  top: 12px;
  display: none;
  cursor: pointer;
  font-size: 14px;
}

.s4s-controls-toggle-icon {
  margin-right: 10px;
}

.s4s-controls-toggle-hide {
  display: none;
}

.active .s4s-controls-toggle-show {
  display: none;
}

.active .s4s-controls-toggle-hide {
  display: unset;
}

.s4s-controls-toggle-icon svg {
  transition: 0.3s all;
}

.active .s4s-controls-toggle-icon svg {
  rotate: -180deg; 
}

.s4s-gallery-modal__close-container {
  border-bottom: unset !important;
  text-align: center;
  color: #fff;
  margin-top: 20px;
  position: absolute !important;
  bottom: 8px;
  left: 0;
  display: none;
  background: linear-gradient(45deg,#6204BF,#7C05F2,#6204BF);
  padding: 10px 0;
  cursor: pointer;
}

@media only screen and (max-width: 40em) {
  
  #s4s-gallery-modal {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .s4s-gallery-modal__close-container {
    display: unset;  
  }
  
  .s4s-gallery-modal__zoom-controls{
    /* display: none; */
  }
  
  .s4s-gallery-modal__inner-container,
  .s4s-gallery-modal__wrapper {
    height: 100%;
  }
  
  .fancybox-slide--html {
    padding: 0;
  }
  
  .s4s-gallery-modal__wrapper {
    display: block;
    overflow: hidden;
    position: relative;
  }
  
  .s4s-gallery-modal__left {
    height: calc(100% - 150px);
  }
  
  .s4s-gallery-modal__right {
    background: #252525;
    width: 150px;
    padding: 15px;
    overflow: scroll;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: calc(100% - 150px);
    transition: 0.3s top;
  }
  
  .s4s-gallery-modal__right.active {
    top: 0;
    min-height: 100vh;
    width: 100%; 
  }
  
  .s4s-gallery-modal__right-inner {
    display: flex;
    flex-wrap: wrap;
  }
  
  .s4s-gallery-modal__right-inner > div {
    width: 100%;
    position: relative;
    display: none;
  }
  
  .s4s-gallery-modal__sample-info-container {
    display: unset !important;
  }
  
  .active .s4s-gallery-modal__right-inner > div {
    display: unset; 
  }
  
  .s4s-gallery-modal__right-close-btn {
    top: 2px !important;
    right: 5px !important;
  }
  .s4s-controls-toggle-wrapper {
    display: block; 
  }
}

.s4s-gallery-modal__section-heading {
  color: #fff;
  text-align: left;
  font-size: 8px;
  padding: 6px 0;
  text-transform: uppercase;
  font-weight: 800;
  opacity: 0.7;
}

#s4s-gallery-modal {
    padding: 0;
    margin: 0;
    position: relative;
    overflow: visible;
}

.s4s-gallery-modal__right-close-btn {
  position: absolute;
  top: 0;
  right: -26px;
  background: ;
  z-index: 999;
  color: #fff;
  width: 25px;
  font-weight: 800;
  text-align: center;
  cursor: pointer;
}

.s4s-gallery-modal__right-close-btn:hover {
  background: #7C05F2;
}

.s4s-gallery-related-item__details{
    cursor: pointer;
}

.s4s-gallery-modal__image-loader {
    background-size: cover;
    background-position: center;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    transition: 1s all;
    border-radius: 50%;
    overflow: hidden;
}

.s4s-gallery-modal__loader-image {
    height: calc(100vh - 138px);
    opacity: 0;
}

.s4s-gallery-modal-inner-overlay {
    position: absolute;
    top: 0;
}

.s4s-gallery-modal__left {
    overflow: hidden;
    position: relative;
    line-height: 0;
    background: #444;
    cursor: grab;
}

.s4s-gallery-modal__left-inner {
  padding: 3vw;
  display: flex;
  place-content: center;
  min-width: 30vw;
}

.s4s-gallery-title__preload__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.s4s-gallery-title-standin{
  opacity: 0.5;
}

.s4s-gallery-search-in-progress,
.s4s-gallery-search-no-results,
.s4s-gallery-footer-inner{
  display: none;
}

.s4s-gallery-footer-inner {
  margin-top: 20px;
}

.s4s-gallery-footer {
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
}

.s4s-gallery-search-no-results-inner {
  color: #fff;
  text-align: center;
  padding-top: 100px;
}

.s4s-gallery-search-in-progress-inner {
  color: #fff;
  font-weight: 600;
  text-align: center;
  padding-top: 100px;
}

.s4s-gallery-search-text {
  margin-top: 20px;
}

.s4s-gallery-title-standin .s4s-gallery-title__image {
  border: none;
  box-shadow: unset;
}

.fancybox-button.fancybox-close-small {
    display: none;
}

.s4s-gallery-modal-inner-overlay {
    display: none;
}

.s4s-gallery-modal__image-loader-overlay {
    background: rgba(0,0,0,0.6);
    position: absolute;
    z-index: 4;
    top: 0;
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
    color: #fff;
    font-size: 2rem;
}

.s4s-gallery-modal__image-loader-overlay-content {
    text-align: center;
}

.s4s-gallery-modal__image-loader-overlay-content__text {
    font-size: 16px;
    line-height: 32px;
}

.s4s-gallery-modal__related-images .s4s-gallery-title__image {
    width: 32px;
    padding-top: 30px;
    border-radius: 90px;
    margin-right: 10px;
    border: 1px solid #252525;
}

.s4s-gallery-modal__related-images .s4s-gallery-related-item:hover .s4s-gallery-title__image {
    border-color: rgba(255,255,255,1);   
}

.s4s-gallery-modal__related-images .s4s-gallery-related-item.active .s4s-gallery-title__image {
    border-color: #7C05F2;   
}

.s4s-gallery-related-item__details {
  padding-top: 12px;
}

.s4s-gallery-related-item__title {
  font-size: 12px;
  color: #fff;
  padding-bottom: 2px;
  opacity: 0.75;
}

.s4s-gallery-related-item__details:hover .s4s-gallery-related-item__title {
  opacity: 1;
}

.s4s-gallery-related-item__details-inner {
    display: flex;
    place-items: center;
}

.s4s-gallery-related-item__details-inner .s4s-gallery-title__image {
  box-shadow: none;
}

.s4s-gallery-modal__sample-info-card {
  color: #fff;
}

.s4s-search-inner {
  display: flex;
}

#sample-search {
  background: rgba(255,255,255,0.2);
  border-radius: 16px 0 0 16px;
  color: #fff;
  border: none;
}

.sample-search-btn {
  background: linear-gradient( 45deg, #6204BF, #7C05F2, #6204BF );
  border: none;
  border-radius: 0 16px 16px 0;
  color: #fff;
  background-position: left;
  background-size: 280%;
}

.sample-search-btn:hover {
  background-position-x: right;
}

.s4s-gallery-show-all-button {
  background: linear-gradient( 45deg, #6204BF, #7C05F2, #6204BF );
  border: none;
  border-radius: 16px;
  padding: 6px 20px;
  color: #fff;
  background-position: left;
  background-size: 280%;
  display: inline-block;
  margin-top: 20px;
  cursor: pointer;
  transition: 0.3s all;
}

.s4s-gallery-show-all-button:hover {
  background-position-x: right;
}

.s4s-gallery-wrapper .fa-4x {
  background: linear-gradient( 45deg, #6204BF, #7C05F2, #6204BF );
  border-radius: 50%;
  background-size: 280%;
  background-position: left;
}

.s4s-gallery-wrapper .fa-circle-notch {
  padding: 10px;
}

.s4s-gallery-related-item__details .s4s-gallery-title__time {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
}

.s4s-gallery-title__time-year {
    opacity: 0.5;
    font-size: 10px;
}

.s4s-gallery-modal__zoom-level-container {
    display: flex;
}

.s4s-gallery-modal__zoom {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    flex: 1 1 auto;
    text-align: center;
}

.zoom-factor {
    font-size: 10px;
    opacity: 0.7;
}

.s4s-gallery-modal__translate-controls {
    display: block;
    text-align: center;
}

.s4s-gallery-modal__translate-control {
    color: #fff;
    width: 20px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    opacity: 0.7;
}

.s4s-gallery-modal__translate-control:hover {
    opacity: 1;
    color: #7C05F2;  
}

.s4s-gallery-modal__current-zoom-level {
    display: block;
    text-align: center;
    font-size: 28px;
    color: #fff;
}

.s4s-gallery-modal__zoom-level-container {
    display: flex;
}

.s4s-gallery-modal__zoom-level-container .s4s-gallery-modal__zoom {
  opacity: 0.5; 
}

.s4s-gallery-modal__zoom-level-container .s4s-gallery-modal__zoom:hover {
  color: #7C05F2;
  opacity: 1;
}

.s4s-featured-collection-title {
  color: #fff;
  font-size: 22px;
  margin-top: 30px;
  opacity: 0.5;
  margin-left: 20px;
}

.s4s-featured-gallery-heading span {
  font-size: 18px;
  margin-left: 14px;
}

.s4s-featured-gallery-heading span:hover {
  text-decoration: underline;
  color: #fff;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-1-7 18:39:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-horizontal-bottom
 * ----------------------------------------
 */
@-webkit-keyframes flip-horizontal-bottom {
  25% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  75% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
}
@keyframes flip-horizontal-bottom {
  25% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  75% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
}

.flip-horizontal-bottom {
    -webkit-animation: flip-horizontal-bottom 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1s infinite alternate ;
            animation: flip-horizontal-bottom 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1s infinite alternate;
}

/*** UQ framework ***/

.column,
 .columns {
  position:relative;
  padding-left:15px;
  padding-left:.9375rem;
  padding-right:15px;
  padding-right:.9375rem;
  float:left
 }