:root {
  /*** Global ***/
  --theme-primary: #c8102e; /* bright red */
  --theme-secondary: #f4f4f4; /* light grey */
  --theme-tertiary: #474747; /* charcoal */
  --theme-text: #000000; /* black */
  --theme-lightgrey: #f2f2f2; /* light grey */

  /* Top Bar */
  --topbar-bg: var(--theme-lightgrey);
  --topbar-icons: var(--theme-primary);
  --topbar-text: var(--theme-text);
  --topbar-hover: #c8102e; /* bright red */
  
  /* Main Header */
  --header-bg: #fff;
  --header-icons: var(--theme-primary);
  --header-text: var(--theme-text);
  --header-hover: var(--theme-tertiary);
  
  /* Header Search Bar */
  --search-bg: var(--theme-lightgrey);
  --search-icons: var(--theme-primary);
  --search-text: var(--theme-text);
  --search-focus: var(--theme-primary);
  
  /* Main Navigation */
  --nav-bg: #fff;
  --nav-border: #dfdfdf;
  --nav-icons: var(--theme-primary);
  --nav-text: var(--theme-text);
  --nav-hover: #f2f2f2; /* bright red */
  --nav-hover-text: #fff; /* white text for hover */
  
  
  /* USP Strip */
  --strip-bg: var(--theme-secondary);
  --strip-icons: var(--theme-primary);
  --strip-text: var(--theme-text);
  --strip-hover: var(--theme-tertiary);
  
  /* Footer */
  --footer-bg: var(--theme-secondary);
  --footer-icons: var(--theme-primary);
  --footer-text: var(--theme-text);
  --footer-hover: var(--theme-tertiary);
  
  /* Footer Newsletter Input*/
  --footnews-bg: #fff;
  --footnews-icons: var(--theme-primary);
  --footnews-text: var(--theme-text);
  --footnews-focus: var(--theme-primary);
  
  /* Footer Social Icons */
  --footsocial-bg: var(--theme-primary);
  --footsocial-icons: #fff;
  --footsocial-bg-hover: var(--theme-tertiary);
  --footsocial-icons-hover: #fff;
  
  /* Title Underline Underline Colour */
  --title-underline:  var(--theme-primary);
  
  /* Simple / Link Boxes */
  --linkbox-bg: var(--theme-primary);
  --linkbox-text: #fff;
  --linkbox-hover-bg: var(--theme-tertiary);
  --linkbox-hover-text: #fff;
}

/* HOMEPAGE about us and services section*/


