/* 5 x 1 customer section */

.custom-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  background-color: #222;
  padding: 20px 10px;
  font-family: sans-serif;
  gap: 10px;
}

.custom-feature {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  color: white;
  text-align: left;
  background-color: #222;
  flex: 1 1 100%; /* Mobile: full width */
  box-sizing: border-box;
}

.center-highlight {
  background-color: #e03131;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 15px;
  color: white;
  flex-direction: column;
  display: flex;
}

/* Slogan */
.custom-slogan {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  font-family: sans-serif;
  margin-top: 20px;
}

.custom-highlight {
  color: #e03131;
}

/* Desktop layout */
@media (min-width: 900px) {
  .custom-feature {
    flex: 0 0 15%;
  }

  .center-highlight {
    flex: 0 0 40%;
    font-size: 16px;
  }
}

/* Increasing Logo Size Header */

.logo img {
  max-height: 180px !important;
}

  /* Remove icons from contact details footer */
.contacts .contact-element.contact-icon {
    display: NONE;
    margin: 0;
    width: 25px;
}
  /* Footer Icon Color*/

.footer i {
    color: #d0172d;
}

  /* Copyright and Payment Logos*/

.footerbottomextra {
background: #d2d2d2 !important;
}

/* Top Red Banner with Icons */

.topheaderbanner  {
  background: #d0172d !important;
      padding: 7px 0 !important;
}

.headsocials .social a {
    color: #ffffff;
    font-size: 1.3em !important;
    margin: 0;
    margin: 0 !important;
    text-decoration: none !important;
    transform: none !important;
}

.header-links a {
  font-family: 'Barlow Semi Condensed', sans-serif;
    margin-right: 10px;
    position: relative;
    transition: color .35s ease;
      color: #ffffff;
    display: inline-flex
}

.header-links .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas {
    padding-right: 15px;
}
  /* Search Bar Background Color */

.bg-primary {
background-color: #444444 !important;
} 

.header-links a:hover {
 color: #f2f2f2;
}

  /* Header social media color changes */

.social a {
    color: #444444;
    font-size: 1.3em!important;
    margin: 0;
    margin: 0!important;
    text-decoration: none!important;
    transform: none!important;
}

  /* Making the carousel greyscale */

.catalog-single .brandmerchandising-carousel .tile img {
    -o-object-fit: contain;
    object-fit: contain;
    filter: grayscale(1);
    padding: 15px;
}

  /* CTA Homepage Changes */

.text-cta {
    background-color: #444444;
    color: #fff;
    padding: 15px;
    text-align: center;
}

  /* Homepage Categories */

.tabbed-boxes .nav-box {
    border: 1px solid var(--evo-border-color, #eaeaea);
    border-radius: 5PX;
    color: var(--evo-text-col);
    padding: 5px 20px;
    transition: background .35s ease, color .35s ease;
}

.categoriesandservices {
    padding-top: 30px;
    padding-bottom: 30px;
}

.tabbed-boxes .nav-box.active, .tabbed-boxes .nav-box:focus-visible, .tabbed-boxes .nav-box:hover {
    background-color: #f2f2f2;
    color: #000;
}

.tabbed-boxes .header-wrapper .link-wrapper a {
    font-weight: 700;
    background: #d0172d;
    padding: 10px 15px 10px 15px;
    color: white;
    border-radius: 5px;
}

.tabbed-boxes .header-wrapper .link-wrapper a:hover {
    font-weight: 700;
    background: #f2f2f2;
    padding: 10px 15px 10px 15px;
    color: black;
    border-radius: 5px;
}

.pagesbutton {
    font-family: inherit !important;
    line-height: inherit !important;
    padding: 10px 40px !important;
    color: #fff !important;
    background: #e04841 !important;
   border: #e04841 3px solid !important;
  border-radius: 15px !important;
}

.pagesbutton:hover {
      color: #e04841 !important;
    background: #fff !important;
 border: #e04841 3px solid !important;
    border-radius: 15px !important;
}

.brandsblocks {
    BORDER: 1PX SOLID GREY;
    BORDER-RADIUS: 15PX;
    BOX-SHADOW: 1px 1px 1px 2px LIGHTGREY;
    PADDING: 10PX 5PX 10PX 5PX;
  height: 375px;
}

.brandsblocks img {
    image-rendering: optimize-contrast;
    height: 120px;
  padding-top: 15px
}

.contactboxes {
    border: 1px solid #f2f2f2;
    padding: 20px;
    height: 240px;
    border-radius: 15px !important;
}

.getintouchform {
  background: #f2f2f2 !important;
  padding: 15px !important;
  border-radius: 15px !important;
}

  /* Account Changes */

#cdash_address .with-padding-trl {
    background-color: #f2f2f2;
    padding: 15px;
}

div.customertools .customertools-container {
    background: #f2f2f2;
    color: var(--evo-text-col);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 20px 24px 40px;
}

div.customertools .switch-account-new {
    border-bottom: 1px solid #000000;
    display: block !important;
    padding: 15px 0;
    visibility: visible !important;
}

        .icon-block {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            margin-top: 10px;
        }
        .icon-block a {
            text-decoration: none;
            color: #000 !important;
        }
        .icon-block img {
            width: 30px;
            height: 30px;
            margin-bottom: 5px;
        }

.header-switch {
    background: #f6f8fb;
    color: var(--evo-text-col);
    padding: 5px 0;
    display: none;
}

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

.linkaccountoptions {
  background: #f2f2f2 !important;
  padding: 20px !important;
  border-radius: 10px !important;
}

#quickviewproduct .product-summary .prod-sku {
    background-color: #f2f2f2 !important;
    color: var(--evo-text-col);
    font-weight: 400;
    margin: 0;
}

.lastviewedproducts_container .product .footer a:not(.in-stock,.out-stock), .lastviewedproducts_container .tile .footer a:not(.in-stock,.out-stock), .merchandisingcontent_container .product .footer a:not(.in-stock,.out-stock), .merchandisingcontent_container .tile .footer a:not(.in-stock,.out-stock), .productsgrid_container .product .footer a:not(.in-stock,.out-stock), .productsgrid_container .tile .footer a:not(.in-stock,.out-stock), .productsrelated_container .product .footer a:not(.in-stock,.out-stock), .productsrelated_container .tile .footer a:not(.in-stock,.out-stock), .widget-contract-items-html .product .footer a:not(.in-stock,.out-stock), .widget-contract-items-html .tile .footer a:not(.in-stock,.out-stock), .widget-lastviewedproducts-html .product .footer a:not(.in-stock,.out-stock), .widget-lastviewedproducts-html .tile .footer a:not(.in-stock,.out-stock) {
    color: #000 !important;
}

.lastviewedproducts_container .product div.product-sku .product-sku-label, .lastviewedproducts_container .tile div.product-sku .product-sku-label, .merchandisingcontent_container .product div.product-sku .product-sku-label, .merchandisingcontent_container .tile div.product-sku .product-sku-label, .productsgrid_container .product div.product-sku .product-sku-label, .productsgrid_container .tile div.product-sku .product-sku-label, .productsrelated_container .product div.product-sku .product-sku-label, .productsrelated_container .tile div.product-sku .product-sku-label, .widget-contract-items-html .product div.product-sku .product-sku-label, .widget-contract-items-html .tile div.product-sku .product-sku-label, .widget-lastviewedproducts-html .product div.product-sku .product-sku-label, .widget-lastviewedproducts-html .tile div.product-sku .product-sku-label {
    background-color: #f2f2f2 !important;
    display: inline-block;
    padding: 5px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}