@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
	color: #333;
}

a {color: #cc0000;}
a:hover, a:focus, a:active {color: #999;}
.begin h3 {font-size: 24px;}
#sp-main-body {padding: 50px 0;}
#sp-top-bar {background: #cc0000;color: #fff;}
#sp-top-bar a {color: #fff;}
.sp-contact-info li {font-size: 100%;}
.fa-clock:before, .fa-clock-four:before {display: none;}
.sp-megamenu-parent>li:last-child>a {padding: 0px 15px 0px 15px;}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {color: #fff; background: #cc0000;}
.sp-megamenu-parent>li.active>a {font-weight: 700;}
.sp-megamenu-parent>li>a {color: #252525;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0 20px;
    line-height: 70px;
    font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 4px;
}

/* PAGE TITLE */
@media(max-width:991px) {.sp-page-title {padding: 60px 0 60px !important;}}
@media(max-width:767px) {.sp-page-title {padding: 30px 0 30px !important;}}
.sp-page-title {
	padding: 100px 0 100px;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
	background: #f9f9f9;
}

.sp-page-title .sp-page-title-heading {display: none;}
.sp-module-title {font-size: 24px; line-height: 28px; color: #cc0000;}
.article-list .article {margin-bottom: 20px; border: 1px solid #ddd;}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {color: #cc0000;}
.article-list .article .readmore {
    -webkit-appearance: none;
    margin: 15px 0px 0px 0px;
    overflow: visible;
    font: inherit;
    display: inline-block;
    box-sizing: border-box;
    padding: 4px 18px;
    vertical-align: middle;
    line-height: 30px;
    min-height: 30px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    border-radius: 2px;
    background: #cc0000;
    text-transform: uppercase;
}

.article-list .article .readmore a {color: #fff;}
#sp-right .sp-module {border: 1px solid #ddd; background: #f5f5f5; margin-top: 30px;}
#sp-right .sp-module .sp-module-title {
    margin: 0 0 20px;
    padding-bottom: 18px;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
	color: #333;
}

#sp-bottom {background: #eee; color: #111;}
#sp-footer {background: #cc0000; color: #FFFFFF;}
#sp-footer .container-inner {padding: 10px 0;}
#sp-bottom .sp-module .sp-module-title {margin: 0 0 20px; color: #222; padding-bottom: 18px; border-bottom: 1px solid #ccc;}
#sp-bottom .sp-module ul>li {margin-bottom: 5px;}
#sp-footer a, #sp-bottom a {color: #cc0000;}
#sp-bottom {padding: 50px 0 20px; font-size: 16px; line-height: 1.4;}
.contactfooter {line-height: 1.6;}
#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus, #sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {color: #222;}
.bloghome {background: #cc8888;}
.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-size: 16px;
}

/* 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: #cc0000; background-color: #cc0000;}
.browse-view h1 {font-size: 24px;}
.product-container.productdetails-view.productdetails h1 {font-size: 24px;}
.browse-view .row .product .spacer span {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    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: 25% !important;}
.home-uitgelicht {margin-bottom:10px;}
.home-uitgelicht .product-container {
	border: 1px solid #ccc;
	padding: 20px 20px 10px 20px;
	box-sizing: border-box;
	width: calc(25% - 8px);
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	min-height: 325px;
}

.vm-btn.vm-btn-primary {background-color: #cc0000;}
.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {
    font-size: 16px;
    background: #cc0000;
    border: 1px solid #cc0000;
}

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

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

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

div.vm-details-button a {
    padding: 4px 8px;
    border: 1px solid gray;
    font-size: 14px;
    max-width: 100%;
    width: auto;
    line-height: 18px;
}

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

span.addtocart-button span.addtocart-button-disabled {
    background: #cc0000;
    color: #fff !important;
    border: solid #cc0000 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;
}

.cart-summary tr td {padding: 5px 20px 5px 20px;}
.vm-cart-header-container h1 {font-size: 20px; font-weight: 700;}
#cart-view h3 {background: #faf3de; font-size: 16px; text-transform: uppercase; font-weight: 500; color: #222; 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 */