:root {
  --evo-brand-secondary: #EB5E28;
  --evo-brand-accent: #e8e8e8;
  --evo-header-background: #fff;
--evo-row-spacing: 20px;
}

/* Title block above the items */
.ntm-underhero-title {
    width: 100%;
    text-align: center;
    margin-bottom: 4px; /* small gap before the row */
}

.ntm-underhero-title .ntm-value {
    font-size: 0.95rem;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: 0.3px;
}

/* Banner container stays positioned */
.cat-home-banner .banner_content {
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px; /* KEEP the padding for subtitle + button */
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* TITLE — break out of padding to touch the left edge */
.cat-home-banner .banner_title {
    display: inline-block;
    background: #254485;
    color: #fff !important;
    padding: 8px 16px;
    margin-left: -16px;
    border-radius: 0 6px 6px 0;
    max-width: calc(100% + 16px);
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    font-size: clamp(1em, 5vw, 3em);
}

/* Subtitle (keeps its 16px padding from parent) */
.cat-home-banner .banner_subtitle {
    color: rgba(255,255,255,0.8) !important;
    font-size: 1rem;
    font-style: italic;
    margin-top: 8px;
    margin-bottom: 12px;
}

/* Pill button */
.cat-home-banner .banner_button {
    background: rgba(255,255,255,0.9);
    color: #333 !important;
    border-radius: 999px;
    padding: 6px 18px;
    border: 1px solid rgba(255,255,255,0.7);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: 0.2s ease;
}

.cat-home-banner .banner_button:hover {
    background: #ff7a00;
    border-color: #ff7a00;
    color: #fff !important;
}


/*GS Updates to CSS */
.herobanner .banner_content {
    text-align: center; 
}
.herobanner .banner_title {
	display: inline-block;
    width: max-content;
    /* margin: 0 auto; */
    background: #ff7a00;
    padding: clamp(2px, 1vw, 6px) clamp(6px, 3vw, 14px);
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff !important;
    border-radius: 10px;
    font-weight: 900;
    font-size: clamp(1em, 8vw, 7em);
}

.herobanner .banner_subtitle{
    color: #ffffff;
    font-size: clamp(1em, 3vw, 5em);
    text-transform: uppercase;
}
.herobanner .banner_button {
    background-color: #ff7a00 !important; /* orange */
    border-color: #ff7a00 !important;
    color: #ffffff !important;
    transition: all 0.25s ease;
}

.herobanner .banner_button:hover {
    background-color: #285c4d !important; /* Nottage green */
    border-color: #285c4d !important;
    color: #ffffff !important;
}

/* Thin bar under the hero */
.ntm-underhero-strip {
    background: #285c4d; /* Nottage Green */
    padding: 8px 0;
    width: 100%;
    border-top: 2px solid #ff7a00;   /* Orange accent line */
    border-bottom: 1px solid rgba(0,0,0,0.15);
    font-family: 'Inter', sans-serif;
}

/* Inner container */
.ntm-underhero-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

/* Phone + Find Items */
.ntm-underhero-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    padding: 4px 10px;
    transition: 0.15s ease;
}

/* Hover animation */
.ntm-underhero-item:hover {
    color: #ffddc2;
    transform: translateY(-1px);
}

/* Icons */
.ntm-icon {
    font-size: 1.1rem;
}

/* Divider dot */
.ntm-divider {
    width: 6px;
    height: 6px;
    background: #ff7a00;
    border-radius: 50%;
}

/* Mobile layout */
@media (max-width: 600px) {
    .ntm-underhero-inner {
        flex-direction: column;
        gap: 10px;
    }

    .ntm-divider {
        display: none;
    }
}

/* Remove EvoX row spacing for your custom block */
.tight {
    margin: 0 !important;
    padding: 0 !important;
}

