/*Colour Block Two*/
:root {
--main-colour: #31A584;
--light-neutral: #8a94a6;
--main-accent: #ffd166;
--second-accent: #0a335d;
--extra-accent: #ff6f69;
--dark-neutral: #637280;
  
--light-neutral-rgb: 149,180,106;
--dark-neutral-rgb: 97,97,96;
}
/*/

/*Header logo Switch Control*/
.header-logo-switch {content: url("https://eu.evocdn.io/dealer/1235/content/media/Sun Poppins White Test.svg");}

/*General Utility*/

.hidden2025 {display: none;}
.align-right {text-align: right;}
section.search .search-form button[type=submit] {z-index: 1;}

/*Button Styling*/
.btn-primary {background-color: var(--second-accent);}
.btn-primary:hover {background-color: var(--second-accent); filter: saturate(0.5) brightness(1.5);}

/*Shopping Cart Hover Styling*/
.cart-dropdown {
    box-shadow: none;
}

/*Category Pages*/

.catalog-grid .tile .footer span.uom.uomblock, .catalog-single .tile .footer span.uom.uomblock, .uom.uomblock {display: none;}
.catalog-grid .tile .footer span.price-label-inc-vat {display: none;}
.catalog-grid .tile .footer a {color: var(--dark-neutral);}
.catalog-grid .tile .footer .footer-wrapper {min-height: 0;}
.catalog-grid .tile .footer .footer-wrapper {height: auto !important;}
.tileparent {
  border-style: none;}
.catalog-grid .tile {border-style: none;}

.category-link {font-size: 1rem;}
.shop-filters .filter-section .categories li a {color: var(--dark-neutral);}
.cat-tiles a {color: var(--dark-neutral);}

.shop-filters .filter-title {
  background-color: var(--main-colour); color: white;}
.shop-filters .arrow-down {
  border-top: 10px solid var(--main-colour);}
.shop-filters .filter-options a {color: var(--dark-neutral);}

.brand-label {display: none;}
.addtoquicklist-wrapper {display: none;}
.product-sku {font-size: 1rem; display: inline-block;}
.product-sku::first-letter {color: transparent;}
.catalog-grid .list-attribute.product-category {display: none;}
.indicators-grid {display: inline-block;}

.product-sku strong:after::first-letter {color: transparent;}
.live-inventory-v2-wrapper {padding-top: 10px;}

.catalog-grid .tile .footer div.rrp {display: inline-block; text-decoration: line-through;}
.label.save {display: inline-block;}

.catalog-grid .tile .footer .footer-wrapper-price {height: 50px;}


/*Product Carousel Styling */
span.price-label-inc-vat.with-value {display: none !important;}
.catalog-single.has-carousel .tile, .catalog-single.has-grid .tile {border-style: none;}

.lastviewedproducts-content .product-compare-action {display: none;}
.product-sku strong {display: none;}

/*Footer Styling*/

footer {background-color: var(--dark-neutral);}

/*Selling Point Styling */
#selling-point-container {
  position: relative;
  transition: 0.5s;
  background-color: var(--light-neutral);
  color: white;
text-align: center;}

#htmlcontent_282004 {padding: 0;}
  
.selling-point {display: inline-block; padding: 5px 15px 5px 15px;}

/*Header Styling*/

header {background-color: var(--main-colour);}

.iconstopwhite {color: var(--main-accent);}

input.cmn-toggle-round-flat:checked+label, input.cmn-toggle-round-flat:checked+label:after {
  background-color: var(--main-accent);}

header section.search .search-form .form-group input {
    border-color: transparent;
  border-radius: 11px;}

.toolbar .account-btn .user-icon {
    background: url('https://eu.evocdn.io/dealer/1235/content/media/User ICon copy.svg') no-repeat center;
    width: 25px;
  height: 25px;}


.material-icons.user-icon::before {content: " "!important;}
.fa.fa-shopping-bag::before {content: url("https://eu.evocdn.io/dealer/1235/content/media/Basket Icon copy.svg")!important; display: inline-block;
  width: 25px;
  height: 25px;}


header {position: sticky; top: 0; z-index: 1;}


header .container {width: 100% !important;}
header .header-full .logo {margin: 0px 0px; padding-right: 50px;}
.headeroption {display: inline-block; padding-right: 20px;}

.header-logo {height: 100px;
    position: fixed;
    top: 0;
    left: 10%;
  padding: 10px;}

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

body.ex-loggedout .toolbar .account-btn {
  margin-right: 0px; }

.account-btn.btn-outlined-invert.logged-out span {
  display: none; }

.minicart_container {width: 1%;}
.shoppingtools_container {width: 10%;}
.account-btn {padding: 0px 20px;}

.toggle-vat-incl-wrapper label {color: white;}

header .header-full .widgetsearch.search {
    margin: 0px 0px 15px 0px;
}


/*Cart Button styling*/