.home-btm-fw-callout {padding: 60px 0;}
.home-btm-fw-callout p {margin-bottom: 1em;}
.home-btm-fw-callout-blue { background:#c8102e; color:#fff;}
.home-btm-fw-callout-blue h1,
.home-btm-fw-callout-blue h2 {color: #fff;}
.home-btm-fw-callout-blue a {color: #fff; text-decoration: underline;}
.home-btm-fw-callout-blue a.btn {background: #fff; color: #c8102e; text-decoration: none;}
@media (min-width:1200px) {
	.home-btm-fw-callout .text {padding-top: 60px;}
}
.home-btm-fw-callout-gray {background:#f2f2f2;}
.home-btm-fw-callout-gray h1 {color: #c8102e;}
.home-btm-fw-callout-gray a.btn {background:#025939; color:#fff; text-decoration: none; margin-bottom:15px;}

.home-btm-fw-callout.home-btm-fw-callout-blue { padding-bottom: 100px;}
.home-btm-fw-callout-blue h1 {color: #fff; margin-bottom: 30px;}
.home-btm-fw-callout-blue .inner {background: #fff; color: #000; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.25); box-shadow: 0 0 8px 0 rgba(0,0,0,.25); padding-bottom: 15px;}
.home-btm-fw-callout-blue .inner-text {padding: 20px 30px 30px 30px;}
.home-btm-fw-callout-blue .inner-text h2 {color: #000; font-weight: 400;}
.home-btm-fw-callout-blue .inner-text p {color: #000;}
.home-btm-fw-callout-blue .inner-text .callout-link {color: #000; text-decoration: underline; text-transform: uppercase; font-size: 14px; font-weight: 600; font-style: normal; }
.home-btm-fw-callout-blue .inner-text .callout-link:hover {color: #c8102e;}


/* Adding spacing for form labels */

label {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 12px;
    margin-top: 12px;
}

/* Adding border and background color to search bar */

.header-full .search_container section.search .search-form .form-group input {
    height: 50px;
    border: 1px solid #000000 !important;
}

  /*** BANNER AMMENDMENTS ***/

.singlebanner_wrapper .banner_title {
    font-size: 3em;
    FONT-FAMILY: UI-SERIF;
    FONT-WEIGHT: 800;
}

.singlebanner_wrapper .banner_subtitle {
    font-size: 1.5em;
    PADDING-BOTTOM: 20PX;
}

    /*** Changing size of product brand icon ***/

.product-summary .product-brand img {
    max-height: 65px;
}

    /*** Hiding on non required attributes ***/

.manufacturer-name {
  display: none !important;
}

.product-indicators {
  display: none !important;
}

.tech-specs .attr_101772 {
  display: none !important;
}

    /*** Removing swatch tile ***/

.productconfiguratormodal .product-options .option-group .option-group-swatch .swatch-preview, body.ex-product .product-options .option-group .option-group-swatch .swatch-preview {
    display: none !important;
}

.productconfiguratormodal .product-options .option-group .option-group-swatch .swatch, body.ex-product .product-options .option-group .option-group-swatch .swatch {
    display: none !important;
}

.fa-circle-info:before, .fa-info-circle:before {
    content: "\f05a";
    padding-left: 10px;
}

    /*** Changes to inventory labelling on category page ***/

#productInventoryModal .modal-body .location-wrapper .location-delivery-wrapper .out-stock {
    color: #c8102e;     /*** Color ***/
}

.bolder, .catalog-grid .bolder {
    font-weight: 700;
    PADDING-TOP: 10PX;  /*** Adding padding above the inventory messaging ***/
}

    /*** Changes to price color on category page ***/

.catalog-grid .tile .price-label {
    color: #c8102e;
}

.text-danger {
    color: #c8102e !important;
}
  
    /*** Changes to button color category page ***/

.catalog-grid .tile .footer .btn-primary {
  background: black !important;
  color: white !important;
}

.catalog-grid .tile .footer .btn-primary:hover {
  background: #c8102e !important;
  color: white !important;
}

    /*** Removing Duplicate Categories from filter ***/

.filtername-category {
      display: none !important;
}

/*** Nav bar changes ***/

.menu.expanded .catalog .submenu .submenucontainer>li>a {
    font-size: .9rem;
    font-weight: 700;
    padding: 10px 0 5px 15px;
    color: #000;
}

.menu .container li.menuitem:hover a{
    color: #fff;
}

a.cd-dropdown-trigger, a.cd-dropdown-trigger:active, a.cd-dropdown-trigger:focus, a.cd-dropdown-trigger:hover, a.cd-dropdown-trigger:visited {
    color: #000;
}

.cd-dropdown-trigger:after, .cd-dropdown-trigger:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #000000;
    content: "";
    height: 2px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    transition: width .3s, transform .3s;
    width: 9px;
}

.menu .container li.menuitem a {
    color: #000000;   /*** Making text black ***/
}
  
  .cd-dropdown h3 {
    color: black !important;
    margin-top: 0;
}

.cd-dropdown-trigger:after, .cd-dropdown-trigger:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #000000;
    content: "";
    height: 2px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    transition: width .3s, transform .3s;
    width: 9px;
}

@media only screen and (min-width: 769px) {
    .cd-dropdown-trigger.dropdown-is-active {
        background-color: #c8102e;    /*** Hovering Red ***/
    }
 
  /*** Footer Social media icon Changes ***/
  
.footer i {
    color: #c8102e; /*** Icon Color ***/
}

.footer i:hover {
      color: black; /*** Icon Color when hovered ***/
}
 

div.live-inventory-v2-wrapper.text-center.bolder.add-to-cart {
    display: none;
}
  
  .small .text-muted {
    display: none !important;
}
/* Base styles */
        .home-page-icons {
            display: flex;
            align-items: center;
            background-color: #F4F4F4;
            padding: 10px;
            margin: 10px;
            text-decoration: none;
            transition: background-color 0.3s, color 0.3s;
            width: 50%;
            box-sizing: border-box;
            border-radius: 5px; /* Optional: rounded corners */
        }

        /* Hover effect */
        .home-page-icons:hover {
            background-color: white;
        }

        /* Icon styling */
        .home-page-icons .icon {
            flex: 0 0 25%;
            max-width: 25%;
        }

        .home-page-icons .icon img {
            width: 100%;
            height: auto;
            max-width: 60px; /* Limit icon size */
        }

        /* Text styling */
        .home-page-icons .text {
            flex: 1;
            padding-left: 10px; /* Space between icon and text */
            color: #000;
            transition: color 0.3s;
        }

        /* Hover effect for text and icon */
        .home-page-icons:hover .text,
        .home-page-icons:hover .icon img {
            color: #c8102e;
        }

        /* Mobile specific styling */
        @media (max-width: 768px) {
    .home-page-icons {
        flex-direction: column !important; /* Ensure stacking */
        align-items: center !important; /* Center alignment */
        width: 50% !important; /* Set width to 50% */
        margin: auto; /* Center the block horizontally */
    }

    .home-page-icons .icon img {
        max-width: 50px !important; /* Limit icon size */
    }

    .home-page-icons .text {
        padding-left: 0 !important; /* Remove padding for center alignment */
        text-align: center !important; /* Align text to center */
    }
}

  
/* Sticky top bar on desktop */
.menubarStick {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 15;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
  
/* Home page video */
  /* start of video */

.tagline {
    z-index: 20;
}
.tagline:first-child {
    height: 54vh;
    min-width: 250px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
   display: -webkit-box; 
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex; 
   display: flex;
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
}
section#section-top {
    height: 54vh;
    overflow:hidden;
}
.video-filter {
    z-index: 0;
    background-color: #2d364157;
    width: 100%;
    height: auto;
    position: absolute;
     left: 0;
}
.bgvid-c {
    height: 54vh;
    width: 100vw;
    overflow: hidden;
    position: absolute;
}
#bgvid {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100vw;
    position: relative;
}
#section-top h1 {
    color: #fff;
}
.img-icon {
    width: 10px;
    margin-top: -3px;
    margin-left: 5px;
}
.btn-white {
    background: transparent;
    border: 1px white solid;
    color: white;
}
.btn-white:hover {
    background: rgba(255, 255, 255, 0.37);
    color: white;
}
#section-top .btn-primary {
    border: 1px solid;
    border-color: white;
}
@media only screen and (min-width: 1501px) {

    #bgvid {
    bottom: 50%;
}

    }

@media only screen and (max-width: 1500px) and (min-width: 1220px) {

    #bgvid {
    bottom: 32%;
}

    }

@media only screen and (max-width: 992px) {
    #section-top h1 {
    font-size: 1.5em;
}
#section-top .btn {
    font-size: 23px;
    padding: 12px 30px;
}

}

@media only screen and (max-width: 600px) {
  h1 #section-top  {
    font-size: 1.5em;
}
#section-top .btn {
    font-size: 14px;
    padding: 10px 15px;
}

}

/* end of video */
  /* Start of add Sticky header EvoX */
@media only screen and (min-height: 768px) {
.menubarStick {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 15;
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.headersection-3.menubarStick > .row-2 {
    max-width: 1450px;
    margin: 0 auto;
}

/* change me to the height of the sticky row */
.menubarHeader {
    padding-top:40px;
}
}
/* end of add Sticky header EvoX */

/* Accordion */
.faq_accordion input {
    display: none;
}

.faq_accordion-label {
    display: block;    
    padding: 8px 22px;
    margin: 0 0 1px 0;
    cursor: pointer;
    background: #c8102e;
    border-radius: 3px;
    color: #FFF;
    transition: ease .5s;
}

.faq_accordion-label:hover {
    background: #003ea0;
}

.faq_accordion-content {
    background: #eee9e6;
    padding: 10px 25px;
    border: 1px solid #A7A7A7;
    margin: 0 0 1px 0;
    border-radius: 3px;
}

.faq_accordion input + .accordion-label + .accordion-content {
    display: none;
}

.faq_accordion input:checked + .accordion-label + .accordion-content {
    display: none;
}
  
/** Account Roles Table **/
.table-container-user-roles {
  width: 100%;
  overflow-x: auto; /* Enable horizontal scrolling */
  margin: 20px 0;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling for mobile */
}

.table-container-user-roles table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  min-width: 800px; /* Ensure table fits within screen width */
}

.table-container-user-roles thead th {
  background-color: blue;
  color: white;
  padding: 10px;
}

.table-container-user-roles .user-role-category {
  background-color: red;
  color: white;
  font-weight: bold;
  padding: 10px;
  text-align: left;
}

.table-container-user-roles td,
.table-container-user-roles th {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
}

/* Responsive styles */
@media (max-width: 768px) {
  .table-container-user-roles table {
    display: block; /* Make the table a block element */
  }

  .table-container-user-roles thead {
    display: none; /* Hide table headers on small screens */
  }

  .table-container-user-roles tbody tr {
    display: block;
    margin-bottom: 10px;
  }

  .table-container-user-roles tbody td {
    display: block;
    text-align: right;
    padding: 10px;
    position: relative;
  }

  .table-container-user-roles tbody td:before {
    content: attr(data-label); /* Display column headers as labels */
    position: absolute;
    left: 0;
    text-align: left;
    font-weight: bold;
    color: #333;
  }

  .table-container-user-roles .user-role-category {
    text-align: left;
  }
}
  
.bg-gray { background-color: #B2B2B2; }
  
  .accountboxes {
border: 1px solid #c8102f;
  margin-bottom: 40px;
      padding: 20px;
}
  
  .pagesbutton {
    font-family: inherit !important;
    line-height: inherit !important;
    padding: 10px 40px !important;
    color: #fff !important;
    background: #c8102f !important;
   border: #c8102f 3px solid !important;
}

.pagesbutton:hover {
      color: #c8102f !important;
    background: #fff !important;
 border: #c8102f 3px solid !important;
}
}
/* ===== MH styling ===== */

/* ===== Utility Classes ===== */
.margin-offset {
  margin-bottom: 150px;
}
.position-fixed {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 15;
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* ===== Header mobile style ===== */
.header-mobile > .widgetsearch svg,
.header-mobile .header-search,
.header-mobile i.material-icons.user-icon::before {
  display: none;
}
.header-mobile > .widgetsearch > .search {
  padding: 15px;
}
.header-mobile
  > .widgetsearch
  section.search
  .search-form
  button[type="submit"] {
  top: 3px;
  right: 5px;
}

@media only screen and (max-width: 768px) {
  .ex-home .home-page-icons {
    margin: 5px 0;
  }
  .ex-home .brands_container {
    margin: 0 15px;
  }
  header > .widgetsearch {
    display: revert;
  }
  header .header-mobile .logo img {
    /*max-width: 150px;*/
  }
  .breadcrumb {
    text-align: left;
  }
}
/* ===== Header-mobile styling buttons ===== */
.header-mobile .account-btn span {
  display: none;
}
.header-mobile .minicart_icon i,
.header-mobile .cd-dropdown-wrapper i{
  font-size: 2rem;
}
.header-mobile .header-cart span.minicart_count {
  bottom: 46px;
}
.header-mobile .account-btn .user-icon svg {
  fill: #c8102e;
  width: 2rem;
}
.header-mobile .search i {
  padding: 0;
}
body.has-spinner-sharp-icon .header-mobile .fa-spinner.header-search-icon {
  margin-top: 0;
}
.header-mobile .header-right .header-cart {
    order: 2;
}
.header-mobile .header-right .account-btn {
    order: 1;
}
/* ===== Home page tiles making better transition ===== */
.home-page-icons {
  outline: 1px solid transparent;
  transition: outline 0.3s, background-color 0.3s, color 0.3s;
}

.home-page-icons:hover {
  background-color: white;
  border: revert;
  outline: 1px solid #c8102e;
}
/* ===== X button to video ===== */
.YouTubePopUp-Close {
  width: 15px;
  height: 15px;
  background: url("https://us.evocdn.io/dealer/1408/content/media/Icons/x-button.png");
  background-size: contain;
}
/* ===== Remove margin from product add section ===== */
.ex-product .productaddtocart_container{
  margin-top: 0;
}
/* ===== Add borders to product ===== */
.productsgrid_container .tileparent {
  border: none;
}
.productsgrid_container .tile {
  border: 1px solid #ddd;
  margin: 7px auto;
  padding: 15px;
}
@media screen and (min-width: 1200px) {
  div.griditems div:nth-child(4n) .tile {
    border-right: 1px solid #ddd;
  }
}
/* ===== Styling categories ===== */
.hideproductgrid .tileparent,
.hideproductgrid .tileparent .tile {
  border: none;
}
.hideproductgrid .cat-tiles.griditems{
    padding-bottom:0;
}

.hideproductgrid .tileparent figure.cat-thumb-container {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #eee;
  margin: 0 auto;
}

.hideproductgrid .tileparent figure.cat-thumb-container img {
  object-fit: contain;
  mix-blend-mode: multiply;
  background-color: #fff;
  max-width: 100%;
}

@media screen and (min-width: 1200px) {
  .hideproductgrid .tileparent:nth-child(4n) .tile {
    border-right: none;
  }
}
.hideproductgrid .tileparent.col-xs-12 {
  width: 50%;
}

@media (min-width: 576px) {
  .hideproductgrid .tileparent.col-xs-12 {
    width: 33.33%;
  }
}

@media (min-width: 768px) {
  .hideproductgrid .tileparent.col-sm-6 {
    width: 25%;
  }
}
@media (min-width: 992px) {
  .hideproductgrid .tileparent.col-md-4 {
    width: 20%;
  }
}

@media (min-width: 1200px) {
  .hideproductgrid .tileparent.col-lg-3 {
    width: 16.3333%;
  }
}
/* ===== MH mobile navbar color ===== */
/*Background color*/
.header-menu .cd-dropdown-wrapper .cd-dropdown{
background-color: #fff;
}
/*Text color*/
.cd-dropdown-content a {
color: #000;
}
@media only screen and (max-width: 768px) {
  #mobileVueNav a:focus, #mobileVueNav a:hover {
    color: #000;
  }
}
.header-mobile .has-children > a::after, .header-mobile .has-children > a::before{
background: #000;
}
/*Adding icons*/
div.header-mobile .nav-desktop,
div.header-full .nav-mobile {
  display: none!important;
}
.header-mobile .has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/x-button.png");
  background: var(--nav-icon);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: center;
  background-position-x: 20px;
  padding-left: 60px;
}
.header-mobile .lumber-composites.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_LUMBER.svg");
}
.header-mobile .plywood-sheathing.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_PLYWOOD.svg");
}
.header-mobile .fencing.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_FENCING.svg");
}
.header-mobile .sidin-stone-veneer.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_SIDING.svg");
}
.header-mobile .decking.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_DECKING.svg");
}
.header-mobile .masonry.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_MASONRY.svg");
}
.header-mobile .structural-hardware.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_TOOLS.svg");
}
.header-mobile .fasteners.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_fasteners.svg");
}
.header-mobile .roofing.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_ROOFING.svg");
}
.header-mobile .drywall.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_DRYWALL.svg");
}
.header-mobile .paint-supplies.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_PAINT.svg");
}
.header-mobile .tools.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_TOOLS.svg");
}
.header-mobile .hardware.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_HARDWARE.svg");
}
.header-mobile .doors-windows.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_WINDOWS-DOORS.svg");
}
.header-mobile .insulation.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_INSULATION.svg");
}
.header-mobile .columns-posts.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_COLUMNS.svg");
}
.header-mobile .ceilings.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_CEILING.svg");
}
.header-mobile .plumbing.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_PLUMBING HVAC.svg");
}
.header-mobile .electrical.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_ELECTRICAL.svg");
}
.header-mobile .heating-cooling.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_HEATING AND COOLING.svg");
}
.header-mobile .lawn-garden.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_LAWN AND GARDEN.svg");
}
.header-mobile .automotive.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_AUTOMOTIVE.svg");
}
.header-mobile .safety-equipment.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_SAFETY EQUIPMENT.svg");
}
.header-mobile .cleaning-supplies-housewares.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_CLEANING SUPPLIES.svg");
}
.header-mobile .mouldings.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/Department_Icons_v2_MOULDING%20AND%20MILLWORK.svg");
}
.header-mobile .shop-all.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/shop-all.svg");
}
.header-mobile .order-status.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/order-status.svg");
}
.header-mobile .find-store.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/find-store.svg");
}
.header-mobile .cash-charge-account.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/cash-charge-account.svg");
}
.header-mobile .link-my-account.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/link-my-existion-account.svg");
}
.header-mobile .shop-all-buildings.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/shop-all-building-supplies.svg");
}
.header-mobile .find-store.has-icon a {
  --nav-icon: url("https://us.evocdn.io/dealer/1408/content/media/Icons/find-store.svg");
}

