/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------CUSTOM CSS CLASSES------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

/* Side Bar --------------------------------------------------------------------------------- */
.category .page-sidebar .navList-action {
  padding: 4px 0 4px 23px !important;
}

/* Header ----------------------------------------------------------------------------------- */
.breadcrumbs {
  padding-top: 15px;
}

.search--no-quick-add-sku label {
    display: none;
}

@media (min-width: 801px) {
    .header__bottom-nav .navUser-item:first-of-type .navUser-action {
        padding: 2px 0 3px 0 !important;
        line-height: .9125em !important;
        font-size: .9125em !important;
    }
}


/* Affirm------------------------------------------------------------------------------------ */
.form-checklist label[for='radio-cod'] {
  display:none;
}

.affirm-as-low-as {
    color: #6e6e6e !important;
}

/* Product Description Tables --------------------------------------------------------------- */
.productView-description table tr td:first-child{
  font-weight: bold;
}

.productView-description table tr td:last-child{
  font-weight: normal;
}

.productView-description table tr td{
  padding: 6px 12px 0 0;
}

/* GLI Liners ------------------------------------------------------------------------------- */
.gli-igl {
  height: 200px;
  width: auto;
  margin: 0 5px 15px 5px;
  display: initial !important;
}

/* Trusted Site Seal ------------------------------------------------------------------------ */
#trustedsite-tm-image {
  margin: 0 25% auto 75% !important;
}

/* Fix for Klaviyo -------------------------------------------------------------------------- */
.needsclick svg{
  position: inherit;
  width: auto;
  height: auto;
}

/* Logo Display ----------------------------------------------------------------------------- */
.header-logo-image.svg-logo {width:280px;}
.header-logo .header-logo-svg-container {min-width:280px;}
@media (min-width:481px) and (max-width:955px){
	.header-logo-image.svg-logo {width:240px;}
	.header-logo .header-logo-svg-container {min-width:240px;}
}
@media (max-width:480px){
	.header-logo-image.svg-logo {width:180px;}
	.header-logo .header-logo-svg-container {min-width:180px;}
}

/* Footer Enhancements ---------------------------------------------------------------------- */
.ecom-footer {
  background-color: #164462;
  background-size: cover !important;
  background-image: url(//www.eztestpools.com/content/Shapes-Background-Wide.svg) !important;
  background-position: inherit !important;
  padding-top: 3.25rem !important;
}

footer.page-store-landing {
  background-color: #2b398a !important;
}

.wrapper--footerBase {
  padding: 2.2857rem 0 5.875rem 0 !important;
  background: none !important;
}

.ecom-footer .button {
  background-color: #2776AA !important;
  color: #F4F7FC !important;
  border: none !important;
}

.body-store-landing .above-footer-ez {
  display: none;
}

#___ratingbadge_0 {
  left: 0 !important;
  right: unset !important;
}

.footer-info-list ul li {
    font-size: .825em !important;
    margin-bottom: 0px !important;
}

.footer-info-heading-level-2 {
    margin-top: 25px !important;
    text-transform: capitalize !important;
}

/* Product Page ----------------------------------------------------------------------------- */
.affirm-as-low-as {
    color: #6e6e6e !important;
    font-size: .55em !important;
    font-weight: 500 !important;
}

small.required-label {
    color: #ed1c24 !important;
    font-size: .75em !important;
    font-style: italic !important;
}

.productView .productView-options .form-field {
    margin-top: 1.15rem !important;
}

.productView .form-label--alternate {
    font-weight: 600 !important;
}

.productView-carousel {
  padding: 1.14285rem 0;
}

.productView-details-main p.productView-price span {
    font-size: 1.45em;
    font-weight: 500;
    color: #3D852E;
}

span.dollar {
    font-size: .725em;
    vertical-align: top;
    font-weight: 500;
}
.price-primary--priceRange span.dollar {
    font-size: .375em;
    vertical-align: top;
    font-weight: 500;
    padding-top: 3px;
    display: inline-block;
}

.price--withoutTax sup {
    top: -.5em !important;
    font-weight: 500 !important;
    font-size: .625em !important;
}

