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

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

/* 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%;
}