/**
 * Overwrite Styles set by webflow
 */
.w-icon-dropdown-toggle {
 margin-right:10px;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link,.nav-link {
  padding: 20px 10px;
}
.w-dropdown-toggle {
  padding-right: 30px;
}

img {
   height: auto;
}

/*Video banner background*/
.section.video-wrapper {
   padding: 0 !important;
   overflow: visible !important;
}

/*Hide content when video banner background is enabled*/
.section.video-wrapper .wrapper {
   display: none;
}

.section.video-wrapper .html-embed {
   position: relative !important;
   padding-bottom: calc(1080 / 1920 * 100%) !important;
   max-width: 100% !important;
   height: 0 !important;
   overflow: hidden !important;
   top: 0 !important;
}

.section.video-wrapper .html-embed iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.section.video-wrapper .vimeo-sound {
   position: absolute;
   bottom: 50px;
   left: 50px;
   z-index: 10;
   cursor: pointer;
}

.section.video-wrapper .vimeo-sound--on {
   display: none;
}

.section.video-wrapper .video-aus-logo {
   position: absolute;
   right: 50px;
   bottom: -50px;
   z-index: 10;
}

@media screen and (max-width: 991px) {
   .section.video-wrapper {
      margin-top: 100px;
      padding: 0 !important;
      overflow: visible !important;
   }

   .section.video-wrapper .vimeo-sound {
      bottom: 20px;
      left: 20px;
   }

   .section.video-wrapper .video-aus-logo {
      right: 20px;
   }
}

/*Cascading block dark mode*/
.section.section-dark-mode {
   padding-top: 70px;
   padding-bottom: 70px;
   background-color: #595b5c;
}

.section.section-dark-mode * {
   color: white;
}

.section.section-dark-mode .mini-heading,
.section.section-dark-mode .mini-heading-2 {
  color: #505e78;
}

.section.section-dark-mode .side-content {
   margin-bottom: 0;
}

.section.section-dark-mode .side-slider-nav-2 {
   background: transparent;
}

.section.section-dark-mode .w-slider {
   background-color: transparent;
   box-shadow: none;
}

.section.section-dark-mode .w-slide a div {
   background-size: contain !important;
}

.section.section-dark-mode .mini-heading.white.banner-slider-text {
   color: white;
}

/*Footer social*/
.footer-social-link.linkedin {
   background-image: url('../img/icon-linkedin.svg');
   background-size: 16px;
}

/*Main navigation - 3rd level*/
.w-dropdown.w-dropdown-2 {
   width: 100%;
}

@media screen and (max-width: 991px) {
   .w-dropdown-2 .dropdown-toggle {
      color: white;
   }
}

@media screen and (min-width: 992px) {
   .w-dropdown-2 .w-icon-dropdown-toggle {
      transform: rotate(270deg);
   }
}

.w-dropdown.w-dropdown-2 .dropdown-list-3 {
   top: 0;
   left: 100%;
   background: white;
}

.w-dropdown.w-dropdown-2 .dropdown-link-3:hover {
   background-color: #dce0e9;
}

/*Product grid layout*/
.product-grid {
   justify-items: center;
   grid-template-columns: 1fr;
   row-gap: 80px;
}

.product-grid-button {
   display: flex;
   justify-content: center;
   margin-top: 20px;
}

@media screen and (min-width: 992px) {
   .product-grid {
      grid-template-columns: 1fr 1fr 1fr;
   }

   .product-grid.product-grid-1-col {
      grid-template-columns: 1fr;
   }

   .product-grid.product-grid-2-col {
      grid-template-columns: 1fr 1fr;
   }
}

/*Product price layout*/
.section.product-price {
   padding-top: 60px;
   padding-bottom: 60px;
   background-color: #595b5c;
   color: white;
}

.section.product-price .w-layout-grid {
   grid-template-columns: 1fr;
   grid-row-gap: 40px;
   align-items: center;
   justify-items: center;
}

.section.product-price .product-price-money {
   font-size: 50px;
}

.section.product-price .shopify-buy-frame {
   margin-bottom: 20px !important;
}

@media screen and (min-width: 992px) {
   .section.product-price .w-layout-grid {
      grid-template-columns: 1fr 1fr 1fr;
      grid-row-gap: 0;
   }

   .section.product-price .w-layout-grid.w-layout-grid-2 {
      grid-template-columns: 1fr 1fr;
   }
}

/*Product pool layout*/
.section.product-pool .product-pool-images {
   align-items: flex-end;
}

@media screen and (max-width: 479px) {
   .section.product-pool .product-pool-images > div:nth-of-type(1) {
      order: 2;
   }

   .section.product-pool .product-pool-images > div:nth-of-type(2) {
      order: 1;
   }

   .section.product-pool .product-pool-images > div:nth-of-type(3) {
      order: 3;
   }
}

/*Pool Category price bracket filter*/
.filters-grid .spa-card {
  height: auto;
  width: calc(33.333%);
  margin-bottom: 20px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .filters-grid .spa-card {
    width: calc(50%);
  }
}

@media screen and (max-width: 479px) {
  .filters-grid .spa-card {
    width: calc(100%);
  }
}

.filters-grid {
  display: block;
  width: 100%;
}

/*Border radius*/
.border-radius {
   border-radius: 12px;
}

/*Clearance page grid layout*/
.clearance-grid-1 {
   -ms-grid-columns: 1fr;
   grid-template-columns: 1fr;
}

@media screen and (min-width: 768px) {
   .clearance-grid-1 .spa-card {
      margin: 0 auto;
      max-width: 60%;
   }

   .clearance-grid-2 {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
   }
}