@media (min-width: 1024px) {
  .price-primary {
      font-size: 2.35rem !important;
      letter-spacing: -1px !important;
  }
}


.price-section-was .price-section--wrapper {
    width: fit-content !important;
}

.price-section.price-section-was {
    font-weight: 500 !important;
    font-style: italic !important;
}

.price-section-was .price-section--wrapper {
    width: fit-content;
}

.price-section.price-section-was {
    font-weight: 500 !important;
    font-style: italic !important;
}


/* Shopper Approved Product Reviews --------------------------------------------------------- */
.SA__social-share-wrapper{
    display: none !important;
}

#SA_review_wrapper .SA__customer_header {
    padding: 12px 0 0 !important;
}

.SA__customer_content .SA__h4 {
    margin-top: 0em !important;
    margin-bottom: 0.25em !important;
    font-weight: 500 !important;
}

#SA_review_wrapper .SA__customer_rating .SA__customer_name {
    font-weight: 400 !important;
}

#SA_review_wrapper .SA__customer_content p {
    font: normal normal normal 14px / 18px Roboto !important;
        font-weight: 300 !important;
}

#SA_review_wrapper .SA__customer_rating {
    font: 14px Roboto !important;
}

@media only screen 
and (max-width : 480px) {
    #SA_review_wrapper .SA__customer_rating {
        font: 18px / 36px Roboto !important;
    }
}

path#Path_2712 {
    fill: #FFC20E !important;
}

path#Path_3145 {
 fill: #FFC20E !important;
}

#Star_Empty g path:nth-child(even) {
    fill: #FFC20E !important;
}

#SA_review_wrapper .SA__review_widget .SA__review_widget_item .SA__review_content .SA__review_bars {
    background: #FFC20E !important;
}

#Star2 path {
    fill: #FFC20E !important;
}


#SA_review_wrapper .SA__customer_rate .SA__h3 {
    color: #FFC20E !important;
    font-size: 50px !important;
    font-weight: 700 !important;
}

#SA_review_wrapper .SA__review_filter button.sa_btn {
    background-color: #FFC20E !important;
    font-weight: 600 !important;
}


/* Sticky Header ---------------------------------------------------------------------------- */
.header-sticky .header-logo .header-logo-image {
  max-height: 100px !important;
}

.header-sticky .header-logo .search-utils {
  display: none !important;
}

.header-sticky .navUser-header-right, .header-sticky .header-right {
  bottom: 0px !important;
}

.header-sticky .header__inner{
  padding: 0.25rem 0.875rem !important;
}

@media only screen and (min-width: 401px) and (max-width: 1025px) {
  body.header-sticky img.header-logo-image {
  }
}

@media (max-width:560px)  {
  body.header-sticky img.header-logo-image {
    max-height: 52px;
  }

  body.header-sticky .header .header__inner{
    padding: 0.25rem 0.875rem !important;
  }

  body.header-sticky .search-utils {
    display: none !important;
  }

  body.header-sticky .navUser-header-right {
      bottom: 10px !important;
  }
}

@media (min-width:560px)  {
  li.navUser-item.navUser-item--phone {
    display: none;
  }
}

