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

body {
    font-family: "Hind", sans-serif;
	font-optical-sizing: auto;
 	font-style: normal;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: #000;
	background: #fcfcfc;
}

a {color: #7D2B77;}
a:hover, a:focus, a:active {text-decoration: none; color: #484848;}

.article-list .article .readmore {font-size: 1rem;}
.article-list .article .readmore a {color: #7D2B77;}

.article-list .article .article-header h1 a, .article-list .article .article-header h2 a, .article-list .article .article-header h4 a {color: #7D2B77;}

.article-list .article .article-header h1 {font-size: 1.2rem;}
.article-list .article .article-header h2 {font-size: 1rem;}
.producten .article-list .article .article-header h2 {margin: 0;}
.article-list .article .article-header h4 {font-size: 0.875rem;}

.pagination>.active>a, .pagination>.active>span {border-color: #7D2B77; background-color: #7D2B77;}
.pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus {border-color: #cccccc; background-color: #cccccc;}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
	font-weight:500;
	margin-bottom: 15px;
	line-height: 24px;
	color: #7D2B77;
}
.h1,h1{font-size:1.625rem;}
.h2,h2{font-size:1.5rem; font-weight:700;}
.h3,h3{font-size:1.25rem;}
.h4,h4{font-size:1.125rem;}
.h5,h5{font-size:1rem;}
.h6,h6{font-size:0.875rem;}

.sppb-addon.sppb-addon-raw-html .sppb-addon-content {font-size: 1.125rem;}
.sppb-article-info-wrap .h3, h3 {font-size: 1.125rem;}
.article-details .article-header h1, .article-details .article-header h2 {font-size: 1.5rem; margin-bottom: 15px; color: #484848;}
#sp-component .article-details img {border-radius: 8px;}
#sp-main-body {padding: 50px 0;}

#sp-component .sp-column .article-details li {
    background: url(checkmark.png) no-repeat 0 50%;
    padding-left: 30px;
    background-size: 24px 24px;
}

li.sigFreeThumb {padding: 0px 5px 10px 5px !important;}
span.icon-calendar.icon-fw {display: none;}

#sp-component .sp-column .category-desc.clearfix li {
    background: url(checkmark.png) no-repeat 0 50%;
    padding-left: 30px;
    background-size: 24px 24px;
}

#sp-component .sp-column .article-details ul {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 20px;
}

#sp-component .sp-column .category-desc.clearfix ul {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 20px;
}

.sppb-addon-feature ul {
  list-style: none;
  padding-left: 0;
  font-size: 1.25rem;
}

.sppb-addon-feature li {
  display: flex;
  align-items: flex-start;
}

.sppb-addon-feature li em {
  margin-right: 10px;
  margin-top: 2px; /* kleine tweak voor verticale uitlijning */
}

.sppb-addon-feature ul li em {color: #7D2B77;}
.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {color: #111;}

/* HEADER */
#sp-header {box-shadow: unset; height: 110px; display: flex; justify-content: flex-end; align-items: center; background: #D7E9D0;}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {display: none;}
div.mod-languages ul li.lang-active {background-color: unset !important; padding: 0; border-radius: 0;}
.sp-module-content .mod-languages ul.lang-inline li {margin: 0 1px 0 0;}

#sp-header.header-sticky {box-shadow: 0 -6px 10px 5px rgba(0,0,0,0.5);}

/* MENU */
.sp-megamenu-parent>li:last-child>a {padding: 0px 12px 0px 12px;}
.sp-megamenu-parent>li>a {color: #252525;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
	padding: 0 12px;
	line-height: 40px;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {color: #7D2B77; font-weight: 700;}
.sp-megamenu-parent>li:hover>a {color: #7D2B77;}

/* SUBMENU */
.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; line-height: 1.3;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {color: #7D2B77;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {color: #7D2B77;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {border-top: 1px solid #eee;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child {border-bottom: 1px solid #eee;}

/* MENU MOBIEL */
.offcanvas-menu .offcanvas-inner ul.menu li.active>a, .offcanvas-menu .offcanvas-inner ul.menu li.active>.nav-header, .offcanvas-menu .offcanvas-inner ul.menu li.active>.mod-menu__heading {
    color: #7D2B77;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #111111; font-weight: 700;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {color: #7D2B77;}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 16px;
    padding: 6px 0px;
    line-height: 24px;
}

/* BREEKPUNTEN */

@media (max-width: 1200px) {
	.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {padding: 0 8px; font-size: 0.938rem;}
	.logo-image {height: 60px !important;}
	#sp-header {height: 90px;}
}

@media (max-width: 992px) {
	#sp-header .logo {display: block;}
	div#sp-footer2 {display: flex; align-items: left; margin-top: 10px;}
	.infotekst-knop .sppb-column-addons {display: flex; justify-content: left !important; align-items: left !important;}
}

@media (max-width: 767.98px) {
	.phocaimage-gallery.pi-flex-fluid a, .phocaimage-gallery.pi-flex a {flex: 0 0 20%;}
	.zoekproduct .sppb-article-info-wrap h3 a {font-size: 0.875rem; font-weight: 500;}
	.markt .sppb-article-info-wrap h3 a {font-size: 0.875rem; font-weight: 500;}
	.infotekst-knop .sppb-column-addons {display: flex; justify-content: left !important; align-items: left !important;}
}

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

/* HOME */
.markt .sppb-col-xs-6.sppb-col-sm-3.sppb-col-md-3.sppb-col-lg-3.sppb-col-12 {
	padding-right: 5px;
    padding-left: 5px;
}
.markt .sppb-article-info-wrap h3 a {font-size: 1rem; color: #80007d; font-weight: 600;}
.markt h3, .zoekproduct h3 {text-align: center; margin-bottom: 0;}
.sppb-addon-articles .sppb-addon-article {margin-bottom: 11px;}
.markt .sppb-addon-article-layout-content {position: relative; overflow: hidden;}
.markt .sppb-article-info-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,0.9);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.markt .sppb-addon-article-layout-content:hover .sppb-article-info-wrap {opacity: 1; visibility: visible;}
.markt .sppb-article-img-wrap img {transition: transform 0.4s ease; border-radius: 6px; filter: grayscale(100%);}
.markt .sppb-addon-article-layout-content:hover img {transform: scale(1.1);}

/* product */
.zoekproduct .sppb-col-xs-6.sppb-col-sm-3.sppb-col-md-3.sppb-col-lg-3.sppb-col-12 {
	padding-right: 5px;
    padding-left: 5px;
}
.zoekproduct .sppb-article-info-wrap h3 a {font-size: 0.938rem; color: #80007d; font-weight: 600;}
.zoekproduct .sppb-addon-article-layout-content {position: relative; overflow: hidden;}
.zoekproduct .sppb-article-info-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,0.9);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.zoekproduct .sppb-addon-article-layout-content:hover .sppb-article-info-wrap {opacity: 1; visibility: visible;}
.zoekproduct .sppb-article-img-wrap img {transition: transform 0.4s ease; border-radius: 6px; }
.zoekproduct .sppb-addon-article-layout-content:hover img {transform: scale(1.1);}

.sp-module.iconproduct {margin-bottom: 40px;}
.icon-product {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #f5f5f5;
    transition: all .25s ease;
    cursor: pointer;
	margin: 15px 10px 0px 0px;
}

.icon-product img {transition: transform .25s ease;}
.icon-product:hover {transform: translateY(-6px); box-shadow: 0 12px 15px rgba(118, 36, 142, .25); background: #fff;}
.icon-product:hover img {transform: scale(1.08);}

/* Link rondom het icoon */
a[data-title]{position:relative; display:inline-block;}

/* Tooltip */
a[data-title]::after{
    content:attr(data-title);
    position:absolute;
    left:50%;
    top:105%;
    transform:translateX(-50%) translateY(8px);
    background:#7b2ca5;
    color:#fff;
    padding:7px 14px;
    border-radius:6px;
    font-size:13px;
    font-weight:500;
    white-space:nowrap;
    opacity:0;
    visibility:hidden;
    transition:all .2s ease;
    z-index:100;
}

/* Alleen zichtbaar bij hover */
a[data-title]:hover::after,
a[data-title]:hover::before{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}

/* eind */

.article-intro-image.float-left {background: #F8F8F8;}
.article-intro-image {float: none;}
.article-intro-image img {display: block; margin: 0 auto; /* dit centreert de afbeelding */}

.article-list .article, .sppb-addon-articles .sppb-addon-article {box-shadow: 1px 1px 12px 1px #e8e8e8;}
.sppb-addon-articles .sppb-addon-article-layout-editorial-content .sppb-article-info-wrap, .sppb-addon-articles .sppb-addon-article-layout-magazine-content .sppb-article-info-wrap, .sppb-addon-articles .sppb-addon-article-layout-masonry-content .sppb-article-info-wrap, .sppb-addon-articles .sppb-addon-article-layout-side-content .sppb-article-info-wrap {
	padding: 20px 20px 10px 20px;
}

.zoekproduct .sppb-addon-article.sppb-addon-article-layout-content {background: #F8F8F8;}

.intro-tekst {font-size: 1.125rem;}
.infotekst-knop .sppb-column-addons {display: flex; justify-content: center; align-items: center;}
.ARBO {color: #7D2B77; font-weight: 700;}

.sppb-btn-default {
    color: #fff;
    background-color: #7D2B77;
    border-color: #7D2B77;
	padding: 10px 16px;
	border-radius: 6px;
	display: block;
	width: fit-content;
}

.sppb-btn-default:hover {
  background: #484848 !important;
  color: #FFF !important;
  border-color: #484848 !important;
}

.btn-primary, .sppb-btn-primary {
    border-color: #7D2B77;
    background-color: #7D2B77;
}

#dj-masonry1m200 .dj-slide-title {
    font-size: 0.875rem;
    font-family: 'Poppins';
	font-weight: 600;
}

h2#headContent2. h2#headContent1 {font-size: 1rem !important;}
.placemarkHead {font-size: 1rem !important;}

/* MODULES */
#sp-right .sp-module .sp-module-title {
    margin: 0 0 10px;
    padding-bottom: 10px;
    font-size: 18px;
    border-bottom: 0px solid #f3f3f3;
	font-weight: 600;
}
.sp-module-title {position: relative;}
.sp-module-title::after {
  content: "";
  display: block;
  width: 20%;
  height: 1px;
  background-color: #999;
  margin-top: 5px;
}

#sp-left .sp-module, #sp-right .sp-module {background: #fff;}

/* MENU RECHTS */
#sp-left .sp-module, #sp-right .sp-module {
    margin-bottom: 30px;
    border: 1px solid #eee;
    padding: 20px 20px 10px 20px;
    border-radius: 0px;
    margin-top: 0;
    background: #f9f9f9;
	box-shadow: 1px 1px 12px 1px #e8e8e8
}

/* MENU RECHTS */
#sp-right .sp-module-content li.active>a {color: #7D2B77; background: #fff; border-left: 3px solid #7D2B77; }
#sp-right .sp-module-content>ul>li ul>li {padding-left: 20px;}
#sp-right .sp-module ul>li>a {display: block; padding: 5px 5px 5px 10px; line-height: 25px; font-size: 1rem;}
#sp-right .sp-module ul>li {border-bottom: 1px solid #ddd;}
#sp-right .sp-module ul>li:first-child {border-top: 0px solid #ddd;}
.sp-module ul>li>a:hover {color: #7D2B77;}

/* MAILCHIMP */

#mc_embed_signup .indicates-required {text-align: right; font-size: 14px; margin-right: 2%;}
#mc_embed_signup .asterisk {color: #e85c41;}
#mc_embed_signup .mc-field-group label {margin: 5px 0; font-size: 15px;}
#mc_embed_signup .button {
    clear: both;
    background-color: #7D2B77;
    border: 0 none;
    border-radius: 6px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    margin: 12px 5px 0 0;
    padding: 11px 22px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: fit-content;
    width: -moz-fit-content;
}

/* PRODUCTEN */

.phocaimage-gallery {margin-bottom: 2.5em;}
img.pswp__img {background: #eee;}
.float-start {margin: 2px 20px 15px 0;}
.float-end {margin: 2px 0px 15px 20px;}

/* FOOTER */

#sp-footer .container-inner {padding: 20px 0;}
#sp-footer {background: #666666; color: #ffffff;}

div#sp-footer1 {
    display: flex;
    justify-content: left;
    align-items: center;
}

#sp-bottom {
	font-size: 16px;
    padding: 60px 0 30px;
    line-height: 1.6;
	background: #D7E9D0;
    color: #000;
}

#sp-bottom .sp-module .sp-module-title {margin: 0 0 20px; color: #484848;}
#sp-bottom a {color: #7D2B77;}
#sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {color: #484848;}
#sp-bottom .sp-module ul>li {margin-bottom: 0px;}
.contact-bottom .tel-mail {margin-top: 25px;}
#sp-bottom3 p {margin-bottom: 0rem;
}

#sp-footer ul.menu li {
    display: inline-block;
    margin: 0 6px;
    background: #999;
	border-radius: 6px;
}

.far, .fab, .icon-joomla, .fa-solid, .fa-regular, .fa-brands {
	font-size: 16px;
	color: #fff;
}

span.pe-2.fa {padding: .5rem !important;}

.fa.fa-linkedin {color: #fff;}
.fa.fa-x {color: #fff;}
.fa.fa-facebook {color: #fff;}
.fa.fa-youtube {color: #fff;}
.fa.fa-cookie {color: #fff;}
a.n3tcc-settings {color: #fff !important; padding-right: 0.5rem;}

.nieuws .row, .products .row {display: flex; flex-wrap: wrap;}
.nieuws .col-lg-6, .products .col-lg-6  {display: flex;}
.nieuws .article, .products .article {display: flex; flex-direction: column; width: 100%;}
div#OMapInfoHeader h1 {color: #484848; font-size: 1.5rem;}