/** Shopify CDN: Minification failed

Line 1059:43 Expected identifier but found "*"
Line 1702:29 Expected identifier but found "!"
Line 3359:2 Unexpected "<"
Line 3362:4 Expected identifier but found "<"
Line 3364:0 Expected "}" to go with "{"

**/




/*============================================================================
Get font-families from theme settings
==============================================================================*/





/*body:not(.common-home) footer {
margin-top: 20px;
}*/
/*
.ion-android-cart:before {
font-size: 32px;
}
*/

.aahoa-member-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 1rem;
  font-size: 14px;
  font-weight: 600;
  color: #1f2933;

  background-color: #ececec;
  padding: 6px 12px;
  border-radius: 4px;
}

.aahoa-member-badge img {
  width: 24px;
  height: auto;
  display: block;
}

.price-box.box-regular.aahoa-active {
  margin-top: 0.5rem !important;
}

#content > div > div.col-sm-7.product-info-main.map_single_pro > div > div.product-description > p{

  margin-top:0px;
}

.wwh-account-pricing-box {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 12px 0 16px;
  padding: 6px 8px;
  max-width: 420px;
  background: #fff6ed;
  border: 1px solid #ffd2a8;
  border-left: 4px solid #f28c28;
  border-radius: 4px;
  color: #5c3b14;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  transition: all 0.2s ease;
}

.wwh-account-pricing-box:hover {
  background: #ffeedb;
  border-color: #f28c28;
  color: #5c3b14;
  text-decoration: none;
}

.wwh-account-pricing-box strong {
  color: #d96a00;
  font-weight: 700;
}

.wwh-account-pricing-icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  object-fit: contain;
}

/* custom slider */
.static-slider-cust-slider {
  background: #1d1d1d;
  border-bottom: 1px solid #2d2d2d;
}
.static-slider-cust-slider .owl-item.active {
  border-left: 1px solid #2d2d2d;
}
.static-slider-cust-slider .owl-item.first {
  border:0;
}
.static-slider-cust-slider.banner-static .image a:before {
  display:none;
}
.static-slider-cust-slider .image a .text {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 8%;
  top:auto;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.static-slider-cust-slider .text .text1 {
  color: #ea3e32;
  display: block;
  text-transform: capitalize;
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 2px;
}
.static-slider-cust-slider .text .text2 {
  color: #fff;
  display: block;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 30px;
  font-family: "Prata", serif ;
  line-height: 1.1;
}

.static-slider-cust-slider .text .link {
  font-size: 14px;
  display: block;
  color: #525252;
  text-transform: capitalize;
  margin-top: 36px;
  text-decoration: underline;
}
.static-slider-cust-slider .text .link:hover {
  color: #ea3e32;
}

/* custom slider */



.oc-banner7-container .flexslider .slides {
    
    background: #;
}


.static-middle-sneaker1 .text3{
	font-size: 18px !important;
}


/* product page */
#product-product #content .is-countdown {
  position: relative;
  max-width: 250px;
  text-align: center;
  bottom: auto;
  left: 0;
}

.product-zoom-image.sticky div#wrap {
  margin-bottom: 20px;
}


span#variantQuantity.is-visible {
  color: red; 
  margin: auto 20px;
  line-height: 45px;
}

/*.hd2 .selected-currency {
padding-right: 0px !important;
margin-right: 0px !important;
border:0px !important;
}*/
.topbar.alert-success {
  color: #ffffff;
  background-color: #292929;
}

.topbar.alert-success button#alertbtn {
  float: none;
  padding-left: 40px;
  font-size: 13px;
  vertical-align: text-top;
  opacity: .5;
  padding-top: 1px;
  color: #ffffff;
  top: inherit;
  right: inherit;
}
.toast-success {
  background-color: #ea3e32 !important;
}
img.img-responsive.insta-size {
  width: 30% !important;
  display: inline !important;
  padding: 0px 10px 10px 0px;
}
img.img-responsive.insta-size:hover {
  opacity: .8;
}
div#instafeed {
  text-align: center;
  margin-top: 50px;
}


.selector-wrapper {
  display: none;
}
#productSelect {
  display: none;
}

/*.product-view .tab-view a {
padding: 0px !important;
font-size: 15px !important; 
}*/

/* cart page */
.buttons.cartbtn a {
  color: #fff;
}
/* footer content */
.footer .footer-content.contact {
  margin-top: 10px;
}
.footer .footer-content.contact li i {
  display: inline-block;
  text-align: center;
  float: left;
  font-size: 18px;
  margin: 5px 10px 5px 0px;
}

.footer-bottom{
  background-color:#F8F5F3;
}

/* vertical slider */
.bx-pager.bx-default-pager {
  display: none;
}
.bx-wrapper {
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
}

.bx-wrapper .bx-controls-direction a {
  top: 110% !important;
}

.bx-wrapper .bx-next {
  right: -2px !important;
}
.bx-wrapper .bx-prev {
  left : -2px !important;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
}

.carousel-inner > .item {
  margin-bottom: 0px;
}

.carousel-inner > .item.active {
  border: 0px;
}

.carousel-control {
  position: absolute;
  display: block;
  top: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  left: 0px;
  margin-top: -20px;
  /*  color: #262626;
  border-radius: 100%;
  */
  background: #fff;
  opacity: 0;
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -o-transform: translateY(30px);
  cursor: pointer;
  transform: translateY(30px);
  background-image: none !important;
}

.carousel:hover .carousel-control{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.carousel-control:hover{
  /*background: #ea3e32;*/
  color: #fff;
}

.carousel-inside .carousel-control {
  position: absolute;
  display: block;
  height: 35px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: #333745;
  color: #ffffff;
  top: 50%;
  padding: 0;
  margin-top: -17px;
  border: none;
  outline: none;
  opacity: 1;
  -webkit-transition: left 0.3s ease 0.3s, right 0.3s ease 0.3s;
  -o-transition: left 0.3s ease 0.3s, right 0.3s ease 0.3s;
  transition: left 0.3s ease 0.3s, right 0.3s ease 0.3s;
  text-shadow: none;
}

.carousel-control i.fa {
  font-size: 20px;
  vertical-align: text-top;
  color: #333;
}
.carousel-control i.fa:hover {
  color: #ea3e32; 
}
.carousel-inside .carousel-control.next {
  right: -22px;
  left: auto;
}

.carousel-inside .carousel-control.prev {
  left: -22px;
  right: auto;
}

.owl-item a.carousel-control {
  position: absolute;
}

.carousel-indicators li {
  width: 20px;
  height: 20px;
  border-radius: 20px; 
}

.toolbar label.control-label {
  display: none;
}

.small-item .spr-badge:after {
  clear: none;
}

.social-sharing {
  margin: 20px 0px 0px 0px;
}
.social-sharing .btn {
  height: 47px;
  line-height: 47px;
  border: 2px solid #ababab;
  max-width: 150px;
  font-size: 14px;
  color: #fff;
}

.social-sharing a.btn {
  width: 47px;
  line-height: 47px;
  
  border-radius: 0;
  background: transparent;
  color: #ea3e32;
  position: initial;
  left: 50%;
  opacity: 1;
  padding: 0px;
  margin-right: 6px;
}

.social-sharing a.btn:hover {
  color: #fff;
  background: #ea3e32;
  border-color: #ea3e32;
}

.error-text img { 
  display:block;
  margin: 0px auto;
}

.error-text h1 {
  text-align: center;
}

.error-text .buttons a, .submit button, #submitMessage {
  margin: 10px;
}
.error-text .buttons a {
  margin: 0px auto;
  display: block;
  border: none;
  box-shadow: none;
  color: #ea3e32;
}
#wraper_ajax.loadding_ajaxcart, .ajax_loading {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 26px !important;
  color: #666;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
  margin-top: -25px;
  margin-left: -25px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  top: 50% !important;
  left: 60%;
  position:fixed;
  display: none;
  z-index: 9990;
}
#wraper_ajax.loadding_ajaxcart .fa {
  font-size: 26px !important;
}

