@media (min-width: 1440px) {
    /* .site-header .container, .site-footer .container { max-width: 1140px; } */
    .site-header .container.langs-wrap { max-width: 1400px; }
}

.site-header { position: relative z-index: 1001; }
.site-header .navbar-nav { justify-content: flex-end; }
.site-header .container-fluid.nav nav.navbar-expand-lg { padding: 20px 0; line-height: 28px; }
.site-header .container-fluid.nav nav.navbar-expand-lg .navbar-nav .nav-link{ padding-right: 15px; padding-left: 15px; text-align: left; text-transform: uppercase; }
.site-header .container-fluid.nav nav a.nav-link {font-family: 'Nunito';color: #000;font-size: 16px;}
.site-header .container-fluid.nav nav a.nav-link:hover {color: #7d9377; }
.site-header .container-fluid.nav nav .dropdown-menu { text-align: left; min-width: 250px; width: 100%; padding: 0.5rem 0; margin: 0.125rem 0 0; border: 1px solid rgba(0,0,0,.15); border-radius: 0.25rem; }
.site-header .container-fluid.nav nav .dropdown-menu a.nav-link{ text-transform: none; padding: 3px 15px!important; color: #000!important; }
.site-header .container-fluid.nav nav .dropdown-menu a.nav-link:hover { background-color: #fff; color: #7d9377!important; }
.site-header .container-fluid.nav nav .dropdown-menu {z-index: 9999 !important;}

.site-header .container-fluid.nav nav .collapse ul li.dropdown:hover ul.dropdown-menu{ display: block; }
.site-header .container-fluid.nav nav .navbar-brand img { height: auto; width: 130px; }

.site-header .langs-wrap { position: relative; z-index: 2; }
.site-header .flags { position: absolute; right: 0; top: 10px; margin: 0 15px; }
.site-header .flags a:hover { text-decoration: none; }
.site-header .flags img { width: 25px; height: auto; }
.site-header .flags .customerlogin { margin-left: 10px; }


.shop-header { position: relative; min-height: 300px; background: url('https://www.chapter.green/files/header/header-2.png'); background-size: cover !important; background-repeat: no-repeat; background-position: center; display: flex; flex-direction: column; justify-content: flex-end; z-index: 1000; }
.shop-header.business { background: url('https://www.chapter.green/files/header/header-2-zakelijk.png'); }
.shop-header::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.18) 46%, rgba(0,0,0,0) 100%); }
.shop-header .header-row { z-index: 2; margin-bottom: 15px; }
.shop-header .header-row-content { display: flex; justify-content: space-between; align-items: center; }
.shop-header .search-wrap { display: flex; position: absolute; width: calc(100% - 30px); max-width: 400px; }
.shop-header .search-wrap form { display: flex; width: 100%; }
.shop-header .search-wrap input { padding: 10px 5px 10px 20px; border-radius: 50px 0 0 50px; border: none; flex-grow: 1; }
.shop-header .search-wrap input:focus { outline: none; }
.shop-header .search-wrap button { display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 0 50px 50px 0; border: none; color: #7D9377; padding: 0 15px; flex-shrink: 0; }
.shop-header .search-wrap button:focus { outline: none; }
.shop-header .search-wrap button:hover { background: #7D9377; color: #fff; }
.shop-header .shop-title { color: #fff; font-size: 32px; font-family: 'Nunito'; }
.shop-header .header-row .fill { width: 120px; flex-shrink: 0; }
.shop-header .login-account { display: flex; width: 120px; justify-content: flex-end; flex-shrink: 0;}
.shop-header .login-account > a { width: 50px; height: 50px; flex-shrink: 0; background-color: #fff; border-radius: 50%; position: relative; font-size: 18px; color: #7D9377; display: flex; justify-content: center; align-items: center; margin-right: 5px; }
.shop-header .login-account > a:hover { background-color: #7D9377; color: #fff; }
.shop-header .login-account > a:active { background-color: #6c7e67; transform: translateY(2px); }
.shop-header .login-account > a:last-child { margin-right: 0; }
.shop-header .login-account > a .amount { position: absolute; right: -5px; top: -5px; width: 20px; height: 20px; font-size: 12px; color: #fff; background-color: #9f3737; border-radius: 50%; display: none; justify-content: center; align-items: center; }
.shop-header .login-account > a .amount.active { display: flex; }

.shop-content .mainmenu .navbar-collapse { justify-content: center; }


.site-footer .footer {padding: 40px 0;border-top: 10px solid #7d9377;margin-top: 80px;}
.site-footer .footer a{ text-decoration: none; }
.site-footer .footer .block.menuitem.footmain {color: #000; font-family: 'Nunito'; font-size: 18px;}
.site-footer .footer .block.menuitem.footmain ul {list-style: none; padding: 0; line-height: 2em;}
.site-footer .footer .block.menuitem.footmain ul li:first-child, .footer .block.menuitem.footmain ul li:last-child {display: none;}
.site-footer .footer .block.menuitem ul li a:hover { color: #7d9377; }

.site-footer .footer .block.menuitem.footside { font-family: 'Nunito'; text-align: left; color: #000000; font-size: 18px; }
.site-footer .footer .block.menuitem.footside ul {list-style: none; padding: 0; line-height: 2em;}
.site-footer .footer h2:before {display: none; }
.site-footer .footer h2:after {display: none; margin-top: 0; }
.site-footer .footer .socials { font-size: 24px; }
.site-footer .footer .socials a { color: #666666; }
.site-footer .footer .socials a:hover { color: #7d9377; }
.site-footer .footer .html h2 { text-align: center; }

.site-footer .endpage {font-family: 'Nunito'; font-size: 16px;}
.site-footer .row.endpage {border-top: 1px solid #7d9377; padding: 40px 0;}
.site-footer .socialbtns i {margin: 0 10px;color: #fff;background: #7d9377;padding: 17px;border-radius: 30px;width: 60px;height: 60px;font-size: 24px;margin-top: -20px; -webkit-transition: background .3s;-moz-transition: background .3s;transition: background .3s;}
.site-footer .socialbtns i:hover {background: #000;}


/* Shop */
.navbar-nav { justify-content: space-between; flex-grow: 1; }

.home-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; }
.home-grid .item { border-radius: 5px; overflow: hidden; box-shadow: 1px 1px 10px #0000001c;}
.home-grid .item a { display: block; height: 100%; }
.home-grid .item:nth-child(1) { grid-row-end: span 2; }
.home-grid .item:nth-child(4) { grid-column-start: 2; }
.home-grid .item img { object-fit: cover; height: auto; height: 100%; }

.productimage img.main-image { border: 1px solid #ddd; }
.productinfo { text-align: left; }
h1.sectionhead { text-transform: uppercase; }
h1.sectionhead,
.productinfo h2 { margin-bottom: 35px; }
.productinfo h2::before,
h1.sectionhead::before { content: ''; display: block; height: 4px; width: 240px; background: #7D9377; margin: 15px auto 30px auto; position: absolute; top: 100%; left: 0; }

@media screen and (max-width: 1439px) {
    .home-grid { gap: 25px; }
}

@media screen and (max-width: 1199px) {
    .home-grid { gap: 15px; }
}

@media screen and (max-width: 991px) {
    .site-header .flags { padding-right: 15px; }

    .shop-header { min-height: 150px; }
    .shop-header .header-row .fill { display: none; }
    .shop-header .search-wrap { top: 10px; }

    .home-grid { grid-template-columns: 1fr 1fr; }
    .home-grid .item:nth-child(4) { grid-column-start: auto; }
    .home-grid .item:nth-child(1) { grid-row-end: span 1; grid-column-end: span 2; }
}

@media screen and (max-width: 767px) {
    .site-header .flags { padding-right: 8px; }

    .navbar-toggler{ border-color: rgb(125, 147, 119); }
 	.navbar-toggler-icon{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(125,147,119, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
    .site-footer .col-md-4 .block{text-align:left}
}

@media screen and (max-width: 575px) {
    .site-header .flags { padding-right: 15px; }

    .shop-header { min-height: 100px; }
    .shop-header .header-row { margin-bottom: 5px; }
    .shop-header .shop-title { font-size: 20px; }
    .shop-header .login-account > a { width: 40px; height: 40px; font-size: 17px; }
}

@media screen and (max-width: 479px) {
    .navbar-brand { height: auto; }

    .site-footer .footer .block.menuitem.footmain{ display: none; }
	.site-footer .footer div#_column2{ display: none; }
	.site-footer .endpage{ text-align: center !important; font-size: 14px; }
	.site-footer .endpage .text-right {text-align: center !important;}
	.site-footer .endpage .socialbtns {margin: 20px 0;}
}