:root {
  /*** Global ***/
  --theme-primary: #3f612f; /* green */
  --theme-secondary: #ffffff; /* white */
  --theme-tertiary: #f7ec1f; /* orange */
  --theme-text: #3a3a3a; /* dark grey */
  --theme-lightgrey: #f2f2f2; /* light grey */

  /* Top Bar */
  --topbar-bg:#f7ec20 ;
  --topbar-icons: #3f612f ;
  --topbar-text: #3f612f;
  --topbar-hover: #000000;
  
  /* Main Header */
  --header-bg: #3f612f;
  --header-icons: #f7ec20;
  --header-text: #ffffff;
  --header-hover: #000000;
  
  /* Header Search Bar */
  --search-bg: var(--theme-lightgrey);
  --search-icons: var(--theme-primary);
  --search-text: var(--theme-text);
  --search-focus: var(--theme-primary);
  
  /* Main Navigation */
  --nav-bg: #f2f2f2;
  --nav-border: #dfdfdf;
  --nav-icons: var(--theme-primary);
  --nav-text: var(--theme-text);
  --nav-hover: var(--theme-tertiary);
  
  /* USP Strip */
  --strip-bg: var(--theme-secondary);
  --strip-icons: var(--theme-primary);
  --strip-text: var(--theme-text);
  --strip-hover: var(--theme-tertiary);
  
  /* Footer */
  --footer-bg: #3f612f ;
  --footer-icons: #f7ec20;
  --footer-text: #ffffff;
  --footer-hover: #000000;
  
  /* Footer Newsletter Input*/
  --footnews-bg: #fff;
  --footnews-icons: var(--theme-primary);
  --footnews-text: var(--theme-text);
  --footnews-focus: var(--theme-primary);
  
  /* Footer Social Icons */
  --footsocial-bg: var(--theme-primary);
  --footsocial-icons: #fff;
  --footsocial-bg-hover: var(--theme-tertiary);
  --footsocial-icons-hover: #fff;
  
  /* Title Underline Underline Colour */
  --title-underline:  var(--theme-primary);
  
  /* Simple / Link Boxes */
  --linkbox-bg: #3f612f ;
  --linkbox-text: #f7ec20;
  --linkbox-hover-bg: #f7ec20;
  --linkbox-hover-text: #3f612f;
}
.menu.expanded .catalog .submenu .submenucontainer > li > a {
    color: green;
}
.menu.expanded .catalog .clearance a {
  color: white;
  background: red;
}

header {
    background-color: #3f612f;
}
/* Begin change the search placeholder text */

.searchlist_hd::placeholder {
    opacity: 0;
}
.searchlist_hd.placeholdertext::placeholder {
    opacity: 1;
}

/* end */

/* start of full page create account  */

/* blue bar gradient  */
.gradient-box {
    position: fixed;
    bottom: 0%;
    width: 100%;
    height: 30%;
    z-index: -1;
    background: rgb(3,131,185);
    background: -moz-linear-gradient(270deg, rgba(3,131,185,1) 41%, rgba(38,169,225,0.8883928571428571) 100%);
    background: -webkit-linear-gradient(270deg, rgba(3,131,185,1) 41%, rgba(38,169,225,0.8883928571428571) 100%);
    background: linear-gradient(270deg, rgba(3,131,185,1) 41%, rgba(38,169,225,0.8883928571428571) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0383b9",endColorstr="#26a9e1",GradientType=1);

}



/* Darken the shadow and change forms background-color */
.register-form .form-container {
    box-shadow: 2px 4px 30px -6px #404041;
    background: #ffff;
}

/* Remove the header section */
.register .header-full {
    display: none;
}

/* Remove spacing around the logo */
.register-form .logo {
    margin-top: 0px;
    margin-bottom: 0px;
    
}

/* Darken form text color */
.log-reg .form-container form .form-group > label {
    color: #404041;
    }
    
/* Increase form text size */
.register-form label {
    font-size: 1em;
}

/* background */
body.register {
    background-color: #fff;
}

/* field borders */
.register .form-control {
    border: 1px solid #b6b6b6;
}

/* checkbox borders */
.register .control__indicator {
    border: 1px solid #b6b6b6;
}

/* font awesome arrow */
.register .fa-arrow-left {
    font-size: 24px;
    
}
/* back button */
button.registerBackBut {
    box-shadow: none;
    border: none;
    position: absolute;
    top:25px;
    left:40px;
}

/* back button remove on mobile  */
@media (max-width: 768px) {
	button.registerBackBut {
	display: none;
		
	}

}
/* end of full page create account  */

.ex-searchresult .quoteme-wrapper,
.ex-category .quoteme-wrapper {
  display: block !important;
}

.toolbar .shopping-tools-wrapper .vuequicklistdropdown_elem a, .toolbar .shopping-tools-wrapper>* {
align-items: center;
display: flex;
padding-right: 20px;
  }
  
.shopping-tools-wrapper.st-vat-toggle a.toggle-vat-incl-wrapper label {
cursor: pointer;
color: white !important;
}
  
input.cmn-toggle-round-flat+label:after {
background-color: #fed40a !important;
border-radius: 52px;
bottom: 4px;
left: 4px;
top: 4px;
transition: margin .4s,background .4s;
}

.plymerchandising {
  margin-top: -40px !important;
}
.clearancemerchandising {
  margin-top: -40px !important;
}
.psemerchandising {
  margin-top: -40px !important;
}

.clsmerchandising {
  margin-top: -40px !important;
}
.brandmerch {
  margin-top: -40px !important
}
.propanemerchandising {
  margin-top: -40px !important
}
.butanemerchandising {
  margin-top: -40px !important
}
.gasaccsmerchandising {
  margin-top: -40px !important
}
.summeressentials {
  margin-top: 40px !important
}
/* Branch swicher */
.switch-branch-trigger::before {
  content: "Click here to change your collection branch! ";
}

/* Changing text on VAT toggle */
.toggle-vat-incl-wrapper:not(:has(input:checked)) {
  > span label {
    font-size: 0;
    
    &::before,
    &::after {
      font-size: 0.8rem;
    }
    
    &::before {
      content: "VAT";
      font-weight: 700;
    }
    
    &::after {
      content: " Excl.";
    }
  }
}