.advanced-filters{margin-bottom:30px}
.advanced-filters a {
  display: block;
  position: relative;
  padding: 0px 0px 0px 25px !important;
  border: 0px !important;
}
.advanced-filters a:before,.advanced-filters a:after{content:'';display:block;position:absolute}
.advanced-filters a:before{top:4px;left:0;width:12px;height:12px;/*background-color:#fff;*/border:1px solid #ccc; margin-top: 2px;}
.advanced-filters a:after {
  top: 8px;
  left: 5px;
  width: 7px;
  height: 8px;
  background-color: transparent;
  margin-top: 2px;
}
.advanced-filters a:hover:after {
  background-color: transparent;
}
.active-filter a.advanced-filter:after{
  background-color:#ea3e32
}
.active-filter a.advanced-filter:hover:after {
  content: '\78';
  top: 5px;
  left: 1px;
  width: 15px;
  height: 15px;
  background-color: #ea3e32;
  font-size: 8px;
  text-align: center;
  color: #fff;
  font-family: "icons";
  line-height: 15px;
  speak: none;
}
.advanced-filters .blue a:before {
  background-color:blue; 
}
.advanced-filters .red a:before {
  background-color:red; 
}
.advanced-filters .green a:before {
  background-color:green; 
}
.advanced-filters .white a:before {
  background-color:white; 
}
.advanced-filters .black a:before {
  background-color:black; 
}
.advanced-filters .yellow a:before {
  background-color:yellow; 
}
.advanced-filters .pink a:before {
  background-color:pink; 
}
.advanced-filters .grey a:before {
  background-color:grey; 
}
.advanced-filters .orange a:before {
  background-color:orange; 
}
.advanced-filters .maroon a:before {
  background-color:maroon; 
}

.selector-wrapper select {
  background: #ffffff none repeat scroll 0 0;
  height: 26px;
  padding: 0 0 0 5px;
  margin-bottom: 15px;
  width: 224px;
  border: 1px solid #d6d4d4;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.selector-wrapper label {
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 7px;
  text-align: left;
  width: 65px;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  vertical-align: middle;
}

.table-checkout-cart h5 a {
  color: #ea3e32;
  font-size: 13px;
}

#product .contact-form {
  display:inline;
}

.item form#contact_form {
  display: inline;
}

/* 
Swatches Styles
*/



.swatch { 
  margin:20px 0px 0px 0px; 
}
.swatch:first-child { 
  margin:0 0 1em 0; 
}
/* Label */
.swatch .header {
  display: none;
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
.swatch label {
  /* Rounded corners */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  /* To give width and height */
  float:left;
  /* Color swatches contain no text so they need to have a width. */
  min-width:50px !important; 
  height:35px !important;
  /* No extra spacing between them */
  margin:0;
  /* The border when the button is not selected */
  border:#ea3e32 1px solid;
  /* Background color */
  background-color:#fff;
  /* Styling text */
  font-size:13px;
  text-align:center;
  line-height:35px;
  white-space:nowrap;
  text-transform:uppercase;
}
.swatch-element label { padding:0 10px; }
.color.swatch-element label { padding:0; border:none; }
.color.white.swatch-element label { border:#ea3e32 1px solid; }
/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
  /* -webkit-box-shadow:0px 1px 2px #ea3e32 ;
  -moz-box-shadow:0px 1px 2px #ea3e32;
  box-shadow:0px 1px 2px #ea3e32;*/
  background-color: #ea3e32; 
  color: #fff;
  border-color:transparent;
} 
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 10px 0px 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:-23px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -ms-transform:translateY(0px);
  -o-transform:translateY(0px);
  transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}

/* review tab form */
input.spr-form-input, textarea.spr-form-input {
  padding: 8px;
}
.spr-form-input.spr-starrating a {
  line-height: 20px;
  height: 18px;
  padding: 0px;
}
.spr-badge {
  font-size: 10px;
}
.featuredproduct-container .spr-badge, .mostviewed-container .spr-badge {
  display: inline-block;
}
.spr-icon {
  font-size: 100% !important;
  color: #ea3e32;
}
.spr-icon-star {
  color: #ea3e32;
}

.spr-icon.spr-icon-star-empty {
  opacity: 1 !important;
}
/*--------------------------------------------*/
/*  Newsletter PopUP Area
/*--------------------------------------------*/
#newsletter-popup-conatiner {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
}
#newsletter-pop-up {
  background: rgba(100, 100, 100, 0.7) repeat scroll 0 0;
  color: #ffffff;
  height: 400px;
  left: 50%;
  min-width: 450px;
  padding: 35px;
  position: absolute;
  text-align: left;
  top: 50%;
  width: 800px;
  margin-left: -400px;
  margin-top: -200px;
}
#newsletter-pop-up .hide-popup {
  background: #000000 none repeat scroll 0 0;
  border: 1px solid #ffffff;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
  line-height: 24px;
  min-width: 70px;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: -30px;
}
#newsletter-pop-up .hide-popup:hover {
  background: #E03550
}
.title-subscribe h1 {
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 60px;
  text-transform: uppercase;
  color: #232323;
}
#newsletter-form .content-subscribe {overflow: hidden}
.form-subscribe-header label {
  color: #999999;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 25px;
  margin: 20px 0;
  max-width: 72%;
}
#newsletter-form .input-box, #newsletter-form .content-subscribe .actions1 {float: left}
#newsletter-form .input-box .input-text {
  color: #232323;
  border: 1px solid #eeeeee;
  height: 40px;
  line-height: 40px;
  margin: 0 0 5px;
  padding-left: 10px;
  width: 380px;
}
#newsletter-form  .actions1 .button-subscribe {
  background-color: #222222;
  border: medium none;
  color: #ffffff;
  font-family: "Rubik", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 1em;
  height: 40px;
  line-height: 40px;
  min-width: 115px;
  padding: 0 10px;
  text-transform: uppercase;
}
#newsletter-form .actions1 .button-subscribe:hover {
  background: #ea3e32;
  color: #fff;
}
.subscribe-bottom {
  color: #000000;
  display: block;
  margin-top: 15px;
  overflow: hidden;
}
.subscribe-bottom label {
  color: #000;
  font-size: 12px;
  margin-bottom: 0;
}
#dont_show {
  margin: 0;
  vertical-align: middle;
}

ul.ct-payment {
  float: right;
  margin-top: -33px;
  padding-top: 10px;
  padding-right: 50px;
}
.ct-payment a.fa {
  color: #fff;
  font-size: 30px; 
}


/* Additional CSS */
.top-menu ul.link-follow li a {
    background: #2999E3 !important;
    color: #fff !important;
}


#oc-menu-header .ul-top-items .li-top-item .a-top-link{
      font-size: 12px !important;

}


.oc-banner7-container .nivo-directionNav a.nivo-nextNav{
right: 10px !important;
}

.oc-banner7-container .nivo-directionNav a.nivo-prevNav{
left: 10px !important;
}


#oc-menu-header .ul-top-items .li-top-item.active .a-top-link {
      color: #00d2ff !important;
}


#oc-menu-header.oc-menu-bar {
    background: #197ABE !important;
}

#oc-menu-header .ul-top-items .li-top-item, #oc-menu-header .ul-top-items .li-top-item:hover, #oc-menu-header .ul-top-items .li-top-item.active {
    background: #197ABE !important;
}

.module-title{
	margin-top: 45px;

}