.header-mobile .go-back-mobile a{
  background: url('https://us.evocdn.io/dealer/1408/content/media/Icons/left-arrow.svg');
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-position-y: center;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-x: 50px;
  padding-left: 80px;
}

.header-mobile .cd-dropdown-content a {
    border: none;
}
header .header-mobile .cd-dropdown:has(.go-back-mobile.hide) h3:before{
    content: "Menu";
    color: #fff;
}
header .header-mobile .cd-dropdown:has(.go-back-mobile.hide) h3{
    color: transparent!important;
}
.header-menu .cd-dropdown-wrapper .cd-dropdown div.dropdown-extras {
  background-color: var(--theme-tertiary);
  /*background-color: #000;*/
}
.go-back-mobile ~ .additional_link.nav-mobile.order-status,
.go-back-mobile ~ .additional_link.nav-mobile.find-store,
.go-back-mobile ~ .additional_link.cash-charge-account,
.go-back-mobile ~ .additional_link.link-my-account{
    display: none;
}
.go-back-mobile.hide ~ .additional_link.nav-mobile.order-status,
.go-back-mobile.hide ~ .additional_link.nav-mobile.find-store,
.go-back-mobile.hide ~ .additional_link.cash-charge-account,
.go-back-mobile.hide ~ .additional_link.link-my-account{
    display: block;
}
/* ===== END ===== */

