/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2026-02-24 13:19:57 */
@import url('https://fonts.googleapis.com/css2?family=Birthstone&display=swap');
body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
        width: 49%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
        width: 49%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 36.75%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 36.75%;
    }
}

/*  Colors */
:root{
--base:#ffffff;
--base-2:#f2f2f2;
--base-3:#e7e7e7;
--contrast:#222222;
--contrast-2:#555555;
--contrast-3:#777777;
--primary:#e1ddd4;
--primary-accent:#d8cec1;
--primary-light:#f0eeea;
--primary-dark:#d2c3ab;
--primary-transparent:#009fe380;
--secondary:#fdecec;
--secondary-accent:#fce3e7;
--secondary-accent:#fad4d3;
--secondary-light:#fef5f6;
--secondary-dark:#f59e9c;
--secondary-transparent:#fdecec80;
--accent: #e8f1f9;
--element:#ee88cd;
--bruin:#988565;
--roze:#de116c;
}
/* Fonts */
h1, .h1{
    font-weight:700;
}
h2, h3, h4, h5, .h2, .h3, .h4, .h5, h6, .h6{
font-weight:700;
margin-bottom: .2em;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 , h5, .h5{
    color: var(--bruin);
}
h6, .h6{
    color: var(--roze);
    text-transform: uppercase;
}
.h1{
    font-size: 3em;
}
h2, .h2{
    font-size: 1.8rem;
}
h3, .h3{
    font-size: 1.4rem;
}
h4, .h4{
    font-size:1.4rem;
}
h5, .h5{
    font-weight:500;
}
@media only screen and (max-width: 1024px) {
    h4, .h4{
        font-size:1.2rem;
    }
}
.cursief-roze{
    font-family: "Birthstone";
    font-weight:500;
    color:var(--secondary)
}
.cursief-bruin{
    font-family: "Birthstone";
    font-weight:500;
    color:var(--bruin)
}
.cursief-blauw{
    font-family: "Birthstone";
    font-weight:500;
    color:var(--primary)
}
.cursief{
    font-family: "Birthstone";
    font-weight:500;
}
.blauw{
    color:var(--primary) !important;
}
.roze{
    color:var(--roze) !important;
}
.bruin{
    color:var(--bruin) !important;
}
.primary{
    color:var(--primary) !important;
}
.primary-light{
    color:var(--primary-light) !important;
}
.primary-dark{
    color:var(--primary-dark) !important;
}
.secondary{
    color:var(--secondary) !important;
}
.secondary-light{
    color:var(--secondary-light) !important;
}
.secondary-dark{
    color:var(--secondary-dark) !important;
}
/* General*/
.hidden{
display:none !important;
}
.full-width, .full-width img{
    width:100%;
}
.half-width {
    width: 50% !important;
    margin:0 auto;
}
@media only screen and (max-width: 992px) {
    .mobile-half-width {
        max-width: 50% !important;
        margin:0 auto;
    }
}
@media (min-width: 1025px) {
.hide-on-desktop{
        display:none !important;
}
}
@media (max-width: 1024px) and (min-width:769px) {
.hide-on-tablet{
        display:none !important;
}
}
@media (max-width: 768px) {
.hide-on-mobile{
        display:none !important;
}
}
@media (max-width: 400px) {
.hide-on-mini{
        display:none !important;
}
}
.fieldset > .field .action{
color: var(--bruin);
}
@media only screen and (min-width: 1024px) {
    .col-lg-2-4 {
        max-width: 20% !important;
    }
    .col-lg-1-5 {
        max-width: 12.5% !important;
    }
    .margin-right-10 {
        margin-right:10%;
    }
}
@media only screen and (max-width: 768px) {
    .col-sm-3{
        flex-basis:25% !important;
    }
    .col-sm-4{
        flex-basis:33.3333% !important;
    }
    .col-sm-6{
        flex-basis:50% !important;
    }
    .col-sm-8{
        flex-basis:66.6667% !important;
    }
}
.column-gap .pagebuilder-column-line,
.column-gap-20 .pagebuilder-column-line{
column-gap:20px;
}

/* Icons */
.fa-facebook-messenger:before {
    content: "\f39e";
    font-family:"Font Awesome 5 Free";
}
/* Opsomming */
.catalog-product-view .page-main ul li::marker{
content:"✔ ";
} 
/* Padding */
.pb-10{
padding-bottom:10px;
}
.px-10{
padding-left:10px;
padding-right:10px;
}
@media (max-width: 1024px){
.px-md-10{
padding-left:10px;
padding-right:10px;
}
.p7-md-10{
padding-top:10px;
padding-bottom:10px;
}
}


/* One Step Checkout/
/* 3 koloms */

.opc-wrapper{
width: 100%;
}

.opc-wrapper .step-content {
margin-right: 0px !important;
}

.opc-wrapper ol li{
width: calc((100% - 40px) / 3);
float: left !important;
margin-right: 20px !important;
margin-bottom: 20px !important;
}

@media only screen and (max-width: 991px) {
.opc-wrapper ol li{
width: 100% !important;
margin-right: 0px !important;
}
}

.opc-wrapper ol li.checkout-payment-method{
margin-right: 0px !important;
}

@media only screen and (max-width: 639px) {
    .opc-wrapper .methods-shipping {
        border-bottom: 0px !imporant;
    }
}

div#iosc-summary{
width:100%;
}
.opc-wrapper .fieldset > .field:not(.slip){
margin-bottom:10px !important;
}
.iosc-whole {
    width: 100% !important;
}
@media (max-width: 1024px){
.iosc-half{
width:100% !important
}
}
@media (min-width: 1025px){
.iosc-half:nth-child(odd){
width:calc(50% - 5px);
margin-right:5px !important;
}
.iosc-half:nth-child(even){
width:calc(50% - 5px);
margin-left:5px !important;
}
}



/* OSC inloggen*/
button.action-auth-toggle{
background-color:var(--primary-light) !important;
padding: 10px 20px !important;
border-radius: 50px;
border: 1px solid #e7e7e7 !important;
}

button.action-auth-toggle:hover{
background-color:#e7e7e7 !important;
}

.checkout-container .authentication-dropdown{
background-color:var(--primary-light) !important;
border-radius: 5px;
border: 1px solid #e7e7e7 !important;
box-shadow: 0px 5px 10px -7px var(--contrast-3);
}

.checkout-container .authentication-dropdown .block-title strong{
color:var(--roze) !important;
font-size: 20px !important;
font-weight: 600 !important;
}

.checkout-container .authentication-dropdown button.action-login{
background-color: var(--roze);
color: var(--base) !important;
border:0px !important;
border-radius: 5px;
text-transform: none;
font-weight: 500;
height: 3rem;
padding: 0 2em !important;
}

.checkout-container .authentication-dropdown button.action-login:hover{
background-color: var(--secondary-dark);
color: var(--base) !important;
border:0px !important;
}

.checkout-container input:active,
.checkout-container input:focus{
border-color:var(--secondary-dark);
}
.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address{
background: var(--secondary-light) !important;
}



/* OSC adres */
.opc-wrapper .form-login, 
.opc-wrapper .form-shipping-address {
max-width: 100%;
}
.opc-wrapper #customer-email-fieldset div.field {
    width: 100% !important;
}
.iosc-registration{
min-width: 100% !important;
margin-bottom:10px;
padding-right:10px;
}
.checkout-shipping-address .step-content{
background-color: var(--secondary-light);
    border: 1px solid var(--secondary);
    border-radius: 5px;
    padding: 0px 20px 10px 20px;
}
.checkout-shipping-address .form-shipping-address{
margin-top:0px !important;
}
.address-autofill-nl-postcode, 
.address-autofill-nl-house-number {
max-width: calc(50% - 5px) !important;
min-width:  calc(50% - 5px)  !important;
display:inline-block;
}
.address-autofill-nl-postcode {
margin-right:5px !important;
}
.address-autofill-nl-house-number {
margin-left:5px !important;
}
.address-autofill-nl-house-number-select{
width:100%;
}
.address-autofill-nl-house-number-select select{
height:50px;
}
/* adresgegevens als label weergven */
.checkout-shipping-address .slip{
margin-bottom:0px !important;
}
.checkout-shipping-address .slip label{
display:none !important;
}
.checkout-shipping-address .slip input{
background-color:transparent;
border:0px;
color:var(--bruin);
font-size:16px;
font-style: italic;
padding:0px;
padding-left:20px;
line-height:1 !important
}
.order-attributes-form.fieldset.address{
width:100% !important;
}
/* OSC Verzending */
.methods-shipping td{
border-top:0px !important;
}
.table-checkout-shipping-method .row.info{
border:0px !important;
background:var(--base) !important;
}