.static-text-notification{
	
  margin-top: 72px;

}

div#shopify-section-1590199780488 {
    background: #f8fcff;
    padding: 0px 0px 30px 0px;
}


div#shopify-section-1590199780488 h2 {
    background: #f8fcff;
}

.static-text-notification p{

  font-size: 25px;
}


.product-info-detailed .nav-tabs{
background: linear-gradient(to right, #197abe 0%,#2acef1 100%);

}



.product-product .product-info-detailed h5{
background: #d2d2d2;
color: #555;
padding: 5px;
border: 1px solid #d5d5d5;
}



a.spr-icon.spr-icon-star.spr-icon-star-empty{
  
  padding:1px;
  margin:1px;

}



.product-info-detailed .tab-content{

  padding: 15px;
  background: #eaeaea;
  

}

.product-info-detailed .tab-content a {

  padding: 5px;
  background: #ea3e32;
  color:#fff;
  border-radius: 3px;

}

a.spr-icon.spr-icon-star{
  
  padding:1px;
  margin:1px;
  
}


.blog-blog .intro-content img{
      width: 25%;
}

#shopify-section-1504983008053{
  margin-bottom: 50px;
}


.product-name a {
    color: #2f333a;
    padding: 0;
    display: block;
    text-transform: initial !important;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal !important;
}


.product-layout.product-list.col-xs-12.product-item {
    border: 1px solid #ebebeb;
}


/* Home Page */
#shopify-section-1509199306907 .banner-static .image img {
	width: 100%;
}
.custom-banner .col {
    width: 20%;
    text-align: center;
    position: relative;
    float: left;
}
.custom-banner .col .image {
  	background: #f6f6f6;
    margin-top: 0;
}
.custom-banner .col .banner-link {
    font-weight: 500;
  	display: block;
  	margin-top: 20px;
    padding-top: 13px;
	border-top: 1px solid #ebebeb;
}

/* Shop by Brand Page */
.shop-brand-logos tr td {
    width: 20%;
    height: 30px;
}
.shop-brand-logos tr td img {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Single Product Page */
.product-product .product-zoom-image .cloud-zoom-big {
  	width: 100% !important;
  	background-repeat: no-repeat !important;*/
}
.product-product .product-info-detailed h5 {
  	font-size: 20px !important;
}

/* Repair Parts Links */
.product-repair-parts .spec.data a {
  color: #ea3e32;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.repair-parts-notice {
  margin: 12px 0 0;
  padding: 10px 14px;
  background: #f8f8f8;
  border-left: 3px solid #ea3e32;
  color: #555;
  font-size: 13px;
  line-height: 1.5;
  font-style: italic;
}

.product-repair-parts .spec.data a:hover {
  color: #2f333a;
  text-decoration-thickness: 2px;
}

/* Section rows created from __section */
.product-specifications .specs:has(.attribute:contains("__section")) {
  background: #f8f8f8;
  border-top: 2px solid #e5e5e5;
  margin-top: 14px;
}

/* Hide the __section label */
.product-specifications .specs:has(.attribute:contains("__section")) .attribute {
  display: none;
}

/* Style the section title */
.product-specifications .specs:has(.attribute:contains("__section")) .data {
  width: 100%;
  font-size: 17px;
  font-weight: 600;
  color: #2a2a2a;
  padding: 12px 14px;
}

/* Product Extra Fields */
#productExtraFieldsContainer #product-attribute-specs-table .label {
  	text-align: left !important;
  	border-style: none none solid;
    border-color: #ededed;
}
#productExtraFieldsContainer #product-attribute-specs-table td {
  	border-style: none none solid;
    border-color: #ededed;
}
#productExtraFieldsContainer #product-attribute-specs-table .label font {
    color: #ea3e32 !important;
    font-size: 16px;
    font-weight: 500;
}
.product-info-main .price-box {
    /*border-bottom: 1px solid #ededed; */ /* Disabled on 08/29/2024 by joseph for the Instant Discount banner. */ 
    padding-bottom: 20px;
    margin-bottom: 0;
}
.product-info-main .short-des {
    padding: 0;
  	border-top: none !important;
}

/* Collections Page */
.product-tabs-container-slider .text-center {
	font-size: 25px;
}

#shopify-section-collection-page #collection-bottom-description {
	margin-top: 50px;
}

/* Product Call Help Button */
.product-call-btn {
  	color: #fff;
	margin-top: 5px;
    font-size: 13px;
    line-height: 50px;
    padding: 0 35px;
    background: #ea3e32;
    float: left;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 5px;
  	border-radius: 3px;
}
.product-call-btn:hover {
  	color: #fff !important;
  	background: #2f333a;
}
#need-help-number {
    margin-top: 10px;
}
#need-help-number span {
  	font-size: 16px;
}

/* Advance Product Options */
.mw-options-container ul li {
  	margin-bottom: 7px !important;
}
.mw-options-container .mw-option-checkbox .qty-input-blk {
  	margin: 0 15px -5px !important;
}

/* Landing Page */
.landing-page-container .qview-button-wrapper.qview-button-wrapper--has-overlay {
  	background: transparent !important;
}  
.landing-page-container .qview-button {
    display: none !important;
}


/* Breadcrumbs */
.breadcrumb {
	display: block;
    text-align: left;
    line-height: 25px;
    overflow: hidden;
    padding: 10px 0;
    margin: 40px 0;
    background: none;
}

/* Product Banner */
.custom-product-banner {
	text-align: center;
    background: #EFEFEF;
}  
.custom-product-banner .mobile-banner-img {
	display: none;
}

/**
* Simple fade transition for product video popup,
*/
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out; 
  -moz-transition: all 0.15s ease-out; 
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out; 
  -moz-transition: all 0.15s ease-out; 
  transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


/* alert success message newsletter */
#contact_form .successMessage.alert.alert-success.alert-dismissible {
  position: relative;
  width: 100%;
}

.alert-dismissable .close, .alert-dismissible .close {
  right: 10px !important;
  top: 2px !important;
  font-size: 15px;
}

/* instagram */

#instagram_block_home .owl-carousel .owl-item{
  padding: 0;
}
#instagram_block_home .owl-item a::before{
  background: rgba(0,0,0,.5);
  right: 25px;
  top: 25px;
  bottom: 25px;
  left: 25px;
  position: absolute;
  content: "";
  z-index: 1;
  opacity: 0;
}
#instagram_block_home .owl-item::after,
#instagram_block_home .owl-item::before{
  position: absolute;
  width: 1px;
  height: 70px;
  content: "";
  top: 50%;
  left: 50%;
  z-index: 2;
  background: #fff;
  margin-top: -35px;
  transform: scale(0);
}
#instagram_block_home .owl-item::after{
  width: 70px;
  height: 1px;
  margin-top: 0;
  margin-left: -35px;
}
#instagram_block_home .owl-item ,
#instagram_block_home .owl-item a{
  position: relative;
  display: block;
}
#instagram_block_home .owl-item:hover::before,
#instagram_block_home .owl-item:hover::after{
  transform: scale(1);
}
#instagram_block_home .owl-item:hover a::before{
  opacity: 1;
}

/* transition */
#instagram_block_home .owl-item:hover::before, #instagram_block_home .owl-item:hover::after{
  -webkit-transition: ease-in-out all .3s;
  -moz-transition: ease-in-out all .3s;
  transition: ease-in-out all .3s;
}

.modal-product span.old-price {
  text-decoration: line-through;
  padding-left: 10px;
  color: red;
}