/* ===== MH mobile product page styling ===== */
.ex-product .mobile .ms-view.ms-basic-view,
.ex-product .mobile .ms-slide {
  height: 170px !important;
}

.ex-product .mobile img.zoom {
  height: 170px !important;
  width: auto !important;
}

.ex-product .mobile .magnify-lens {
display: none!important;
}

.ex-product .mobile .mainproductpagemobile .product-title-wrapper h1 {
  font-size: 1rem;
  padding-top: 5px;
}

.ex-product .mobile .mainproductpagemobile .productaddtocart_container .product {
  margin-top: 5px;
  padding-block: 15px;
}

.ex-product .mobile .mainproductpagemobile .product-item-spacing {
  padding-bottom: 5px;
}

.ex-product .mobile .productsummary_container .buttons.group .qnt-count {
  padding-block: 7px;
}

.ex-product .mobile .productsummary_container .product-shopping-actions-prices .live-inventory-v2-wrapper {
  display: none;
  
}

.ex-product .mobile .productsummary_container .flex-buttons .live-inventory-v2-wrapper {
  padding: 0;
  margin: 0;
}

.ex-product .mobile .social-links{
    display: none
}
/* ===== END ===== */

/* ===== Removing Shopping Cart Wording for mobile ===== */

@media only screen and (max-width: 767px) {
    .quick-order h2, .shopping-cart h2, .wishlist h2 {
        text-align: center;
        display: none;
    }
}
/* ===== END ===== */


