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

body {
    font-family: "Lato", sans-serif;
	font-optical-sizing: auto;
 	font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
}

.h4, h4 {
    color: #EB2822;
	font-weight: 500;
    margin-bottom: 20px;
}

p {margin: 0 0 20px;}

/* blok top 1 */
#sp-section-1 {background: #ffffff; padding: 15px 0; color: #999; font-size: 1rem;}
#sp-section-1 a {color: #F4F1EC;}
#sp-section-1 a:hover, a:focus, a:active {color: #C4B499;}

/* blok top 2 MENU */
#sp-section-2 {background: #EB2822; padding: 0;}

.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: #444444; margin-left: 8px; font-weight: 500;}
#sp-user1 {display: flex; align-items: center; justify-content: flex-end;}

@media (max-width: 1200px) {
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {padding: 0 10px; font-size: 0.813rem;}
}

@media(max-width:992px) {
	#sp-user1 {display: none;}
	#sp-top1 {display: none;}
	.logo-image {height: 50px !important;}
	.sp-page-title {padding: 60px 0 60px !important;}
	.sp-page-title .sp-page-title-heading {font-size: 32px !important;}
	.sp-module-content-bottom {grid-template-columns: 1fr !important;}
}

@media(max-width:767px) {
	 .sp-page-title {padding: 30px 0 30px !important;}
	 .sp-page-title .sp-page-title-heading {font-size: 24px !important;}
	 .sp-module-content-bottom {grid-template-columns: 1fr !important;}
	 #sp-bottom {padding: 50px 0 20px !important;}
	 #sp-bottom3 {margin-top: 20px;}
}

@media (max-width: 576px) {
    .logo-image {height: 50px !important;}
	#sp-bottom {padding: 50px 0 20px !important;}
	#sp-bottom3 {margin-top: 20px;}
}

