@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
	font-family: 'Hind', sans-serif;
	font-weight: 400;
	font-style: normal;
    color: #222;
	font-size: 1rem;
	background: #fff;
}

#sp-main-body {padding: 50px 0;}

a {color: #819E1D;}
h1, h2, h3, h4, h5, h6 {color: #222222;}
.article-details .article-header h1, .article-details .article-header h2 {font-size: 1.625rem;}

/* HEADINGS */
#sp-section-1 {
	background: #fff;
    padding: 12px 0;
    color: #848484;
    font-size: 1rem;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}

#sp-section-1 p {margin-bottom: 0rem;}
#sp-section-1 img {display: inline; margin-right: 8px;}
#sp-section-2 {line-height: unset; padding: 25px 0;}
#sp-section-3 {background: #819E1D;}
#sp-top2 {display: flex; justify-content: flex-end; align-items: center;}
#sp-top3 {display: flex; align-items: center; justify-content: flex-end;}

.section2 .sp-contact-info {text-align: right;}
.section2 .sp-contact-info li {margin: 0 0 0 40px; font-size: 1rem; font-weight: 600;}
.section2 .sp-contact-info li .titel {color: #222; margin-left: 8px; font-weight: 500; font-size: 1.25rem}
.section2 .sp-contact-info img {padding-top: 0px;}

/* MENU */
.sp-megamenu-parent>li:last-child>a {padding: 0px 12px 0px 12px;}
.sp-megamenu-parent>li>a {color: #FFF;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
	font-family: 'Open Sans', sans-serif;
    line-height: 70px;
    font-size: 15px;
    font-weight: 600;
	text-transform: uppercase;
	padding: 0 12px;
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {color: #482C0F;}
.sp-megamenu-parent>li.active>a {font-weight: 700;}
.sp-menu-item.current-item.active a:before {width: 100%;}
.sp-megamenu-parent > li > a {color: #FFF !important;}
.sp-megamenu-parent > li > a:before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 0%;
    height: 4px;
    background: #482C0F;
    content: "";
    transition: all 500ms ease;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li > a:hover {color: #482C0F !important;}
.sp-megamenu-parent > li:hover a:before{width: 100%;}
.sp-menu-item.current-item.active a:before{width: 100%;}

/* DROPDOWN */

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background: #678014;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {color: #fff;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    display: inline-block;
    padding: 8px 0;
    cursor: pointer;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {color: #fff;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {color: #482C0F;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {border-bottom: 1px solid #819E1D;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
    color: #ffffff;
    background-color: #819E1D;
    padding-left: 20px;
    transition: all 500ms ease 0s;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {padding: 8px;}

/* MENU KNOP CONTACT */

#sp-user1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#sp-user1 .menu {list-style: none;}
#sp-user1 ul {margin-bottom: 0rem; padding-left: 0px;}
#sp-user1 .menu>li>a {
	font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding: 25px 30px;
    background: #482C0F;
    color: #fff;
    border-radius: 0px;
    line-height: 70px;
	text-transform: uppercase;
}

#sp-user1 .menu>li:hover>a {background: #222;}

/* FOOTER */

#sp-footer {background-color: #596f11; font-size: 1rem;}
#sp-footer a {color: #fff;}

#sp-bottom {
    background: #819e1d;
    color: #FFFFFF;
	padding: 60px 0 30px;
    font-size: 18px;
    line-height: 1.6;
}

#sp-bottom a {color: #482C0F;}
#sp-bottom .menu li a {
    line-height: 16px;
    border-left: 0px solid transparent;
    font-weight: 500;
    padding: 0px !important
}

#sp-bottom .sp-module ul>li {margin-bottom: 12px;}
#sp-bottom .sp-module .sp-module-title {
    font-weight: 500;
    font-size: 24px;
	margin: 0 0 40px;
}
#sp-bottom .sp-module-title:after {
    background: none repeat scroll 0 0 #482C0F;
    bottom: -12px;
    content: "";
    display: block;
    height: 1px;
    position: relative;
    width: 120px;
}

/* TITEL */

.sp-page-title {
	padding: 120px 0 120px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-color: #f5f5f5;
	z-index: 0;
}

.sp-page-title-heading {display: none;}

.sec-title .borderr {
    position: relative;
    overflow: hidden;
    display: block;
    background: #f0f0f0;
    height: 1px;
    display: block;
}

.sec-title .borderr:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 1px;
    background: #819E1D;
    content: "";
}

.sec-title h1 {
    color: #482C0F;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    text-transform: none;
}

.sec-title {
    margin-top: 0px;
    padding-bottom: 20px;
    position: relative;
}

/* HOME */

.sppb-btn-round {
    border-radius: 10px;
}

/* RECHTS */

.ideal p {padding: 0px; margin: 0px;}

#sp-right .sp-module {
    margin-top: 20px;
    border: 1px solid #eee;
	background: #f8f8f8;
    padding: 0px;
    border-radius: 3px;
}