/* Static slider video */
.our_story, .our_story1{
  position:relative;
  text-align:center;
  margin-bottom: 50px;
}
.our_story1{
  margin-bottom: 0px;
  margin-top: 90px;
}
@media (max-width:991px){
  .our_story, .our_story1{
    margin-bottom:30px;
  }
}
.static_video, .static_video1{
  position:relative;
  padding:0;
}
.our_story .static_video .added_video, .our_story1 .static_video1 .added_video1{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  z-index: 9;
}
.oc-banner7-container .flexslider .slides.static_video img {
  z-index: -1; 
}
.our_story .static_video #cms_play, .our_story1 .static_video1 #cms_play1{
  position:absolute;
  top:30%;
  left:50%;
  cursor:pointer;
  -moz-transform:translateX(-50%) translateY(-50%);
  -webkit-transform:translateX(-50%) translateY(-50%);
  -o-transform:translateX(-50%) translateY(-50%);
  -ms-transform:translateX(-50%) translateY(-50%);
  transform:translateX(-50%) translateY(-50%);
}
.our_story1 .static_video1 #cms_play1{
  top:50%;
  left:50%;
}
.our_story1 .static_video1 .img_static1 {
  width: 100% !important;
}
.our_story .static_video #cms_play img, .our_story1 .static_video1 #cms_play1 img{
  -webkit-transition:all 300ms ease-in;
  -moz-transition:all 300ms ease-in;
  -ms-transition:all 300ms ease-in;
  -o-transition:all 300ms ease-in;
  transition:all 300ms ease-in;
}
.our_story .static_video #cms_play img:hover, .our_story1 .static_video1 #cms_play1 img:hover{
  transform:scale3d(1.1,1.1,1.1);
  -moz-transform:scale3d(1.1,1.1,1.1);
  -webkit-transform:scale3d(1.1,1.1,1.1);
  -webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;
  -ms-transition:all 300ms ease-in;
  -o-transition:all 300ms ease-in;
  transition:all 300ms ease-in;
}

.our_story .static_video video.added_video {
  width: 100%    !important;
  height: auto   !important;
}

.our_story .static_video .added_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#banner0 {
  margin-top: 60px;
}
#banner0 img {
  margin: 0px auto;
}

/* comments area css */
.comment-area {
  margin-top: 70px;
}
.comments-heading > h3 {
  border-top: 1px solid #e5e5e5;
  font-family: "Rubik", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-size: 24px;
  margin: 0 0 50px;
  padding: 22px 0 0;
  text-transform: uppercase;
}
.comment-list-image {
  float: left;
  margin-right: 15px;
}
.comment-content-wrap > p {
  margin-top: 15px;
}
.comment-content-wrap {
  border: 1px solid #ddd;
  color: #42414f;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 15px 63px;
  padding: 10px;
  position: relative;
}
.comment-content-wrap::before {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  content: "";
  display: block;
  height: 10px;
  left: -5px;
  position: absolute;
  top: 10px;
  transform: rotate(45deg);
  width: 10px;
}
.comments-list ul li {
  margin-bottom: 25px;
}
.threaded-comments {
  margin-left: 50px;
}
.comment-respond {
  margin-top: 65px;
}
h3.comment-reply-title {
  border-top: 1px solid #e5e5e5;
  font-family: "Prata", serif ;
  font-size: 24px;
  margin: 0 0 50px;
  padding: 22px 0 0;
  text-transform: uppercase;
}
span.email-notes {
  color: #42414f;
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"] {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 32px;
  margin-bottom: 15px;
  padding: 0 0 0 10px;
  width: 100%;
}
.comment-respond textarea#message, .comment-respond textarea#CommentBody {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  height: 130px;
  max-width: 100%;
  padding: 10px;
  width: 100%;
}
.comment-respond input[type="submit"] {
  background: #919191 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  font-family: "Prata", serif ;
  font-size: 12px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  padding: 0 15px;
  text-shadow: none;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
.comment-respond input[type="submit"]:hover {
  background-color: #ea3e32;
}

#checkout-cart .pull-right .additional-checkout-button {
  margin-left: 10px; 
}

/* Hide buy now button specific product */
.buy-btn-1357740179528,
.buy-btn-4884145406038,
.buy-btn-1409567752264,
.buy-btn-1409567752264,
.buy-btn-1409567719496 {
    display: none !important;
}

@media (max-width:991px){
  #checkout-cart .pull-right, #checkout-cart .pull-left{
    float: none !important;
    text-align: center;
    margin: 10px 0; 
  }
}

@media(max-width: 768px){
  #newsletter-popup-conatiner {
    display: none !important;
  }
  ul.ct-payment {
    float: none !important;
    text-align:center;
    padding-top: 10px; 
    padding-right: 0px;
  }
  
  	/* Product banner */
  	.custom-product-banner .desktop-banner-img {
    	display: none !important;
    }
  	
  	.custom-product-banner .mobile-banner-img {
    	display: inline-block !important;
    }
}

@media(max-width: 450px){
  
	.custom-banner .col {
      	width: 100% !important;
    }
    .custom-banner .col .image {
        height: 100% !important;
    }
    .custom-banner .col .banner-link {
        margin-bottom: 20px !important;
    }
  
    .shop-brand-logos tr td {
        width: 100% !important;
    	display: inline !important;
    }
  
  	/* Home Page Slider 
  	.nivoSlider {
    	height: 200px;
    }*/
}


#PWS_Building{
height:400px;
width:auto;
}

.PWS_Map{
width:50%;
 max-width:100%;
}

.PWS_Building2{
width: 50%; max-width: 100%;
}

@media(max-width: 800px){

#PWS_Building{
height:auto;
width:100%;
}
.PWS_Map{
width:100%;
 max-width:100%;
}
.PWS_Building2{
width: 100%;
}

}



@media(max-width: 650px){
  #callnowbutton {
      display: block !important;
      position: fixed;
      text-decoration: none;
      z-index: 2147483647;
      width: 100%;
      left: 0;
      bottom: 0;
      height: 60px;
      text-align: center;
      color: #fff;
      font-weight: 600;
      font-size: 120%;
      overflow: hidden;
      background: #ea3e32;
      display: flex !important;
      justify-content: center;
      align-items: center;
      text-shadow: 0 1px 0px rgba(0, 0, 0, 0.18);
  }
  
  
}


#callnowbutton {
    display: none;
}


@media(max-width: 650px){
.nivoSlider img{
  
 height: 150px !important;
 width: 380px !important;
  background: #197bbd;

}
  
/*  .oc-banner7-container .flexslider {
    
    background: #e2e2e2;
} */
  
  .banner7-des p{
    font-size: 20px !important;
  }
  
  .banner7-content .sub-title{
    font-size: 25px !important;
    margin: 5px 0px !important;
    
  }
  
} 