/* ===== ECOMMDR-526 - MD ===== */

.ex-customer .dashboard-title-wrapper > h2 {
	color: #171d1c;
}

.ex-customer .dashboard-title-wrapper > h2  i {
	display: none;
}

.ex-customer .saved-payment-methods .myaccount-grid-title .dashboard-title {
	color: #c8102e;
	font-size: .8em;
	margin-left: 10px;
}

.myaccount .myaccount-title span:not(.card-on-file-btn-text) > span  {
	font-size: 1em;
}

.ex-customer .saved-payment-methods .grecaptcha-links {
	margin-bottom: 120px;
}

.ex-customer .saved-payment-methods #gridvue2 {
	margin-bottom: 0;
}

/* ===== END ECOMMDR-526 - MD ===== */
/* Cart buttons section adjustment on mobile view */
@media only screen and (max-width: 768px){
    .mobile .cart-topbuttons button[name="show-save-cart"],
    .mobile .cart-topbuttons .to-checkout {
        display: none;
    }
    .cart-resume {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }
    .cart-resume .softgraybackground {
        order: 1;
        margin-block: 0;
    }
    .cart-resume .promotion_discount {
        order: 2;
    }
    .row-cart-header, 
    .row-cart-clear {
        width:49%;
        display: inline-block;
    }
    .row-cart-header .btn, 
    .row-cart-clear .btn,
    .row-cart-header .mobile-widget-wrapper, 
    .row-cart-clear .mobile-widget-wrapper,
    .row-cart-header .mobile-widget-wrapper div, 
    .row-cart-clear .mobile-widget-wrapper div,
    .row-cart-header .row, 
    .row-cart-clear .row {
        margin: 0;
        padding: 0;
        min-height: unset;
    }
    .row-cart-header .btn, 
    .row-cart-clear .btn {
        min-height: 40px;
    }
}
/* End */