.table-checkout-shipping-method tbody tr{
background: var(--secondary-light) !important;
border: 1px solid var(--secondary);
border-bottom-width:0px;
}
.table-checkout-shipping-method tbody tr:first-child{
border-radius:5px 5px 0px 0px;
}
.table-checkout-shipping-method tbody tr:last-child{
border-bottom-width:1px;
border-radius:0px 0px 5px 5px;
}
.table-checkout-shipping-method td.col-method:first-child{
max-width:50px;
}
.table-checkout-shipping-method td.col-price{
max-width:100px;
}
.table-checkout-shipping-method td.col-carrier{
max-width:150px;
}
.checkout-shipping-method .step-title{
display:block !important;
}
.paazl-delimiter .method-select__tab.tab{
border-bottom:0px !important;
border-radius:5px 5px 0px 0px !important;
background-color: var(--base);
width:calc(100% / 3);
color:var(--bruin);
font-weight: normal !important;
margin-bottom: -1px;
}
.paazl-delimiter .method-select__tab.tab--selected{
border-color: var(--secondary) !important;
border-bottom: 1px solid var(--secondary-light) !important;
background: var(--secondary-light) !important;
box-shadow:none !important;
}
.paazl-delimiter .dropdown__source{
background: var(--base) !important;
border-radius: 5px 5px 0px 0 !important;
border-color: var(--secondary) !important;
}
.paazl-delimiter .dropdown__source span{
background: unset !important;
}
.paazl-delimiter .dropdown__content__item{
background: var(--secondary-dark) !important;
}
.paazl-delimiter .dropdown__content__item span{
background: unset !important;
}
.paazl-delimiter .method-select__tab.tab:hover{
background-color:var(--secondary-dark) !important;
border-radius:5px 5px 0px 0px !important;
}
.paazl-delimiter .method-select__tab.tab svg{
fill:var(--bruin) !important;
}
.paazl-delimiter .paazl__header{
border:0px !important;
}
.paazl-delimiter .header.has-select{
border-color: var(--secondary) !important;
}
.paazl-delimiter .paazl{
padding:0px !important;
min-width:unset !important;
}
.paazl-delimiter .body {
padding:0px !important;
background: var(--secondary-light);
border-radius: 0px 5px 5px 5px;
border-radius: 5px;
border: 1px solid var(--secondary);
}
.paazl.method-select:has(.method-select__tab--delivery.tab--selected) .paazl__body {
border-top-left-radius:0px;
}
.paazl.method-select:has(.method-select__tab--parcel_locker.tab--selected) .paazl__body {
border-top-right-radius:0px;
}
.paazl-delimiter .body__title{
font-size: 16px !important;
color: var(--secondary-dark) !important;
text-transform: none !important;
font-weight: normal !important;
}
.paazl__body .pickup-select{
padding-top:0px !important;
}
.paazl-delimiter .options__item{
border-bottom-color:var(--secondary) !important;
margin-bottom:0px !important;
}
.paazl-delimiter .options__item:last-child .option__area.checked{
border-radius:0px 0px 5px 5px;
}
.paazl-delimiter .option__area.checked{
border-color:var(--secondary-dark) !important;
background-color:var(--secondary) !important;
}

.paazl-delimiter .point{
border-color:var(--secondary) !important;
}
.paazl-delimiter .point__label.checked{
border-color:var(--secondary-dark) !important;
background-color:var(--secondary) !important;
}
.paazl-delimiter .pickup-select__listing{
padding-bottom:0px;
}
.pickup-select__button button.button--primary button--location{
width: calc(100% - 40px);
text-align: center;
margin-left: 20px;
margin-bottom: 20px;
}



.paazl-delimiter .footer{
padding:0px !important;
}

/* OSC betaalmethodes */
.payment-methods .payment-method{
background: var(--secondary-light) !important;
border: 1px solid var(--secondary);
border-bottom-width:0px;
padding-left:10px;
padding-right:10px;
}
.payment-methods .payment-method._active{
background: var(--secondary) !important;
border: 1px solid var(--secondary-dark);
}
.payment-methods .payment-group .paynl:nth-child(2){
border-radius: 5px 5px 0px 0px;
}
.payment-methods .payment-method:last-child{
border-radius: 0px 0px 5px 5px;
}
.paynl .payment-method-content p{
background:transparent;
font-style: italic;
padding-bottom:10px;
}
.payment-method.paynl:has(#paynl_payment_ideal) .payment-method-content p{
padding-bottom:0px;
}

.checkout-payment-method .payment-method-content .fieldset:not(:last-child){
margin-bottom:0px;
}


/* OSC overzicht */
.opc-block-summary {
    padding: 20px !important;
}
/* Indeling structuur col*/
@media (max-width: 768px){
.mobile-2-columns .pagebuilder-column{
flex-basis:50%;
}
}
@media (max-width: 1024px){
.product.attribute.description .pagebuilder-column-line{
flex-wrap: nowrap !important;
}
}
.flex-wrap .pagebuilder-column-line,
.product.attribute.description .flex-wrap .pagebuilder-column-line{
flex-wrap: wrap !important;
}
@media only screen and (max-width: 1024px) {
.tablet-flex-wrap .pagebuilder-column-line,
.product.attribute.description .tablet-flex-wrap .pagebuilder-column-line{
        flex-wrap: wrap !important;
    }
}
@media only screen and (max-width: 992px) {
.mobile-flex-wrap .pagebuilder-column-line,
.product.attribute.description .mobile-flex-wrap .pagebuilder-column-line{
        flex-wrap: wrap !important;
    }
}
.checkout-index-index div.iosc-place-order-container button.iosc-place-order-button {
    border: 0px !important;
    background: var(--roze) !important;
}
.checkout-index-index div.iosc-place-order-container button.iosc-place-order-button:hover {
    border: 0px !important;
    background: var(--secondary-dark) !important;
}
.checkout-index-index .action.primary.iosc-place-order-button:hover{
border: 0px !important;
}
/* OSC OneStepCheckout */
.checkout-index-index .step-title{
color:var(--roze) !important;
font-weight: 600 !important;
border-bottom:0px !important;
}
.checkout-container input,
.checkout-container select{
border-radius:3px !important;
}
.checkout-container textarea{
border-radius:3px;
}
@media (max-width: 768px){
.iosc-registration {
    width: calc(100% - 0px) !important;
}
.iosc-registration .password-fields{
    margin-right:8px !important;
}
}
@media (min-width: 768px){
.address-autofill-nl-postcode,
.address-autofill-nl-house-number {
    width: calc(100% - 8px) !important;
}
}

@media (min-width: 768px){
.iosc-registration,
.form-shipping-address .order-attributes-form{
    width:calc(100% - 8px) !important;
}
}
.iosc-registration{
background: var(--secondary); 
border-color:var(--secondary-dark) !important;
}
.form-shipping-address .order-attributes{
    width:100% !important;
}
.billing-address-same-as-shipping-block.field.choice label span{
    font-weight: 600;
    color:var(--roze);
}
.checkout-payment-method .payment-method-title{
    border-top:0px !important;
padding-right:0px;
}
.checkout-index-index .opc-block-summary{
background-color:var(--primary-light);
}

.opc-block-summary .minicart-items-wrapper{
padding-top:0px !important;
}
.opc-block-summary .product-item{
padding: 0px !important;
}
.opc-block-summary .product-item:not(:last-child){
margin-bottom: 10px !important;
padding-bottom: 7px !important;
border-bottom: 1px solid var(--base-3);
}
.checkout-index-index .opc-block-summary textarea{
background-color: #fff;
border-color: var(--primary);
border-radius:3px;
}
.minicart-items .product-item-name{
    white-space:initial !important;
}
.discount-code, .iosc-comment, .iosc-subscribe{
    padding:0px !important;
}
.discount-code .payment-option-inner{
width:100% !important;
}
.discount-code .actions-toolbar{
margin-top:8px;
width:100% !important;
}
.discount-code .actions-toolbar .primary,
.discount-code .actions-toolbar .primary button{
width:100% !important;
}
.form.form-discount button.action{
padding:9px 15px !important;
width:100% !important;
border-radius:3px;
}
.discount-code button.action span span{
    font-size: 14px !important;
}
.form.form-discount button.action-apply:not(:hover){
border: 1px solid var(--base-3);
background-color:#f5f5f5;
}
.form.form-discount button.action-cancel:not(:hover){
border: 1px solid var(--base-3);
background-color:#f5f5f5;
}
.discount-code .payment-option-title .action-toggle, .iosc-comment .iosc-comment-title .action-toggle{
    color:var(--primary) !important;
}
.opc-block-summary .minicart-items .product-item-details{
max-width:100% !important;
}
.product-item-details .price-including-tax .price:before{
display:none !important;
}
.iosc-subscribe{
margin-bottom:20px !important;
}
.checkout-agreement{
    padding-left:0px !important;
margin-bottom:20px !important;
}
.checkout-agreement button span{
    font-size: 16px !important;
color:var(--roze);
}
.checkout-agreement button span:after{
    content:"*";
    color:red;
    font-size:14px;
    margin-left:5px;
}
.checkout-agreement label:after{
    display:none !important;
}
.checkout-agreement label {
    width: calc(100% - 20px) !important;
}
.checkout-agreement .mage-error{
    padding-left:16px;
}
.iosc-place-order-container button.action.primary{
    height:unset !important;
}
.iosc-place-order-container button.action.primary span{
line-height:1rem !important;
}
.iosc-subscribe input{
    top:4px !important;
}
.checkout-agreement input{
    top:5px !important;
}

button.iosc-place-order-button{
background:var(--roze) !important;
color:var(--base) !important;
moz-transition: all .25s ease-in-out !important;
    -o-transition: all .25s ease-in-out !important;
    -webkit-transition: all .25s ease-in-out !important;
    transition: all .25s ease-in-out !important;
}

button.iosc-place-order-button:hover{
background:var(--secondary-dark) !important;
color:var(--base) !important;
moz-transition: all .25s ease-in-out !important;
    -o-transition: all .25s ease-in-out !important;
    -webkit-transition: all .25s ease-in-out !important;
    transition: all .25s ease-in-out !important;
}

/* Algemene voorwaarden popup */
.modal-slide .action-close{
top:10px !important;
right:-15px !important;
}
.modal-slide .modal-content{
padding:30px !important;

}
button.action-hide-popup span{
color:var(--roze) !important;
}
button.action-hide-popup:hover span{
color:var(--secondary-dark) !important;
}

/* Meldingen op de homepage */
.cms-index-index .page.messages{
display: block !important;
}

/* Messages */
.page.messages .message{
margin-top:20px;
margin-bottom:20px;
}

/* DHL popup */
OFF.dhlparcel-shipping-modal._show{
z-index:1 !important;
}

/* End custom style*//* Modal popup */
.modal-popup .action-primary{
background: var(--bruin);
border-color: var(--bruin);
color:var(--base);
}
.modal-popup .action-primary:hover{
background: var(--primary-dark);
border-color: var(--primary-dark);
color:var(--base);
}
.modal-popup .action-secondary{
    border-color: var(--bruin);
color: var(--bruin);
}
.modal-popup .action-secondary:hover{
background: var(--primary-dark);
border-color: var(--primary-dark);
color: var(--base);
}


/* Divider */
hr{
    background:var(--transparent);text-align:left;
}

/* Home > Populair */
.roze strong{
color:var(--secondary-dark);
}
@media (max-width: 768px){
.mobile-column{
flex-direction: column;
}
}