body.header-sticky header div.header__inner div.header-logo.header-logo--image.header-logo--center {
    max-width: 100px !important;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

body header div.header__inner div.header-logo.header-logo--image.header-logo--center {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.header {
  margin-bottom: 0 !important;
}

.header--width-contained .header__inner {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

body.header-sticky header div.header__bottom-nav {
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
    background-color: #164462 !important;
}

body header div.header__bottom-nav {
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
    background-color: #164462 !important;
}



/* Navigation ------------------------------------------------------------------------------- 
@media (min-width:801px) {
   .navPage-subMenu-fourth .navPage-subMenu-item-view-all {
       padding: 0 0 0 1.5rem !important;
   }

   .navPage-subMenu-list-third .navPage-subMenu-item-child {
       float: none !important;
       width: 100% !important;
   }

   .navPage-subMenu-list-third .navPage-subMenu-item-parent ::after {
       content: "\00BB" !important;
           margin-left: 0.75rem !important;
           font-size: 1.45em !important;
           font-weight: 100 !important;
   }

   .navPage-subMenu-item-child .navPage-subMenu-third {
       width: 25% !important;
   }

   .navPage-subMenu-third .navPages-action, .navPage-subMenu-third .navUser-action {
       line-height: 15px !important;
   }

   .has-subMenu.is-root+.navPage-subMenu-horizontal .navPage-subMenu-list {
       width: 25% !important;
   }

  
   li.navPage-subMenu-item-child div.navPage-subMenu-horizontal.is-open {
       margin-left: calc(25% + 31px) !important;
   }

   .navPage-subMenu-horizontal.is-open .navPage-subMenu-horizontal .navPage-subMenu-list {
       width: 100% !important;
       padding: 18px !important;
   }

    .navPage-subMenu-horizontal.is-open {
        min-height: unset !important;
    }

}*/
/* Navigation updated Feb 2025 ------------------------------------------------------------------------------- 
*/

.navUser-action, 
.navPages-action {
    font-size: 17px !important;
    text-transform: none;
    line-height: 21px !important;
    letter-spacing: 0.01em !important;
    font-weight: 500 !important;
    padding: .7rem 0.56rem !important;
}

.navPage-subMenu-third .navPages-action, 
.navPage-subMenu-third .navUser-action {
    font-size: 16px !important;    
}
.navPage-subMenu-item-child a.viewAll, .navPage-subMenu-item-parent a.viewAll {
	color:#7cc2f0!important;
	font-weight:500!Important
}

.navPage-subMenu-item-child a {
    font-weight: 400 !important;
}

.navPages-action.is-open {
    border-bottom: 0px solid #164462!important;
}
@media (min-width: 801px) {
.navPage-subMenu-action {
justify-content: space-between!important;
}
    .navPages-action.has-subMenu.is-root {
        padding: 0.857rem 0.4285rem !important;
    }
       .navPages-action.has-subMenu.is-root.is-open {
        padding: 0.857rem .4285rem !important;
    }
    
    .navPages-action {
        padding: .5rem .9rem !important;
    }
   
    .has-subMenu.is-root+.navPage-subMenu-horizontal {
        width: 24.19643rem!important;
    }
     .header__inner .header-right {
        width: calc(100% - 160px) !important;
    }
    .navPages-item[class] {
        margin-right: .6rem!important;
    }
    .navPages-action-moreIcon {
        margin-left: .31429rem!important; 
    }
        .navPage-subMenu-horizontal[class][class],    .navPage-subMenu-horizontal {
        margin-top: 0px!important;
    }
}

@media (max-width: 580px) {
    .navPages-container.is-open {
        padding-top: 130px!important;
    }
  
}
@media (max-width: 480px) {
    .navUser-header-right {
        bottom: 65px!important;
    }
  
}
 
@media (min-width:480px) and (max-width: 800px){
.navUser-header-right {
    bottom: 70px !important;
}
}
/* Fixed Mobile Search */
@media (max-width: 560px) {
    .header-sticky .header {
        min-height: 123px !important;
    }

    body.header-sticky .search-utils {
        display: block !important;
        position: absolute !important;
        bottom: -46px !important;
    }

    .search {
        width: 94% !important;
    }

    body.header-sticky .navUser-header-right {
        bottom: 0px !important;
    }
}

@media (min-width: 801px) and (max-width:947px) {
    .search-utils {
        max-width: 26.71429rem!important;
    }
}
@media (min-width: 801px) and (max-width:1047px) {

    .header--width-contained .header__inner {
    	padding: .8rem!important
    }
}


@media (min-width: 946px) {
    .search-utils {
        max-width: 35.71429rem!important;
    }
}

@media (max-width: 800px) {
    .navPages-list--user .navPages-item {
        display: flex;
        column-gap: 20px;
        align-items: center;
    }
    

    .header-sticky .navUser-header-right, 
    .header-sticky .header-right {
        bottom: 62px !important;
    }

    li.navUser-item.navUser-item--phone {
        display: block !important;
    }
}


@media  (min-width:947px) and (max-width: 1490px) {
    .header--width-contained .header__inner {
        padding: .9rem .7rem!important;
    }
    .header__bottom-nav-inner  {
    	padding:0 1.5714rem!important
    }
}

body.header-sticky header div.header__bottom-nav {
    background-color: #164462;
}



/* Side Cart and Cart Line Fix and Button --------------------------------------------------- */
.cart-total+.cart-total {
  border-top: 1px solid #DDDDDD !important;
}

.side-cart .side-cart-details .side-cart-detail, .side-cart .side-cart-content, .side-cart .side-cart-sku-add, .side-cart .side-cart-title {
  border-bottom: 1px solid #DDDDDD !important;
}

.cart .cart-actions .button {
  text-transform: capitalize;
}

.cart .cart-additionalCheckoutButtons div {
  margin: .25em 0 0 0 !important;
}
.cart .cart-additionalCheckoutButtons {display:none;}


/* Blog Table ----------------------------------------------------------------------------- */
.blog th {
    color: #fff !important;
    line-height: 1.4 !important;
    background-color: #164462 !important;
    padding: 8px !important;
    font-weight: 500 !important;
    font-size: 1.18em !important;
}

.blog td {
    padding: 8px !important;
}

.blog tr:nth-child(even) {
    background-color: #F4F7FC !important;
}

.blog tr:nth-child(odd) {
    background-color: #FBFBFB !important;
}

.blog tr {
    border: 1px solid #DDD !important;
}

.blog thead tr {
    border: 1px solid #164462 !important;
}

.blog table {
    -webkit-box-shadow: 2px 2px 4px 0 #CCCCCC;
    box-shadow: 2px 2px 4px 0 #CCCCCC;
}

.blog table thead tr th a {
    color: white !important;
}

.blog table {
    width: 100% !important;
}

.blog h3 {
    font-size: 1.195em !important;
    padding-bottom: .075em !important;
}

.blog li {
    margin-left: 1.675em !important;
}

.blog li p {
    margin-bottom: .75em !important;
}

.blinker-product-grid.productGrid .product {
    margin-left: 0 !important;
}

.blog .card-image {
    margin: inherit !important;
}

.blog-thumbnail {
	max-width:800px !important;
}

.blog-header h1.blog-title {
	margin: 0 0 0.5rem 0 !important;
	font-size: 2.9rem;
}

.blog-post-body header.blog-header {
	margin: 0 0 2.75rem 0 !important;
	border-bottom: 1px solid #CCC !important;
	padding-bottom: 1.25rem !important;
}



/* Descritption Show more for non-parts categories ---------------------------*/
.custom-toggle-input {
  display: none;
}

@media (max-width:800px){
.custom-text-container {
    position: relative;
    max-height: 150px;
    overflow: hidden;
    transition: max-height 1s ease;
  }

  /* Gradient fade */
  .custom-text-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70px; /* Adjust height as needed */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); /* fade to white */
    pointer-events: none; /* ensures clicks pass through */
    transition: opacity 0.3s ease;
  }

  /* Hide gradient when expanded */
  .custom-toggle-input:checked + .custom-text-container::after {
    opacity: 0;
  }


    .custom-toggle-label {
        background: #f4f7fc;
        display: inline-block;
        color: #2776aa;
        cursor: pointer;
        font-weight: bold;
        padding: 15px 20px;
        width: 100%;
        margin: 10px 0 20px 0;
        text-align: center;
    }
.custom-toggle-label::after {
  content: "Show More";
}

.custom-toggle-input:checked + .custom-text-container {
  max-height: 1200px; /* Is this enough? Check Dr. Dryden's category */
}

.custom-toggle-input:checked + .custom-text-container + .custom-toggle-label::after {
  content: "Show Less";
}
}

/* hide affirm on category page */

.category--grid #afffirm-promo-box {display:none!important;}

/* search facets */
.form-minMaxRow .form-field {margin:10px 0 0 0!important;}