.bg-navy{background-color:#001F3F !important}.bg-blue{background-color:#0074D9 !important}.bg-aqua{background-color:#7FDBFF !important}.bg-teal{background-color:#39CCCC !important}.bg-olive{background-color:#3D9970 !important}.bg-green{background-color:#2ECC40 !important}.bg-lime{background-color:#01FF70 !important}.bg-yellow{background-color:#FFDC00 !important}.bg-orange{background-color:#FF851B !important}.bg-red{background-color:#FF4136 !important}.bg-fuchsia{background-color:#F012BE !important}.bg-purple{background-color:#B10DC9 !important}.bg-maroon{background-color:#85144B !important}.bg-white{background-color:#fff !important}.bg-gray{background-color:#aaa !important}.bg-silver{background-color:#ddd !important}.bg-black{background-color:#111 !important}.navy{color:#001F3F}.blue{color:#0074D9}.aqua{color:#7FDBFF}.teal{color:#39CCCC}.olive{color:#3D9970}.green{color:#2ECC40}.lime{color:#01FF70}.yellow{color:#FFDC00}.orange{color:#FF851B}.red{color:#FF4136}.fuchsia{color:#F012BE}.purple{color:#B10DC9}.maroon{color:#85144B}.white{color:#fff}.silver{color:#ddd}.gray{color:#aaa}.black{color:#111}.border--navy{border-color:#001F3F}.border--blue{border-color:#0074D9}.border--aqua{border-color:#7FDBFF}.border--teal{border-color:#39CCCC}.border--olive{border-color:#3D9970}.border--green{border-color:#2ECC40}.border--lime{border-color:#01FF70}.border--yellow{border-color:#FFDC00}.border--orange{border-color:#FF851B}.border--red{border-color:#FF4136}.border--fuchsia{border-color:#F012BE}.border--purple{border-color:#B10DC9}.border--maroon{border-color:#85144B}.border--white{border-color:#fff}.border--gray{border-color:#aaa}.border--silver{border-color:#ddd}.border--black{border-color:#111}.fill-navy{fill:#001F3F}.fill-blue{fill:#0074D9}.fill-aqua{fill:#7FDBFF}.fill-teal{fill:#39CCCC}.fill-olive{fill:#3D9970}.fill-green{fill:#2ECC40}.fill-lime{fill:#01FF70}.fill-yellow{fill:#FFDC00}.fill-orange{fill:#FF851B}.fill-red{fill:#FF4136}.fill-fuchsia{fill:#F012BE}.fill-purple{fill:#B10DC9}.fill-maroon{fill:#85144B}.fill-white{fill:#fff}.fill-gray{fill:#aaa}.fill-silver{fill:#ddd}.fill-black{fill:#111}.stroke-navy{stroke:#001F3F}.stroke-blue{stroke:#0074D9}.stroke-aqua{stroke:#7FDBFF}.stroke-teal{stroke:#39CCCC}.stroke-olive{stroke:#3D9970}.stroke-green{stroke:#2ECC40}.stroke-lime{stroke:#01FF70}.stroke-yellow{stroke:#FFDC00}.stroke-orange{stroke:#FF851B}.stroke-red{stroke:#FF4136}.stroke-fuchsia{stroke:#F012BE}.stroke-purple{stroke:#B10DC9}.stroke-maroon{stroke:#85144B}.stroke-white{stroke:#fff}.stroke-gray{stroke:#aaa}.stroke-silver{stroke:#ddd}.stroke-black{stroke:#111}

.th, .td{
  
   border: 1px solid black;
   border-collapse: collapse;
  
}

/* About Us - Image Grid */

.wswh_column{
  float: left;
  width: 50%;
  padding: 10px;

}

.wswh_column img{
 
  margin-top: 12px;
  width:100%;
  outline: solid 2px transparent;
  transition: outline 0.75s;
}

.wswh_row:after{
  content: "";
  display: table;
  clear: both;

}

.wswh_column img:hover{
   outline-color:#EA352F;
}

.wswh_downloadArrow{
padding: 7px;
background-color: #ea3e32;
border-radius: 3px;
color:white;
 }

 .wswh_downloadArrow:hover{
    background-color:#000000;!important
    color:white;
  }

/* @media only screen and (min-width: 785px) { 
    .wswh_downloadArrow:before{
content: url(download_icon_16px.png);
padding-right:5px;
padding-top:5px;
}
} */

@media only screen and (max-width: 785px) { 
   #top > div > div > ul.box.box-right > li.setting{
  padding-top:12px;
}
  #top > div > div > ul.box.box-left > li > p{
    line-height:30px;
  }
}

/* Turns off extra arrow on mobile view */
#oc-menu-mheader > div > div.right{
  display:none;
}

#shopify-section-header > header > div.top-menu.fix {
  position: sticky;
  top: 37px !important;
  z-index: 999999 !important;
}

@media only screen and (max-width: 785px) {

  #shopify-section-header > header > div.top-menu.fix {
    top: 37px !important;
    z-index: 999999 !important;
  }

  #shopify-section-header > header > div.top-menu.fix-header {
    top: 37px !important;
    z-index: 999999 !important;
  }

}

#shopify-section-header > header{
  display: unset
}
#shopify-section-header{
    display: unset
}

#content > div > div.col-sm-7.product-info-main > div.price-box.box-special > img{
  width:200px;
  display:block;
}

#form_buy > span > div > div:nth-child(4) > br:nth-child(4){
  display:none;
}

#form_buy > span > div > div:nth-child(5) > br:nth-child(4){
  display:none;
}

#description > p:nth-child(3) > div{
  overflow:hidden;
}

#form_buy > div.mapp_message.product_page{
  display:none;
}

.badge-crumbs {
  padding: 3.2rem 0;
}

  .lower-cost-alternative {
  display: block;
  margin: 22px 0;
  border: 1px solid #d9d9d9;
  background: #f3f4f6;
  border-radius: 4px;
  overflow: hidden;
  text-decoration: none !important;
  color: inherit;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}