#sp-right .sp-module.winkelwagen {padding: 20px;}
#sp-right .sp-module.ideal {padding: 30px;}
#sp-right .menu li.current {background: #819E1D;}
#sp-right .menu li.current a {color: #ffffff !important; border-color: #482C0F;}
#sp-right .menu li a {
    border-left: 5px solid transparent;
    font-weight: 500;
    padding-left: 23px;
    transition: all 0.5s ease;
    padding: 4px 14px !important;
    position: relative;
}

#sp-right .sp-module ul>li>a:hover {
    color: #819E1D;
}

/* MOBIEL */

.burger-icon>span {height: 4px; background-color: #482C0F;}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {color: #482C0F; font-weight: 600;}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
	font-weight: 600;
    padding: 8px 0px;
    opacity: 0.9;
}

@media(max-width:1200px) {
	#sp-user1 .menu>li>a {padding: 25px 12px !important;}
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {padding: 0 10px !important;}
}

@media(max-width:992px) {
	#sp-top3 {display: none !important;}
	#sp-top2 {display: none !important;}
	#sp-section-3 {height: 60px !important;}
	#sp-user1 .menu>li>a {padding: 20px 12px !important; line-height: 60px !important;}
	.sp-page-title {padding: 80px 0 80px !important;}
}

 @media(max-width:767px) {
	.sp-page-title {padding: 50px 0 50px !important;}
}

/* KNOPPEN */

.sppb-btn {
	font-family: 'Open Sans', sans-serif;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: pre-line;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 14px 30px !important;
    font-size: 16px;
    line-height: 1.25;
    border-radius: 4px;
    transition: all .15s ease-in-out;
    cursor: pointer;
}

.btn-primary, .sppb-btn-primary {
	font-family: 'Open Sans', sans-serif;
    border-color: #819E1D;
    background-color: #819E1D;
	color: #fff;
}

.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: #482C0F;
    background-color: #482C0F;
	color: #fff;
}

.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
    font-family: 'Open Sans', sans-serif;
	background: #819E1D !important;
    color: #fff !important;
    border: 1px solid #819E1D !important;
    padding: 8px 20px 8px !important;
	letter-spacing: 0px !important;
	font-weight: 500 !important;
}

a.details {
	font-family: 'Open Sans', sans-serif;
    background: #819E1D !important;
    border: solid #819E1D 1px !important;
    color: #fff !important;
    padding: 5px 8px 5px !important;
}
   