/* USP */
.pagebuilder-column.usp-home > div{
background-color:var(--secondary-light);
color:var(--secondary-dark);
border-radius: 50px;
display: flex;
align-items: center;
padding: 0px;
margin:10px;
margin-bottom:0px;
}
.pagebuilder-column.usp-home .usp-icon{
background-color:var(--roze);
color:var(--base);
border-radius: 50px 0 0 50px;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 10px 10px 15px;
font-weight: 600;
max-width:60px;
}
.pagebuilder-column.usp-home .usp-text{
padding: 10px;
}
.pagebuilder-column.usp-home .usp-text a{
color:var(--secondary-dark);
}
.usp-icon .pagebuilder-column{
    align-items: center;
}
.usp-icon figure{
    background-color: var(--secondary-dark);
    padding: 10px;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 991px){
    .usp-icon figure{
        height: 100px !important;
        width: 100px !important;
    }
}
@media (max-width: 575px){
    .usp-icon figure{
        height: 75px !important;
        width: 75px !important;
    }
    .usp-icon h5{
        font-size:14px;
    }
}
.usp-icon img{
    object-fit: contain;
    filter: invert(1);
    height: 50px !important;
    width: 50px !important;
}
@media (max-width: 992px){
    .usp-icon figure{
        height: 75px !important;
        width: 75px !important;
    }
}
@media (max-width: 575px){
    .usp-icon figure{
        height: 65px !important;
        width: 65px !important;
    }
}

/* USPBAR mobile */
@media (min-width: 769px){
    .pagebuilder-column-group.usp-bar{
        display:none;
    }
}
.pagebuilder-column-group.usp-bar{
background-color:var(--roze);
color:var(--base);
padding:5px;
font-size:14px;
}

/* Waarom Koter Kado */
.waarom-koterkado h5{
height: 45px;
font-weight:600;
margin: 0px;
display: flex;
align-items: center;
border-bottom:1px solid var(--base-3) !important;
}
.waarom-koterkado table td{
vertical-align: middle;
padding:0px;
padding-bottom:5px;
min-height:45px;
line-height: 1.2;
}
.waarom-koterkado table td:first-child{
padding-right:10px;
}
.waarom-koterkado table img{
width: 40px;
}


@media (min-width: 992px){
    .page-header.type22 .navigation.side-megamenu li.level0{
        position:relative !important;
    }
}
header.page-header .nav-sections-item-title a:before{
    font-size: 16px !important;
    font-family: porto-icons !important;
    vertical-align: middle !important;
    display: inline-block !important;
    font-weight: 400 !important;
    margin: -2px 7px 0 0 !important;
}
a.nav-sections-item-switch:before{
    content: '\e91a';
}
@media (max-width: 991px){
    header.page-header .nav-sections-item-title{
        background-color:unset;
        border:0px;
        width:50% !important;
        padding-right: 15px;
        text-align: right;
    }
    header.page-header .nav-sections-item-title:first-child{
        padding-left: 22px;
        text-align: left;
    }
    header.page-header .nav-sections-item-title a {
        color: var(--contrast);
        font-size:16px;
    }
    header.page-header .nav-sections-item-title a:hover {
        color: var(--primary);
    }
}
.sw-megamenu.navigation.side-megamenu li.level0 a span{
    font-weight:normal !important;
}
.sw-megamenu.navigation.side-megamenu li.level0 a:hover span:not(.cat-label){
   color: var(--primary-dark) !important;
}
@media (max-width: 991px){
    .navigation a {
        color: var(--contrast) !important;
    }
}
.navigation li.level0 a.ui-state-active {
    color: var(--primary) !important;
}
@media (min-width: 992px){
    .page-header.type22:not(.sticky-header) .header-bottom {
        border-bottom: 0px solid #e7e7e7 !important;
        box-shadow: 0px 5px 10px -7px var(--contrast-3);
    }
    .page-header.type22.sticky-header .header-bottom{
        box-shadow: 0px 5px 10px -7px var(--contrast-3);
    }
}
.main-toggle-menu .menu-title{
    font-size: inherit;
}
.navigation.sw-megamenu.side-megamenu img.menu-thumb-icon{
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 8px;
filter: invert(58%) sepia(46%) saturate(260%) hue-rotate(359deg) brightness(84%) contrast(83%);
}
.second-menu-block ul li a img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 8px;
}
.sidebar .sidebar-content .side-megamenu{
    display:none;
}

@media (min-width: 992px){
    .page-header.type22 .navigation.side-megamenu li.level0 {
        padding: 0px !important;
    }
}
.sw-megamenu.navigation.side-megamenu li.level0 a.level-top {
    padding: 10px 19px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    display: flex;
    align-items: center;
}
.block-category-list{
    padding-top:0px !important;
}
@media only screen and (min-width: 992px) {
    .main-toggle-menu .toggle-menu-wrap {
        box-shadow: 0 10000px 0px 10000px rgb(0 0 0 / 10%);
    }
}

/* Width website to 1400*/
@media only screen and (min-width: 1200px) {
    .block.category.event, .footer.content, .header.content, .navigation, .page-main, .page-wrapper>.breadcrumbs ul, .page-wrapper>.page-bottom, .page-wrapper>.widget, .top-container, [data-content-type=row][data-appearance=contained], [data-content-type=row][data-appearance=full-width]>.row-full-width-inner, .container{
        max-width:1400px;
    }
}

@media only screen and (max-width: 1024px) {
    .nowrap .pagebuilder-column-line{
flex-wrap: nowrap !important;
}
}

p a{
    text-decoration: underline;
}
p a:visited{
    color:var(--bruin);
}
p a:hover{
    color:var(--primary-accent);
}
.black{
    color:var(--contrast) !important;
}
.yellow{
    color:#fef10d !important;
}
.border-bottom{
    border-bottom:1px solid var(--base-3);
}
.block .block-title{
    font-family:inherit;
}
.block-title, .block-title.title strong, .block-title strong{
    font-size:1.4rem !important;
    font-weight:700 !important;
    color:var(--secondary-dark) !important;
    margin-bottom:0.2em !important;
    margin-top: .1rem !important;
line-height: 1.1 !important;
}

@media only screen and (max-width: 1024px) {
    .block-title, .block-title.title strong, .block-title strong{
        font-size:1.2rem !important;
    }
}

@media only screen and (max-width: 768px) {
    .hide-on-mobile{
        display:none !important;
    }
    .main-panel-top{
        display:none;
    }
}

.page-header.type22{
    border-bottom:0px !important;
}

/* Buttons */
a.pagebuilder-button-primary, a.pagebuilder-button-primary:focus, a.pagebuilder-button-primary:active ,button.pagebuilder-button-primary, button.pagebuilder-button-primary:active, button.pagebuilder-button-primary:focus{
    background:  var(--roze);
    color: var(--base);
    padding: 12px 24px;
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 5px;
    border: none;
    line-height:inherit;
    font-family:inherit;
moz-transition: all .25s ease-in-out !important;
    -o-transition: all .25s ease-in-out !important;
    -webkit-transition: all .25s ease-in-out !important;
    transition: all .25s ease-in-out !important;
}
a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover{
    background: var(--secondary-dark);
    color: var(--base);
    border: none;
moz-transition: all .25s ease-in-out !important;
    -o-transition: all .25s ease-in-out !important;
    -webkit-transition: all .25s ease-in-out !important;
    transition: all .25s ease-in-out !important;
}
a.pagebuilder-button-secondary, a.pagebuilder-button-secondary:active, a.pagebuilder-button-secondary:focus, button.pagebuilder-button-secondary, button.pagebuilder-button-secondary:active, button.pagebuilder-button-secondary:focus{
    background:  var(--primary-light);
    color: var(--bruin);
    padding: 12px 24px;
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: 50px;
    border: 0;
    line-height:inherit;
    font-family:inherit;
moz-transition: all .25s ease-in-out !important;
    -o-transition: all .25s ease-in-out !important;
    -webkit-transition: all .25s ease-in-out !important;
    transition: all .25s ease-in-out !important;
}
a.pagebuilder-button-secondary:hover, button.pagebuilder-button-secondary:hover{
    background: var(--primary);
    border: none;
    color: var(--bruin);
moz-transition: all .4s ease-in-out !important;
    -o-transition: all .4s ease-in-out !important;
    -webkit-transition: all .4s ease-in-out !important;
    transition: all .4s ease-in-out !important;
}
a.pagebuilder-button-link, a.pagebuilder-button-link:visited{
    color: var(--bruin);
    padding: 12px 24px;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    line-height:1.2;
    font-family:inherit;
}

button.pagebuilder-button-link:hover{
    color: var(--primary-dark);
    border: none;
    text-decoration:none;
}
button.pagebuilder-button-link, button.pagebuilder-button-link:visited{
    color: var(--bruin);
    padding: 12px 24px;
    font-size: 0.9rem;
    font-weight: 600;
    border: none;
    line-height:inherit;
    font-family:inherit;
}
a.pagebuilder-button-link:hover{
    color: var(--primary-dark);
    border: none;
    text-decoration:none;
}
.pagebuilder-button-primary:after, .pagebuilder-button-secondary:after, a.pagebuilder-button-link:after{
    content:"\f061";
    font-family:"Font Awesome 5 Free";
    padding-left: 5px;
}
a.pagebuilder-button-link:hover:after{
    color:var(--primary-dark);
}
button:focus {
    outline: none !important;
}

.pagebuilder-button-link{
padding:0px !important;
border-bottom:1px solid !important;
    font-weight: 700 !important;
}
.pagebuilder-button-link:hover{
color:var(--primary-dark) !important;
}
.pagebuilder-button-link:after{
content: '\e81a';
display: inline-block;
font-family: 'porto-icons';
margin-right: -2px;
line-height: inherit;
padding-left: 5px;
font-style: normal;
}
.productsoorten:has(button.pagebuilder-button-link:after) button{
            display: none;
}


.secondary-outline a{
background-color:var(--base);
color:#222529;
border: 2px solid #e7e7e7;
padding:4px 12px;
margin-bottom:0px;
}