.lower-cost-alternative:hover {
  background: #f3f4f6;
  border-color: #c5c5c5;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.10);
  transform: translateY(-2px);
  text-decoration: none;
}

  .lower-cost-alternative__label {
    background: #197ABE;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px;
    padding: 7px 14px;
  }

  .lower-cost-alternative__content {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 14px;
  }

  .lower-cost-alternative__image {
    flex: 0 0 90px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .lower-cost-alternative__image img {
    display: block;
    max-width: 90px;
    max-height: 90px;
    width: auto;
    height: auto;
    object-fit: contain;
  }

  .lower-cost-alternative__details {
    flex: 1;
    min-width: 0;
  }

  .lower-cost-alternative__title {
    display: block;
    color: #222;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    margin-bottom: 4px;
  }

  .lower-cost-alternative__title:hover {
    color: #197ABE;
  }

  .lower-cost-alternative__sku {
    color: #666;
    font-size: 13px;
    margin-bottom: 7px;
  }

  .lower-cost-alternative__pricing {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .lower-cost-alternative__price {
    font-size: 18px;
    font-weight: 700;
    color: #222;
  }

  .lower-cost-alternative__savings {
    color: #2e8b57;
    font-size: 13px;
    font-weight: 700;
  }

  .lower-cost-alternative__action {
    flex: 0 0 auto;
  }

  .lower-cost-alternative__button {
    display: inline-block;
    padding: 10px 15px;
    background: #EA3E32;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 3px;
    white-space: nowrap;
  }

  .lower-cost-alternative__button:hover {
    opacity: .9;
  }

  @media (max-width: 600px) {
    .lower-cost-alternative__content {
      align-items: flex-start;
      flex-wrap: wrap;
    }

    .lower-cost-alternative__image {
      flex-basis: 70px;
    }

    .lower-cost-alternative__image img {
      max-width: 70px;
      max-height: 70px;
    }

    .lower-cost-alternative__action {
      width: 100%;
      padding-left: 85px;
    }
  }

.documents-button-container {
  display: flex;
  flex-wrap: wrap; /* Allows buttons to wrap */
  gap: 10px; /* Adds spacing between buttons */
}

.asme-alternative {
  display: block;
  margin: 22px 0;
  border: 1px solid #d9d9d9;
  background: #f3f4f6;
  border-radius: 4px;
  overflow: hidden;
  text-decoration: none !important;
  color: inherit;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.asme-alternative:hover {
  background: #f3f4f6;
  border-color: #c5c5c5;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.10);
  transform: translateY(-2px);
  text-decoration: none;
}

.asme-alternative__label {
  background: #2F5B4D;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  padding: 7px 14px;
}

.asme-alternative__message {
  padding: 12px 14px;
  background: #f1f6f4;
  border-bottom: 1px solid #d3e0db;
  color: #37433f;
  font-size: 13px;
  line-height: 1.5;
}

.asme-alternative__content {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 14px;
}

.asme-alternative__image {
  flex: 0 0 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.asme-alternative__image img {
  display: block;
  max-width: 90px;
  max-height: 90px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.asme-alternative__details {
  flex: 1;
  min-width: 0;
}

.asme-alternative__recommended {
  color: #2F5B4D;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
  margin-bottom: 3px;
}

.asme-alternative__title {
  display: block;
  color: #222;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  margin-bottom: 4px;
}

.asme-alternative:hover .asme-alternative__title {
  color: #2F5B4D;
}

.asme-alternative__sku {
  color: #666;
  font-size: 13px;
  margin-bottom: 7px;
}

.asme-alternative__pricing {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.asme-alternative__price {
  font-size: 18px;
  font-weight: 700;
  color: #222;
}

.asme-alternative__action {
  flex: 0 0 auto;
}

.asme-alternative__button {
  display: inline-block;
  padding: 10px 15px;
  background: #2F5B4D;
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 3px;
  white-space: nowrap;
}

.asme-alternative__button:hover {
  opacity: .9;
  background: #25493e;
}

@media (max-width: 600px) {
  .asme-alternative__content {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .asme-alternative__image {
    flex-basis: 70px;
  }

  .asme-alternative__image img {
    max-width: 70px;
    max-height: 70px;
  }

  .asme-alternative__action {
    width: 100%;
    padding-left: 85px;
  }
}

.documents-button-container a {
  padding: 5px 10px; /* Adjust for better spacing */
  background-color: #ea3e32; /* Button background color */
  text-decoration: none;
  border-radius: 3px; /* Rounded corners */
  text-align: center;
  white-space: nowrap; /* Prevents text wrapping inside buttons */
  display: inline-block; /* Ensures consistent button sizing */
}

.documents-button-container a:hover {
  background-color: black; /* Change color on hover */
}

/* Fix specification label background on multi-line rows */
.product-specifications .specs {
  align-items: stretch !important;
}

.product-specifications .specs .attribute,
.product-specifications .specs .data {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
#shopify-section-1480267833382{
  display:none;
}
}
#initialized-id-67ac15d0-a175-11ed-8763-8d06bde3e84a{
  padding-top:15px!important;
}

/* =========================================================
   Wholesale Water Heater - Replacement Finder Header
   Responsive strategy:
   - 1101px and up: full desktop header
   - 769px to 1100px: tablet / compact header
   - 768px and below: mobile header
   ========================================================= */


/* =========================================================
   BASE / DESKTOP
   ========================================================= */

/* Main desktop row */
#shopify-section-header .header-inner .container-inner {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 18px !important;
  overflow: visible !important;
}

/* Logo */
#shopify-section-header .logo-container {
  flex: 0 0 auto !important;
  float: none !important;
  position: relative !important;
  margin: 0 18px 0 0 !important;
}

/* Search + Finder wrapper */
#shopify-section-header .wwh-header-search-tools {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  float: none !important;
}

/* Search wrapper only. Do not alter the theme's internal search form. */
#shopify-section-header .wwh-header-search-tools .top-search {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

/* Finder button */
#shopify-section-header .wwh-replacement-finder-cta {
  flex: 0 0 245px !important;
  width: 245px !important;
  min-width: 245px !important;
  max-width: 245px !important;
  height: 50px !important;
  min-height: 50px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 7px 14px !important;
  float: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  background: #197ABE !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 6px rgba(25, 122, 190, .20) !important;
}

#shopify-section-header .wwh-replacement-finder-cta:hover,
#shopify-section-header .wwh-replacement-finder-cta:focus {
  background: #156ba7 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Finder icon */
#shopify-section-header .wwh-replacement-finder-icon {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
}

#shopify-section-header .wwh-replacement-finder-icon svg {
  width: 22px !important;
  height: 22px !important;
}

/* Finder copy */
#shopify-section-header .wwh-replacement-finder-copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.15 !important;
}

#shopify-section-header .wwh-replacement-finder-copy strong {
  display: block !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

#shopify-section-header .wwh-replacement-finder-copy small {
  display: block !important;
  margin: 2px 0 0 !important;
  color: rgba(255, 255, 255, .85) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}

/* Arrow only appears on phone layout */
#shopify-section-header .wwh-replacement-finder-arrow {
  display: none !important;
}

/* Support / Account / Cart wrappers only. Preserve their internal markup. */
#shopify-section-header .box-cart {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  white-space: nowrap !important;
}

#shopify-section-header .contact-support-wrapper {
  margin: 0 !important;
  position: relative !important;
  top: auto !important;
}

#shopify-section-header .box-cart .ul-account {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* =========================================================
   LARGE / MEDIUM DESKTOP
   ========================================================= */

@media (min-width: 1101px) and (max-width: 1500px) {
  #shopify-section-header .wwh-replacement-finder-cta {
    flex-basis: 185px !important;
    width: 185px !important;
    min-width: 185px !important;
    max-width: 185px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
  }

  #shopify-section-header .wwh-replacement-finder-copy small {
    display: none !important;
  }

  #shopify-section-header .box-cart {
    gap: 13px !important;
  }
}

@media (min-width: 1101px) and (max-width: 1250px) {
  #shopify-section-header .header-inner .container-inner {
    gap: 10px !important;
  }

  #shopify-section-header .logo-container {
    margin-right: 8px !important;
  }

  #shopify-section-header .wwh-header-search-tools {
    gap: 8px !important;
  }

  #shopify-section-header .wwh-replacement-finder-cta {
    flex-basis: 165px !important;
    width: 165px !important;
    min-width: 165px !important;
    max-width: 165px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  #shopify-section-header .wwh-replacement-finder-copy strong {
    font-size: 12px !important;
  }

  #shopify-section-header .box-cart {
    gap: 9px !important;
  }
}


/* =========================================================
   DESKTOP VERTICAL ALIGNMENT
   Keep the final desktop alignment that matched the logo.
   ========================================================= */

@media (min-width: 1101px) {
  #shopify-section-header .wwh-header-search-tools {
    position: relative !important;
    top: 20px !important;
  }

  #shopify-section-header .box-cart {
    position: relative !important;
    top: 17px !important;
  }

  #shopify-section-header .wwh-replacement-finder-cta {
    top: -24px !important;
  }
}


/* =========================================================
   TABLET / COMPACT HEADER
   769px - 1100px

   Intentional three-row layout:
   1. Logo
   2. Search + Finder
   3. Support + Account + Cart
   ========================================================= */