/* MENU */
.sp-megamenu-parent >li {border-right: 0px solid #ddd; border-left: 1px solid #b5302c;}
.sp-megamenu-parent>li:last-child>a {padding: 0px 15px 0px 15px;}
.sp-megamenu-parent>li>a {color: #ffffff;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
	padding: 0 15px;
	line-height: 60px;
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {color: #EB2822; background: #EDEDED; font-weight: 500;}
.sp-megamenu-parent>li:hover>a {color: #EB2822; background: #ffffff;}
.burger-icon>span {height: 4px; background-color: #ffffff;}

.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: 1rem;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {border-bottom: 1px solid #eeeeee;}
.offcanvas-inner ul.mod-menu.mod-list li.current.active > a {padding-left: 10px;}

/* MENU RECHTS */
#sp-right .sp-module:first-child {padding: 0;}
#sp-right .sp-module.contactrechts:first-child {padding: 30px;}
#sp-right .sp-module ul>li>a {padding: 5px 10px 5px 15px;}
#sp-right .sp-module ul>li>ul>li>a {padding: 2px 10px 2px 30px; border-top: 2px solid #fff; line-height: 28px;}
ul.mod-menu.mod-list li.current.active > a {color: #fff;background: #EB2822;}
#sp-bottom2 ul.mod-menu.mod-list li.current.active > a {color: #000;background: none;}
#sp-right .sp-module ul>li>a:hover {color: #fff; background: #EB2822;}

#sp-right .sp-module ul>li {
    border-bottom: 4px solid #fff;
    background: #f5f5f5;
}

/*ul.mod-menu__sub.list-unstyled.small.menu-child li {}*/

/* MAIN BODY */
#sp-main-body {padding: 40px 0;}
.article-details .article-header h1, .article-details .article-header h2 {font-size: 1.75rem; font-weight: 600;}
.com-content-article__body h3 {font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem;}

.sp-module-content-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px; /* of bv. 20px voor ruimte */
  padding: 20px 20px 0px 20px;
  margin-top: 30px;
  background: #f5f5f5;
}

.sp-module-content-bottom.clearfix p {margin-bottom: 0;}
.contactrechts {background: #f5f5f5;}
.sp-module.contactrechts p {margin: 0;}

#sp-right .sp-module {margin-top: 30px;}

.sppb-btn-primary {
    border-color: #db1a14;
    background-color: #eb2822;
	padding: 10px 20px 12px 20px;
    font-weight: 600;
    text-transform: none;
    box-shadow: none;
	color: #fff;
	border-radius: 6px;
}

.sppb-btn-primary:hover {
    border-color: #db1a14;
    background-color: #cccccc;
	color: #eb2822;
}

.row.align-items-start.cta {margin: 20px 0;}
.col.cta {
	background: #f1f1f1;
    padding: 30px 30px 15px 30px;
    margin: 0px 5px 10px 5px;
}

.com-content-article__body .sppb-row-column {
    padding-right: 0px;
    padding-left: 0px;
}

.col-sm.toepassingen {
	margin-bottom: 20px;
}

/* TITEL KRUIMEL*/
.sp-page-title .sp-page-title-heading {font-size: 42px; text-transform: uppercase; font-weight: 700;}

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

li.mod-breadcrumbs__divider.float-start {display: none;}
ol.mod-breadcrumbs.breadcrumb.px-3.py-2 {padding-left: 3px !important;}
.sp-page-title .breadcrumb {margin: 0;}

/* FOOTER */
#sp-bottom {
    position: relative;
    background: url(../../../images/footer/bg-zand.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 50px;
    font-size: 1rem;
    line-height: 1.4;
    color: #111;
    z-index: 1;
}

#sp-bottom::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(239, 239, 239, 0.90); /* pas donkerheid aan */
    z-index: -1;
}

#sp-bottom .sp-module .sp-module-title {
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 20px;
    color: #111;
}
#sp-bottom .sp-module ul li a {color: #EB2822; text-transform: uppercase;}
#sp-bottom .sp-module.footm  {margin-bottom: 5px;}
#sp-bottom a {color: #EB2822;}
#sp-footer a {color: #ffffff;}
#sp-footer {background: #EB2822;color: #fff; font-size: 1rem;}
#sp-footer .container-inner {padding: 20px 0;}
#sp-bottom .sp-module.sp-contact {margin-bottom: 40px;}
#sp-bottom .sp-module.sp-contact ul>li {display: inline-block; margin-top: 8px;}
#sp-bottom .sp-module ul>li {display: block;margin-bottom: 5px;}

/* HOME animated nummers */
.sppb-addon-content .sppb-animated-number {font-weight: 600; color: #eb2822;}
.sppb-addon-content .sppb-animated-number-title {line-height: 16px !important; font-weight: 600;}
.sppb-addon-image-layouts .sppb-addon-image-layout-wrap {justify-content: center;}
.sppb-addon-image-layouts .sppb-img-responsive {max-width: 150px;}
.sppb-addon-image-layouts .sppb-addon-image-layout-content {padding: 25px;}
.sppb-addon-image-layouts .sppb-addon-image-layout-text {margin-bottom: 15px;}
h3.sppb-image-layout-title {font-size: 20px;}
.sppb-btn-default {
    color: #EB2822;
    background-color: #E6E7E8;
    border-color: #D3D5D6;
	border-radius: 6px;
}

.sppb-btn-default:hover {
    color: #ffffff;
    background-color: #EB2822;
    border-color: #D3D5D6;
	border-radius: 6px;
}

.sppb-icon .sppb-icon-container > i {color: #EB2822;}
ul.home-opsomming {list-style-type: none; margin: 0; padding: 0;}
.home-opsomming i.fa.fa-check {padding-right: 12px; color: #EB2822;}
.home-opsomming li {padding: 5px 0;}

/* BLOG */

span.icon-calendar.icon-fw {display: none;}

ul.mod-articles-items.mod-articles-grid.grid-cols-2.mod-list {list-style-type: none; padding: 0; margin: 0;}
.sp-module.nieuwsblok li {background: #fcfcfc; border: 1px solid #ccc; padding: 20px;}
.nieuwsblok h4.mod-articles-title {
    color: #EB2822;
    font-weight: 500;
    margin-bottom: 20px;
	font-size: 1.25rem;
}

.article-body, .sppb-article-info-wrap, .sppb-articles-carousel-content {
display: flex;
flex-direction: column;
align-items: flex-start;
-webkit-box-flex: 0;
justify-content: center;
padding: 25px;
border: 1px solid #e6e8ed;
}

.article-list .article .article-header h2, .sppb-article-info-wrap h3 {
  margin-bottom: 0px;
  font-size: 1rem;
  font-weight: 600;
  color: #eb2822;
  min-height: 40px;
}

.article-introtext, .sppb-article-introtext {order: 3; margin-bottom: 15px;}
.article-introtext p {margin-bottom: 0;}
.blogactueel .article-introtext p {margin: 0 0 20px;}
.blogactueel .article-introtext {margin-bottom: 0px;}
.vlog .article-introtext p {margin: 0 0 20px;}
.article-list .article .readmore {font-size: 1rem;}
.article-list .article .readmore, .sppb-readmore {order: 4;}

.article-list .article,
.sppb-addon-articles .sppb-addon-article {
	padding: 0;
	border: 0;
	position: relative;
	transition: all 0.3s ease-out;
	margin-bottom: 30px;
border-radius: 0;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery, .sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap, .sppb-articles-carousel-img {
	margin: 0;
	border-bottom: 0px solid #f5f5f5;
	overflow: hidden;
	position: relative;
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	border-radius: 0;
	width: 100%;
}

.actueel .article-list .article .article-intro-image {display: none;}

.article-list .article .article-featured-video {
    margin: 0;
    border-bottom: 0px solid #f5f5f5;
    overflow: hidden;
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 0;
    width: 100%;
    height: 260px;
}

.article-list .article .article-intro-image:after, .article-list .article .article-featured-video:after, .article-list .article .article-featured-audio:after, .article-list .article .article-feature-gallery:after, .sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap:after, .sppb-articles-carousel-img:after {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 112, 41, 0.4)), to(rgba(105, 105, 105, 0.4)));
  background: linear-gradient(rgba(255, 112, 41, 0.4), rgba(105, 105, 105, 0.4));
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.article-list .article:hover .article-intro-image:after, .article-list .article:hover .article-featured-video:after, .article-list .article:hover .article-featured-audio:after, .article-list .article:hover .article-feature-gallery:after, .sppb-addon-articles .sppb-addon-article:hover .sppb-article-img-wrap:after, .sppb-articles-carousel-column:hover .sppb-articles-carousel-img:after {
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 600ms ease;
	transition: all 600ms ease;
}

.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img, .sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap img, .sppb-articles-carousel-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 0px;
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}

.article-list .article:hover .article-intro-image img, .article-list .article:hover .article-featured-video img, .article-list .article:hover .article-featured-audio img, .article-list .article:hover .article-feature-gallery img, .sppb-addon-articles .sppb-addon-article:hover .sppb-article-img-wrap img, .sppb-articles-carousel-column:hover .sppb-articles-carousel-img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.sppb-addon-articles .sppb-article-meta > time {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1;
	display: flex;
	justify-content: start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 60px;
	height: 68px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0 15px;
	text-align: center;
	background: rgb(235 40 34 / 70%);
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.article-list .article .readmore a, .sppb-readmore {
	display: inline-block;
	padding: 8px 22px 10px 22px;
	border-radius: 6px;
	background-color: #E6E7E8;
	border: 0;
	align-items: center;
	line-height: 1.25;
	color: #EB2822;
	font-weight: 500;
}

.article-list .article .readmore a:hover, .sppb-readmore:hover {
	background-color: #eb2822;
	color: #fff;
	border-radius: 6px;
}