/* EvoX applies margin to .row – override it */
.tight > .row {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* EvoX sometimes adds margin to htmlcontent_container */
.tight .htmlcontent_container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.tight .singlebanner_container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Fix Header Layout */
.newlogoheight { width: auto; }
.col.col-sm-2.col-md-2.col-lg-2.logo_container { width: auto; }

.col.col-sm-2.col-md-2.col-lg-2.shoppingtools_container { width: auto; }
.col.col-sm-2.col-md-2.col-lg-2.minicart_container { width: auto; }


/* OVERRIDE TO SHOW .more-info ON MOBILE */
@media only screen and (max-width: 767px) {
  .more-info {
    display: block !important;
  }
}



/* Change Logo Size */
.header-full .logo img {
/* Change this for desktop */
    max-width: 350px !important;
    height: auto !important;
    max-height: none !important;
}

/* Hide Product Grid Options - Streamlined */

.flex-notes {display: none}
.live-inventory-v2-delivery-preferred-location {display: none}
.addtoquicklist-wrapper {display: none}
.product-compare-action {display: none}
.footer-wrapper-price {margin-top: inherit !important}


/* Fix Vertical Layout of Product Prices */
.productaddtocart_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

/* Remove red strike-through and tidy price layout */
.productaddtocart_container .price-label-inc-vat,
.productaddtocart_container .rrp {
  display: flex;
  gap: 5px;
  margin: 0;
  color: inherit;               /* stop it forcing red */
  text-decoration: none !important; /* override strike-through */
}

/* Hide Warning Labels */
.indicators-grid, .rating-grid {
    display: none;
    position: relative;

/* INCREASE LOGO SIZE ON HEADER */

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

/* FOOTER COPYRIGHT CHANGES*/

.copyrow {
  background: #454545;
}

.copyright_container {
    font-size: 1em;
    text-align: center;
}


/* TESTIMONIAL CHANGES */

.testimonial-box {
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .09);
    height: 100%;
    padding: 25px 15px;
    background: white;
    border-radius: 15px;
}

.testimonialrow {
    background-color: #f3f3f3 !important;
}

/* Davids HIDE CRAP */
.product-compare-action { display: none !important; }
.flex-notes { display: none !important; }
.addtoquicklist-wrapper { display: none !important; }
.lastviewedproducts_container .product div.product-sku, .lastviewedproducts_container .tile div.product-sku, .merchandisingcontent_container .product div.product-sku, .merchandisingcontent_container .tile div.product-sku, .productsgrid_container .product div.product-sku, .productsgrid_container .tile div.product-sku, .productsrelated_container .product div.product-sku, .productsrelated_container .tile div.product-sku, .widget-contract-items-html .product div.product-sku, .widget-contract-items-html .tile div.product-sku, .widget-lastviewedproducts-html .product div.product-sku, .widget-lastviewedproducts-html .tile div.product-sku {
  display: none !important; }
.list-attribute.product-category {display: none !important; }

/* DAVIDS NEW VARIANT CSS */ 
/* .variant-product-image { display: none !important; } */
.variant-product-sku { display: none !important; }
.variant-product-options { display: none !important; }
.price-area { display: block !important; }

/* DAVIDS NEW HEADER CSS */ 

.newheadersearch {
  	margin: 40px;
} 

nav.menu .catalog-block ul.catalog>li {
  	max-width: 300px;
}  

.testimonials-widget .testimonial-boxes {
    margin: 45px 10px 45px;
    width: calc(100% - 20px);
}

.testimonial-box .stars i {
    color: #EB5E28 !IMPORTANT;
}

.testimonials-widget .owl-dot {
    background-color: #EB5E28;
    border-radius: 10px;
    height: 12px;
    opacity: .3;
    transition: opacity .35s ease;
    width: 12px;
}

/* David homepage css */

.deckcalcside {
    background-color: #5A5A5A !important;
    color: white !important; /* Make all text inside white */
    border-radius: 10px; /* Add rounded corners with a 10px radius */
    overflow: hidden; /* Ensure child content respects the rounded corners */
}

/* Hide Decking Calculator on Mobile */

@media (max-width: 767px) {
    .deckcalcside {
        display: none !important;
    }
}

.deckcalcside h2, 
.deckcalcside h4, 
.deckcalcside p, 
.deckcalcside div, 
.deckcalcside button {
    color: white !important; /* Ensure all child elements inherit white color */
}

/* For buttons, override their default color */
.deckcalcside button {
    background-color: transparent !important;
    border-color: white !important;
}

/* Hide left Side Contact Details on Home Page On Home Page */

@media (max-width: 767px) {
    .lefthomecontactdetails {
        display: none !important;
    }
}

/* Hide left Side Menu on Home Page On Home Page */

@media (max-width: 767px) {
    .homemenuside {
        display: none !important;
    }
}


/* Rounds corner of banner for softer feel */
.roundedhomebanner {
    border-radius: 10px !important; /* Force the border-radius */
    overflow: hidden !important;   /* Ensure content respects the rounded corners */
}

.singlebanner_wrapper > div {
    border-radius: 10px !important; /* Apply rounded corners */
    overflow: hidden !important;   /* Ensure content respects the rounded corners */
}

.roundedhomebanner img {
    display: block; /* Remove any inline spacing or margin issues with images */
    width: 100%;    /* Ensure images resize properly within the container */
}

/* HOME PAGE SIDE MENU CSS */

.homemenuside {
    background-color: #285c4d; /* Dark green background */
    border-radius: 10px;       /* Rounded corners */
    color: #ffffff !important; /* Contrasting white text */
    padding: 30px;            /* Add spacing inside the container */
}

.homemenuside h4.title {
    color: #f7d04b; /* Contrasting title color (e.g., gold) */
    margin-bottom: 15px;
}

.homemenuside ul {
    list-style: none;         /* Remove bullet points */
    padding: 0;
    margin: 0;
}

.homemenuside ul li {
    margin-bottom: 10px;      /* Add spacing between items */
}

.homemenuside ul li a {
    color: #ffffff;           /* White text for links */
    text-decoration: none;    /* Remove underline */
    padding: 5px 10px;
    display: inline-block;    /* Ensure padding affects the entire link */
    border-radius: 5px;       /* Add rounded edges to links */
}

.homemenuside ul li a:hover {
    background-color: #f7d04b; /* Highlight with gold on hover */
    color: #285c4d;           /* Dark green text on hover */
}

/* MAKING NAVIGATION BAR GREY */

.bg-primary {
    background-color: #f3f3f3 !important;
  COLOR: BLACK !IMPORTANT;
}

/* Change shape of cateogory image */

.subcategorieslist_container .griditems .tile img {
    height: 100%;
    max-width: 100%;
    mix-blend-mode: multiply;
    -o-object-fit: contain;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}

/* MAKING BRANDS CAROUSEL GREYSCALE */

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

/* BLOG POST SECTION CHANGES */

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


/* FOOTER NEWSLETTER CHANGES */

.newsletterhomerow {
  background: white !important;
}

.subscr-widget .row {
    display: flex;
    flex-direction: column;
    margin: 0;
    text-align: center;
  color: black !important;
}


.subscr-widget .p-style3 {
    color: inherit;
    font-size: 1em;
    line-height: 2em;
    margin: 0;
    display: none;
}

.footer i {
    color: #000000 !important;
}


/* DOUBLE BANNER BANNER CHANGES */

.doublebanner_wrapper .banner1 .banner_title, .doublebanner_wrapper .banner2 .banner_title, .singlebanner_wrapper .banner_title {
    font-size: 2em;
    text-align: left;
    color: white;
}

.doublebanner_wrapper .banner1 .banner_subtitle, .doublebanner_wrapper .banner2 .banner_subtitle, .singlebanner_wrapper .banner_subtitle {
    font-size: 1.5em;
    color: white;
    text-align: left;
}

/* BRANCH BANNER CHANGES */

.header-switch {
    background: #285c4d;
    color: #ffffff;
    padding: 15px 0;
}

.header-switch .current-branch-banner i {
    color: #ffffff;
}

.header-switch .current-branch-banner strong {
    color: #ffffff;
}

.header-switch .current-branch-banner a {
    color: #ffffff;
    display: block;
    line-height: 1.5;
    margin: 2px 0;
}

.productaddtocart_container .price-label-inc-vat .productaddtocart_container .rrp {
    color: red;
    display: flex;
    gap: 5px;
    margin: 0;
    text-decoration: none;
}

.subcategorieslist_container .griditems .tile img {
    height: 100%;
    max-width: 100%;
    mix-blend-mode: multiply;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}