/*Colour Block One*/
:root {
--main-colour: #008567;
--light-neutral: #feefe5;
--main-accent: #ffd002;
--second-accent: #eb6124;
--extra-accent: #e61d44;
--dark-neutral: #606060;
}
/*/

/*Colour Block Two*/
:root {
--main-colour: #176b3b;
--light-neutral: #95b46a;
--main-accent: #c44a17;
--second-accent: #432534;
--extra-accent: #ffd002;
--dark-neutral: #06151e;
  
--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;}

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

.shop-filters .filter-title {
  background-color: var(--main-accent); }
.shop-filters .arrow-down {
  border-top: 10px solid var(--main-accent);}

/*Footer Styling*/

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

/*Selling Point Styling */
#selling-point-container {
  position: relative;
  transition: 0.5s;
  background-color: var(--light-neutral);
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-full {padding-bottom: 10px;}
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: 250px;
  background-color: var(--main-colour);
  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;
  color: #ffffff;
  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;
}

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

/*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*/