@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&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body {
    font-family: 'Ubuntu', sans-serif;
 	font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #252525;
}

/* HEADINGS */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 1.2;
	color: #37bbe1;
}

.h1, h1 {font-size: 1.5rem;} 	/* 1.625 = 24px */
.h2, h2 {font-size: 1.375rem;} 	/* 1.375 = 22px */
.h3, h3 {font-size: 1.25rem;} 	/* 1.25 = 20px */
.h4, h4 {font-size: 1.125rem;} 	/* 1.125 = 18px */
.h5, h5 {font-size: 1.0rem;} 	/* 1.0 rem = 16px */
.h6, h6 {font-size: 0.875rem;} 	/* 0.875 = 14px */

.article-details .article-header h1 {font-size: 1.5rem;}
.article-details .article-header h2 {font-size: 1.125rem;}
.article-list .article .article-header h1 {font-size: 1.5rem;}
.article-list .article .article-header h2 {font-size: 1.125rem;}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {color: #37bbe1 !important;}


/* LINKS */
a {color: #37bbe1;}
a:hover, a:focus, a:active {color: #5fa5b9;}

/* MENU */
.sp-megamenu-parent>li:last-child>a {padding: 0px 15px 0px 15px;}
.sp-megamenu-parent>li>a {color: #111;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
	padding: 0 20px;
	font-size: 1.0rem;
	font-weight: 600;
	text-transform: uppercase;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {color: #37bbe1; font-weight: 600;}
.sp-megamenu-parent>li:hover>a {color: #37bbe1;}

/* sub menu */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {font-size: 1.0rem; padding: 6px 0;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {color: #37bbe1;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {color: #37bbe1;}


/* MENU MOBIEL */

@media (max-width: 992px) {
	.logo-image-phone {height: 50px !important; margin-top: 0px;}
}

#sp-section-2 {padding-top: 0px;}
.CTAhome {border: 1px solid #ddd; padding: 20px; border-radius: 6px; margin: 40px 0px 20px 0px;}


/* BLOK TOP */
#sp-main-body {padding: 20px 0;}
#sp-top-bar {background: #f5f5f5; color: #252525; padding: 8px 0; font-size: 1.0rem;}
#sp-top1, #sp-top2 {color: #252525;}
#sp-top-bar a {color: #37bbe1;}


/* BLOK FOOTER */
#sp-bottom {
    padding: 50px 0 20px;
    font-size: 1.0rem;
    line-height: 1.4;
	background: #262626;
    color: #d0d0d0;
}

#sp-bottom .sp-module .sp-module-title {color: #37bbe1;}
#sp-bottom .sp-module ul>li {margin-bottom: 4px;}
#sp-bottom a {color: #fff;}
#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: #fff;}
#sp-footer {background: #121010; color: #d0d0d0; font-size: 1rem;}
#sp-footer .container-inner {padding: 20px 0;}

#sp-right .sp-module {border: 1px solid #ddd;border-radius: 6px;}

/* MOBIEL */

@media (max-width: 1200px) {
	.uitgelicht-home .product-container.width33.floatleft {width: 48%;}
}

@media(max-width:991px) {
	.uitgelicht-home .product-container.width33.floatleft {width: 100%;}
}

.button.icon {padding: 2px !important; float: left; margin-right: 20px;}
.button, button, a.button, .btn { color: #ffffff !important; background-color: #37bbe1 !important}
.hometekst {background: #f5f5f5; padding: 30px; margin-bottom: 30px;}
.hometekst p {margin-bottom: 0rem;}
.breadcrumb {font-size: 14px;}

/* WINKEL */

.vm-category-subcategories  .justify-content-center {justify-content: left !important;}
.category-view .text-center {text-align: left !important;}
.vm-category-title {font-size: 24px;}
.sp-module-content ul li {padding: 5px 0px 5px 15px;}
.sp-module-content ul li ul li {padding: 5px 0px 5px 15px;}
#sp-right .sp-module .menu .active a {color: #37bbe1 !important;}
#sp-right .sp-module a {color: #111;}
#sp-right .sp-module a:hover {color: #37bbe1;}

#sp-right .sp-module ul>li {border-bottom: 1px solid #ddd;}
#sp-right .sp-module .sp-module-title {margin: 0 0 20px;font-size: 1.25rem;}

#sp-bottom3 .sp-module-content ul li {padding: 0px;}

.vm-subcategory-title {
    font-size: 14px;
    color: #fff;
	background: #37bbe1;
	padding: 10px;
}

.vm-subcategory .pt-2 {padding-top: 10px !important;}

.uitgelicht-home .product-container.width33.floatleft {
	display: inline-block;
	width: 32%;
	padding: 20px;
	margin: 0px 5px 10px 0px;
	border: 1px solid #ddd;
}

.vm-product-grid .product-container {
	border: 1px solid #ddd;
	padding: 20px;
}

.vm-product-grid .row>* {
    padding-right: 5px ;
    padding-left: 5px;
    margin-top: 10px;
}

.browseProductImage.img-fluid {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.product-container .featuredProductImage{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  margin-bottom: 20px;
}

.vm-btn-expand {display: none;}
.vm-checkout-register-userfields .mb-3 {margin-bottom: 4px !important;}
.category-view .vm-category-description img {display: inline;}