@media (min-width: 769px) and (max-width: 1100px) {
  #shopify-section-header .header-inner .container-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
  }

  /* Row 1: logo */
  #shopify-section-header .logo-container {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 0 10px !important;
    text-align: center !important;
    top: auto !important;
  }

  #shopify-section-header .logo-container #logo {
    display: inline-block !important;
  }

  #shopify-section-header .logo-container img {
    max-width: 300px !important;
    height: auto !important;
  }

  /* Row 2: search + finder */
  #shopify-section-header .wwh-header-search-tools {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 220px !important;
    align-items: start !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
    top: auto !important;
  }

  #shopify-section-header .wwh-header-search-tools .top-search {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    top: auto !important;
  }

  #shopify-section-header .wwh-replacement-finder-cta {
    flex: none !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 7px 11px !important;
    align-self: start !important;
    top: auto !important;
  }

  #shopify-section-header .wwh-replacement-finder-copy strong {
    font-size: 12px !important;
  }

  #shopify-section-header .wwh-replacement-finder-copy small {
    display: none !important;
  }

  #shopify-section-header .wwh-replacement-finder-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  #shopify-section-header .wwh-replacement-finder-arrow {
    display: none !important;
  }

  /* Row 3: utilities */
  #shopify-section-header .box-cart {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-height: 55px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 0 !important;
    margin: 8px 0 0 !important;
    padding: 0 18px 8px !important;
    box-sizing: border-box !important;
    top: auto !important;
    white-space: normal !important;
  }

  #shopify-section-header .contact-support-wrapper,
  #shopify-section-header .box-cart .ul-account {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
  }

  #shopify-section-header .contact-support-toggle {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
  }

  #shopify-section-header .contact-support-toggle img {
    height: 24px !important;
    margin-right: 6px !important;
  }

  #shopify-section-header .support-label-desktop {
    display: none !important;
  }

  #shopify-section-header .support-label-mobile {
    display: inline !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  #shopify-section-header #chatStatusContainer {
    display: none !important;
  }

  #shopify-section-header .box-cart .ul-account {
    display: block !important;
    text-align: center !important;
    line-height: 1.15 !important;
  }

  #shopify-section-header .box-cart .ul-account li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    white-space: nowrap !important;
  }

  #shopify-section-header .box-cart .ul-account a {
    font-size: 11px !important;
    line-height: 14px !important;
  }

  #shopify-section-header .box-cart > :last-child {
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
  }

  /* Use compact/mobile nav before the desktop menu can wrap. */
  #oc-menu-header {
    display: none !important;
  }

  #oc-menu-mheader {
    display: block !important;
  }
}


/* =========================================================
   MOBILE
   768px and below
   ========================================================= */

@media (max-width: 768px) {
  #shopify-section-header .header-inner .container-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
  }

  /* Logo */
  #shopify-section-header .logo-container {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 0 !important;
    top: auto !important;
  }

  /* Search + Finder stack */
  #shopify-section-header .wwh-header-search-tools {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    top: auto !important;
  }

  #shopify-section-header .wwh-header-search-tools .top-search {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    top: auto !important;
  }

  /* Finder */
  #shopify-section-header .wwh-replacement-finder-cta {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 6px 12px !important;
    top: auto !important;
    margin: 0 !important;
    border-radius: 4px !important;
  }

  #shopify-section-header .wwh-replacement-finder-copy strong {
    font-size: 12px !important;
  }

  #shopify-section-header .wwh-replacement-finder-copy small {
    display: block !important;
    font-size: 8px !important;
    margin-top: 1px !important;
  }

  #shopify-section-header .wwh-replacement-finder-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  #shopify-section-header .wwh-replacement-finder-arrow {
    display: block !important;
    margin-left: auto !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1 !important;
  }

  /* Support / Account / Cart row */
  #shopify-section-header .box-cart {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-height: 55px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-content: stretch !important;
    margin: 4px 0 0 !important;
    padding: 0 5px !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    top: auto !important;
    white-space: normal !important;
  }

  #shopify-section-header .contact-support-wrapper,
  #shopify-section-header .box-cart .ul-account {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
  }

  /* Support */
  #shopify-section-header .contact-support-toggle {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
  }

  #shopify-section-header .contact-support-toggle img {
    height: 23px !important;
    margin-right: 6px !important;
  }

  #shopify-section-header .support-label-mobile {
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  #shopify-section-header #chatStatusContainer {
    display: none !important;
  }

  /* Register / Sign in */
  #shopify-section-header .box-cart .ul-account {
    display: block !important;
    text-align: center !important;
    line-height: 1.15 !important;
  }

  #shopify-section-header .box-cart .ul-account li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    line-height: 14px !important;
    white-space: nowrap !important;
  }

  #shopify-section-header .box-cart .ul-account a {
    font-size: 11px !important;
    line-height: 14px !important;
  }

  /* Cart */
  #shopify-section-header .box-cart > :last-child {
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
  }

  /* Keep utility row tight to the mobile menu */
  #shopify-section-header .top-menu {
    margin-top: 0 !important;
  }
}
/* =========================================================
   AI-style animated perimeter for Replacement Finder
   ========================================================= */

#shopify-section-header .wwh-replacement-finder-cta {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate;

  /* slightly deeper base for more dimension */
  background: #197ABE !important;

  box-shadow:
    0 2px 7px rgba(25, 122, 190, 0.25),
    0 0 0 1px rgba(55, 180, 255, 0.18) !important;
}


/* Rotating light source */
#shopify-section-header .wwh-replacement-finder-cta::before {
  content: "";

  position: absolute;
  inset: -150%;

  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    transparent 285deg,
    rgba(100, 210, 255, 0.15) 305deg,
    rgba(120, 225, 255, 0.95) 325deg,
    #ffffff 335deg,
    rgba(120, 225, 255, 0.8) 345deg,
    transparent 360deg
  );

  animation: wwh-finder-ai-border 3.5s linear infinite;

  z-index: 0;
  pointer-events: none;
}


/* Covers center so animation only appears around edge */
#shopify-section-header .wwh-replacement-finder-cta::after {
  content: "";

  position: absolute;
  inset: 2px;

  border-radius: 4px;

  background: linear-gradient(
    135deg,
    #197ABE 0%,
    #1674b5 100%
  );

  z-index: 1;
  pointer-events: none;
}


/* Keep actual button content above animation */
#shopify-section-header .wwh-replacement-finder-cta > * {
  position: relative;
  z-index: 2;
}


@keyframes wwh-finder-ai-border {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


/* Slightly stronger effect on hover */
#shopify-section-header .wwh-replacement-finder-cta:hover {
  box-shadow:
    0 4px 12px rgba(25, 122, 190, 0.30),
    0 0 12px rgba(60, 190, 255, 0.22) !important;
}


/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  #shopify-section-header .wwh-replacement-finder-cta::before {
    animation: none !important;
  }
}

/* =========================================================
   Replacement Finder - Magnifier AI Glow
   ========================================================= */

#shopify-section-header .wwh-replacement-finder-icon {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 28px !important;
  height: 28px !important;

  flex: 0 0 28px !important;
}


/* Actual glowing aura behind magnifier */
#shopify-section-header .wwh-replacement-finder-icon::before {
  content: "";

  position: absolute;

  width: 24px;
  height: 24px;

  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%) scale(.75);

  border-radius: 50%;

  background: radial-gradient(
    circle,
    rgba(130, 230, 255, .55) 0%,
    rgba(80, 200, 255, .28) 35%,
    rgba(40, 170, 255, .08) 60%,
    transparent 75%
  );

  opacity: .35;

  animation: wwh-magnifier-glow 2.6s ease-in-out infinite;

  pointer-events: none;

  z-index: 0;
}


/* Keep magnifier above glow */
#shopify-section-header .wwh-replacement-finder-icon svg {
  position: relative !important;
  z-index: 1 !important;

  width: 21px !important;
  height: 21px !important;

  color: #fff !important;

  filter: drop-shadow(0 0 2px rgba(150, 235, 255, .65));
}


/* Slow breathing glow */
@keyframes wwh-magnifier-glow {

  0%,
  100% {
    opacity: .25;
    transform: translate(-50%, -50%) scale(.72);
  }

  50% {
    opacity: .9;
    transform: translate(-50%, -50%) scale(1.25);
  }
}


/* Make it slightly brighter while hovering */
#shopify-section-header
.wwh-replacement-finder-cta:hover
.wwh-replacement-finder-icon::before {
  opacity: 1;
}


/* =========================================================
   992px - 1099px BREAKPOINT BRIDGE
   ========================================================= */