.secondary-outline a:hover,.secondary-outline a:active{
background-color:var(--primary-light);
color:#222529;
border: 2px solid #e7e7e7;
padding:4px 12px;
}

.up a.pagebuilder-button-primary:after,
.up a.pagebuilder-button-secondary:after,
.up a.pagebuilder-button-link:after{
transform: rotate(-90deg);
display: inline-flex;
margin-left: 5px;
padding-left:0px;
}

/* Topbar */
.porto-block-html-top .text-color-dark{
    color:var(--base) !important;
    background-color:var(--primary) !important;
}
.porto-block-html-top .text-color-dark span:before,
.pagebuilder-column-group.usp-bar span:before{
    font-family: "Font Awesome 5 Free";
    content:"\f00c";
    font-weight:700;
    color:var(--secondary-accent);
    padding-right:5px;
}
.page-header.type22 .panel.wrapper{
    font-size:14px;
    font-weight:normal;
}

/* Rating */
.fa-star:before{
    color:gold;
}
.rating span{
    background-color:#ffffff80;
    padding-left: 15px;
    margin-left: -12px;
}
.rating img{
    padding-left: 5px;
    margin-top: -5px;
}
.rating .widget.block.block-static-block{
display: inline-block !important;
margin-top:10px !important;
margin-bottom:10px !important;
}

/* topbar + usp mobile verbergen */
@media only screen and (min-width: 992px) {
    body .widget.block.block-static-block:has(.topbar-mobile),
 body .widget.block.block-static-block:has(.usp-bar){
        display:none !important;
    }
    .page-wrapper .widget.block.block-static-block:has(.topbar-mobile){
        display:block !important;
    }
}

@media only screen and (max-width: 991px) {
    .rating{
        text-align:center !important;
    }
    .widget.block.block-static-block{
        margin-top:10px !important;
        margin-bottom:10px !important;
    }
.usp-text .widget.block.block-static-block{
        margin-top:0px !important;
        margin-bottom:0px !important;
    }
}

.usp-text .widget.block.block-static-block{
        display: inline-block;
margin-bottom:0px;
    }

/* sidebar verbergen */
xxx@media only screen and (min-width: 992px) {
    .widget.block.block-static-block{
        display:none;
    }
}

/* Logo */
@media (max-width: 991px){
    .logo {
        max-width: unset;
    }
}
@media (min-width: 992px){
    .page-header.type22 .logo {
        margin-right: unset;
    }
}

/* Header */
.header.links  li  a{
    text-transform:none;
}
.header.links li:nth-last-child(2){
    display:none !important;
}
.greet.welcome{
    display:none !important;
}
.main-panel-top a:hover, .main-panel-top a:visited{
    color: var(--secondary-accent) !important;
}
.main-panel-top a i{
    font-size: 20px;
    color: var(--base);
}
.main-panel-top a:hover i{
    font-size: 20px;
    color: var(--secondary-accent);
}
.page-header.type22 .main-panel-top .separator {
    border-left: 0px;
}
@media (min-width: 992px){
    .page-header.type22 .header-main .header-right > * {
        margin-top: 0px !important;
        margin-left:0px !important;
    }
}
@media (min-width: 992px){
    .page-header.type22 .header-main .header-left, .page-header.type22 .header-main .header-right, .page-header.type22 .header-main .header-center {
        padding-top: 32px !important;
    }
}
@media (max-width: 991px){
    .header-row .header-left {
        padding: 0px !important;
    }
}

.webshop-keurmerk img{
    max-height:46px;
}
.main-panel-top .header-left span{
    padding-right:10px;
}
.main-panel-top .header-left span:before{
    font-family: "Font Awesome 5 Free";
    content:"\f00c";
    font-weight:700;
    color:var(--secondary-accent);
    padding-right:5px;
}
.search-area .block.block-search {
    width: 75%;
    margin: 0 auto;
    border-width:0px !important;
    border-color: var(--base);
    box-shadow:none !important;
    border-radius: 5px;
}
.search-area .minisearch .actions button{
    border-radius:0px 50px 50px 0px;
    background-color:var(--roze) !important;
    margin-bottom:-1px;
}
.search-area .minisearch .actions button:hover{
    background-color:var(--secondary-dark) !important;
}
.block-search .action.search:before{
    color:var(--base);
}
.search-category{
    border-left:0px !important;
    border-right:0px !important;
}
@media (max-width: 991px){
    .search-category{
        padding-top: 20px;
        padding-right: 40px;
    }
}
@media (min-width: 769px) and (max-width: 991px){
    .page-header.type22 .search-area .minisearch .actions button{
        top: 20px;
        right: 20px;
    }
}
.search-area .minisearch .actions button:hover{
    background-color:var(--secondary-accent) !important;
    color:var(--base);
}
.autocomplete-selected {
    background: #F8F8F8;
    border-top:1px solid var(--secondary-dark);
    margin-top:-1px;
}
.autocomplete-suggestions{
    border-radius:20px;
}
.autocomplete-suggestion .product-name{
    font-weight:bold;
}
.autocomplete-suggestion .product-price{
    color:var(--secondary);
}
@media (min-width: 992px){
    .page-header.type22 .search-area .block.block-search {
        margin-top: 0px;
    }
}
.block.block-search.show {
    box-shadow: 0 10000px 0px 10000px rgb(0 0 0 / 10%);
}

/* Search field*/
.block-search input{
    background-color:var(--secondary-light);
    border-radius:50px;
    OFFborder: 1px solid var(--secondary-dark);
}
@media (max-width: 768px){
    .block-search input{
    border-radius:50px 0 0 50px; 
}
}
.search-autocomplete{
    box-shadow:none !important;
}
.autocomplete-suggestions{
    width: 100% !important;
    box-shadow: 0px 0px 0px 10000px #00000033;
    padding-top:0px;
    padding-bottom:0px;
    xxxmax-width: calc(100% - 20px);
}
.autocomplete-suggestion{
    padding:10px;
}
.autocomplete-suggestion .product-name{
    font-weight:600;
}
.autocomplete-suggestion .product-price{
    font-weight:600;
    color: var(--secondary-dark);
    overflow-x: hidden;
    text-indent: -32px;
}
.autocomplete-suggestion .product-des p{
    color: var(--contrast);
    margin-bottom: 0px !important;
}
.autocomplete-selected{
    background:var(--secondary-light);
}

/* Search results Zoekresultaten */
@media (min-width: 992px) {
.catalogsearch-result-index .page-main-inner .columns .sidebar{
display:none;
}
.catalogsearch-result-index .page-main-inner .columns .column.main{
width:100%;
}
}

.product-item-name a{
color:var(--bruin);
    font-weight: 700;
}
.price-box .price{
color:var(--secondary-dark);
}


/* Menu */
.main-menu-wrap .header-row.container{
padding-left:0px;
padding-right:0px;
}

.second-menu-block{
margin-left:1px !important;
}

@media (min-width: 992px) {
    .main-toggle-menu.show-hover:hover .toggle-menu-wrap {
        animation: none;
    }
}

@media (min-width: 992px) {
     .sw-megamenu.navigation.side-megamenu li.level0.classic > .submenu {          
            top: -1px;
        }
}
.main-toggle-menu .menu-title{
    border-left:0px !important;
    border-right:0px !important;
}
.main-toggle-menu .toggle-menu-wrap{
    width:100% !important;
}
.navigation .ui-menu-item .level-top span{
    font-size:16px;
}
@media only screen and (min-width: 1024px) {
    .sw-megamenu.navigation li.level0.classic .submenu a{
        font-size: 16px;
    }
}
.page-header .navigation .level0 > .level-top{
    text-transform:none !important;
}
.submenu a{
    text-transform:none !important;
}
.sidebar .sidebar-content .side-megamenu{
    padding:0px !important;
}
.sw-megamenu.navigation.side-megamenu li.level0  a{
    padding:8px 15px !important;
    font-weight:700 !important;
    border:0px !important;
    margin-left:6px !important;
    margin-right:6px !important;
}
.breadcrumbs .items li{
    text-transform:none !important;
    color:var(--secondary);
}
.breadcrumbs .items li:after, .breadcrumbs .items li:last-child{
    color:var(--contrast-2);
}

/* Custom menu */
.navigation.sw-megamenu.side-megamenu ul.custom-menu{
    display:none;
}
.second-menu-block .parent a.level-top span, .second-menu-block .parent a.level-top:after{
    font-weight:600;
}
@media only screen and (min-width: 992px) {
    .second-menu-block .parent{
        transition: .25s;
    }
    .second-menu-block .parent:hover .submenu{
        box-shadow: 0 10000px 0px 10000px rgb(0 0 0 / 10%);
        transition: .25s;
    }
}
.second-menu-block .parent a.var-secondary span, .second-menu-block .parent a.var-secondary:after{
    color:var(--secondary);
}
.second-menu-block .parent a.var-secondary img{
    filter: invert(17%) sepia(95%) saturate(3839%) hue-rotate(323deg) brightness(88%) contrast(98%);
}
@media (min-width: 992px) {
    .page-header.type22 .navigation:not(.side-megamenu) .level0 .level-top {
        color: var(--bruin);  
    }
}
@media (min-width: 992px) {
    .page-header.type22 .navigation:not(.side-megamenu) .level0:hover .level-top {
        color: var(--base);  
    }
}
.second-menu-block .custom-menu li.ui-menu-item:hover{
background-color:var(--bruin);
color:var(--base);
}
.second-menu-block .custom-menu li.ui-menu-item:hover a{
color:var(--bruin);
}
.second-menu-block .custom-menu .submenu li.ui-menu-item a:hover span:not(.cat-label){
color:var(--primary-dark);
}
.second-menu-block .custom-menu  li.ui-menu-item img{
filter: invert(58%) sepia(46%) saturate(260%) hue-rotate(359deg) brightness(84%) contrast(83%);
}
.second-menu-block .custom-menu  li.ui-menu-item:hover img{
filter: invert(88%) sepia(92%) saturate(3874%) hue-rotate(186deg) brightness(119%) contrast(105%);
}

