/* 20250723130501 - v2 */
.gui,
.gui-block-linklist li a {
  color: #000000;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0927eb;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0927eb;
  box-shadow: 0 0 2px #0927eb;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0927eb;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #000000;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #000000;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #d8d8d8;
  background-color: #f2f2f2;
}

.gui-block-option-block {
  border-color: #d8d8d8;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #8c8c8c;
}

.gui ul.gui-products li {
  border-color: #b2b2b2;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #b2b2b2;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #b2b2b2;
}

.gui-block-content .gui-table {
  border-color: #d8d8d8;
}

.gui-table thead tr th {
  border-color: #8c8c8c;
  background-color: #f2f2f2;
}

.gui-table tbody tr td {
  border-color: #d8d8d8;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #000000;
  color: #adadad;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #000000;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #000000;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #000000;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #000000;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #000000;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #89d7f8;
}

/* custom */
/* Hide/show based on screen width */
@media (max-width: 768px)
  .show-on-mobile {
    display: inline !important;
  }  .main-header__item.show-on-mobile {
  text-align: center;
  padding: 10px 0;
  width: 100%;
}

.main-header__item.show-on-mobile .main-header__link {
  font-size: 20px;
  font-weight: 900; /* Was bold (700); now heavier */
  display: block;
  padding: 12px 0;
  width: 100%;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  letter-spacing: 0.5px; /* Optional: improves clarity */
  text-transform: uppercase; /* Optional: adds emphasis */
}


}

@media (min-width: 769px) {
  .hide-on-mobile {
    display: inline !important;
  }
  .show-on-mobile {
    display: none !important;
  }
}

/* Optional enhancements */
.main-header__link[href^="tel:"],
.main-header__link__mobile
.main-header__link[href^="sms:"] {
  font-weight: bold;
  color: #ffffff; /* Adjust to match your brand */
  text-decoration: none;
  padding: 6px 10px;
  margin-right: 8px;
  display: inline-block;
}


  }


.category-image img {
    width: 100%;
    height: auto; /* Ensure the height adjusts based on the width */
    aspect-ratio: 1 / 1; /* Maintain a square aspect ratio */
    object-fit: cover; /* Ensure the image covers the entire area */
}

/* Bold the main header links */
.main-header__link {
    font-weight: bold; /* Makes the text bold */
}

/* Bold  the dropdown links */
.main-header__dropdown-link {
    font-weight: bold; /* Makes the text bold */
}

a {
color: blue;
}
.header-usp.py-2 {
    display: none;

}  
.payment-methods {
  display:none;
}

.button-container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap; /* Allows buttons to wrap onto the next line */
    gap: 10px; /* Adjust the gap between buttons */
}

.btn {
    /* Add your button styling here */
    padding: 10px 20px; /* Adjust padding as needed */
    flex: 1; /* This will allow buttons to take equal width */
   
}
/* Hover effect for the button */
.cta-button:hover {
background-color: #80beea; /* New background color on hover */
  
}
    .con-col-1,
    .con-col-2 {
        padding: 10px; /* Adjust padding as needed */
      width:100%;
      flex-wrap: wrap;
}
.full-screen-content,
    .con-col-1,
    .con-col-2  {
        display: block;
      flex-wrap: wrap;
        margin: auto; /* Centers the image */
}
.full-width-section {
    width: 100vw; /* Full viewport width */
    margin-left: calc(-50vw + 50%); /* Negative margin to offset any indentation */
    margin-right: calc(-50vw + 50%); /* Negative margin to offset any indentation */
    padding: 0; /* Remove any default padding */
      overflow: hidden; /* Hide any overflow */
      background-color: #9CD0F5; /* Optional: Background color */

}
.transparent-background {
    background-color: transparent; /*Landing Page - Transparent Backgroung*/
}
.bg-light-blue {
background-color: #9CD0F5; /* Landing page */
border-radius: 5px;
}
.bg-light-gray {
background-color: #e9e9ec; /* Landing page */
border-radius: 10px;
}
.bg-light-review {
background-color: #F5C19D; /* Landing page */
border-radius: 10px;
}
.bg-dark-blue {
  background-color: #082069;
  border-radius: 10px;
}
.full-screen-background {
position: relative;
width: 100%;
height: 100%;
background-color: #9CD0F5;
display: flex;
border-radius: 10px;
}
.full-screen-content {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px; /* Adjust padding as needed */
        gap: 20px; /* Creates space between the text and the image */
}
.map-container, .nap-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
border-radius: 5px;
background-color: #9cd0f5;
}
.nap-container {
padding: 20px;
}
.iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
}
.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.article-img {
display: flex;
justify-content: center;
align-items: center;
max-width: 500px;
max-height: 500px;
}
.summary.mb-5 {
font-size: 22px;
}
div.copyright {
display: none;
}
div.col-12.mt-2.mb-4 {
display: none;
}
.header-usp .row{
flex-direction:column !important;
}
.dot--error{
background-color: #ffdd55ff!important;
}
.content-section{
display: flex;
flex-wrap: wrap;
}
.content-section img{
width:100%;
}

