/* fonts */
@media (min-width: 769px) {
p {
  font-size: 1vw;
}
}

@media (min-width: 769px) {
h1 {
  font-size: 2vw;
}
}

@media (min-width: 769px) {
h2 {
  font-size: 1.8vw;
}
}

@media (min-width: 769px) {
h3 {
  font-size: 1.5vw;
}
}

@media (min-width: 769px) {
h4 {
  font-size: 1.2vw;
}
}
@media (min-width: 769px) {
h5 {
  font-size: 1.2vw;
}
}

/* dflex */
@media (min-width: 769px) {
.dflex1 > div {
	display: flex;
}
  
.alignccent2 > div > div {
	align-content: center;
}  
}

/* Padding & margin */
.nomargin {
    margin-bottom: 0px !important; 
    margin-top: 0px !important;
}
.paddinglr {
    padding-left: 13vw;
    padding-right: 13vw;
}

.paddingt {
    padding-top: 2vw;
}

.paddingt5 {
    padding-top: 5vw;
}

.paddingtb {
    padding-bottom: 2vw;
    padding-top: 2vw;
}

.paddingstb {
    padding-bottom: 0.5vw;
    padding-top: 0.5vw;
}

.paddingl {
    padding-left: 13vw;
}

.paddingsl {
    padding-left: 2vw;
}
.paddingsr {
    padding-right: 2vw;
}

.paddingtb5 {
  padding-top: 5vw;
  padding-bottom: 5vw;
}

/* EVO CODE */

:root {
  --evo-brand-secondary: #75D35F;
  --evo-brand-accent: #32B5EB;
  --evo-header-background: #fff;
}

.bg-primary {
    background-color: #32B5EB;
}


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

.fa-leaf:before {
    content: "\f06c";
    color: green;
}

.fa-recycle:before {
    content: "\f1b8";
    color: limegreen;
}
/*header*/

header section.search .search-form button[type=submit] {
    background: #31B5EB;
    width: 20%;
    height: 100%;
    right: 0;
    border-radius: 5px;
    color: white;
}

.ex-loggedout .toolbar .account-btn .welcome-message.line2 {
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ex-loggedout .toolbar .account-btn .welcome-message.line2::before {
    content: "Login / Register";
    font-size: .875rem;
    font-weight: 600;
    display: block;
}

.ex-loggedout .toolbar .account-btn .welcome-message.line1 {
  display: none;
}

header .shoppingtools_container a.account-btn.btn-outlined-invert>i.user-icon:before {
  color: #ED4C23;
}

header .minicart_container .cart-btn>a.btn {
    background: #31B5EB !important;
    border: 0px solid;
    color: #fff !important;
}

header .menu .catalog-block {
    background: #32b5eb !important;
}

nav.menu .catalog-block ul.catalog>li>a {
      color: #fff !important;
}

/*HOMEPAGE*/

.page-content {
    margin-bottom: 0px; 
    margin-top: 0px;
}

.ex-home > div.desktop > div {
  width: 100vw;
  padding-left: 0px;
  padding-right: 0px;
}

.redusp {
  background: #ED4C23;
}

.catimgback {
	background: url("https://eu.evocdn.io/dealer/1896/content/media/My_Banners/kascaid/Homepage/OBE - Category Background.jpg");
   background-size: cover;
}

/*services css*/ 

.banoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.bancontainer:hover .banoverlay {
  opacity: 1;
}
 
.bantext1 {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 20%;
  right: 20%;
  text-align: center;
}

.bancontainer:hover .bantext1 {
  opacity: 0;
}

.bancontainer:hover .bantext2 {
  color: white;
  font-size: 0.8vw;
  position: inherit;
  text-align: center;
  transition: 1000ms;
  top: 20%;
  left: 20%;
  right: 20%;
}

@media (max-width: 759px) {
 .bancontainer:hover .bantext2 {
  color: white;
  font-size: 18px;
  position: inherit;
  text-align: center;
  transition: 1000ms;
  top: 20%;
  left: 20%;
  right: 20%;
} 
}

@media (min-width: 760px) {
 #htmlcontent_271741, #htmlcontent_271742, #htmlcontent_271740, #htmlcontent_271739, #htmlcontent_271743, #htmlcontent_271746, #htmlcontent_271745, #htmlcontent_271744 {
  width: 25%;
  }
}