@media (min-width: 992px) and (max-width: 1099px) {

  /* MAIN HEADER */
  #shopify-section-header .header-inner .container-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
    gap: 0 !important;
  }


  /* LOGO */
  #shopify-section-header .logo-container {
    flex: 0 0 100% !important;
    width: 100% !important;

    margin: 0 0 14px !important;

    text-align: center !important;
    float: none !important;
  }

  #shopify-section-header .logo-container #logo {
    text-align: center !important;
  }

  #shopify-section-header .logo-container img {
    display: inline-block !important;
    width: auto !important;
    max-width: 300px !important;
    height: auto !important;
    float: none !important;
  }


  /* SEARCH + FINDER ROW */
  #shopify-section-header .wwh-header-search-tools {
    flex: 0 0 100% !important;

    width: 100% !important;
    max-width: none !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 220px !important;
    align-items: start !important;

    gap: 10px !important;

    padding: 0 40px !important;
    margin: 0 !important;

    box-sizing: border-box !important;

    position: relative !important;
    top: auto !important;
    float: none !important;
  }


  /* SEARCH */
  #shopify-section-header .wwh-header-search-tools .top-search {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    top: auto !important;
    float: none !important;
  }


  /* FINDER */
  #shopify-section-header .wwh-replacement-finder-cta {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;

    height: 50px !important;
    min-height: 50px !important;

    margin: 0 !important;

    position: relative !important;

    /* Theme search controls sit ~25px higher visually */
    top: -25px !important;

    align-self: start !important;
  }

  #shopify-section-header .wwh-replacement-finder-copy small {
    display: none !important;
  }

  #shopify-section-header .wwh-replacement-finder-copy strong {
    font-size: 12px !important;
  }


 /* -----------------------------------------
   Support / Register / Cart row
   992px - 1099px
   ----------------------------------------- */

#shopify-section-header .box-cart {
  flex: 0 0 100% !important;
  width: 100% !important;

  display: grid !important;
  grid-template-columns: max-content max-content max-content !important;
  justify-content: center !important;
  align-items: center !important;

  column-gap: 70px !important;

  margin: 10px 0 12px !important;
  padding: 0 !important;

  position: relative !important;
  top: auto !important;
  float: none !important;

  white-space: nowrap !important;
}


/* SUPPORT */

#shopify-section-header .contact-support-wrapper {
  width: auto !important;
  margin: 0 !important;

  justify-self: center !important;

  position: relative !important;
  top: auto !important;
}

#shopify-section-header .contact-support-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  margin: 0 !important;
}

#shopify-section-header .support-label-desktop {
  display: none !important;
}

#shopify-section-header .support-label-mobile {
  display: inline !important;
}

#shopify-section-header #chatStatusContainer {
  display: none !important;
}


/* ACCOUNT */

#shopify-section-header .box-cart .ul-account {
  width: auto !important;
  min-width: 120px !important;

  margin: 0 !important;
  padding: 0 0 0 42px !important;

  position: relative !important;
  top: auto !important;

  text-align: left !important;

  justify-self: center !important;
}

#shopify-section-header .box-cart .ul-account li {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 15px !important;
  white-space: nowrap !important;
}

#shopify-section-header .box-cart .ul-account a {
  line-height: 15px !important;
}


/* CART */

#shopify-section-header .box-cart > :last-child {
  width: auto !important;

  margin: 0 !important;

  position: relative !important;
  top: auto !important;

  justify-self: center !important;
  align-self: center !important;
}

  /* COMPACT NAV */
  #oc-menu-header {
    display: none !important;
  }

  #oc-menu-mheader {
    display: block !important;
  }

}

/* =========================================================
   Wholesale Water Heater Privacy Policy
   ========================================================= */

.wwh-privacy-policy {
  max-width: 1150px;
  margin: 0 0 70px;
  padding: 0;

  color: #3d4650;
  font-size: 15px;
  line-height: 1.7;
}


/* Body paragraphs */
.wwh-privacy-policy p {
  margin: 0 0 16px;
}


/* Updated date */
.wwh-privacy-policy > p:nth-of-type(2) {
  color: #6b7280;
  font-size: 13px;
  margin-bottom: 22px;
}


/* Existing gradient section headings */
.wwh-privacy-policy p[style*="linear-gradient"] {
  margin: 34px 0 16px !important;
  padding: 11px 16px !important;

  background: linear-gradient(
    90deg,
    #197abe 0%,
    #238fc8 100%
  ) !important;

  color: #fff !important;

  border-radius: 5px;
  border-left: 4px solid #ea3e32;

  font-size: 16px;
  line-height: 1.3;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}


/* Section heading text */
.wwh-privacy-policy p[style*="linear-gradient"] strong {
  font-weight: 700;
}


/* Lists */
.wwh-privacy-policy ul {
  margin: 8px 0 22px 22px;
  padding: 0;
}

.wwh-privacy-policy li {
  margin-bottom: 7px;
  padding-left: 4px;
}


/* Links */
.wwh-privacy-policy a {
  color: #197abe;
  font-weight: 600;
  text-decoration: none;
}

.wwh-privacy-policy a:hover {
  text-decoration: underline;
}


/* Contact block */
.wwh-privacy-policy p:last-child {
  background: #f5f8fa;
  border: 1px solid #e1e7eb;
  border-left: 4px solid #197abe;

  border-radius: 6px;

  padding: 18px 20px;
  margin-top: 8px;
}


/* Slightly emphasize intro */
.wwh-privacy-policy > p:nth-of-type(3) {
  font-size: 16px;
  line-height: 1.75;
  color: #303840;
}


/* Mobile */
@media (max-width: 768px) {

  .wwh-privacy-policy {
    padding: 0 16px;
    font-size: 14px;
    line-height: 1.65;
  }

  .wwh-privacy-policy p[style*="linear-gradient"] {
    margin-top: 28px !important;
    font-size: 15px;
  }

}

/* =========================================================
   Wholesale Water Heater Terms & Conditions
   ========================================================= */

.wwh-terms-policy {
  max-width: 1150px;
  margin: 0 0 70px;
  padding: 0;

  color: #3d4650;
  font-size: 15px;
  line-height: 1.7;
}

.wwh-terms-policy p {
  margin: 0 0 16px;
}

.wwh-terms-policy .wwh-policy-updated {
  color: #6b7280;
  font-size: 13px;
  margin-bottom: 22px;
}

.wwh-terms-policy .wwh-policy-heading {
  margin: 34px 0 16px;
  padding: 11px 16px;

  background: linear-gradient(
    90deg,
    #197abe 0%,
    #238fc8 100%
  );

  color: #fff;

  border-left: 4px solid #ea3e32;
  border-radius: 5px;

  font-size: 16px;
  line-height: 1.3;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.wwh-terms-policy ul {
  margin: 8px 0 22px 24px;
  padding: 0;
}

.wwh-terms-policy li {
  margin-bottom: 7px;
  padding-left: 4px;
}

.wwh-terms-policy a {
  color: #197abe;
  font-weight: 600;
  text-decoration: none;
}

.wwh-terms-policy a:hover {
  text-decoration: underline;
}

.wwh-terms-policy .wwh-policy-callout {
  display: inline-block;

  background: #f4f8fb;
  border: 1px solid #dce7ee;
  border-left: 4px solid #197abe;

  border-radius: 5px;

  padding: 10px 14px;
  margin: 2px 0 18px;
}

.wwh-terms-policy .wwh-policy-contact {
  background: #f5f8fa;

  border: 1px solid #e1e7eb;
  border-left: 4px solid #197abe;

  border-radius: 6px;

  padding: 18px 20px;
  margin-top: 8px;
}

@media (max-width: 768px) {

  .wwh-terms-policy {
    padding: 0;
    font-size: 14px;
    line-height: 1.65;
  }

  .wwh-terms-policy .wwh-policy-heading {
    margin-top: 28px;
    font-size: 15px;
  }

}





  <style>
    .swatch.clearfix {
      display: none;
    </style>