/* Mobile menu*/
@media only screen and (max-width: 991px) {
    .nav-toggle:before{
        content: "\f0c9";
        font-family:"Font Awesome 5 Free";
        font-weight:600;
        transform: scale(1.5,1);
    }
    .nav-toggle{
        margin-bottom:0px;
        padding-bottom:0px;
    }
    .nav-toggle:after{
        content:"menu";
        display:block;
        font-size: 10px;
    }
    .header-row .header-left{
        padding-top:0px !important;
        padding-bottom:0px !important;
    }
    .page-header a.logo{
        position: relative;
        left: calc((100vw / 2) - 65px);
        transform: translateX(-50%);
transform:scale(1.5);
    }
    .page-header .header-left .logo{
        position: relative;
        left: calc((100vw / 2) - 65px);
        transform: translate(-50%, 5px);
    }
    .page-header .header-left .logo img{
        transform:scale(1.5);
    }

    .page-header.type22 .header-contact{
        display:none;
    }

    .page-header.type22{
        margin-bottom:70px;
    }
}

/* Mobile sticky menu */
@media only screen and (max-width: 991px) {
    .sticky-header .logo img{
        display:block !important;
transform:scale(1.5);
    }
}

/* Mobile search bar*/
@media only screen and (max-width: 991px) {
    .search-area.show-icon-tablet .block.block-search {
        display:block;
    }
    .page-header.type22 .header-row .header-center{
        padding:0px;
    }
    .search-area.show-icon-tablet a.search-toggle-icon{
        display:none;
    }
    .search-area.show-icon-tablet{
        position:unset;
    }
    .search-area.show-icon-tablet .block.block-search{
        left: calc(50% - 0px);
        right:0px !important;
        transform: translateX(-50%);
        top:52px;
        width: calc(100vw + 0px);
        min-width: calc(100vw + 0px);
        border-radius:0px;
        border:20px solid var(--base);
        border-top-width: 10px;
    }
    .search-area .minisearch{
        border:0px solid var(--base-3);
        border-bottom:0px;
        padding: 20px;
        box-shadow: 0px 5px 10px -7px var(--contrast-3);
    }
}

/* Banners */
@media only screen and (min-width: 1400px) {
    .main-banner{
        padding:0px 10px;
    }
}

.pagebuilder-poster-content h1, .pagebuilder-poster-content h2{
color:var(--bruin);
    margin-top:0px !important;
    margin-bottom:0px !important;
}

.pagebuilder-banner-wrapper [data-element='content'], .pagebuilder-slide-wrapper,
.pagebuilder-poster-content{
    overflow:unset !important;
}

.banner-main-space{
    padding-right:10px;
    padding-bottom:20px;
}

.banner-side-space{
    padding-left:10px;
    padding-bottom:20px;
}

.banner-main-space .pagebuilder-overlay{
    height:460px;
    max-width:100% !important;
}

.banner-side-space .pagebuilder-overlay{
    height:220px;
    max-width:100% !important;
}

.banner-shadow .pagebuilder-overlay{
    background: linear-gradient(to bottom right, #00000066, transparent);
}

OFF.pagebuilder-overlay h2{
    text-shadow: 1px 1px 2px #000;
}

@media only screen and (max-width: 768px) {
    .banner-main-space{
        padding-right:0px;
    }
    .banner-side-space{
        padding-left:0px;
    }
}

.content-stretched .pagebuilder-poster-content{
    display: flex;
    flex-wrap: wrap;
justify-content: space-between;
    flex-direction: column;
    align-items: center;
height: 100%;
}

.content-top .pagebuilder-poster-content{
        display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: flex-start;
    justify-content: center;
}

.content-bottom .pagebuilder-poster-content{
        display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: flex-end;
    justify-content: center;
}

.pagebuilder-poster-content h3, .pagebuilder-poster-content h4, .pagebuilder-poster-content p{
color:var(--bruin);
}

/* Sliders */
/* Minimale hoogte van de slider instellen op 1:3 */
.pagebuilder-slide-wrapper{
min-height: calc(100vw / 3);
}

/* Tekst in volgende/vorige verbergen */
.pagebuilder-slider .slick-prev, 
.pagebuilder-slider .slick-next{
font-size:0px !important;
}

/* Account */
html .btn-v-dark{
    background-color:var(--primary-dark) !important;
    line-height: unset !important;
}
html .secondary .btn-v-dark{
    background-color:var(--secondary-dark) !important;
    line-height: unset !important;
}
.block-collapsible-nav .item a:before, .block-collapsible-nav .item strong:before{
    display:none;
}
.block-collapsible-nav .item a, .block-collapsible-nav .item strong{
    border-bottom:0px;
}
.block-collapsible-nav .item:first-child {
    border-top: 0px;
}
.block-collapsible-nav .content{
    border:1px solid #ddd;
}
.customer-account-login .page-title-wrapper,
.customer-account-create .page-title-wrapper,
.customer-account-forgotpassword .page-title-wrapper{
background-color: var(--primary-light);
}
.customer-account-login .page-title-wrapper h1.page-title,
.customer-account-create .page-title-wrapper h1.page-title,
.customer-account-forgotpassword .page-title-wrapper h1.page-title{
color:var(--bruin) !important;
}
.fieldset.create > .legend{
color:var(--secondary-dark);
}
.form.create.account .actions-toolbar > .primary .action,
.form.forget .actions-toolbar > .primary .action
{
background-color: var(--roze);
color:var(--base) !important;
line-height:unset !important;
}

/* Sidebar */
.sidebar.sidebar-additional{
    width:100% !important;
}
.sidebar.sidebar-additional .block.block-reorder{
    padding:0px;
}

/* Home > Category */
.home-category{
    margin-left:-10px;
    margin-right:-10px;
}

@media only screen and (min-width: 1401px) {
.pagebuilder-overlay{
    height: calc((1400px - 120px) / 6);
}
}
@media only screen and (max-width: 1400px) {
.pagebuilder-overlay{
    height: calc((100vw - 140px) / 6);
}
}
@media only screen and (max-width: 767px) {
.pagebuilder-overlay{
    height: calc((100vw - 60px) / 2);
}
}

/* Home > Ons assortiment*/
.ons-assortiment .pagebuilder-column{
    padding-bottom:30px;
    border-radius:40px 40px 30px 30px;
}
.ons-assortiment img{
    padding-bottom: 20px;
    border-radius: 30px 30px 0 0 !important;
}
.ons-assortiment a.pagebuilder-button-link, .ons-assortiment a.pagebuilder-button-link:visited{
    font-size: 1rem !important;
    font-weight: 700;
    padding:0px;
    margin:0px;
}
@media only screen and (max-width: 1023px) {
    .ons-assortiment img{
        padding-bottom:20px;
    }
    .ons-assortiment .pagebuilder-column{
        padding-bottom:20px;
    }
    .ons-assortiment .pagebuilder-column-line{
        flex-wrap: wrap;
    }
}

/* Home > Productsoorten*/

.productsoorten .pagebuilder-banner-wrapper, .productsoorten  .pagebuilder-poster-overlay{
    border-radius:100% !important;
aspect-ratio:1/1;
height:auto;
}
.productsoorten .pagebuilder-poster-content{
    position:absolute;
    bottom:-80px;
    margin-bottom:20px;
    transition: 0.25s;
}
.productsoorten .pagebuilder-column{
    margin-bottom:80px;
}
.productsoorten .pagebuilder-column-line{
    flex-wrap: wrap;
}
.productsoorten .pagebuilder-poster-content span:after{
    content:"\f061";
    color: var(--contrast);
    font-family:"Font Awesome 5 Free";
    padding-left:10px;
    font-weight: 700;
    opacity:0;
}
.productsoorten .pagebuilder-banner-wrapper{
background-size:cover !important;
transition: 0.25s;
}
.productsoorten .pagebuilder-banner-wrapper:hover .pagebuilder-button-link{
text-decoration:none ;
color: var(--primary-dark)
}
.productsoorten .pagebuilder-column:has( > [data-pb-style]){
display:none !important;
}

/* Home > Populaire producten */
@media only screen and (max-width: 768px) {
.mobile-square .pagebuilder-banner-wrapper .pagebuilder-overlay{
min-height: calc((100vw - 60px) / 2) !important;
}
}

/* Home > Bekijk ook deze leuke items */
@media only screen and (max-width: 768px) {
.mobile-landscape .pagebuilder-banner-wrapper .pagebuilder-overlay{
min-height: calc(100vw / 3 * 2) !important;
min-height: calc(100vw / 1) !important;
}
}

/* Blog > Home */
#mpblog-list-container .row .post-list-item{
    width:100%;
    margin:10px;
    margin-left:10px !important;
    background-color: var(--base);
    text-align:left;
}

#mpblog-list-container .row .post-list-item:hover{
    box-shadow: 0px 3px 10px 0px var(--contrast-3);
}

#mpblog-list-container .row .post-list-item .post-item-wraper, #mpblog-list-container .row .post-list-item .post-item-wraper:hover{
    padding:0px !important;
    border:0px;
    box-shadow:none;
}

#mpblog-list-container img.img-responsive{
    width:100%;
    object-fit:cover;
    object-position: center;
    margin:0px;
}

.post-list-container .post-list-item img.img-responsive{
    height:250px !important;
}


#mpblog-list-container .row .post-list-item .post-item-wraper .post-info-wraper{
    padding:20px !important;
}

#mpblog-list-container .row .post-list-item .post-item-wraper .mp-post-title{
    margin-bottom:20px;
}

#mpblog-list-container .row .post-list-item .post-item-wraper .mp-post-title a{
    color:var(--secondary);
}

#mpblog-list-container .row .post-list-item .post-item-wraper .mp-post-info{
    display:none;
}

#mpblog-list-container .row .post-list-item .post-item-wraper .post-short-description p{
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#mpblog-list-container .row .post-list-item .post-item-wraper .actions a{
    color:var(--primary);
    font-weight:700;
}

#mpblog-list-container .row .post-list-item .post-item-wraper a:hover{
    color:var(--primary-accent);
}