.btn-red {
background-color: #ED4C23;
border-radius: 10vw;
  border: 0px;
}

.btn-red:hover {
background-color: #ED4C23;
}

.furnban {
	height: auto;
    align-content: center;
}

.furnitureback {
	background: url("https://eu.evocdn.io/dealer/1896/content/media/My_Banners/kascaid/Homepage/view-classroom-with-desks-chairs-back-school-concept.png");
    background-size: cover;
    background-position: center;
}

.btn-primary {
background-color:#32b5eb;
border-radius: 10vw;
  border: 0px;
}

.btn-primary:hover {
background-color: #2CA4D5;
}

.formpadding {
  padding-top: 2vw;
  padding-bottom: 2vw;
  padding-left: 2vw;
  padding-right: 2vw;
  border-radius: 5%;
}

.contactimgback {
	background: url("https://eu.evocdn.io/dealer/1896/content/media/My_Banners/kascaid/Homepage/V.2/chalk n blue.png");
    background-size: cover;
      background-position: top;
}

.susback {
    background: url("https://eu.evocdn.io/dealer/1896/content/media/My_Banners/kascaid/Homepage/V.2/OBE-Sustainable banner.png");
  background-size: contain;
    background-repeat: no-repeat;
    height: 490px;
  align-content: center;
}

header .header-full>div {
    padding-bottom: 0px;
}

/*contact us*/ 

.ex-name-contactus > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100vw;
  padding-left: 0px;
  padding-right: 0px;
}

.ex-name-contactus .row-breadcrumb {
    display: none;
}

.contactbluimgback {
	background: url("https://eu.evocdn.io/dealer/1896/content/media/My_Banners/kascaid/Contact us/Chalk n blue.png");
    background-size: cover;
      background-position: center;
}
.ex-name-contactus > div.page-content.onecolumn > section.catalog-grid {
    margin-top: 0px;
}

/*about us*/ 

.ex-name-aboutus > div.page-content.onecolumn > section.catalog-grid > div {
  width: 100vw;
  padding-left: 0px;
  padding-right: 0px;
}

.ex-name-aboutus .row-breadcrumb {
    display: none;
}

.ex-name-aboutus > div.page-content.onecolumn > section.catalog-grid {
    margin-top: 0px;
}

.blueusp {
  background: #31B5EB; 
}

@media (min-width: 760px) {
 #contentblock_272103, #contentblock_272105, #contentblock_272106, #contentblock_272107, #contentblock_272108, #contentblock_272109, #contentblock_272110, #contentblock_272111, #contentblock_272112, #contentblock_272113, #contentblock_272114, #contentblock_272115 {
  width: 25%;
  }
}

.greyback {
	background: #E8E8E8;
}

.btn-cat {
background-color: #ED4C23;
  border: 0px;
}

.btn-cat:hover {
background-color: #ED4C23;
}

.reviewsback {
  background: #D5F0FB;
}

  .whitebackground {
	background: rgba(255, 255, 255, 0.4);
            backdrop-filter: blur(10px);
}

@media (max-width: 759px) {
.marginmobile {
    margin-bottom: 10px;
  margin-top: 0px;
}
}

.formpadding {
  padding-top: 2vw;
  padding-bottom: 2vw;
  padding-left: 2vw;
  padding-right: 2vw;
  border-radius: 5%;
}

#contentblock_271730 > div > p:nth-child(2) > a {
 margin-top: -3vw;
}
#contentblock_271729 > div > p:nth-child(2) > a {
 margin-top: -3vw;
}

#contentblock_271731 > div > p:nth-child(2) > a {
 margin-top: -3vw;
}

#contentblock_271732 > div > p:nth-child(2) > a {
 margin-top: -3vw;
}

#contentblock_271733 > div > p:nth-child(2) > a {
 margin-top: -3vw;
}

#contentblock_271734 > div > p:nth-child(2) > a {
 margin-top: -3vw;
}