

/* ======================================
   CORE STYLES
   ====================================== */
body {
    top: 0px !important;
    min-height: 100vh;
    overflow-x: hidden;
}
main {
    overflow: hidden;
    max-width: 100vw;
}
div#content {
    min-height: calc(100vh - 150px);
}
body > .skiptranslate {
    display: none;
}
html{scroll-behavior: smooth;}
body{background: #1C0303;position: relative;}::-moz-selection {background: #800b0f;}::selection {background: #800b0f;color: #f1f2ec;}a {text-decoration: none!important;}

a {transition: 0.3s;}
.h-full {height:100%;}
.row-gap {gap: 30px 0px;}
.row.equal .col-xs-12 {
    height: auto;
}
/* body type green */
body[id="about.php"] {
    background: radial-gradient(96.98% 96.98% at 50% 50%, #3B3F27 0%, rgba(15, 16, 10, 0) 100%);
    background-color: #1C0303;
}
body[id="artists.php"] {
    background: linear-gradient(180deg, rgba(15, 16, 10, 0) -46.98%, #1D1F14 66.2%);
    background-color: #1C0303;
}
select#delivery_method_select {
    background: #2f1e1c;
    border: none;
    outline:none;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    padding: 16px;
    height: 53px;
}
/* Custom Container */

@media (min-width: 768px) {
    .container-custom {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .container-custom {
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .container-custom {
        width: 1199px;
    }
}
@media (min-width: 1400px) {
    .container-custom {
        width: 1350px;
    }
}

/* Vintage noise overlay */
body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
background-image: url('../../img/noise.png');
	background-repeat: repeat;
	pointer-events: none;
	z-index: 9999;
    opacity: 0.75;
	mix-blend-mode: multiply;
}

/* -- Navigation (legacy/base styling) -- */
#navigation .navbar-custom {border-radius: 0px;height: 100px;background-color: #1C0303;border-color: #fff;box-shadow: none;margin: 0px;border: none;margin-bottom:10px;}
#navigation .navbar-brand {padding: 0px;height: auto;border: none;margin: 0px;display: inline-block;}
#navigation .navbar-custom .navbar-brand img {height: 90px;width: auto;display: block;}
#navigation .navbar-custom .navbar-nav>li>a {letter-spacing: 0px;color: #F4F5EF;text-transform: uppercase;font-size: 16px;font-weight: 700;line-height: 22px;padding: 0px;margin: 0px 37px;padding: 26px 0px;padding-bottom: 22px;background-color: transparent!important;}
#navigation .navbar-custom .navbar-nav>.active>a, #navigation .navbar-custom .navbar-nav>.active>a:focus, #navigation .navbar-custom .navbar-nav>.active>a:hover {color: #800b0b!important;border-bottom: 4px solid #800b0b;}
#navigation .navbar .navbar-nav {display: inline-block;float: none;}
#navigation .navbar .navbar-collapse {text-align: center;}
#navigation .navbar-top {border-bottom: 1px solid rgb(0 0 0 / 15%);height: 36px;overflow: hidden;}
#navigation .contactg li {margin: 6px 0px;margin-right: 6px;}
#navigation .contactg li a {color: rgb(208 208 196 / 90%);font-size: 13px;line-height: 24px;font-weight: 400;transition: 0.3s;}
#navigation .contactg li a:hover {opacity: 0.7;}
#navigation .contactg li a span {color: #800b0b;font-size: 18px;vertical-align: sub;margin-right: 5px;}
#navigation .navbar-top .input-group input {background-color: rgba(208,208,196,0.1);border: none;border-radius: 0px;height: 28px;margin: 4px 0px!important;box-shadow: none!important;width: 270px!important;color: #F4F5EF;font-size: 13px;}
#navigation .navbar-top span.input-group-btn.typeahead__button {right: 0px;position: absolute;top: 4px;height: 28px;overflow: hidden;width: 26px;z-index: 999;}
#navigation .navbar-top button.search_button {background: none;padding: 0px;margin: 0px;}
#navigation .navbar-top button.search_button span.material-icons-outlined {vertical-align: middle;font-size: 18px;margin-top: -12px;color: #F4F5EF;}
#navigation .navbar-custom .navbar-nav>li>a:focus, #navigation .navbar-custom .navbar-nav>li>a:hover {border-bottom: 4px solid transparent;opacity: 0.6;}
#navigation ul.portal li a span {transition: 0.3s;color: #F4F5EF;}
#navigation ul.portal li a span:hover {opacity: 0.7;}
#navigation .cartvalue {background-color: transparent;font-family: 'Crimson Pro';border-radius: 50%;color: #160707;font-size: 15px;font-weight: 400;width: 17px;height: 17px;text-align: center;position: absolute;padding: 1px 0px;right: 22px;line-height: 16px;margin-top: -23px;z-index: 9999;font-weight: 700;}
#navigation .dropdown span.material-icons-outlined {font-size: 18px;vertical-align: middle;margin-top: -2px;transform: rotate(0deg);transition: 0.3s;}
#navigation .dropdown.open span.material-icons-outlined {transform: rotate(180deg);}
#navigation .dropdown ul.list-unstyled.dropdown-menu {border: none;border-radius: 0px;box-shadow: none;left: 17px;margin-top: 0px;padding: 0px;}
#navigation .dropdown-menu>li>a {font-size: 15px;padding: 5px 20px;}
.mobile-cart-link span.mobile-cart-count {
    color: #110d0d;}
.allepr span.material-icons-outlined {font-size: 18px;vertical-align: middle;margin-top: -4px;}

/* -- header home -- */
.header.home .headerbg {margin: 0px 35px;height: 550px;margin-bottom: -550px!important;background-size: cover;background-position: center;}
.header.home .headerbg .gradient {background-color: rgb(0 0 0 / 33%);height: 100%;}
.header.home .align {vertical-align: middle;display: table-cell;height: 550px;}
.header.home .align h1 {color: #F4F5EF;font-size: 56px;line-height: 60px;text-transform: uppercase;font-weight: 600;}
.header.home .quick-select ul.nav.nav-pills li a {border-radius: 0px;background-color: #FFFFFF;color: #1c0909;line-height: 31px;font-size: 24px;font-weight: 600;width: 40px;height: 40px;padding: 5px;text-align: center;margin-right: -2px;}
.header.home .quick-select {margin-top: -90px}
.header.home .quick-select ul.nav.nav-pills li.active a {background-color: #800b0b!important;color: #fff;}
.header.home .quick-select ul.nav.nav-pills li a:hover {background-color: #301f1d;}
.header.home .quick-select .tab-content {background-color: #800b0b;width: 570px;padding: 30px 20px;}
.header.home .quick-select .tab-content h4 {color: #FFFFFF;text-transform: uppercase;opacity: 0.67;font-size: 12px;line-height: 11px;font-weight: 600;margin: 0px;padding-bottom: 5px;}
.header.home .quick-select .tab-content p {color: #F4F5EF;font-weight: 600;font-size: 16px;line-height: 24px;margin: 0px;}
.header.home .quick-select .tab-content .button.white {margin: 0px;background-color: #fff;color: #1c0909;cursor: pointer;}
.header.home .quick-select .tab-content .button.black {margin: 0px;background-color: #000;color: #fff;width: 40px;padding: 10px 0px;text-align: center;}
.header.home .quick-select .tab-content .left {display: inline-block;width: calc(100% - 328px);}
.header.home .quick-select .tab-content .right {display: inline-block;float: right;width: 328px;}
.header.home .quick-select .tab-content .button.black span.material-icons-outlined,.header.home .quick-select .tab-content .button.black span.material-icons {height: 24px;vertical-align: text-top;margin-top: -3px;}
.header.home .quick-select button.btn.btn-primary.dropdown-toggle {border-radius: 0px;background-color: #fff;border: none;color: #1c0909;height: 40px;width: 269px;margin-top: -6px;text-align: left;}
.header.home .quick-select span.caret {transition: 0.3s;float: right;border-top: 5px dashed;border-right: 5px solid transparent;border-left: 5px solid transparent;margin-top: 8px;}
.header.home .quick-select ul.list-unstyled.list-inline {margin-bottom:0px;}
.header.home .quick-select .dropdown.open span.caret {transform: rotate(180deg);}
.header.home .quick-select ul.dropdown-menu {border: 0px;border-radius: 0px;margin-top: 0px;box-shadow: -2px 15px 13px rgb(0 0 0 / 4%);width: 100%;border-top: 1px solid #301f1d;}
.header.home .quick-select input#quantity {width: 120px;height: 40px;border: none;padding: 12px;font-size: 16px;margin-top: 1px;}

.row-gap-30 {display: flex;gap: 30px 0px;flex-direction: row;flex-wrap: wrap;}

/* -- header content -- */
.header.content .align {text-align: center;}

/* -- header contact -- */
.header.content.contact {background-color: #301f1d;margin: 0px 35px;}
.header.content.contact h1 {color: #F4F5EF;padding-top: 60px;}
.header.content.contact .align {height: 200px;}

/* -- header category -- */
.header.content.category .align {text-align: left;}
.header.content.category p {color: #F4F5EF}

/* -- mosaic -- */
.mosaic-list {overflow: hidden;}
.mosaic.c1.as_background .gradient {background: none;}
.mosaic.c1.large {margin: 100px 35px;position: relative;}
.mosaic.c1.large:after {position: absolute;content: "";display: block;width: 50px;height: 100%;background-image: url(../../img/repeat-w.svg);margin-left: 0px;right: 0px;top: 0px;}
.mosaic.c1 .button {margin-top: 20px;}
.mosaic.c1.as_background {margin: 100px 35px;position: relative;}
.mosaic.c1.as_background .gradient {background-color: rgb(0 0 0 / 50%);}
.mosaic.c1.as_background:before {position: absolute;content: "";display: block;width: 50px;height: 100%;background-image: url(../../img/repeat-w.svg);margin-left: 0px;}
.mosaic.c4 .uspblock:hover {background-size: 110% auto;}
.mosaic.c4 .uspblock {height: 270px;background-size: 120% auto;background-position: center;transition: 0.3s;}
.mosaic.c4 .uspblock .gradient {height: 100%;background: transparent linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 50%) 100%) 0% 0% no-repeat padding-box;}
.mosaic.c4 .uspblock .align {height: 270px;display: table-cell;vertical-align: bottom;padding: 25px;}
.mosaic.c4 .uspblock .align h3 {color: #F4F5EF;font-size: 18px;line-height: 23px;font-weight: 600;margin: 0px}
.mosaic.c4 .uspblock .align .ar-right span {width: 24px;height: 24px;color: #800b0b;background-color: #fff;position: absolute;right: 40px;bottom: 25px;padding: 0px 1px;}
.mosaic.c5 h2 {text-transform: unset;margin-bottom: 15px;}
.mosaic.c5 .quote-blok span.material-icons {color: #800b0b;font-size: 48px;margin: 0 auto;text-align: center;display: block;margin-bottom: 15px;}
.mosaic.c6 .margin{margin: 0px 35px}
.mosaic.c6 .block {background-color: #000000;height: 210px;}
.mosaic.c6 .block.block-l:before {position: absolute;content: "";display: block;width: 50px;height: 210px;background-image: url(../../img/repeat-w.svg);margin-left: 0px;}
.mosaic.c6 .block.block-r:after {position: absolute;content: "";display: block;width: 50px;height: 210px;background-image: url(../../img/repeat-w.svg);margin-left: 0px;right: 15px;top: 0px;}
.mosaic.c6 .block.block-r {background-color: #800b0b;}
.mosaic.c6 .block .img {height: 310px;width: 100%;background-size: contain;background-position: center;background-repeat: no-repeat;margin-top: -50px;}
.mosaic.c6 .align {height: 210px;display: table-cell;vertical-align: middle;}
.mosaic.c6 .button {margin: 0px;}
.mosaic.c6 h2 {letter-spacing: 1.6px;color: #303030;text-transform: uppercase;font-size: 32px;line-height: 42px;margin-top: 0px;font-weight: 700;color: #F4F5EF;margin: 0px}
.mosaic.c6 h2.sec {font-weight: 300;color: #800b0b;letter-spacing: 3px;margin-bottom: 24px;margin-top: -3px;}
.mosaic.c6 .block.block-r .align {padding-left: 50px;}
.mosaic.c6 .block.block-r h2.sec {color: #F4F5EF}
.mosaic.c7 .owl-carousel {width: 80%;margin: 0px 10%;}
.mosaic.c7 .news-blok .logo {width: 150px;height: 71px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.mosaic.c7 .owl-theme .owl-nav {width: calc(100% + 20%);margin-left: -10%;margin-top: -60px;}
.mosaic.c7 .owl-nav button.owl-prev {float: left;background: none!important;padding: 0px!important;}
.mosaic.c7 .owl-nav button:hover {opacity: 0.7;}
.mosaic.c7 .owl-nav button.owl-next {float: right;background: none!important;padding: 0px!important;}
.mosaic.c7 .owl-theme .owl-dots .owl-dot span {border: 1px solid #000000;background: transparent;}
.mosaic.c7 .owl-theme .owl-dots .owl-dot.active span {border: 1px solid #000000;background: #000000;}
.mosaic.c7 .owl-dots {margin-top: 75px;}
.mosaic.c9 .faq .repeat .panel div {font-size: 14px;padding: 5px;padding-bottom: 0px;padding-left: 35px;}
.mosaic.c9 .faq .repeat .panel button:hover,
.mosaic.c9 .faq .repeat .panel button:focus {outline: none;}
.mosaic.c9 .faq .hr-custom {border-top: 2px solid #e6f2f6;}
.mosaic.c9 .faq .repeat .panel h3 {text-align: center;text-transform: unset;}
.mosaic.c9 .faq .repeat .panell button {font-size: 15px;}
.mosaic.c9 .faq .repeat .panel .material-icons {color: #0083ca;}
.mosaic.c9 .faq .repeat .panel .material-icons.down {display: none;}
.mosaic.c9 .faq .repeat .panel .collapsed .material-icons.down {display: block;}
.mosaic.c9 .faq .repeat .panel .material-icons.up {display: block;}
.mosaic.c9 .faq .repeat .panel .collapsed .material-icons.up {display: none;   }
.mosaic.c9 .faq .repeat .panel {margin-bottom: 0px;background-color: #fff;border-bottom: 1px solid #f3f3f3;border-radius: 0px;box-shadow: none;}
.mosaic.c9 .repeat button {background: transparent;padding: 0px;border-radius: 0px;font-weight: 600;}
.mosaic.c9 .faq .repeat:first-child .panel {border-top: 1px solid #f3f3f3;}
.mosaic.c9 .faq .repeat .panel .material-icons {color: #F4F5EF;font-size: 21px;margin-right: 15px;}
.mosaic.c9 .faq .repeat .panel p {font-size: 15px;}
.mosaic.c9 .repeat span.pull-left {position: absolute;left: 15px;}
.mosaic.c9 .faq .repeat .panell button {margin-left: 35px;}

.mosaic.tickertape-mosaic .text-highlight {
    margin-bottom: -100px;
}
.mosaic.tickertape-mosaic  .text-highlight__text {
    font-size: 85px;
}
.mosaic.tickertape-mosaic .text-highlight__row:last-child {
    margin-bottom: 0;
    margin-top: -68px;
}

.location-map-mosaic {
    margin:0px;
}
.location-map-mosaic .location-map-container {
    margin: 0px;
    margin-left: -15px;
    width: calc(100% + 30px);
}
.location-map-mosaic #bourbon-street-map {height:500px;}

.mosaic.c6 .block .img {z-index: 99;position: relative;}

.contactp .contactbox {border: 1px solid #3e2b28;padding: 15px;}
.contactp .contactg li a span {color: #800b0b;font-size: 18px;vertical-align: sub;margin-right: 15px;position: absolute;margin-top: 2px;}
.contactp .contactg li a {color: rgb(0 0 0 / 90%);font-size: 13px;line-height: 24px;font-weight: 400;transition: 0.3s;}
.contactp ul.contactg {margin: 0px;}
.contactp .contactbox p {font-size: 13px;margin: 0px;margin-left: 30px;}
.contactp .contactbox b {font-size: 16px;font-weight: 700;}
.contactp .contactbox p.cct {margin-top: 0px;line-height: 16px;}
.contactp .contactbox li:first-child p.cct  {margin-bottom: 10px;}
.contactp .contacpersoon {height: 120px;width: 100%;background-size: contain;background-repeat: no-repeat;background-position: right;margin-top: -58px;}


/* -- products -- */
section.producten {margin: 100px 0px;}
@media (max-width: 767px) {
    section.producten {margin: 40px 0px;}
}
section.producten h3.collapse-block-title {color: #F4F5EF;font-size: 18px;line-height: 23px;font-weight: 600;margin: 0px;margin-bottom: 30px;}
section.producten .collection-filter-block {position: sticky;top: 100px;}
section.producten .sidebar {border-left: 1px solid rgb(0 0 0 / 15%);}
section.producten .sidebar .nav>li>a {border-left: 5px solid transparent;padding-left: 15px;letter-spacing: 0px;color: #F4F5EF;text-transform: uppercase;font-size: 16px;line-height: 21px;font-weight: 400;margin-left: -1px;}
section.producten .sidebar .nav>li.active>a {border-left: 5px solid #800b0b!important;background-color: transparent!important;font-weight: 700;}
section.producten .sidebar .nav>li>a:hover {border-left: 5px solid #f7d7d9;background-color: transparent;}
section.producten .category-list {border-bottom: 1px solid rgb(0 0 0 / 10%);padding-bottom: 30px;}
section.producten .category-list:last-child {border: none;margin: 0px}

.mosaic.agenda-webshop .show-more-container {
        margin: 0px;
        position: relative;
        bottom:0px;
        margin-top:30px;
    }
    .mosaic.agenda-webshop .show-more-container .button {
        position: relative;
        bottom: 0px;
    }
.modal-content {
    position: relative;
    background-color: #301f1d;
}
.collection-content h4 {
    margin-bottom: 0px;
    margin-top: 10px;
}
.breadcrumb>li+li:before {
    font-size: 13px;
}
.product-tabs {margin: 100px 0px;}
.product-tabs ul.nav.nav-tabs li a {background-color: #301f1d;border: none!important;border-radius: 0px;margin: 0px;color: #1c0909;font-weight: 700;padding: 10px 20px;}
.product-tabs ul.nav.nav-tabs li.active a {background-color: #000!important;color: #F4F5EF;}
.product-tabs ul.nav.nav-tabs li a:hover {opacity: 0.7;}
.product-tabs .nav-tabs {border-bottom: 1px solid #D6D6D6;padding-bottom: 1px;}
.product-tabs .tab-content h2 {font-size: 24px;line-height: 28px;color: #F4F5EF;font-weight: 700;margin: 0px;}

/* -- calculator -- */
#calculator .modal-content {border: none;border-radius: 0px;background-color: #fff;box-shadow: 0px 10px 30px #00000029;padding: 30px;position: relative;z-index: 99;}
#calculator .modal-content h4.modal-title {font-size: 24px;line-height: 28px;color: #1c0909;font-weight: 700;margin: 0px;}
#calculator .modal-header .close {color: #1c0909;opacity: 1;font-weight: 100;font-size: 38px;margin-right: -2px;margin-top: -5px;}
#calculator p.customoutput {border: none;background: none;padding: 0px;margin: 0px;font-weight: 700;color: #800b0b;font-size: 13px;line-height: 22px;display: block;margin-right: 20px;margin-top: 10px;}
#calculator p.customoutput span {width: 24px;height: 24px;display: inline-block;vertical-align: middle;margin-top: 2px;margin-right: 3px;font-size: 19px;}

.search-bar {background: #800b0b;padding: 15px 19%;margin-top: -50px;margin-bottom: 100px;}
div#results .resultitem {background: #301f1d;margin-bottom: 30px;}
div#results .resultitem .align {height: 175px;vertical-align: middle;display: table-cell;color: #F4F5EF;}
div#results .resultitem .align h3 {margin: 0px;margin-bottom: 10px;font-size: 19px;}
div#results .resultitem img {height: 174px;margin: 0 auto;display: block;}
div#results  {margin-bottom: 100px;}

/* -- cart -- */
.contact.webshopcontent  {border-top: 1px solid #3e2b28;padding-top: 100px;}
.contact.webshopcontent h1 {color: #F4F5EF;font-size: 46px;line-height: 52px;text-transform: uppercase;margin: 0px;margin-bottom: 45px;font-weight: 700;}

#cart {margin-bottom: 100px;}
#cart {width: 100%;}
#cart .row .th {border-bottom: 2px solid #800b0b;padding: 15px 0px;font-weight: 700; color: #F4F5EF;font-size: 14px;text-transform: uppercase;letter-spacing: 0.5px;}
#cart .row .td {border-bottom: 1px solid rgba(214, 214, 214, 0.1);padding: 20px 0px;}
#cart .row.product {transition: all 0.3s ease;background: rgba(128, 11, 11, 0.03);margin-bottom: 0px;border-radius: 8px;padding: 15px 10px;}
#cart .row.product:hover {background: rgba(128, 11, 11, 0.08);transform: translateX(5px);}
#cart .row .td:first-child,
#cart .row .th:first-child {padding-left: 20px;}
#cart .row .td:last-child,
#cart .row .th:last-child {padding-right: 20px;}
#cart .col-title .img {background-color: #2a1a18;width: 80px;height: 80px;background-size: cover;background-repeat: no-repeat;background-position: center;margin-right: 20px;float: left;border-radius: 8px;border: 1px solid rgba(214, 214, 214, 0.1);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}
#cart .col-title span.content {color: #F4F5EF;font-size: 16px;line-height: 24px;display: table-cell;vertical-align: middle;width: 376px;padding-top: 19px;font-weight: 500;}
#cart .col-title span.content small {display: block;margin-top: 5px;opacity: 0.7;font-size: 13px;}
#cart input.product-quantity {background-color: rgba(244, 245, 239, 0.05);border: 1px solid rgba(214, 214, 214, 0.3);width: 70px;height: 40px;text-align: center;color: #F4F5EF;font-size: 16px;border-radius: 4px;transition: all 0.3s;}
#cart input.product-quantity:focus {border-color: #800b0b;background-color: rgba(244, 245, 239, 0.08);}
#cart button.FormUnit-quantity.Icon {
    transition: 0.3s;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(214, 214, 214, 0.3);
    padding: 0px;
    background: rgba(128, 11, 11, 0.1);
    font-weight: 700;
    font-size: 28px !important;
    color: #F4F5EF !important;
    border-radius: 4px;
    line-height: 36px;
    text-align: center;
}
#cart .FormUnit.FormUnit--spin.js_spin {width: 150px;display: flex;gap: 5px;}
#cart button.FormUnit-quantity.Icon.Icon--remove {float: left;margin-right: 0px;}
#cart button.FormUnit-quantity.Icon.Icon--isClosed {margin-top: 0px;float: right;margin-left: 0px;background-color: rgba(128, 11, 11, 0.2);}
#cart button.FormUnit-quantity.Icon:hover {opacity: 1;background-color: #800b0b;transform: scale(1.05);}
#cart .td.col-title {padding: 8px 0px;transition: 0.3s;}
#cart .td.col-title:hover {opacity: 0.9;}
#cart .td.col-subtotal {font-weight: 700;font-size: 18px;color: #F4F5EF;line-height: 22px;height: 60px;vertical-align: middle;display: table-cell;}
#cart .td.col-subtotal i.material-icons-outlined {float: right;color: #F4F5EF;font-size: 24px;transition: 0.3s;cursor: pointer;opacity: 0.6;}
#cart .td.col-subtotal i.material-icons-outlined:hover {color: #800b0b;opacity: 1;transform: scale(1.1);}
#cart .tr.row-total {font-weight: 600;font-size: 16px;color: #F4F5EF;}
#cart .tr.row-total:last-child {border-top: 2px solid #800b0b;margin-top: 20px;padding-top: 20px;}
#cart .tr.row-total td {border: none;padding-top: 20px;}
#cart .tr.row-total .col-desc {font-size: 15px;opacity: 0.9;}
#cart .tr.row-total:last-child .col-desc {font-size: 18px;opacity: 1;}
#cart .tr.row-total .totalamt {font-size: 18px;}
#cart .tr.row-total:last-child .totalamt {font-size: 22px;color: #800b0b;}

#cart span.material-icons-outlined {font-size: 13px;vertical-align: middle;margin-top: -2px;margin-right: 3px;}
#cart .td.col-quantity, #cart .td.col-subtotal {height: auto;padding: 22px 0px;}
#cart .td.col-subtotal {padding: 28px 0px;}
#cart .row .td.col-desc, #cart .row .td.totalamt, #cart .row .td.col-leeg {border: none;padding: 8px 0px;}
.cart-hr {margin-top: -10px;margin-bottom: 50px;border-color: rgba(214, 214, 214, 0.2);}
.addproducts {margin-bottom: 100px;}
.addproducts h2 {color: #F4F5EF;font-size: 32px;line-height: 42px;text-transform: uppercase;margin: 0px;margin-bottom: 20px;font-weight: 700;}


.login-page  {margin:  100px 0px;}
.login-page .theme-card {border: 1px solid rgb(0 0 0 / 15%);padding: 30px;}
.login-page h3 {margin-top: 0px;margin-bottom: 20px;color: #F4F5EF;font-weight: 700;font-size: 24px;line-height: 28px;}
.login-page .forgot-password  {position: relative;	height: 20px;}
.login-page .forgot-password a.button-custom {float: right;color: #F4F5EF;font-weight: 600;font-size: 13px;line-height: 20px;}
.login-page  button.button.pull-right {padding: 10px 60px;margin-top: 20px;}
.login-page .register h3.title-font {font-size: 15px;margin-top: 20px;margin-bottom: 0px;line-height: 18px;}
.login-page .register p {font-size: 15px;margin-bottom: 0px;}
.login-page .forgot-password a.button-custom:hover {opacity: 0.6;}
.login-page .register {padding: 0px 30px;padding-top: 10px;}
.portal-error,.login.error-box {border: 1px solid red;font-size: 15px!important;background-color: rgb(255 0 0 / 20%);padding: 20px;margin-bottom: 20px;}
.login-page .login.error-box h3 {margin-bottom: 0px;font-size: 15px;font-weight: 600;}
.login-page .login.error-box h4 {margin-bottom: 0px;font-size: 15px;}

section.dashboard-section .faq-tab {text-align: center;margin-top: -45px;}
section.dashboard-section .faq-tab ul#top-tab {display: inline-block;text-align: left;border: 0px;}
section.dashboard-section .faq-tab li.nav-item {padding: 0px;}
section.dashboard-section .faq-tab a.nav-link.active {background-color: #493230;border-top: 3px solid #800b0b;}
section.dashboard-section .faq-tab .nav-tabs>li>a {border-radius: 0px;border: 0px;color: #F4F5EF;font-size: 16px;font-weight: 600;line-height: 22px;border-top: 3px solid transparent;padding: 10px 50px;margin: 0px;}

section.portalsection {margin:  100px 0px}
section.portalsection h2 {color: #F4F5EF;text-transform: uppercase;font-size: 32px;line-height: 42px;margin-bottom: 20px;margin-top: 0px;font-weight: 700;}
section.portalsection div#accordion {border: 1px solid rgb(0 0 0 / 15%);}
section.portalsection .panel-default>.panel-heading {background-color: transparent;box-shadow: none;border-radius: 0px;border: none;}
section.portalsection .panel-default {border: none;border-bottom: 1px solid #3e2b28;box-shadow: none;border-radius: 0px!important;}
section.portalsection .panel-default:last-child {border: none;}
section.portalsection .panel-heading b {font-size: 16px;transition: 0.3s;}
section.portalsection .panel-title p {margin: 0px;}
section.portalsection .contactp .contactbox {margin-top: 62px;}
section.portalsection .panel-heading:hover {opacity: 0.7;}
section.portalsection .panel-title span.material-icons.pull-right {font-size: 21px;}
section.portalsection .orderbox-items {border-bottom: 0px;padding: 0px;}
section.portalsection div#accordion {min-height: 50px;}
section.portalsection div#accordion h6 {font-size: 16px;padding: 15px;margin: 0px;opacity: 0.5;font-weight: 400;z-index: -1;position: absolute;}
section.portalsection .personal-box {margin-top: -6px;}
section.portalsection h3.spec {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;font-size: 16px;padding: 15px;}
#content.bedankt {margin: 100px 0px}

/* -- checkout -- */
#cart button.FormUnit-quantity.Icon {
    font-family: 'Crimson Text';
    font-weight: 100;
    line-height: 4px;
    font-size: 19px !important;
}

body.checkout section.section-b-space.checkout {margin: 100px 0px;}
body.checkout .header.content.contact .align {height: 99px;}
body.checkout div#navigation {z-index: 9999;position: relative;}
body.checkout .checkout-details {background-color: #1c0d0d;padding: 30px;border: 1px solid #0000001A;}
.order-box-head {border-bottom: 1px solid #D6D6D6;margin-bottom: 20px;}
.order-box-head  h4 {	margin-top: 0px;font-size: 16px;line-height: 22px;color: #F4F5EF;font-weight: 700;}
.orderbox-items .img {background-color: #f5f5f5;width: 40px;height: 40px;background-size: contain;background-repeat: no-repeat;background-position: center;margin-right: 15px;float: left;padding: 8px 0px;margin-bottom: 15px;}
.orderbox-items span.content {font-size: 16px;color: #F4F5EF;height: 21px;width: calc(100% - 55px);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.orderbox-items span.aantal {color: #F4F5EF;font-size: 13px;line-height: 22px;display: inline-block;width: calc(100% - 55px);}
.orderbox-items p.price {margin-top: 7px;text-align: right;font-size: 15px;}
.orderbox-items {border-bottom: 1px solid #D6D6D6;padding-bottom: 5px;}
body.checkout .sub-total {margin-top: 20px;}
body.checkout .sub-total .price {display: inline-block;width: 100%;margin-top: 7px;text-align: right;font-size: 15px;color:#fff;}
body.checkout .sub-total p {margin: 0px;margin-top: 3px;margin-bottom: 6px;}
body.checkout .login-page {margin: 0px}
body.checkout .login-page .theme-card {background-color: #1c0d0d;border: none;margin-bottom: 30px;}
body.checkout .login-page .theme-card hr {border-color: #E6E6E6;margin-left: -30px;width: calc(100% + 60px);}
body.checkout .checkbox label {display: block;}
body.checkout .checkbox-container input:before {left: 15px;}
body.checkout .checkbox-container label {color: #F4F5EF;font-size: 16px;line-height: 19px;padding-left: 5px;}
body.checkout input#voorkeursdatum {cursor: pointer;}
body.checkout select#betaalmethode {border-radius: 0px;background-color: #fff;border: none;cursor: pointer;color: #1c0909;height: 40px;width: 100%;border: 1px solid rgb(0 0 0 / 15%);text-align: left;padding: 10px 15px;}
body.checkout .algemenvw p {font-size: 14px;color: #F4F5EF;line-height: 19px;}
body.checkout .algemenvw a {text-decoration: underline!important;color: #F4F5EF}
body.checkout ul.list-unstyled.cont li {font-size: 16px;color: #F4F5EF;margin-top: 3px;}
select#delivery-method {
    background: #1a0909;
    border: none;
    color: #fff;
    margin-top: 10px;
    outline: none;
    box-shadow: none;
    border: none;

}

#cartmodal .modal-content {border: none;border-radius: 0px;box-shadow: none;border: none;}
#cartmodal h4.modal-title span {vertical-align: middle;font-size: 21px;margin-top: -5px;margin-right: 10px;}
#cartmodal h4.modal-title {color: #800b0b;font-size: 16px;line-height: 28px;font-weight: 600;margin: 0px;}
#cartmodal .modal-header .close {opacity: 1;font-size: 37px;font-weight: 100;margin-top: -10px;}
#cartmodal .modal-header {border: none}
#cartmodal #cart {width: 770px;margin-bottom: 0px;}
#cartmodal .modal-footer {text-align: unset;border: none;}
#cartmodal .modal-body {background: #301f1d;margin: 0px 15px;}
#cartmodal .col-title span.content {width: 213px;}

/*  -- footer -- */
footer.footer {background-color: transparent;margin-bottom: 40px;}
footer.footer img {width:100%}
footer.footer .footer-inner {padding: 100px 0px;}
footer.footer .footer-inner h3 {color: #F4F5EF;font-size: 16px;line-height: 22px;font-weight: 600;margin: 0px;margin-bottom: 15px;}
footer.footer .footer-inner li, footer.footer .footer-inner li a {font-size: 16px;color: #d2acac;line-height: 30px;font-weight: 300;transition: 0.3s;}
footer.footer .footer-inner li a:hover {opacity: 0.7;}
footer.footer .footer-inner li {margin-bottom: 5px;}
footer.footer .footer-inner p {font-size: 16px;color: #d2acac;line-height: 22px;font-weight: 300;margin-bottom: 4px;}
footer.footer .footer-address a {color: var(--white);text-decoration: none;}
footer.footer .footer-address a:hover {text-decoration: underline;}
footer.footer .footer-inner li a b {color: #F4F5EF;margin-right: 5px;}
footer.footer span.ico {width: 31px;transition: 0.3s;height: 31px;display: inline-block;margin-top: 20px;background-size: cover;}
footer.footer .footer-bottom .copyright {content: '';display: block;width: 22px;height: 22px;position: absolute;right: 16px;top: 9px;transition: 0.3s;}
footer.footer .footer-bottom .items a {color: #d2acac!important;font-size: 12px;line-height: 39px;transition: 0.3s;margin: 0px 15px;}
footer.footer .footer-bottom a:hover {opacity: 0.7;}
footer.footer .footer-bottom .logos {position: absolute;}
footer.footer .footer-bottom .logos ul {margin: 0px;}
footer.footer .footer-bottom .logos img.img {max-height: 20px;margin: 9px 0px;margin-right: 5px;}
footer.footer .footer-bottom {
    padding: 12px 0;
    background: transparent;
    border-top: 1px solid var(--theme-950);
}
footer.footer .footer-bottom-content {display: flex;flex-direction: column;gap: 16px;align-items: center;text-align: center;margin: 100px 0px;}
footer.footer .footer-bottom-info {text-align: center;}
footer.footer .footer-branding {display: inline-flex;align-items: center;gap: 10px;color: var(--white);font-size: 14px;line-height: 20px;text-decoration: none;transition: opacity 0.3s;}
footer.footer .footer-branding span {opacity: 0.7;font-family: 'google sans';font-size: 1rem;}
footer.footer .footer-branding img {height: 18px;display: block; width: fit-content;}
footer.footer .footer-branding:hover {opacity: 0.8;}