@media only screen and (min-width: 768px) {
    #mpblog-list-container .row{
        flex-wrap: nowrap;
    }
}

/* Home > onze merken */
@media only screen and (min-width: 1024px) {
    .onze-merken .pagebuilder-column-line .pagebuilder-column{
        margin:5px;
}
}

@media only screen and (max-width: 992px) {
    .onze-merken .pagebuilder-column-line{
        flex-wrap: wrap;
    }
    .onze-merken .pagebuilder-column{
        width:33.3333% !important;
        flex-basis:auto;
    }
.onze-merken .pagebuilder-column.half-on-mobile{
        width:50% !important;
    }
}

@media only screen and (max-width: 992px) {
.half-on-mobile{
 width:50% !important;
}
}

/* Blog > Overview */
.mp-blog-rss{
    display:none;
}

.post-list-content .mp-clear{
    display:none;
}

.post-list-content{
    margin-left:-10px;
    margin-right:-10px;
}

.post-list-content .post-item-wraper{
    padding:0px !important;
    background-color:var(--base-2);
    border: 0px;
}

.post-list-content .post-item-wraper:hover{
    box-shadow: 0px 3px 10px 0px var(--contrast-3) !important;
}

.post-list-content .post-info-wraper{
    padding:20px !important;
}

.post-list-content .post-image img.img-responsive{
    height:250px;
}