.toolbar .cart-btn>.btn {
  background-color: transparent !important;
  padding: 0px 0px;
}
.toolbar .cart-btn>.btn:hover {
  background-color: transparent !important;
}

.toolbar .cart-btn>.btn i {
  color: #ffffff !important;
}

.toolbar .cart-btn>.btn span {
    background-color: transparent;
}

.minicart_total {display: none;}

/* Header customer tool styling */

.welcome-message.line1 {display: none;}
.welcome-message.line2 {display: none;}

/*Sidenav*/
body {
  transition: background-color .5s;
}

#overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
  	background-color: rgba(0, 0, 0, 0.5);
  display: none;
     z-index: 5;
   }

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--main-colour);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index: 6;
}

.sidenavextra {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 350px;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index: 6;
}


.sidenavTitle {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
  cursor: pointer;
}

.sidenavextra a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 15px;
  display: block;
  transition: 0.3s;
  cursor: pointer;
}

.sidenavTitle:hover, .sidenavextra a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn, .sidenavextra .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  color: var(--dark-neutral);
}

@media screen and (max-height: 450px) {
  .sidenav, .sidenavextra {padding-top: 15px;}
  .sidenav a, .sidenavextra a {font-size: 18px;}
}

.sidenavcolumns {column-count: 2;
    padding: 20px;
}

.side-menu-logo {    position: absolute; bottom: 50px; width: 200px; left: 50px;}

/*End Sidenav*/

/*Slideshow Test */


.herobanner2025 {
  background-color: #cee0e6;
  background-image: linear-gradient(to bottom, var(--main-colour), transparent); }

.slideshowcontainer {
  position: relative;
    width: 80%;
    margin: auto;
  min-height: 500px;
}

.slideshowbackground {
background-image: linear-gradient(rgba(var(--dark-neutral-rgb), 0.9), rgba(var(--dark-neutral-rgb), 0.5)), url('https://eu.evocdn.io/dealer/1235/content/media/Untitled design.png');
    background-position: bottom 0px right 50%;}


.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

.slidecontenttext {
  color: #f2f2f2;
  position: absolute;
  top: 40%;
  padding-left: 5%;
  width: 35%;
}

.slidecontentheader {
  font-size: 1.5vw;
  color: white;
}

.slideshow-button {
  margin: 10px 0px 10px 0px;
    background-color: var(--second-accent);
    color: white;
    border: none;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
}

.slideshow-button:hover {
  background-color: var(--second-accent); filter: saturate(0.5) brightness(1.5);}


.slideshowcontrollers {
  position: absolute;
    top: 40%;
    margin-top: -10%;
    left: 50%;
    margin-left: -10%;
    width: 30%;
}

.logo-picture {
    position: absolute;
    bottom: 1vw;
    right: 0;
    width: 35%;
    max-width: 400px;
    padding-right: 5%;
}

.logo-on-box {
      transform: rotate(15deg);
    position: absolute;
    top: 49%;
    width: 45%;
    right: 45%; }

.box-picture {

}

.slideshowtitle {
  position: absolute;
    top: 20%;
    left: 0;
    padding-left: 5%;
}

.slideshowtitle h2 {
    color: white;
  font-size: 3vw;}

.controllertext h3 {
  color: white;
     font-size: 2vw;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

/*End of Slider*/

/* Homepage Styling */
.homepage-info-column {display: inline-block; width: 30%; text-align: center; color: gray; padding: 20px; vertical-align: top;}
.homepage-info-image {max-width: 100px; padding: 20px;}

.main-button {
  margin: 10px 0px 10px 0px;
    background-color: var(--second-accent);
    color: white;
    border: none;
    border-radius: 3px;
    padding: 10px 20px 10px 20px;
}

/*Team member styling*/
.team-member {text-align: center; display: inline-block; max-width: 18%; padding: 20px;}
.team-member img {max-width: 100px; filter: grayscale(1); border-radius: 50px;}
.team-name {color: var(--main-accent);}

/*Deal Box Styling*/
.homepage-deal-box {text-align: center; background-color: var(--dark-neutral); display: table-cell; margin: 20px; border-radius: 20px; width: 25%; padding: 20px; color: transparent; vertical-align: top;}
.homepage-deal-box:hover {color: white; transition: 0.3s; background-image: linear-gradient(rgba(var(--dark-neutral-rgb), 0.9), rgba(var(--dark-neutral-rgb), 0.5)), url('https://eu.evocdn.io/dealer/1235/content/media/Untitled design.png');}
.deal-box-title {color: white; text-transform: uppercase;}

/*Did You Know Box Styling*/
.did-you-know-box {text-align: center; background-color: var(--light-neutral); display: table-cell; border-spacing: 20px; border-radius: 20px; width: 42%; padding: 20px; color: transparent; vertical-align: top;}
.did-you-know-title {color: white;}
.did-you-know-text {color: white;}