@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: #252525;
}

a {color: #aa1818;}
a:hover, a:focus, a:active {color: #95877c;}
.article-details img {display: inline; margin-right: 20px;}
#sp-footer img {display: inline;}
#sp-footer p {margin-bottom: 0rem;}
#sp-top1 p {margin-bottom: 0rem;}
#sp-main-body {padding: 40px 0;}
#sp-top-bar {background: #A19387; color: #fff; font-size: 14px;}
#sp-top-bar a {color: #fff;}
#sp-footer #sp-footer2 {padding-top: 10px;}

#mod-custom232 .fab {font-size: 32px;}

.article-details .article-header h1, .article-details .article-header h2 {font-size: 1.50rem;}
.sp-megamenu-parent>li>a {color: #252525;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0 10px;
    font-size: 15px;
	text-transform: uppercase;
}

.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;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #95877c;
}

.sp-megamenu-parent>li:hover>a {
    color: #95877c;
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {color: #A19387;}

div.mod-languages ul li.lang-active {
    background-color: transparent !important;
    padding: 0px 5px 0px;
}

.article-list .article {
    border: 1px solid #eee;
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

#sp-right .sp-module {
    margin-top: 30px;
    background: #f8f8f8;
    border: 1px solid #eee;
    padding: 20px;
    border-radius: 4px;
}
#sp-right .sp-module .sp-module-title {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

#sp-right .sp-module ul>li>a {line-height: 28px; font-weight: 400; padding-left: 10px;}
#sp-right .sp-module ul>li {border-bottom: 1px solid #ddd;}
#sp-right .sp-module ul> li.active > a {
    background: #A19387;
    color: #ffffff;
}

.btn-primary, .sppb-btn-primary {
    border-color: #A19387;
    background-color: #A19387;
}

.pagination>.active>a, .pagination>.active>span {
    border-color: #B39B7D;
    background-color: #B39B7D;
}

/* agenda */

.colorpic {
    margin: 0 5px;
}

.today {
    background-color: #FFF;
}

table.month {
    border: 4px solid #eee;
	background: #666;
}

.monthname {
    color: #fff;
    font-family: "Roboto";
	font-size: 17px;
	text-transform: capitalize;
	font-weight: 500;
}

.monthnavigation {
	text-align: center !important;
	font-size: 17px;
	font-weight: 700;
}

.monthnavigation a {
	color: #DFEFFF !important;
}

.daynamesRow td {
    background-color: #D9E2E1;
}

.dayname {
    color: #616B76;
    font-family: "Roboto";
    font-size: 11px;
 
}

#jlcalendarlegend .eventCat.catoff {
    color: #999 !important;
    font-style: italic !important;
	background: #eee;
}

#jlcalendarlegend .eventCat {
    float: left;
    cursor: pointer;
    box-shadow: none;
    border: 0;
	border-radius: 5px !important;
	color: #ffffff !important;
	background: #A19387;
	font-family: "Roboto";
	font-size: 14px;
	font-style: normal !important;
	line-height: 17px;
	margin: 0px 5px 5px 0px;
	padding: 10px 20px;
	letter-spacing: 0;
	text-transform: uppercase;
}

div#jem h1.componentheading {
    margin: 0 0 20px 0;
	font-size: 24px;
	font-weight: 600;
}

.calendarButtonsToggle {
	display: none !important;
}

#jlcalendarlegend .calendarButtons {
    display: none !important;
}

.jlcalendar .copyright {
  display: none !important;
}

.event_id1 .copyright {
  display: none !important;
}

.event_id2 .copyright {
  display: none !important;
}

.event_id3 .copyright {
  display: none !important;
}

.event_id4 .copyright {
  display: none !important;
}

.event_id5 .copyright {
  display: none !important;
}

div#jem {
    overflow: hidden;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    padding: 0px;
}

div#jem h2 {
    font-weight: 600 !important;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0.3em 0.3em;
    background: none repeat scroll 0% 0% #A19387;
    border: 1px solid #A19387;
	font-size: 16px;
	color: #FFF;
}
#jem .copyright {display: none;}

/* einde agenda */
/* VIRTUEMART */

.form-label.mb-1 {font-size: 12px;}
.product-container {border: 1px solid #ddd; padding: 15px;}
.vm-product-media-container {min-height: 100px !important;}
.pagination.ms-0.mb-4 {margin-bottom: 0px !important;}
.product-price.mb-auto.pb-3 {margin-bottom: 0px !important;}
.pb-3 {padding-bottom: 0rem !important;}
.product.w-desc-1 {--bs-gutter-y: 30px !important;}

.main-image.position-relative {min-height: 400px !important;}
.mb-5 {margin-bottom: 1rem !important;}

.list-group-item-primary {color: #789993; background-color: #eee;}
.mb-3 {margin-bottom: 0.313rem !important;}

.vmCartModule .total_products {color: #fff; font-weight: 700; margin-right: 5px;}
.vmCartModule .show_cart a {color: #fff;}
.vmCartModule .show_cart .details {font-size: 12px; text-decoration: underline;}
.vmCartModule.winkelicon:before {}

.vmCartModule {display: flex; justify-content: center; align-items: center;}
.vm-product-s-desc.text-center.text-secondary {color: #ff0000 !important;}

/* PAGE TITLE */
.sp-page-title {
	padding: 140px 0 140px;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
	background: #f5f5f5;
}

.sp-page-title .sp-page-title-heading {display: none;}

@media (max-width: 1400px) {
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {font-size: 14px; padding: 0 8px;}
	#sp-top-bar {font-size: 13px;}
}

@media (max-width: 1200px) {
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {font-size: 11px; padding: 0 4px;}
	#sp-top-bar {font-size: 12px;}
}

@media(max-width:991px) {
	.sp-page-title {padding: 80px 0 80px !important;}
}

@media(max-width:767px) {
	.sp-page-title {padding: 40px 0 40px !important;}
}