.post-list-content h2.mp-post-title{
    font-size:1.2rem;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.post-list-content .post-info-wraper h2.mp-post-title a{
    color:var(--secondary) !important;
}

.post-list-content .post-info-wraper h2.mp-post-title a:hover, .mp-post-meta-info a.mp-read-more:hover{
    color:var(--primary-accent) !important;
}

.post-list-content .mp-post-info{
    margin-bottom:5px;
}

.post-list-content .post-short-description p{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-list-content .post-short-description p:first-child, .post-list-content .post-short-description p:last-child{
    display:none;
}

.post-list-content .post-info-wraper a.mp-read-more{
    font-weight:700;
}

.post-list-content .limiter-options{
    padding-right:20px !important;
    margin-right:10px !important;
}

.mpblog-search .control input{
    border: 1px solid var(--base-3);
    border-radius: 0px 50px 50px 0px;
    background-color: var(--base-2);
    color: var(--contrast);
}

.mpblog-search .actions i{
    margin-top:7px !important;
}

.mp-sidebar .data.item.title .data.switch{
    padding-left:0px !important;
    padding-right:0px !important;
}

.mp-sidebar .list-post-tabs a{
    font-weight:600;
}

.mp-sidebar .list-post-tabs:hover{
    background-color:var(--accent);
}

.mp-footer{
    display:none;
}


/* Blog > Individual */
.mpblog-post-view  .page-title-wrapper h1.page-title{
    font-size:2.5rem;
}

@media only screen and (max-width: 1024px) {
    .mpblog-post-view  .page-title-wrapper h1.page-title{
        font-size:2rem;
    }
}

@media only screen and (max-width: 768px) {
    .post-list-content.col-sm-8{
        max-width:unset;
    }
}

/* Category */

.catalog-category-view .page-main-full-width .page-title-wrapper{
display:none !important;
}

.catalog-category-view .page-main{
    padding-bottom:0px !important;
}

.catalog-category-view .page-title-wrapper {
    display: block;
}

.sidebar .block-category-list .block-title{
    display:none;
}

.sidebar .block-category-list .block-content{
    padding-top:0px;
}

.type9 .product-item-photo:hover, .product-item-info:hover .product-item-photo{
    box-shadow:none !important;
}

.products-grid ol.product-items li.product-item:hover{
    box-shadow: 0px 0px 10px 0px var(--primary-dark);
border-radius:5px;
}

.products-grid .product-image-container .product-image-wrapper{
padding-bottom:100% !important
}

.product-item-info.type9 .product-item-name a{
color:var(--bruin) !important;
}

.product-item-info.type9 span.price{
color:var(--secondary-dark);
}

.product-item-info.type9 .product-item-actions > .actions-primary .tocart{
    line-height:unset;
    background-color: var(--secondary);
    border-color:var(--base);
    border-width:2px;
    color:var(--base);
    opacity:1 !important;
    width:72px;
}

.product-item-info.type9 .product-item-actions > .actions-primary .action.primary:hover{
    background-color: var(--secondary-accent);
}

.product-item-info.type9 .product-item-actions > .actions-primary .tocart{
    display:none !important;
}

.product-item-info.type9 .product-item-details{
    text-align:center;
}

.product-item-info.type9 .product-item-details .product-item-name{
    white-space:unset;
    min-height:4rem;
}

.product-item-info.type9 .product-item-details .product-item-name a{
    white-space:unset;
    font-weight:700;
    ffont-size:1rem;
}
.product-item-info.type9 .product-item-details .product-item-name a:hover{
    color: var(--primary);
}

.product-item-details .price-including-tax, .product-item-details .price-excluding-tax{
    margin-bottom:0.45rem;
}

.product-item-details .price-excluding-tax .price{
    color:var(--primary);
    ffont-size:1rem;
    font-weight:700;
}

.product-item-details .price-including-tax .price{
    color:var(--contrast-3);
    font-weight:normal;
    font-size:1rem;
}

.product-item-details .price-including-tax .price:before{
    content:"Excl. btw ";
    font-size:1rem;
}

.product-item-details .price-container .product-tax-display{
    display:none;
}

.catalog-category-view .sidebar.sidebar-main .sidebar-content{
    border:0px;
}

.block-category-list .block-title{
    color: var(--primary);
    font-weight: 700;
    text-transform:none;
}

.block-category-list ol, .layered-filter-block-container ol{
    margin-bottom:0px;
    padding-left:0px;
}

.block-category-list li, .layered-filter-block-container li{
    list-style:none;
}

.block-category-list .block-content ol li a{
    color: var(--contrast);
    font-weight: 700;
    text-transform:none;
}

.block-category-list li.item a:hover{
    color: var(--primary);
}

/* Filter */
.filter-options-title{
    text-transform:none;
    font-weight: 700;
color:var(--bruin)
}

.items[class*='category_ids']:not(.items-children) > .item > a{
font-weight:unset;
}

.filter-options-title .toggle::after, .filter-options-title .toggle::before{
    background: var(--contrast-3);
}

.filter-options-content .item a:hover, .filter-options-content .item a:hover .count{
    color: var(--primary) !important;
}

.filter-options-item{
padding-left:0px;
}

.filter-options-content .am-show-more {
    padding-left: 0px;
}

.filter-options-item .filter-options-content .items:not(.items-children):not(.am-category-view),
.filter-options-item .filter-options-content .amshopby-slider-wrapper,
.filter-options-item .filter-options-content .am-shopby-form{
margin:0px !important;
}

@media only screen and (max-width: 768px) {
.filter-options-item .filter-options-content .items [class*='am-filter-item']{
padding:0px !important;
}
}

@media only screen and (max-width: 991px) {
html.sidebar-opened .page-wrapper{
left:calc(100% - 60px) !important;
}
.catalog-category-view .mobile-sidebar{
width:calc(100% - 60px) !important;
}
}

.catalogsearch-result-index .sidebar.sidebar-main .sidebar-content{
border:0px !important;
}

.sorter-action, .modes-mode.active, .modes-mode:hover{
    background-color:unset;
}

.modes-mode:hover:before{
    color: var(--primary-accent);
}

.sorter-action:hover, .sorter-action:hover:before{
    background-color:unset;
    color: var(--primary-accent);
}

.category-description p{
    font-size:1rem;
}

.pages a.page, .pages strong.page, .pages .action{
    border:0px;
}

.pages .current .page{
    background-color: unset;
}

.pages a.page:visited{
    color:var(--contrast-3) !important;
}

.pages strong.page:hover, .pages a.page:hover{
    border:0px;
    color:var(--primary) !important;
}

.pages .action.next, .pages .action.previous{
    background-color:unset;
    color:var(--contrast);
}

.pages .action.next, .pages .action.previous{
    background-color:unset;
    color:var(--contrast);
}

.pages .action:hover{
    border:0px;
    background-color:unset;
    color:var(--primary) !important;
}

/* Productpage */
.fotorama__arr .fotorama__arr__arr{
    background-color:var(--primary);
    border-radius:100%;
}

.fotorama__arr .fotorama__arr__arr:hover{
    background-color:var(--primary-accent);
}

.fotorama__arr .fotorama__arr__arr:before{
    color:var(--base);
}

.fotorama__arr--next .fotorama__arr__arr:before{
    margin-left:1px;
    margin-right:-1px;
}

.fotorama__arr--prev .fotorama__arr__arr:before{
    margin-left:-1px;
    margin-right:1px;
}

.fotorama__stage{
    border:0px !important;
}

.fotorama__nav .fotorama__thumb-border {
    border-color: var(--primary);
}

.fotorama__thumb{
    background-color:unset;
    border:1px solid var(--base-3);
}

@media (min-width: 769px) {
    .product-details-sticky {
        float: unset;
    }
}

.product-info-main .page-title-wrapper h1{
    color: var(--bruin);
}

.product-info-price .price-box .price-label{
display:none !important;
}

.product-info-price{
    color: var(--secondary-dark);
    font-weight: 600;
}

.product-info-price .price-including-tax:before{
    content:"Excl. btw ";
    color:var(--contrast-3);
    font-size:1rem;
    font-weight:normal;
}

.product-info-price .price-including-tax{
    display: inline;
    color:var(--contrast-3);
    font-size: 1rem;
    font-weight:normal;
}

.product-info-price .product-tax-display{
    color:var(--contrast-3);
    font-size: 1rem;
    font-weight:normal;
    padding-left:5px;
}

.product-info-main .product-options-wrapper .swatch-attribute{
display: flex;
flex-direction: column;
}

.product-info-main .product-options-wrapper .swatch-attribute:not(:first-child){
margin-top:0px !important;
}

.product-info-main .product-options-wrapper .swatch-attribute .swatch-attribute-label{
text-transform:unset;
color: #2d2f2c;
    margin-left: 0;
    line-height: 1.8;
    font-size: 14px;
    font-weight: 600;
}

.product-info-main .product-options-wrapper .swatch-attribute .swatch-attribute-label:after{
display:none;
}

.product-info-main .product-options-wrapper .customily-options .field .control{
margin-top:5px !important;
}

.product-info-main .product-options-wrapper .swatch-attribute .swatch-attribute-options{
padding:0px !important;
}

.product-info-main .product-options-wrapper .swatch-attribute .swatch-option{
width:55px !important;
height:55px !important;
border-radius:100%;
    padding: 0 !important;
    box-sizing: border-box;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    border: 3px solid #fff;
margin:3px 6px;
display: flex;
    align-items: center;
    justify-content: center;
}

.product-info-main .product-options-wrapper .swatch-attribute .swatch-option.selected,
.customily-options .field .swatch-container input:checked ~ label{
box-shadow: 0 0 2px 2px var(--roze) !important;
}

.product-info-main .product-options-wrapper .swatch-attribute .swatch-option.selected:before{
display:none;
}

.product-info-main  .customily-options .cl-option{
    margin-bottom:0px !important;
}

.product-info-main  .customily-options .cl-option .label{
    color: #2d2f2c !important;
    margin-left: 0;
    line-height: 1.8;
    font-size: 14px;
    font-weight: 600 !important;
}

.product-info-main  .customily-options .cl-option .choice .label{
    width: 55px !important;
    height: 55px !important;
    border-radius: 100% !important;
}

.product-info-main .product.attribute.overview{
margin-bottom:20px;
}

.price-box .levertijd, .product-info-stock-sku .levertijd{
    font-size:14px;
    font-weight:700;
}

.levertijd .fa-check-circle{
    color:green;
}

.product-info-main .stock span + span{
color:var(--primary-dark);
}

.product-info-main .product-info-stock-sku{
    text-transform: none;
display:none;
}

.product-info-main .product.sku .value{
    display:none;
}

.product-info-main .product-share{
display:none !important;
}


.qty.field .input-text.qty{
width:80px;
}

.qty.field .qty-changer>a{
border:0px;
color:var(--primary-dark);
}

.product-add-form .box-tocart{
    border:0px;
}

.box-tocart .actions{
display: inline-flex;
}

.box-tocart .actions .product-page-designer{
margin-left:10px;
}

.box-tocart .action.tocart{
    background-color: var(--roze);
color:var(--base) !important;
    border-radius:5px;
    width:100%;
    text-transform: none;
    font-weight:500;
moz-transition: all .25s ease-in-out !important;
    -o-transition: all .25s ease-in-out !important;
    -webkit-transition: all .25s ease-in-out !important;
    transition: all .25s ease-in-out !important;
}

.box-tocart .action.tocart:hover{
    background-color: var(--secondary-dark);
color:var(--base);
moz-transition: all .25s ease-in-out !important;
    -o-transition: all .25s ease-in-out !important;
    -webkit-transition: all .25s ease-in-out !important;
    transition: all .25s ease-in-out !important;
}


.box-tocart .action.tocart:after{
    display: inline-block;
    content: "\e04e";
    font-family: "Simple-Line-Icons";
    margin-left: 0.5rem;
    font-size: 1.125rem;
}

.box-tocart .action.tocart:before{
    display:none;
}


/* Images vierkant */
.square-img img {
aspect-ratio: 1 / 1;
object-position: center;
object-fit:cover;
}


/* Productpage required */
.customily-required{
color: #2d2f2c !important;
display: inline-block !important;
position: relative !important;
}

span.customily-required:after{
content:"(maak een keuze)" !important;
display: inline-block  !important;
}


/* Productpage > Pricetable*/
.prices-tier.items{
    width:100%;
    margin-bottom:2rem;
}

.prices-tier.items table{
    background-color: var(--base-2);
}

.prices-tier.items table th, .prices-tier.items table tr:first-child{
    font-weight:700;
}

.prices-tier.items table tr:nth-child(odd){
    background-color: var(--base);
}

.prices-tier.items table tr:last-child{
    border-bottom:1px solid var(--base-2);
}

/* Productpage > Tabs */
.product.data.items .item.title{
    color: var(--bruin) !important;
background-color: var(--primary-light);
    text-transform: none;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-right: 5px;
border-radius: 5px 5px 0 0;
}

.product.data.items .item.title:hover{
color:var(--bruin);
    background-color: var(--primary-light);
border-color: var(--primary-light) !important;
}

.product.data.items .item.title.active{
    color:var(--base) !important;
    background-color: var(--primary-dark) !important;
border-color: var(--primary-dark) !important;
}
.product.data.items .item.title.active:hover{
    color:var(--base);
border-color: var(--primary-dark) !important;
}

.product.data.items .item.content {
    border-color:var(--primary-dark);
}

.product.data.items .item.content table{
    width:100%;
}
.product.data.items .item.content table tr:nth-child(odd){
    background-color: var(--base-2);
}
.product.info.detailed .additional-attributes th{
    width:30%;
    padding:11px 0.5em !important;
}
.product.info.detailed .additional-attributes td{
    padding:11px 0.5em !important;
}
.product.info.detailed .additional-attributes td{
    padding:11px 0.5em !important;
    text-align:right;
}
.product.info.detailed .additional-attributes td:before{
    float:left;
}
.product.data.items .item.content table.tabtable tr:first-child{
    color: var(--primary);
    font-weight:700;
}
.product.data.items .item.content table.tabtable tr:nth-child(odd){
    background-color: var(--base);
}
.product.data.items .item.content table.tabtable tr:nth-child(even){
    background-color: var(--base-2);
}
.product.data.items .item.content table.tabtable td:first-child{
    width:30%;
    font-weight:700;
}
.product.data.items .item.title:hover{
    border-color: var(--primary);
}

@media only screen and (max-width: 768px) {
    .product.info.detailed .additional-attributes th{
        width:unset;
    }
    .product.data.items .item.content table.tabtable td:first-child{
        width:unset;
    }
    .product.data.items .item.content table.tabtable td:nth-child(2){
        text-align:right;
    }
    .product.data.items .item.title.active{
        background-color: unset;
        color:var(--primary);
    }
    .product.data.items .item.title{
        color:var(--primary);
        padding-left:0px;
        padding-right:0px;
    }
    .product.data.items .item.title  .switch{
        font-size:1.2rem;
    }
}

.product.data.items .item.content p{
font-size:16px;
line-height: 24px;
margin-bottom:1.25rem;
}
.product.data.items ul{
margin-top: 0.5rem;
padding-left:40px;
}
.product.data.items ul li{
display: list-item;
list-style: disc;
margin-top: 0rem;
margin-bottom: 0.05rem;
padding:0;
}

/* Productpage > Upsell */
.block.upsell .block-title.title{
    padding:30px 0 15px;
}
.block.upsell .block-title.title strong{
    color: var(--secondary);
    font-size:1.4rem;
    line-height:1.4rem;
    margin-bottom: 0.5rem;
    padding:0;
}
.products-grid.products-upsell ol.product-items li.product-item{
    width:25%;
    min-height:450px;
}

@media only screen and (max-width: 768px) {
    .block.upsell .block-title.title strong{
        font-size:1rem;
        line-height:1rem;
    }
    .products-grid.products-upsell ol.product-items li.product-item{
        width:50%;
    }
}

.block.upsell .product-item-name {
    min-height: 4rem;
    white-space: unset;
}
.block.upsell .product-item-name a{
    font-size:1rem;
    font-weight:700;
    white-space: unset;
}
.block.upsell .product-item-info img.product-image-photo{
    height:100%;
object-fit:contain;
}

/* Popup */
.amgdprcookie-bar-container{
    box-shadow: 0px 0px 0px 10000px #00000080 !important;
padding:30px !important;
}

@media only screen and (max-width: 768px) {
.amgdprcookie-bar-container{
   padding:20px !important;
}
}

.amgdprjs-bar-template.-popup{
    top:50% !important;
}

@media only screen and (max-width: 768px) {
.amgdprjs-bar-template.-popup{
    width: calc(100% - 40px);
height: fit-content;
}
}

.amgdprcookie-bar-container .amgdprcookie-policy{
max-height: unset;
margin-bottom:15px;
}
.amgdprcookie-bar-container .amgdprcookie-policy h3{
margin-bottom:20px;
}
.amgdprcookie-bar-container .amgdprcookie-buttons-block {
    justify-content: space-between;
}
.amgdprcookie-buttons-block .amgdprcookie-button {
    flex-basis: 50% !important;
}
button:active, .amgdprcookie-buttons-block .amgdprcookie-button:focus {
    box-shadow: none !important;
    opacity: 1 !important;
}
.amgdprcookie-groups-modal .amgdprcookie-done {
    background-color: var(--roze) !important;
border:none !important;
}
.amgdprcookie-groups-modal .amgdprcookie-done:focus{
    box-shadow:none !important;
}
.amgdprcookie-groups-modal .amgdprcookie-done:hover {
    background-color: var(--secondary-dark) !important;
border:none !important;
}

/* Popup */
#confirmBox p,
.amcart-label{
color:var(--bruin) !important;
}

#confirmBox a{
    font-family:inherit;
    color:var(--bruin) !important;
    font-weight:700;
}
.amcart-confirm-buttons button.am-btn-right{
    background-color: var(--roze);
    border-radius: 5px;
    border:0px;
    box-shadow:none;
    font-size:1.2rem;
    width:90% !important;
    margin:0 auto;
}
.amcart-confirm-buttons button.am-btn-right:hover{
    background-color: var(--secondary-dark);
}
.amcart-confirm-buttons button.am-btn-left{
    background-color: unset;
    border:0px;
    box-shadow:none;
    color: var(--secondary-dark);
    font-size:1.2rem;
    width:90% !important;
    margin:0 auto;
}
.amcart-confirm-buttons button.am-btn-left:hover{
    color: var(--roze);
}
.amcart-qty-wrap > .amcart-control{
background:transparent !important;
}
.amcart-qty-wrap > .amcart-control:before{
 color: var(--primary-dark);
}
  .amcart-qty-wrap > .amcart-control:hover:before{
 color: var(--bruin);
}
.amcart-input{
padding: 0px !important;
margin: 0px !important;
font-weight: bold;
color: var(--bruin) !important;
border:0px !important;
}

.amcart-confirm-buttons .checkout{
display:none !important;
}


/* MiniCart */
.porto-icon-shopping-cart:before{
    content: "\e04e";
    font-family: "Simple-Line-Icons"!important;
}
.minicart-wrapper .action.showcart .counter.qty{
    background-color:var(--roze);
}
.minicart-wrapper .minicart-price .price{
font-size:unset;
}
.minicart-wrapper .minicart-price .price:before{
display:none;
}
.block-minicart .actions .secondary a.viewcart{
    color:var(--roze) !important;
}
.minicart-wrapper .block-minicart .total-count{
    text-transform:none !important;
}
.minicart-wrapper .block-minicart .subtotal{
    text-transform:none;
}
.page-header.type22 .minicart-wrapper .action-subtotal{
    font-size:0px;
}
.block-minicart .actions .primary .action.primary{
    background-color: var(--roze) !important;
color:var(--base) !important;
    border-radius:5px !important;
    text-transform:none !important;
}
.block-minicart .actions .primary .action.primary:hover{
    background-color: var(--secondary-dark) !important;
color:var(--base) !important;
}
.minicart-wrapper .product .actions > .secondary{
box-shadow: 0 2px 6px 0 var(--secondary-dark);
color: var(--secondary-dark) !important;
right: 5px;
}
.block-minicart .details-qty.qty label{
    margin-right:20px;
    margin-bottom:0px;
}
.block-minicart .subtotal .label:after{
    display:none;
}
.page-header.type22 .minicart-wrapper .action-subtotal .cart-price{
    color:var(--roze);
}

/* Checkout > Cart */
@media only screen and (max-width: 768px) {
.cart.table-wrapper .item .col.item {
padding-left: 0px;
padding-right:0px;
padding-bottom:10px;
}
.cart.table-wrapper .product-item-photo{
max-width:100px !important;
}
.cart.table-wrapper .product-item-details{
text-align:left;
}
.cart.table-wrapper .product-item-details .product-item-name{
margin-bottom:10px !important;
text-align:center;
}
.cart.table-wrapper .product-item-details dl{
width:100%;
}
.cart.table-wrapper .product-item-details dd{
float:right;
}
.cart.table-wrapper td.col.price,
.cart.table-wrapper td.col.qty,
.cart.table-wrapper td.col.subtotal{
width:33.33%;
display: inline-block;
padding:0px;
font-size:16px !important;
font-weight:600;
color:var(--primary-dark) !important;
}
.cart.table-wrapper td.col span.price-including-tax{
height: 45px;
display: flex;align-items: center;
}
.cart.table-wrapper td.col.price,
.cart.table-wrapper td.col.price span.price-including-tax{
text-align:left;
}
.cart.table-wrapper td.col.subtotal,
.cart.table-wrapper td.col.subtotal span.price-including-tax{
text-align:right;
float:right;
}
.cart.table-wrapper td.col.price .price{
font-size:16px !important;
font-weight:600;
}
.qty.field .qty-changer > a,
.col.qty .qty-changer > a{
background: var(--primary-light);
border-radius: 3px;
}
.cart.table-wrapper .item-actions td{
padding:10px 0;
}
.cart.table-wrapper .actions-toolbar > .action-edit{
left:0;
}
.cart.table-wrapper .actions-toolbar > .action-edit:before,
.cart.table-wrapper .actions-toolbar > .action-delete:before{
color: var(--secondary-dark);
    background: var(--secondary-light);
    width: 30px;
    height: 30px;
    line-height: 30px;
border-radius:100%;
}
}


@media only screen and (max-width: 991px) {
.checkout-cart-index .cart-container{
display: flex;
flex-direction: column;
}
}
@media only screen and (max-width: 768px) {
.checkout-cart-index .cart-container{
display: flex;
flex-direction: column-reverse;
}
}

.checkout-cart-index h1.page-title span{
color:var(--roze);
font-weight:600;
}

.cart-summary{
border-width:0px;
padding: 0px !important;
}

.cart.table-wrapper .cart thead tr th.col,
.cart-summary > .title,
.cart-summary .block .title strong,
.cart.table-wrapper .price,
.qty.field .input-text.qty, .col.qty .input-text.qty,
.cart.table-wrapper .col.subtotal .price,
.cart-totals tbody .amount,
.cart-totals tbody .grand.totals .mark, .cart-totals tfoot .grand.totals .mark{
color:var(--bruin) !important;
}
.cart.table-wrapper .product-item-name > a{
color:var(--bruin) !important;
font-size:20px !important;
}
.qty.field .input-text.qty, .col.qty .input-text.qty{
border:0px !important;
}
.gift-item-block .title{
    color:var(--bruin) !important;
}
.cart.items th.col.qty{
text-align:center !important;
}
.cart.item .field.qty{
display: flex !important;
    justify-content: center;
}
.cart-summary .checkout-methods-items .action.primary.checkout{
    background-color:var(--roze);
    color:var(--base) !important;
}
.cart-summary .checkout-methods-items .action.primary.checkout:hover{
    background-color:var(--secondary-dark);
color:var(--base) !important;
}
.products-crosssell .product-item-info .product-item-details .product-item-actions .tocart{
    border-radius: 5px;
    border:0px;
    background-color: var(--primary);
    color: var(--base);
    text-transform: none;
}
.products-crosssell .product-item-info .product-item-details .product-item-actions .tocart:hover{
    background-color: var(--primary-accent);
}
.products-crosssell .product-item-info .product-item-details .product-item-actions .actions-secondary{
    display:none;
}

/* Discount field*/
.cart-discount{
display:none;
}
.cart-discount .fieldset.coupon #coupon_code{
    min-width:170px;
    padding:0 20px;
    height:44px !important;
    border: 0px solid var(--secondary);
    border-radius:50px 0 0 50px !important;
    background-color:var(--secondary-light);
}
.cart-discount .actions-toolbar button.action{
    border-radius:0 50px 50px 0 !important;
    background-color:var(--roze) !important;
    color:var(--base) !important;
    opacity: 1;
    text-transform: none;
}
.cart-discount .actions-toolbar button.action:hover{
    background-color:var(--secondary-dark) !important;
}
.cart.main.actions .action.update{
    background-color:unset !important;
    color:var(--bruin) !important;
    padding-right:0px;
    padding-left:0px;
}
.cart.main.actions .action.update:hover{
    color:var(--primary-dark) !important;
}
.cart.actions button.action, .cart.table-wrapper th, .cart-summary .title{
    text-transform: none !important;
}

