/* Stylesheet The Dutch Cylon */
h1, h2, h3, h4, h5, h6 {line-height:1.2;font-weight: 600;}
h1 {font-size: 34px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
.p60 {padding:60px 0;}
.p90 {padding:90px 0;}
a {font-weight: 600;}
a:hover {color:#000;}
.btn-trans {transition:0.4s; padding: 4px 0px;border-bottom: 1px solid transparent;position: relative;display: inline-flex;justify-content: flex-start;align-content: center;}
.btn-trans:hover {border-bottom:1px solid #fff;}
.btn-trans:after {content:'';background-image: url(../../assets/svg/chevron-right.svg);background-size: 6px;width: 6px;height:20px;display: block;/* position: absolute; */right: 0;background-repeat: no-repeat;background-position: center;filter: invert(1);margin-left: 10px;}
.button, button {padding: 10px 15px;display: inline-block;background: #000;color: #fff;font-weight: 400;font-size: 14px;border-radius: 10px;border: none;}
.button:hover, button:hover {background: #1a1a1a;color:#fff;}
/* Tables */ 
table {border-collapse: collapse;text-align:left;}
/* Header */
.site-header {z-index:99;position:fixed;background: #fff;box-shadow: 0px 0px 50px rgba(0,0,0,.1);width:100%;top: 0;}
.nav-down .site-header {top:0;}
.admin-bar .site-header, 
.admin-bar.nav-down .site-header {top:32px;}
.nav-up .site-header {top:-150px;}
.site-header ul {margin:0;padding:0; list-style: none;}
.site-header #header-logo {display: flex;align-content: center;align-items: center;padding: 0 30px;}
.site-header #header-logo a {display: flex;}
.site-header #header-logo a > svg {height: 37px;}
.site-header #header-logo a > svg path {fill: #000;}
/* MainMenu - Level 0 */
.site-header #header-menu {display: flex;justify-content: center;}
.site-header #header-menu ul.menu {display:flex;min-height: 60px;}
.site-header #header-menu ul.menu li {padding: 0 15px;font-weight: 500;line-height: 60px;position: relative;}
.site-header #header-menu ul.menu li a {display:block;font-weight: 600;}
/* MainMenu - Level 1 */
.site-header #header-menu ul.menu li ul.sub-menu {pointer-events:none;opacity:0;position:absolute;background:#fff;padding: 15px;left: 0;min-width: 200px;box-shadow: 0px 2.5px 5px rgba(0,0,0,0.1);}
.site-header #header-menu ul.menu li:hover ul.sub-menu {opacity:1;pointer-events:all;box-shadow: none;}
.site-header #header-menu ul.menu > li.current-menu-ancestor,
.site-header #header-menu ul.menu:hover > li:hover {background: #f9f9f9;}
.site-header #header-menu ul.menu:hover > li:hover > a {color: #000;}
.site-header #header-menu ul.menu li ul.sub-menu li {padding:0;line-height: 1.5;}
.site-header #header-menu ul.menu li.current-menu-item a {color:#000;}
/* MainMenu - Level 2 */
.site-header #header-menu ul.menu li ul.sub-menu li > ul.sub-menu {position:relative;padding:0;padding: 5px 0;}
.site-header #header-menu ul.menu li ul.sub-menu li > ul.sub-menu li {font-size: 13px;font-weight: normal;}
.site-header .header-mobiel {pointer-events:none;opacity:0;position:fixed;overflow: hidden;overflow-y: scroll;top: 60px;height: calc(100vh - 60px);}
/* Header - USP Points */
.site-header .usp-points {background: #000;width:100%;display: flex;text-align: center;align-items: center;justify-content: center;color: #fff;font-size: 12px;font-weight: 500;line-height: 30px;}
.site-header .usp-points li {margin:0 15px;}
/* Header - Account */
.site-header #header-account {display:flex;align-content: center;justify-content: flex-end;align-items: center;padding: 0 30px;}
.site-header #header-account ul.header-account-icons {display:flex;}
.site-header #header-account ul.header-account-icons li {display:flex;width: 40px;height: 40px;align-content: center;justify-content: center;align-items: center;cursor:pointer;position: relative;}
.site-header #header-account ul.header-account-icons li span.count {position:absolute;background: #a4eba5;font-size: 10px;font-weight: bold;width: 13px;height: 13px;display: flex;justify-content: center;align-items: center;border-radius: 50%;right: 5px;}
.site-header #header-account ul.header-account-icons li a {display:flex;}
.site-header #header-account ul.header-account-icons:hover li:hover svg path {fill:#000;}
.site-header #header-account ul.header-account-icons li svg {height:20px;width:20px;}
/* Header Account */
.site-header .header-account {position:fixed;background:#fff;right:-300px;width:300px;bottom: 0;top: 30px;opacity: 0;box-shadow: 0px 0px 100px rgba(0,0,0,.1);padding: 0;}
.admin-bar .site-header .header-account {top:32px;}
body.account-active .site-header .header-account {opacity:1;right:0;}
.site-header .header-account h3 {margin:0; padding:15px; font-size:16px; line-height:30px;}
.site-header .header-account .account-info {padding: 0;}
.site-header .header-account .account-info ul.menu {margin-top:15px;}
.site-header .header-account .account-info ul.menu li a {display: flex;border-bottom:1px solid #efefef;padding: 10px 15px;}
/* Header Search */
.site-header .header-search {position: fixed;background:#fff;top: -40px;width: 100%;padding: 0;opacity: 0;top: 30px;pointer-events: none;justify-content: space-evenly;align-items: center;display: flex;}
.admin-bar .site-header .header-search {top: 122px;}
.site-header .header-search form {display:flex;justify-content: space-between;width: 95%;padding: 0;}
.site-header .header-search input[type="search"] {width: 85%;border:none;background: whitesmoke;border-radius:0;padding:18px;outline: none;}
.site-header .header-search input[type="submit"] {width: 15%;line-height: 60px;padding: 0!important;border-radius: 0!important;}
.site-header .close-icon {cursor:pointer;width: 30px;height: 30px;overflow: hidden;display: flex;justify-content: center;align-items: center;background: #000;border-radius: 0;padding: 0!important;border: none;}
.site-header #header-cart-close,
.site-header #header-account-close{display: flex;justify-content: center;position: absolute;right: 15px;top: 15px;}
.site-header #header-search-close {width:5%;height: 60px;border:none;}
.site-header .close-icon svg path {fill:#fff;}
.site-header .close-icon svg {width: 16px;height: 16px;}
body.search-active .site-header .header-search {opacity:1;pointer-events: all;}
/* Header Cart */
body.shopping-cart-active .site-header #cart-overview {display:block;opacity:1;right:0;box-shadow: 0px 0px 100px rgba(0,0,0,.1);}
.site-header #cart-overview h3 {margin:0; padding:15px; font-size:16px; line-height:30px;}
.admin-bar #cart-overview {top:32px;}
#cart-overview {position: fixed;right: -300px;width: 300px;top: 0;bottom: 0px;z-index: 12;background:#fff;padding: 0;}
#cart-overview a.header-overview-cart {display:inline-block;cursor: pointer;position: fixed;top: 20px;right: 30px;}
#cart-overview a.header-overview-cart .label {opacity:0;display:block;float:left;line-height:20px;padding-right:5px;-webkit-transition: 0.2s all ease-in-out;-moz-transition: 0.2s all ease-in-out;-o-transition: 0.2s all ease-in-out;transition: 0.2s all ease-in-out;text-transform: uppercase;font-size: 12px;letter-spacing: 2px;}
#cart-overview a.header-overview-cart .cart-count {color:#fff;font-weight: bold;background:rgba(0,0,0,0.3);width:20px;display:block;height:20px;line-height:20px;text-align:center;border-radius:50%;font-size:12px;float:right;-webkit-transition: 0.2s all ease-in-out;-moz-transition: 0.2s all ease-in-out;-o-transition: 0.2s all ease-in-out;transition: 0.2s all ease-in-out;}
#cart-overview a.header-overview-cart:hover .label {opacity:1; padding-right:10px;}
#cart-overview a.header-overview-cart:hover .cart-count {background:rgba(0,0,0,1);}
#cart-overview ul.producten-grid {padding:0;margin:0;list-style:none;min-height: 81vh;background: #efefef;}
#cart-overview ul.cart-totals {padding: 30px;position: absolute;bottom: 80px;width: 100%;background: #fff;}
#cart-overview ul.cart-menu {display:flex;justify-content: space-around;position: absolute;bottom: 0;width: 100%;flex-direction: column;}
#cart-overview ul.cart-menu li {width: 100%;}
#cart-overview ul.cart-menu li a {display:block;text-align: center;border-radius: 0;}
#cart-overview ul.producten-grid li {display:flex;padding: 0;box-shadow: 0px 2px 4px rgba(0,0,0,.1);background: #fff;}
#cart-overview ul.producten-grid li .product-afb {width:25%;position:relative;display: flex;justify-content: center;overflow: hidden;} 
#cart-overview ul.producten-grid li .product-afb img {position:absolute;height:100%;max-width: fit-content;scale: 1.2;}
#cart-overview ul.producten-grid li .product-info {width: 75%;font-size:12px;padding:15px;}
#cart-overview ul.producten-grid li .product-info .price:after {content:'excl. 21% BTW';}
#cart-overview ul.producten-grid li .product-info strong {font-size:14px;display:flex;line-height: 17px;}
/* Error404 */
.error404 .site-main {padding-top: 180px;} 
.error404 .site-main .error-404 form {margin-bottom:30px;}
.error404 .site-main .error-404 form input[type='search'] {padding: 10px;}
#content {min-height:65vh;}
#content section:first-child .blok-intro {padding-top:90px;}
#content .top-logo {display:flex;align-content: center;justify-content: center;max-height: 460px;align-items: center;overflow: hidden;margin-top:60px;background: #152418;}
#content .top-logo .main-logo {min-width:100vw;height: 100%;}
.page-template-default  #content .blokken {padding-top:120px;}
/* Footer */
.site-footer {background: #152317;box-shadow: 0px 0px 30px rgba(0,0,0,.1);color:#9e9e9e;}
.site-footer h4,
.site-footer h5 {color:#fff;font-size: smaller;text-transform: uppercase;}
.site-footer .footer-products a {font-size:20px;}
.site-footer a {color:#fff;display: block;font-weight: normal;}
.site-footer a:hover {text-decoration:underline;}
.site-footer a svg {max-height: 32px;}
.site-footer a.main-logo svg path {fill: #fff;}
.site-footer a.main-logo svg rect {fill: #fff;}
.site-footer ul.social-icons {margin-bottom:30px;}
.site-footer ul.social-icons svg path {fill: #fff;}
.site-footer ul {margin:0;padding:0;list-style:none;}
.site-footer .bedrijfsgegevens {margin:0 0 30px;}
.site-footer ul.betaling {display:flex;align-items:center;}
.site-footer ul.betaling li {justify-content: center;margin-right: 20px;display: flex;}
.site-footer .footer-socket {/* background: #1c1c1c; */padding: 15px 0;}
.site-footer .footer-socket-menu {display: flex;align-items: center;}
.site-footer .footer-socket-menu ul {display:flex;}
.site-footer .footer-socket-menu ul li {margin-right: 10px;font-size: 12px;font-weight: 500;}
.site-footer .footer-socket-copy {display: flex;justify-content: flex-end;align-items: center;}
/* Social Icons */
ul.social-icons {display:flex;align-items: center;align-content: center;}
ul.social-icons li {display: flex;justify-content: center;align-items: center;}
ul.social-icons li > a {display: flex;width: 40px;height: 40px;justify-content: center;align-items: center;}
ul.social-icons li > a svg {height:20px;}
ul.social-icons:hover li.facebook:hover > a svg path {fill:#3b5998;}
ul.social-icons:hover li.twitter:hover > a svg path {fill:#00acee;}
ul.social-icons:hover li.instagram:hover > a svg path {fill:#962fbf;}
ul.social-icons:hover li.vinted:hover > a svg path {fill:#54acb4;}
/* Responsive */
@media screen and (max-width:991px){
    body, button, input, select, optgroup, textarea {font-size:12px;}
    .p60,
    .p90 {padding: 15px 0;}
    .container {max-width: 100%;padding: 0 15px;}
    .site-header,
    .site-header #header-logo {height: 60px;}
    .site-header #header-menu, 
    .site-header #header-account,
    .site-header .usp-points {display:none;}
    .site-header #header-logo a > svg {height: 18px;}
    /* Header Mobiel - Active */
    body.menu-active {position:fixed;}
    .menu-active .site-header  {top:0; z-index:999;}
    .menu-active .site-header .header-mobiel {pointer-events:all;opacity:1;}
    .menu-active .toggle-menu {background:#000;}
    .menu-active .toggle-menu .line-toggle-menu-1,
    .menu-active .toggle-menu .line-toggle-menu-2,
    .menu-active .toggle-menu .line-toggle-menu-3 {background-color:#ffffff!important}
    .menu-active .toggle-menu .line-toggle-menu-1 {-webkit-transform: translate(0%, 0%) rotate(-45deg);-ms-transform: translate(0%, 0%) rotate(-45deg);transform: translate(0%, 0%) rotate(-45deg);top: calc(50% - 1px);} 
    .menu-active .toggle-menu .line-toggle-menu-2 {-webkit-transform: translate(10%, 0%) rotate(45deg);-ms-transform: translate(10%, 0%) rotate(45deg);transform: translate(10%, 0%) rotate(45deg);bottom: calc(50% - 1px);opacity: 0;} 
    .menu-active .toggle-menu .line-toggle-menu-3 {-webkit-transform: translate(0%, 0%) rotate(45deg);-ms-transform: translate(0%, 0%) rotate(45deg);transform: translate(0%, 0%) rotate(45deg);bottom: calc(50% - 1px);} 
    /* Header Mobiel */
    .site-header .header-mobiel {padding: 15px 15px 90px;background:#000;color:#fff;left: 0;right: 0;}
    .site-header .header-mobiel ul.menu {margin-bottom:30px;}
    .site-header .header-mobiel ul.menu li a {color:#fff;}
    .site-header .header-mobiel ul.menu li ul.sub-menu {margin-bottom:15px;}
    .site-header .header-mobiel ul.menu li ul.sub-menu li a {font-size:16px;border-bottom: 1px solid rgba(255,255,255,.1);display:block;line-height: 30px;}
    .toggle-menu {cursor: pointer;z-index: 11;right: 0;padding: 22px;position: absolute;top: 0;right: 0;width: auto;}
    .toggle-menu-inner {width: 22px;height: 16px;display:block;cursor: pointer;z-index: 9;position: relative;margin: 0 auto;top: calc(50% - 9px);}
    .toggle-menu .line-toggle-menu-1,
    .toggle-menu .line-toggle-menu-2,
    .toggle-menu .line-toggle-menu-3 {height:2px;display: block;position: absolute;-webkit-transition: .2s all ease-in-out;-moz-transition: .2s all ease-in-out;-o-transition: .2s all ease-in-out;transition: .2s all ease-in-out;width: 20px;right: 0;z-index: 5;background: #000;}
    .toggle-menu .line-toggle-menu-2 {bottom: calc(50% - 1px);}
    .toggle-menu .line-toggle-menu-3 {bottom: 0;}
    .toggle-menu:hover .line-toggle-menu-2 {width: 100%!important;}
    .page .site-main {
        padding-top: 40px;
    }
}