/* WINKEL */
.product-related-products .hasTooltip {display: none;}
.product-related-products .product-fields-title {font-size: 20px; font-weight: 700; line-height: 50px;}
.product-related-products p.product_s_desc {padding: 20px 20px 20px 20px;}
.product-related-products .product-field-desc {display: none;}
.product-related-products .product-field-display {padding: 20px 20px;}
.category-view .browse-view .addtocart-bar {display: none;}
.category-view .browse-view .vm3pr-0 .addtocart-area {display: none;}
.orderby-displaynumber {display: none;}
.vm-checkout-register-userfields .mb-3 {margin-bottom: 0.5rem !important;}
.vm-checkout-register-userfields .form-label {margin-bottom: 0.25rem;}
.total_products {color: #819E1D; font-weight: 600;}
.vm-vendor-store-desc.text-center {text-align: left !important;}

fieldset.vm-fieldset-Afhaaldatum {
    background: #bcc897;
    padding: 15px;
}

span.cart.Afhaaldatum {font-weight: 600;}
span.letop {color: #ff0000; font-weight: 600;}

div.vm-details-button a {
    padding: 12px 16px;
    border: 1px solid #819E1D;
    font-size: 16px;
    max-width: 85%;
    width: 150px;
    line-height: 18px;
    background: #819E1D;
    color: #FFF;
    font-weight: 500;
}


a.details:hover, div.details:hover, a.product-details:hover {background-position: unset; color: #fff;}
a.product-details:hover {
    background: #482C0F;
    background-position: unset;
    color: #fff;
    text-decoration: none;
}

.category-view .row .category .spacer, .featured-view .spacer, .discontinued-view .spacer, .latest-view .spacer, .topten-view .spacer, .recent-view .spacer, .related-products-view .spacer, .browse-view .row .product .spacer {
    padding: 20px;
}

a.ask-a-question {
    font-size: 16px;
    padding: 8px 12px 8px 12px;

}

/* VM berd */
.icon-hoev:before {font-family: "Font Awesome 6 Free"; content: "\2b";}
.icon-del:before {font-family: "Font Awesome 6 Free"; content: "\f00d";}
.vm-cart-item-quantity button {padding: 0px; margin: 0px; border: none;}
.product-neighbours {margin: 0 0 16px; background: #f5f5f5; padding: 10px 20px;}
.dropdownCart-container {z-index: 99;}
.fancybox-content .h4, h4 {font-size: 16px; margin-top: 20px;}
.vm-pagination {margin: 20px 0px 0px 20px;}
.pagination>.active>a, .pagination>.active>span {border-color: #819E1D; background-color: #819E1D;}
.browse-view h1 {font-size: 24px;}
.product-container.productdetails-view.productdetails h1 {font-size: 24px;}
.browse-view .row .product .spacer span {
    font-size: 24px;
    line-height: 28px;
    color: #222;
    font-weight: 700;
}

.product-fields-title-wrapper {padding: 4px 20px;}
.product-field-display {padding: 4px 20px;}
.vm-product-descr-container-1 > h2, .vm-product-descr-container-0 > h2 {
    font-size: 16px;
	line-height: 16px;
    text-align: left;
	padding: 0px 20px 0px 20px;
}

.vm-product-descr-container-1 {background: #fff;}
.vm3pr-1 {background: #f5f5f5;}
.vm3pr-1 .addtocart-area {background: #fff;}
.category-view .product-price {margin: 6px 0 6px 20px; text-align: left; line-height: 18px;}
.product-price {font-size: 24px;line-height: 30px; font-weight: 700; margin-bottom: 20px;}
.home-uitgelicht .product-price {line-height: 28px !important; font-size: 22px; margin-top: 8px; font-weight: 700;}
.product-container.productdetails-view.productdetails .product-fields {padding: 20px 10px; background: #f9f9f9; border-radius: 8px;}

.productdetails-view .product-description, .product-fields {padding: 30px 30px 10px 30px; background: #f9f9f9;}
.vm-product-descr-container-1 {min-height: 80px;margin-bottom: 0px;}
p.product_s_desc {padding: 0px 20px 0px 20px;}
.category-view .row>* {padding-right: 5px; padding-left: 5px;}
div.product {width: 50% !important;}

.product-description .title {
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0px 15px 0px;
    color: #482C0F;
}
.vm-btn.vm-btn-primary {background-color: #819E1D;}
.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
    font-size: 16px;
    background: #819E1D;
    border: 1px solid #819E1D;
}

.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
    background: #819E1D;
    color: #fff;
    border: 1px solid #819E1D;
    padding: 8px 20px 8px;
}

.category-view span.addtocart-button input.addtocart-button {
    background: #819E1D;
    color: #fff;
    border: solid #819E1D 1px;
    font-size: 16px;
    letter-spacing: 0px;
    padding: 4px 20px;
}

span.addtocart-button input.addtocart-button {
    background: #819E1D;
    color: #fff;
    border: solid #819E1D 1px;
    font-size: 16px;
    letter-spacing: 0px;
}


span.addtocart-button span.addtocart-button-disabled {
    background: #819E1D;
    border: solid #819E1D 1px;
}

span.addtocart-button span.addtocart-button-disabled {
    background: #819E1D;
    color: #fff !important;
    border: solid #819E1D 1px;
    letter-spacing: 0px;
    padding: 4px 8px;
}

a.details {padding: 5px 8px 5px;}
a.details {
    background: #be0a26;
    border: solid #be0a26 1px;
    color: #fff;
    padding: 5px 8px 5px;
}

.vmpayment_description, .vmshipment_description {
    color: #c54545;
    font-size: 16px;
    padding: 0 10px;
}
.cart-summary tr td {padding: 5px 20px 5px 20px;}
.vm-cart-header-container h1 {font-size: 20px; font-weight: 700;}
#cart-view h3 {background: #f2f7e3; font-size: 16px; text-transform: uppercase; font-weight: 500; color: #111; padding: 10px; margin-top: 10px;}
#cart-view input[type="text"]:not(.form-control) {display: inline; width: 50%;}
span.details-button input.details-button {background: #be0a26; color: #fff; border: 1px solid #be0a26; padding: 5px 8px 5px;}
.vm-fieldset-tos {background: #faf3de; padding: 10px 20px;}
.vm-fieldset-customer-note {background: #f9f9f9; padding: 10px 20px;}
.PricebillTotal {font-size: 22px;}
.product-field-type-R, .product-field-type-Z {margin: 0 10px; border: 1px solid #ccc;}
.cart.tos {padding: 4px;}
.task-editaddresscart fieldset {
    padding: 20px;
    margin: 0px 0px 20px 0px;
    background: #f5f5f5;
}
.task-editaddresscart h1 {font-size: 24px;}
.task-editaddresscart h2 {font-size: 20px;}
.task-editaddresscart .userfields_info {font-size: 16px;}
/* einde VM */