@media only screen and (max-width: 768px) {
    .cart-discount .block .title {
        display:block;
        padding:20px 0px !important;
    }
    .cart-discount .block .title:after {
        margin-top:20px;
    }
    .cart-discount .block .title strong{
        font-weight:700;
    }
    .cart-discount .content{
        padding:10px 0 20px 0px !important;
    }
    .table-wrapper{
        margin-bottom:0px;
    }
}


/* Checkout > Shipping */
.opc-progress-bar-item._active:before, .opc-progress-bar-item._active span:before{
    background-color: var(--primary);
}
.opc-estimated-wrapper .estimated-block .estimated-price {
    color: var(--primary);
}
.opc-wrapper hr{
    display:none;
}
.opc-wrapper .step-title{
    text-transform:none;
color:var(--roze);
}
.minicart-items .product-item-name{
    max-width:140px;
}
.form-login .field:nth-child(2) .control{
    display: flex;
    align-items: baseline;
}
.fieldset > .field .choice input, .fieldset > .fields > .field .choice input {
    vertical-align: baseline;
}
button.action.primary, .action.primary{
    text-transform:none;
    border-radius:5px;
}
.checkout-index-index .footer-middle{
    display:none;
}
.field-error{
    color: var(--primary);
    font-weight:700;
}
.amdelivery-main-container .field.date .control input{
    width:75%;
}
.amdelivery-main-container .field.date .control button{
    width:25%;
    line-height: 25px;
    margin-top: -3px;
    background-color:var(--base-2);
}
.opc-block-summary .title{
    text-transform:none;
}


/* Checkout > Billing */
.opc-progress-bar-item._complete  span{
    color:var(--contrast-3);
}
.checkout-agreements-block .checkout-agreement.field{
    align-items: baseline;
}
.checkout-index-index .footer-middle{
    display:none;
}
.action.primary.checkout{
    border:0px;
    background-color: var(--primary);
    text-transform:none;
}
.action.primary.checkout:hover{
    background-color: var(--primary-accent);
}
.payment-method .payment-method-title label{
    display: inline;
}
.payment-method .payment-method-title label:before, .payment-method .payment-method-title label:after{
    float:right !important;
}
#payment.checkout-payment-method{
margin-right:1px;
}


/* Cart Empty */
.cart-empty .btn-go-shop{
    background-color:var(--secondary-dark);
    border-radius: 5px;
    text-decoration: none;
    text-transform:none;
    padding: 12px 24px;
}
.cart-empty .btn-go-shop:hover{
    background-color:var(--secondary-accent);
}

/* Footer */
.footer-top .custom-block:before{
    border:0px;
}
.footer h4{
    color:var(--bruin);
}
.footer-middle .container{
padding-top: 50px;
padding-bottom: 30px;
}
.footer-middle>.container::after{
display:none;
}
.footer-middle .col-lg-3, .footer-middle .col-lg-6{
margin-bottom:20px;
}
.footer .block.newsletter .block-title strong{
color:var(--bruin) !important;
}
.footer .block.newsletter table{
margin-top: 3px;
margin-bottom:10px;
}
.footer .block.newsletter .content p{
display:block;
margin-bottom:10px;
}
}
.footer-nieuwsbrief td{
padding:0px;
margin-bottom:10px;
}
.footer-social {
text-align:center;
min-width:125px;
}
.footer-social  a{
font-size:30px;
padding:0px 10px;
}
/* End custom style*/