.account-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Optional: subtle hint that it scrolls on small screens */
.account-table-wrapper::after {
  content: "Swipe left/right to see all account types";
  display: none;
  font-size: 0.75rem;
  text-align: right;
  margin-top: 0.25rem;
  color: #666;
}

.account-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px; /* forces horizontal scroll on narrow screens */
}

.account-table th,
.account-table td {
  border: 1px solid #ddd;
  padding: 0.5rem;
  text-align: center;
}

.account-table th:first-child,
.account-table td:first-child {
  text-align: left;
}

.account-table thead {
  background-color: #f5f5f5;
}

/* Mobile tweaks */
@media (max-width: 768px) {
  .account-table {
    font-size: 0.85rem;
  }

  .account-table-wrapper::after {
    display: block;
  }

  .account-table th,
  .account-table td {
    padding: 0.4rem;
  }
}

@media (max-width: 767px) {
  #contactform_158530 {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ===== Tabs: no-JS radio tabs ===== */
.chc-evx-help-1408 .chc-tabRadio-1408{ position:absolute; left:-9999px; }

.chc-evx-help-1408 .chc-help-tabs2-1408{
  border:1px solid #e5e7eb;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}

.chc-evx-help-1408 .chc-tabList2-1408{
  display:flex;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-bottom:1px solid #e5e7eb;
  background:#f9fafb;
}

.chc-evx-help-1408 .chc-tab2-1408{
  flex:0 0 auto;
  padding:12px 14px;
  font-weight:700;
  cursor:pointer;
  user-select:none;
  border-right:1px solid #e5e7eb;
  color:#6b7280;
  white-space:nowrap;
}
.chc-evx-help-1408 .chc-tab2-1408:last-child{ border-right:0; }

.chc-evx-help-1408 .chc-tabPanels2-1408{ padding:18px 16px 22px; }
.chc-evx-help-1408 .chc-tabPanel2-1408{ display:none; }

/* show panel */
#chc-tab2-overview-1408:checked ~ .chc-tabPanels2-1408 [data-panel="overview"],
#chc-tab2-product-list-1408:checked ~ .chc-tabPanels2-1408 [data-panel="product-list"],
#chc-tab2-management-tools-1408:checked ~ .chc-tabPanels2-1408 [data-panel="management-tools"],
#chc-tab2-browsing-products-1408:checked ~ .chc-tabPanels2-1408 [data-panel="browsing-products"],
#chc-tab2-cart-checkout-1408:checked ~ .chc-tabPanels2-1408 [data-panel="cart-checkout"],
#chc-tab2-need-help-1408:checked ~ .chc-tabPanels2-1408 [data-panel="need-help"]{ display:block; }

/* active tab style */
#chc-tab2-overview-1408:checked ~ .chc-tabList2-1408 label[for="chc-tab2-overview-1408"],
#chc-tab2-product-list-1408:checked ~ .chc-tabList2-1408 label[for="chc-tab2-product-list-1408"],
#chc-tab2-management-tools-1408:checked ~ .chc-tabList2-1408 label[for="chc-tab2-management-tools-1408"],
#chc-tab2-browsing-products-1408:checked ~ .chc-tabList2-1408 label[for="chc-tab2-browsing-products-1408"],
#chc-tab2-cart-checkout-1408:checked ~ .chc-tabList2-1408 label[for="chc-tab2-cart-checkout-1408"],
#chc-tab2-need-help-1408:checked ~ .chc-tabList2-1408 label[for="chc-tab2-need-help-1408"]{
  background:#fff;
  color:#111827;
  box-shadow: inset 0 -2px 0 #c8102e;
}

/* desktop: vertical */
@media (min-width: 900px){
  .chc-evx-help-1408 .chc-help-tabs2-1408{
    display:grid;
    grid-template-columns:300px 1fr;
    min-height:520px;
  }
  .chc-evx-help-1408 .chc-tabList2-1408{
    flex-direction:column;
    overflow:visible;
    border-bottom:0;
    border-right:1px solid #e5e7eb;
  }
  .chc-evx-help-1408 .chc-tab2-1408{
    border-right:0;
    border-bottom:1px solid #e5e7eb;
    white-space:normal;
  }
}

/* ===== Images: prevent stretching / blur ===== */
.chc-evx-help-1408 img{
  max-width:100%;
  height:auto;
  width:auto;
}

/* keep figure container tight to image */
.chc-evx-help-1408 .chc-figWrap-1408 figure,
.chc-evx-help-1408 .chc-help-zoomLabel-1408{
  display:inline-block;
  max-width:100%;
}

/* ===== Lightbox: checkbox-based, no URL hash, no jump ===== */
.chc-evx-help-1408 .chc-lbChk-1408{ position:absolute; left:-9999px; }

.chc-evx-help-1408 .chc-help-zoomLabel-1408{ cursor: zoom-in; }
.chc-evx-help-1408 .chc-help-zoomLabel-1408 img{ cursor: zoom-in; }

.chc-evx-help-1408 .chc-lbOverlay-1408{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(17, 24, 39, 0.85);
  z-index:999999;
  padding:22px 14px;
  cursor: zoom-out;
}

/* Works because overlay is directly after figure wrapper */
.chc-evx-help-1408 .chc-figWrap-1408 .chc-lbChk-1408:checked ~ .chc-lbOverlay-1408{
  display:flex;
  align-items:center;
  justify-content:center;
}

.chc-evx-help-1408 .chc-lbInner-1408{
  position:relative;
  max-width:min(1200px, 96vw);
  max-height:92vh;
  cursor:default;
}

.chc-evx-help-1408 .chc-lbInner-1408 img{
  display:block;
  max-width:100%;
  max-height:92vh;
  width:auto;
  height:auto;
  margin:0 auto;
  border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,0.35);
}

