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

body {
  font-family: 'Open Sans', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.938rem;
}

/* 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: #222;
	text-transform: none;
}

.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: #C83C00;}

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

/* LINKS */
a {color: #fd5129;}
a:hover, a:focus, a:active {color: #FF5500;}
.sp-module ul>li>a {color: #fd5129;}
.sp-module ul>li>a:hover {color: #FF5500;}

/* HEADERS */
#sp-logo {display: flex; justify-content: flex-start; align-items: center;}

#sp-header {height: 90px;}
#sp-top-bar {
    background: #FFFFFF;
    color: #222222;
	border-bottom: 1px solid #DDD;
	font-size: 1rem;
	padding: 0px;
}
#sp-top-bar a {color: #fd5129;}
.sp-contact-info li:last-child {border-right: 1px solid #DDD;}
.sp-contact-info li {
    border-left: 1px solid #DDD;
    margin: 0px 20px 0px 0px;
	padding: 10px 18px;
    font-size: 1rem;
}
.sp-contact-info .fas, .sp-contact-info .far {padding-right: 10px;}
ul.social-icons>li:not(:last-child) {margin-right: 0px;}
li.social-icon-facebook, li.social-icon-twitter {border-left: 1px solid #DDD; padding: 10px 15px;}
li.social-icon-instagram {border-right: 1px solid #DDD; border-left: 1px solid #DDD; padding: 10px 15px;}

/* FOOTER */
#sp-bottom {
    background-color: #eeeeee;
    color: #222222;
    padding: 50px 0px 0px 0px;
}

#sp-footer {
    background: #2bb673;
    color: #fff;
}

#sp-bottom .sp-module .sp-module-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
    color: #1F8554;
}

.about-corporate {padding-top: 20px;}
.about-corporate i {color: #2bb673;}
.about-corporate .point2 {
    padding: 5px 0 !important;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
}
.about-corporate .point3 {padding: 5px 0 !important; border-bottom: 1px solid #ccc !important;}


#sp-bottom1 .about-corporate .point4 {margin: 5px 0 5px !important;}
ul.corporate-social li a i {margin-top: 10px;}
ul.corporate-social {border-top: 1px solid #ccc !important;}

/* knoppen */

.article-list .article .readmore {margin-top: 20px;}
.article-list .article .readmore a {
    border: 1px solid #2bb673;
    color: #2bb673;
	padding: 8px 20px 8px 20px;
	border-radius: 6px;
	margin-top: 15px;
}

.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
    color: #FFF;
	background: #2bb673;
}

/* mobiel contact social */
.offcanvas-menu .sp-contact-info li:last-child {border-right: none;}
.offcanvas-menu .sp-contact-info li {border-left: none; margin: 0px; padding: 0px;}

/* MENU */
.sp-megamenu-parent>li:last-child>a {padding: 0px 15px 0px 15px;}
.sp-megamenu-parent>li>a {color: #222;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
	padding: 0 10px;
	line-height: 60px;
	font-size: 0.875rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 90px;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {color: #1F8554; background: #fff; font-weight: 700;}
.sp-megamenu-parent>li:hover>a {color: #1F8554;}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
margin-left: 2px;
}

span.sp-group-title.sp-menu-separator, span.sp-group-title.sp-menu-heading {font-weight: 700;}
span.nav-header, span.menu-separator {font-weight: 700;}

/* kruimelpad naar rechts + titel */

nav.mod-breadcrumbs__wrapper {display: flex; align-items: center; justify-content: flex-end; float: right;}
.sp-page-title .breadcrumb {margin: 0px 0 0 0; font-size: 0.875rem;}
.sp-page-title .sp-page-title-heading {font-size: 20px; display: inline-block; align-items: center;}
ol.mod-breadcrumbs.breadcrumb.py-2 {padding-top: 0rem !important; padding-bottom: 0rem !important;}
.sp-page-title {background: #2bb673; padding: 40px 0;}

/* modules en content */

#sp-right .sp-module {
    margin-top: 20px;
    border: 1px solid #DDD;
    padding: 20px;
}

.sp-module.menurechts p {margin-bottom: 0rem;}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    margin: 0px;
    padding-bottom: 20px;
    font-size: 1rem;
    font-weight: 600;
    border-bottom: 1px solid #EEE;
}

#sp-left .sp-module ul>li>a, #sp-right .sp-module ul>li>a {padding: 0px 0px 0px 10px;}
.nav-rechts > li.active > a {background-color: #DAF8E8;}

.sppb-addon-articles .sppb-addon-article-layout-magazine-content:hover .sppb-article-info-wrap {background: rgba(255, 255, 255, .9);}

/* MOBIEL */

.burger-icon>span {height: 4px;}

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

@media (max-width: 1200px) {
	#offcanvas-toggler {display: flex !important;}
	.sp-megamenu-parent{display:none !important;}
	#sp-header {height: auto; padding: 10px 0;}
}

@media(max-width:992px) {
	#sp-top-bar {display: none;}
}