.hh .breadcrumbs__wrapper{
margin-top: 15px;
}
.img_card {
display: flex;
justify-content: space-around;
}
.img_card .card{
padding: 10px;
margin: 20px;
background: #4ab1f812;
border-radius: 10px;
  width: 100%
}
.img_card .card h1{
font-size: 30px;
}
.img_card .card p{
font-size: 18px;
line-height: 25px;
}
.img_card .card img{

height: 225px;
width: 100%;
object-fit: contain;
margin-bottom: 5px;
}
.img_card .card2{
padding: 20px;
margin: 20px;
background: #4ab1f812;
border-radius: 10px;
}
.img_card .card2 h1{
font-size: 30px;
}
.img_card .card2 p{
font-size: 18px;
line-height: 25px;
}
.img_card .card2 img{
height: 500px;
width: 100%;
object-fit: cover;
margin-bottom: 20px;
}
.img_card .card3{ /* USING FOR AREAS SERVED - SECTION */
  padding:10px;
  margin: 10px;
  background: #ffffff;
  border-radius: 10px;
  width: 275px;
 }
.img_card .card3 h3{
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 5px;
  text-align: center;
}
.img_card .card3 h4{
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 5px;
  text-align: center;
}
.img_card .card3 p{
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}
.img_card .card3 img{
  height: 125px;
  width: 100%;
  object-fit: contain;
  margin-bottom: 10px;
}
.img_card .card3:hover{
  background:#9CD0F5;
  box-shadow:0px 4px 10px rgb(0,0,0,.16)
}
.container2 {
  text-align: center;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 10px;
}
.container2 a:hover img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Shadow for Icons in Areas Served */
    border-radius: 10px; /* Adjust the border-radius for rounded corners */
}
.container3 {
  text-align: center;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}
.container3 a:hover img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Shadow for Icons in Areas Served */
    border-radius: 10px; /* Adjust the border-radius for rounded corners */
}
.last-section{
display: flex;
flex-wrap: wrap;
}
.last-col-1{
width: 30%;
  padding: 20px;
}
.last-col-2{
width: 70%;
  padding: 20px;
}
.last-col-50{
width: 50%;

}
.last-col-3{
width: 30%;
  padding: 20px;

}
.last-col-7{
width: 70%;
  padding: 20px;

}
.product__omni-location-inventory{
}
.hh .p-page{
z-index: 1;
}
.hh .breadcrumbs__wrapper{
z-index: 1;
}
.mobile_append::marker {
color: transparent;
}
.product-inventory-location-label{
font-size: 15px;
padding: 10px;
}
.js-store-inventory-footer p:nth-of-type(2){
display: flex;
}
/* .hide-t{
display:none;
} */
.style-t{
font-size: 16px;
}
#block-content .block-information {
display: none;
}

#header #formSearch .autocomplete .search-box .search-item:hover a, #header #formSearch .autocomplete .search-box .search-item.active a {
background: #9CD0F5!important;
}
.product-price .price-box.price-b2b:nth-child(2) {
display: none;
}

@media only screen and (max-width: 1024px) 
.invisible-anchor {
    display: block;
    position: relative;
    top: -100px; /* Move the anchor point up */
    visibility: hidden;
}
.content-section {
display: flex;
flex-wrap: wrap;
}
.content-section .con-col-1 h1{
font-size: 45px;
}
.content-section .con-col-1 p{
font-size: 22px;
}
@media only screen and (max-width: 767px) {

.catalog-categories {
transform: None
}
  .img_card {
flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  
  .content-section .con-col-1 h1{
font-size: 30px;
}
.catalog-categories {
transform: translateY(-0.4%);
}
.content-section .con-col-1 p{
font-size: 18px;
}
.img_card {
flex-wrap: wrap;

}
.checkk{
display:none;
}
.form-control {
background-image: none!important;
}
.last-col-50{
width: 100%;
}
#JotFormIFrame-222164568566161{
height: 1050px!important;
}
.style-t{
font-size: 14px;
}
#JotFormIFrame-222194377172155{
height: 2550px!important;
}
#JotFormIFrame-222196352481153{
height: 850px!important;
}
@media only screen and (min-width: 600px) and (max-width: 1024px){
  .img_card {
flex-wrap: wrap;
}
.last-col-1{
width: 100%;
}
.last-col-2{
width: 100%;
}
.last-col-50{
width: 100%;
}

.checkk{
display:none;
}
.last-col-1{
width: 100%;
}
.last-col-2{
width: 100%;
}
.container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 00px;
    }

    img {
      max-width: 50%;
      height: auto;
    }

    .text {
      max-width: 50%;
      text-align: right; /* Align text to the right */
      padding-right: 20px; /* Adjust as needed for spacing between image and text */
    }
  

  
  document.addEventListener("DOMContentLoaded", function() {
  var lazyloadImages = document.querySelectorAll("img.lazy");    
  var lazyloadThrottleTimeout;
  
  function lazyload () {
    if(lazyloadThrottleTimeout) {
      clearTimeout(lazyloadThrottleTimeout);
    }    
    
    lazyloadThrottleTimeout = setTimeout(function() {
        var scrollTop = window.pageYOffset;
        lazyloadImages.forEach(function(img) {
            if(img.offsetTop < (window.innerHeight + scrollTop)) {
              img.src = img.dataset.src;
              img.classList.remove('lazy');
            }
        });
        if(lazyloadImages.length == 0) { 
          document.removeEventListener("scroll", lazyload);
          window.removeEventListener("resize", lazyload);
          window.removeEventListener("orientationChange", lazyload);
        }
    }, 20);
  }
  
  document.addEventListener("scroll", lazyload);
  window.addEventListener("resize", lazyload);
  window.addEventListener("orientationChange", lazyload);
});