.chc-evx-help-1408 .chc-lbClose-1408{
  position:absolute;
  top:-12px;
  right:-12px;
  width:38px;
  height:38px;
  border-radius:999px;
  background:#fff;
  color:#111827;
  display:grid;
  place-items:center;
  font-size:22px;
  font-weight:800;
  line-height:1;
  box-shadow:0 6px 18px rgba(0,0,0,0.25);
  pointer-events:none;
}

.chc-evx-help-1408 .chc-lbCaption-1408{
  display:block;
  margin-top:10px;
  color:rgba(255,255,255,0.9);
  font-size:14px;
  text-align:center;
}

/* Figure Caption formatting */
figcaption {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  color: #000;
}
/* Side-by-side layout for desktop, stacked for mobile */
.chc-help-sideBySide-1408 {
  display: flex;
  gap: 20px;
  margin: 20px 0;
}

.chc-help-sideBySide-1408 > div {
  flex: 1;
}

/* Stack on mobile/tablet */
@media (max-width: 768px) {
  .chc-help-sideBySide-1408 {
    flex-direction: column;
  }
}


/* Site Map Layout */
/* Site Map Layout */
.chc-sitemap-header{
  background: rgba(0,0,0,.04);
  border-radius: 12px;
  padding: 12px 14px;
  margin: 16px 0;
}

/* Title */
.chc-sitemap-header > strong{
  display:block;
  margin-bottom: 8px;
}

/* List defaults (mobile) */
.chc-sitemap-header ul{
  margin: 0;
  padding-left: 18px;
}

.chc-sitemap-header li{
  margin: 4px 0;
}

.chc-sitemap-header a{
  text-decoration: none;
}

/* Desktop: make the list compact in multiple columns */
@media (min-width: 992px){
  .chc-sitemap-header ul{
    list-style: none;
    padding-left: 0;
    column-count: 3;
    column-gap: 24px;
  }
  .chc-sitemap-header li{
    break-inside: avoid;
    margin: 3px 0;
  }
}

main .chc-sitemap-columns{
  column-count: 1;
  column-gap: 24px;
}

@media (min-width: 1200px){
  main .chc-sitemap-columns{
    column-count: 5;
  }
}

main .chc-sitemap-columns > section{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;

  display: inline-block;
  width: 100%;
  margin: 0 0 18px;
}