/*
Theme Name: Heatmedia B.V.
Theme URI: https://heatmedia.nl/
Author: Heatmedia B.V.
Author URI: https://heatmedia.nl/
Description: Heatmedia news template
Version: 1.0
Text Domain: heatmedia-ready-theme
*/

/* Flexbox voor uitlijning van de header-elementen */
/* Zorg ervoor dat de hoofddiv de flexbox styling toepast */
.elementskit-blog-block-post {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 20px !important;
}
a.elementskit-entry-thumb {
    box-shadow: none !important;
}
.headermain {
    display: flex;
    justify-content: space-between;  /* Zorg ervoor dat de ruimte gelijkmatig tussen de elementen verdeeld wordt */
    align-items: center;  /* Verticaal centreren van de elementen */
    flex-wrap: nowrap;  /* Zorg ervoor dat de elementen niet op de volgende regel komen */
    padding: 10px 20px;
    width: 100%;  /* Zorg ervoor dat de header de volledige breedte van het scherm gebruikt */
}

.logo {
    flex: 1 1 auto;  /* Zorg ervoor dat het logo ruimte inneemt maar niet te veel */
}

.main-menu {
    flex: 2 1 auto;  /* Het hoofdmenu krijgt meer ruimte */
    display: flex;
    justify-content: center;  /* Het menu wordt gecentreerd */
}

.header-search {
    flex: 1 1 auto;  /* De zoekfunctie krijgt ook ruimte */
    display: flex;
    justify-content: flex-end;  /* De zoekbalk wordt aan de rechterkant uitgelijnd */
}

.header-buttons {
    display: flex;
    gap: 10px;  /* Ruimte tussen de knoppen */
    justify-content: flex-end;  /* Knoppen aan de rechterkant uitgelijnd */
}

/* Zorg ervoor dat de knoppen er goed uitzien */
.btn {
    padding: 10px 20px;
    border: none;
    border-radius: 25px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}

.btn {
    background-color: #0073aa;
    color: #fff;
}

.btn:hover {
    background-color: #005f8a;
}

/* Responsive aanpassingen voor kleinere schermen */
@media (max-width: 768px) {
    .headermain {
        flex-direction: column;  /* Zet de elementen onder elkaar op kleinere schermen */
        align-items: flex-start;  /* Zorg ervoor dat de items aan de linkerkant uitgelijnd zijn */
    }

    .logo, .main-menu, .header-search, .header-buttons {
        width: 100%;  /* Laat alle elementen de volledige breedte van het scherm innemen */
        margin-bottom: 10px;  /* Voeg ruimte toe tussen de elementen */
    }

    .header-buttons {
        justify-content: center;  /* Centrer de knoppen op kleinere schermen */
    }
}
:root {
    --font-text: 'DM Sans', sans-serif;
    --font-heading: 'Ivar Text', 'Georgia', serif;
    --font-subheading: 'Oli Grotesk', 'Oil Grotesk', sans-serif;
    --color-text: #212121;
    --color-heading: #000;
    --transition: .45s cubic-bezier(.4, 0, .2, 1);
    --opacity: .7;
    --border-radius: 0;
    --min-height: 100px;
}
.inner-block p {
    padding: 0px 20px 5px 20px !important;
}
@media (max-width: 990px) {
    .elementor-10 .elementor-element.elementor-element-79ddcbb {
        --width: 40%;
    }
}
@media (max-width: 767px) {
    .elementor-10 .elementor-element.elementor-element-79ddcbb {
        --width: 100%;
    }
}
a.wpr-button-effect.wpr-button-none:hover {
    background: #fff;
}
p, a, h1, h2, h3, h4, h5, h6 {
    word-break: break-word;
}
.btn {
    word-break: normal;
}
a.wpr-button-effect.wpr-button-none {
    margin: 0px 20px 5px 20px !important;
    padding: 10px 20px !important;
    border: none;
    border-radius: 5px !important;
    font-size: 14px;
    cursor: pointer;
        text-align: center;
    background-color: #f0ece5;
    color: #000 !important;
    font-weight: bold;
}
h3.widget-title {
    background: #29b05e;
    padding: 9px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -1.2px;
    font-weight: 600;
    font-size: 20px;
    margin-top: 0;
}
.wpr-mgzn-grid-1-1-3 .wpr-mgzn-grid-item:nth-child(2) p {
    display: none;
}
.wpr-mgzn-grid-1-1-3 .wpr-mgzn-grid-item:nth-child(3) p {
    display: none;
}
.wpr-mgzn-grid-1-1-3 .wpr-mgzn-grid-item:nth-child(4) p {
    display: none;
}
.wpr-mgzn-grid-1-1-3 .wpr-mgzn-grid-item:nth-child(5) p {
    display: none;
}
.elementor-widget-wpr-magazine-grid .wpr-grid-media-hover-bg {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 46%, rgb(0 0 0 / 87%) 100%) !important;
}
@media only screen and (max-width: 1240px) {
.elementor-widget-wpr-magazine-grid .wpr-grid-media-hover-bg {
    background: #0000005c !important;
}
}
@media only screen and (max-width: 768px) {
.wpr-mgzn-grid-1-1-3 .wpr-mgzn-grid-item:nth-child(1) a {
     font-size: 29px;
}
	
.wpr-mgzn-grid-1-1-3 .wpr-mgzn-grid-item:nth-child(2) a {
    font-size: 14px;
}
.wpr-mgzn-grid-1-1-3 .wpr-mgzn-grid-item:nth-child(3) a {
    font-size: 14px;
}
.wpr-mgzn-grid-1-1-3 .wpr-mgzn-grid-item:nth-child(4) a {
    font-size: 14px;
}
.wpr-mgzn-grid-1-1-3 .wpr-mgzn-grid-item:nth-child(5) a {
    font-size: 14px;
	}}

.headingc {
    //width: fit-content;
}
.wpr-grid-media-hover-bg {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 46%, rgb(49 49 49) 100%);
}
.wpr-magazine-grid {
    //grid-template-rows: 2fr 1fr;
}
img.ls-is-cached.lazyloaded {
    max-height: 250px;
    object-fit: cover;
}
img.lazyloaded {
    max-height: 250px;
    object-fit: cover;
}
.ekit-wid-con .elementskit-blog-block-post {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 20px;
}
.elementskit-blog-block-post {
    box-shadow: none !important;
}
.ekit-wid-con .elementskit-blog-block-post .elementskit-entry-thumb {
    box-shadow: none;
}
.ekit-wid-con .elementskit-blog-block-post .entry-title {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 5px;
}
.elementskit-post-footer p {
    margin: 0 !important;
}
p {
font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
}
span.elementor-icon-list-text {
    font-family: "DM Sans", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6em;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "DM Sans", Sans-serif;
    color: #000;
}
a {
    color: #000;
}
a:hover {
    color: #444;
}
img.attachment-large.size-large.wp-post-image.lazyautosizes.lazyloaded {
    border-radius: 5px;
}
.col-12.col-md-6.col-lg-3 {
    width: 25%;
}
@media only screen and (max-width: 1240px) {
.col-12.col-md-6.col-lg-3 {
    width: 33.3%;
	}}
@media only screen and (max-width: 991px) {
.col-12.col-md-6.col-lg-3 {
    width: 50%;
	}}
@media only screen and (max-width: 768px) {
.col-12.col-md-6.col-lg-3 {
    width: 100%;
	}}
.elementor-image-carousel-wrapper.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
    max-height: 150px;
    overflow: hidden;
}
.swiper-slide.swiper-slide-duplicate.swiper-slide-active {
    max-height: 150px;
}
li.elementor-icon-list-item::marker {
    display: none !important;
    color: #fff;
}
(min-width: 992px) {
    .sliderhome .ekit-wid-con .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 30%;
    }
}
.wpr-promo-box.wpr-animation-wrap {
    font-family: "DM Sans", Sans-serif;
}
body {
	margin: 0;
}

main#main {
    overflow: hidden;
}
header.site-header.data-stop-at-top {
    z-index: 99;
}
/* Zorg ervoor dat de hoofdheader niet breder wordt dan 1500px */
.headermain {
    display: flex;
    justify-content: space-between;  /* Zorgt voor gelijke ruimte tussen de elementen */
    align-items: center;  /* Verticaal centreren van de elementen */
    flex-wrap: wrap;  /* Zorg ervoor dat de elementen kunnen wrappen (onder elkaar komen als ze niet passen) */
    max-width: 1500px;  /* Maximaliseer de breedte van de header tot 1500px */
    margin: 0 auto;  /* Zorg ervoor dat de header in het midden wordt uitgelijnd */
    padding: 0 20px;  /* Zorg voor wat ruimte aan de zijkanten van de header */
    box-sizing: border-box;  /* Zorg ervoor dat padding niet de breedte van de header vergroot */
    flex-direction: row !important;
}
div#cmplz-document {
    max-width: 1600px;
		padding-left: 10px;
		padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1100px) {
div#cmplz-document {
    padding-top: 30px;
	}}
.headertop {
 max-width: 1500px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box; 
padding: 0 20px;
	    display: flex;
    align-content: flex-end;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}
/* Logo */
.logo {
        flex: 2;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
		min-width: 200px;/* Voorkom dat het logo buiten de container gaat */
}

/* Hoofdmenu */
.main-menu {
    flex: auto;  /* Menu neemt de ruimte in die overblijft */
    display: flex;
    justify-content: center;
    overflow: visible;  /* Voorkom dat het menu buiten de container gaat */
}

/* Flexbox voor de navigatie-items */
.nav-menu {
    display: flex;  /* Dit zorgt ervoor dat de items horizontaal naast elkaar komen */
    list-style: none;  /* Verwijder opsommingstekens */
    margin: 0;
    padding: 0;
    flex-wrap: wrap;  /* Zorg ervoor dat de items op kleinere schermen naar de volgende regel kunnen komen */
}

.nav-menu li {
    margin: 0 15px;  /* Ruimte tussen de menu-items */
    white-space: nowrap;  /* Zorg ervoor dat de tekst niet over meerdere regels wordt verdeeld */
    position: relative;  /* Zorg ervoor dat het submenu ten opzichte van het li-element wordt gepositioneerd */
}

/* Hover-effect voor de hoofdnavigatie-items */
.nav-menu li a {
    text-decoration: none;
    color: #fff;  /* Kleurt de tekst donker */
    font-size: 17px;
    font-weight: bold;
    transition: color 0.3s ease;  /* Zorgt voor een vloeiende overgang op hover */
}

.nav-menu li a:hover {
    color: #f0ece5;  /* Verandert de kleur wanneer je over de link beweegt */
}

/* Submenu - standaard verborgen */
.nav-menu li .sub-menu {
    display: none;  /* Verberg het submenu standaard */
    position: absolute;  /* Plaats het submenu onder het hoofdmenu-item */
    top: 100%;  /* Zorg dat het submenu direct onder het menu-item verschijnt */
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);  /* Schaduw voor het submenu */
    min-width: calc(100% + 10px);
    z-index: 1000;
}

/* Toon submenu bij hover op het hoofdmenu-item */
.nav-menu li:hover .sub-menu {
    display: block;  /* Toon het submenu als het hoofdmenu-item wordt gehoverd */
}

/* Submenu-items */
.nav-menu li .sub-menu li {
    margin: 0;
    //padding: 10px;
}

.nav-menu li .sub-menu li a {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    text-decoration: none;
}

.nav-menu li .sub-menu li a:hover {
    //color: #f0ece5;  /* Verandert de kleur wanneer je over een submenu-item beweegt */
}

/* Zoekbalk */
.header-search {
    flex: 0 0 0;  /* Zoekbalk neemt 15% van de breedte in */
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.search-icon {
    font-size: 24px;
    cursor: pointer;
    padding: 10px;
    transition: all 0.3s ease;
		color: white;
}

.search-icon:hover {
    color: #f0ece5;  /* Verandert de kleur bij hover */
}

.searchform {
    display: none;  /* Zorg ervoor dat de zoekbalk standaard verborgen is */
    position: absolute;
    top: 40px;  /* Zorg dat de zoekbalk onder het icoon komt */
    right: 0;
    padding: 5px;
    background-color: #fff;
    border: 0px solid #ccc;
    border-radius: 5px;
    width: 300px;
    z-index: 1000;
}

/* Toon de zoekbalk wanneer de gebruiker met de muis over het icoon beweegt */
.header-search:hover .searchform {
    display: block;
}
.header-search button#searchsubmit:hover {
    background: #fff;
}
.searchform input[type="text"] {
    padding: 8px;
		border: none;
    border-radius: 5px;
}
.header-search button#searchsubmit {
    width: 70px;
    background: #f0ece5;
    padding: 7px 10px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-align: center;
    background-color: #f0ece5;
    color: #000;
    font-weight: bold;
}
.header-search input#s {
    width: 208px;
}
.searchform input[type="submit"] {
    display: none;  /* De submitknop blijft verborgen */
}

/* Knoppen */
.header-buttons {
    flex: 0 0 15%;  /* Knoppen nemen 15% van de breedte in */
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.header-buttons a {
    text-decoration: none;
}

.btn {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-align: center;
    background-color: #f0ece5;
    color: #000;
    font-weight: bold;
}

.btn:hover {
    background-color: white;
}

/* Logo-afbeelding */
.logo img {
    max-height: 100px;  /* Zorg ervoor dat het logo een maximale hoogte heeft */
    display: block;
    max-width: 100%;  /* Zorg ervoor dat de afbeelding niet breder wordt dan de container */
    height: auto;
		width: auto;	
}

/* Responsive aanpassingen voor kleinere schermen */
@media (max-width: 768px) {
    .headermain {
        flex-direction: column;  /* Zet de elementen onder elkaar op kleinere schermen */
        align-items: flex-start;
    }

    .logo, .main-menu, .header-search, .header-buttons {
        width: auto;  /* Laat alle elementen de volledige breedte van het scherm innemen */
        margin-bottom: 10px;
    }

    .header-buttons {
        justify-content: center;  /* Centrer de knoppen op kleinere schermen */
    }

    .nav-menu {
        flex-direction: column;  /* Zet de menu-items onder elkaar op kleinere schermen */
        align-items: flex-start;  /* Zorg ervoor dat de items aan de linkerkant uitgelijnd zijn */
    }

    .nav-menu li {
        margin: 5px 0;  /* Voeg wat ruimte tussen de items toe wanneer ze onder elkaar staan */
    }
}
.header-wrapper2 {
background: linear-gradient(180deg, #29af5f 0%, #1f8347 100%) !important;
	    padding-top: 5px;
    padding-bottom: 5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
}
/* Voeg een pijl toe aan menu-items met een submenu */
.nav-menu li.menu-item-has-children > a::after {
    content: " ▼";  /* Pijl-icoon, kan worden vervangen door een andere afbeelding of iconen */
    font-size: 12px;
    padding-left: 5px;
    transition: transform 0.3s ease;  /* Zorg voor een vloeiende overgang wanneer het submenu opent/sluit */
}

/* Verander de richting van de pijl wanneer het submenu zichtbaar is */
.nav-menu li:hover > a::after {
    transform: rotate(180deg);  /* Draai de pijl 180 graden wanneer het submenu wordt gehoverd */
}

/* Zorg ervoor dat de pijl correct wordt uitgelijnd */
.nav-menu li.menu-item-has-children > a {
    display: flex;
    align-items: center;
}

/* Styling voor submenu's */
.sub-menu {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    top: 100%;
    left: 0;
    z-index: 100;
}

.nav-menu li:hover > .sub-menu {
    display: block;
}

.sub-menu li a {
    font-size: 14px;
    color: #333;
    font-weight: normal;
    text-decoration: none;
    padding: 5px 0px;
}

.sub-menu li a:hover {
    //background-color: #0073aa;
    font-weight: bold !important;
}
/* De hoofdheader-container met een flexbox indeling */
.headermain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    //padding: 0 20px;
    box-sizing: border-box;
    height: auto;  /* De hoogte wordt automatisch aangepast aan de inhoud */
    position: relative;  /* Dit maakt de container de referentie voor het positioneren van het logo */
}

.logo {
	    background: #f0ece5;
			padding: 10px;
			border-radius: 5px
}

@media only screen and (min-width: 1240px) {
/* Het logo buiten de normale flow van de flexbox halen */
.logo {
    position: relative;  /* Het logo wordt relatief gepositioneerd ten opzichte van de parent */
    z-index: 10;  /* Zorg ervoor dat het logo boven de andere elementen wordt weergegeven */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: auto;  /* De hoogte wordt automatisch aangepast */
    //margin-top: -50px;  /* Trek het logo naar boven zodat het de header-top overschrijdt */
    //margin-bottom: -50px;  /* Trek het logo naar beneden zodat het de header-bottom overschrijdt */
    width: auto;  /* Breedte is automatisch, afhankelijk van de hoogte van het logo */
	    background: #f0ece5;
    padding: 10px;
}

/* Het logo zelf schaalt naar de hoogte van de container */
.logo img {
    max-height: 100%;  /* Zorg ervoor dat het logo zich schaalt op basis van de hoogte van de container */
    width: auto;  /* Het logo schaalt proportioneel */
    height: auto;
}

/* Zorg ervoor dat de top- en bottom-secties voldoende hoogte hebben */
.headertop, .headerbottom {
    position: relative;
    z-index: 1;
}

.headertop {
    min-height: 30px;  /* Minimale hoogte voor de top sectie */
}

.headerbottom {
    min-height: 0px;  /* Minimale hoogte voor de bottom sectie */
}
.menu-item {
    text-decoration: none;
    color: #fff;
    display: flex
;
    align-items: center;
    padding: 3px 10px;
    border-radius: 4px;
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 28px;
		text-transform: uppercase;
}
.nav-menu li {
    margin: 0px;
}

.logo {
    margin-top: -50px;
   margin-bottom: -50px; 
}

/* Algemene styling voor de header */
.site-header {
    position: relative;
    z-index: 1;
}

/* Styling voor headertop en headerbottom */
.headertop, .headerbottom {
    position: relative;
    z-index: 1;
    padding: 0px 20px;
    text-align: center;
}

/* Styling voor headermain */
.headermain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;
    //background-color: #29b05e;
    //padding: 20px 0;
}

.logo {
    position: relative;
    top: 0px;
    z-index: 3;
    padding: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    width: 20%;
    border-radius: 5px;
	bottom: -15px;
}

/* Logo afbeelding */
.logo img {
    max-height: 120px; /* Pas de hoogte aan naar wens */
    width: auto;
    height: auto;
}}

.headerbottom {
    display: none;
}


ul#menu-secundary {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
		margin-top: 0px;
		margin-bottom: 0px;
}
ul#menu-secundary a {
    color: #000;
    font-size: 12px;
    text-transform: none;
}
.secondary-nav-menu .menu-item {
    padding: 0 0 0 10px;
}

/* Stijl de iconen in de menu-items */
.menu-item i {
    margin-right: 8px; 
}
.menu-item:hover i {
    color: #f0ece5; /* Hover-kleur */
}
ul#menu-secundary a:hover {
    color: #444;
}
.searchform input[type="text"] {
    width: auto;
}
ul.sub-menu {
    padding-left: 10px;
    padding-right: 10px;
}

header.site-header {
    background: #fff;
}
//Foot begin

/* 3. Footer
	 ========================================================================== */

/* 3.1 Footeralgemeen
	 ========================================================================== */
.site-footer {
    background: #323232;
    max-width: 3000px;
    margin-left: auto;
    margin-right: auto;
}

/* 3.2 Footertop
	========================================================================== */
.footer-top-coloring {
    background: #fbfaf9;
    color: #333;
    position: relative;
    width: 100%;
    //border-bottom-left-radius: 100% 40px;
    //border-bottom-right-radius: 100% 40px;
    //box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.footer-top-coloring .textwidget {
    //font-weight: 600;
}

.footer-top {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.footer-top {
    padding-top: 10px;
    padding-bottom: 10px;
}

.footer-top ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-top a {
    text-decoration: none;
}

.footercoltop {
    flex: 1 0 33.333%;
    /* Take up 33% width */
    color: #101215;
}

.footercoltop a {
    color: #101215
}

.footercoltop a:hover {
    color: #d1d1d1;
}

section.widget_text.footer-area.footer-area-top-links {
    text-align: center;
    font-size: 1.5em;
    //text-transform: uppercase;
}

section.widget_text.footer-area.footer-area-top-links {
    text-align: center;
}

section.footer-area.footer-area-top-midden {
    text-align: center;
}

section.footer-area.footer-area-top-rechts {
    text-align: center;
}

.footercoltop h4 {
    margin: 5px;
    border-bottom: 1px solid #fff3;
    padding-left: 10px;
    padding-right: 10px;
}

.footercoltop p {
    margin: 10px;
}

.footercoltop {
    display: grid;
    align-content: center;
    align-items: center;
}

.footer-top h4 {
    padding-top: 10px;
}

/* 3.3 Footerinner
	========================================================================== */
.footer-inner {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

.footer-inner {
    //padding-top: 2em;
   // padding-bottom: 2em;
}

.footer-inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-inner a {
    text-decoration: none;
}

.footer-widgets {
    flex: 1 0 100%;
    /* Take up full width */
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.footercol {
    flex: 1 0 23%;
    /* Take up 25% width */
    color: #fff;
    padding-top: 1em;
    padding-bottom: 1em;
}

.footercol a {
    color: #fff
}

.footercol a:hover {
    color: #d1d1d1;
}

section.footer-area.footer-area-img {
    display: flex;
    align-items: center;
    height: 100%;
    align-content: center;
}
.footer-inner h4 {
  color: #fff;
}
/* 3.4 Footerend
	========================================================================== */
.footerend {
    flex: 1 0 100%;
    /* Take up full width */
    text-align: right;
    border-top: 1px solid;
    border-color: #fff3;
    max-width: 1600px;
    color: #333;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
}

section.footer_end_1 {
    text-align: left;
}

section.footer_end_1 {
    text-align: left;
}

.footer-end-widget {
    width: 50%;
    float: left;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.footerend a {
    color: #333;
    text-decoration: none;
}

.footerend a:hover {
    color: #d1d1d1;
}

.footer-bottom {
    background: #fff;
	  margin-bottom: -20px !important;
}

.footer-end-widget {
    display: flex;
    align-items: center;
    //justify-content: space-between;
}
.footer-end-widget2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 50%;
    float: left;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

/* 3.5 Footer media queries
	========================================================================== */
@media (max-width: 1700px) {
    .footer-inner {
        margin-left: 5%;
        margin-right: 5%;
    }
    .container {
        padding-left: 5%;
        padding-right: 5%;
    }
//.page-content {
   // margin-left: 5%;
    //margin-right: 5%;
//}
    .footer-top {
        margin-left: 5%;
        margin-right: 5%;
    }

    .footerend {
        margin-left: 5%;
        margin-right: 5%;
    }
    .headertop {
        padding-left: 5%;
        padding-right: 5%;
     }
  .headermain {
        padding-left: 5%;
       padding-right: 5%;
        }
}

@media (max-width: 1024px) {
    .footercol {
        flex: 1 0 50%;
        /* Take up 25% width */
    }

    .footercoltop {
        flex: 1 0 100%;
        /* Take up 33% width */
    }

    .footercol {
        text-align: center;
    }

    section.footer_end_1 {
        text-align: center;
    }

    .footer-end-widget {
        width: 100%;
        margin-bottom: 10px
    }
    .footer-end-widget2 {
    width: 100%;
    }
    .footerend {
        text-align: center;
    }

    section.footer-area.footer-area-img {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .footercol {
        flex: 1 0 100%;
        /* Take up 25% width */
    }
    .footer-end-widget {
        justify-content: space-around;
    }
    .footer-end-widget2 {
        justify-content: space-around;
    }
}
}

@media (min-width: 1025px) {
    section.widget_text.footer-area.footer-area-middle {
        display: grid;
        justify-content: center;
    }

    section.footer-area.footer-area-right {
        display: grid;
        justify-content: right;
    }
}
section.footer-area.footer-area-img {
    background: transparent;
}
.footer-widgets {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    margin-top: 0;
}
section.widget_text.footer-area.footer-area-middle {
    background: transparent;
}
section.widget_text.footer-area.footer-area-right {
    background: transparent;
}
.footercol a.custom-btn.d-inline-flex.align-items-center.m-2.m-sm-0.me-sm-3 {
    margin-right: 0 !important;
    margin-bottom: 5px !important;
}
.footercol .textwidget {
    font-size: 14px;
}
footer {
    background: #1c1c1c;
} 
section.footer-area.footer-area-img .image {
    background: #f0ece5;
    padding: 10px;
    border-radius: 5px;
}
.footercol .bdp-post-image-bg {
    display: none;
}
.footer-widgets {
    font-family: "DM Sans", Sans-serif;
    font-size: 14px;
}
.footer-widgets {
    gap: 2%;
}
//Footereind

.col-12.col-md-6.col-lg-3 {
    flex: 0 0 calc(25% - 4px) !important;
}
.container {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
}
.page-title {
    margin-top: 50px;
}
.blog-post a {
    font-weight: bold;
    font-family: "DM Sans", Sans-serif;
}
ul#menu-secundary {
    list-style-type: none;
}
@media (min-width: 992px) {
    .popular .ekit-wid-con .col-lg-4 {
       max-width: 31.333333%;
    }
.logo {
   min-width: 90px
}
}
@media (max-width: 1240px) {
	.header-buttons {
    display: none;
	}}
@media (max-width: 1100px) {
	.logo img {
  max-width: 142px;
	}
.logo {
    max-width: 160px;
    min-width: auto;
}
.main-menu {
    display: none;
}
.adjust {
    display: flex;
    justify-content: flex-end;
}
.header-search {
    margin-right: 5px !important;
}
i.fa-solid.fa-bars.fa-xl {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.headermain {
    padding-top: 0 !important;;
    padding-bottom: 0 !important;;
}
}
@media (min-width: 1101px) {
i.fa-solid.fa-bars.fa-xl {
    display: none;
}
}
@media (max-width: 768px) {
.headertop {
    display: none !important;
}

@media (max-width: 991px) {
input#is-search-input-2165 {
    color: #000 !important;
	}}
.menu-bar.d-lg-none {
    display: none;
}
div#rmp-container-2659 {
   min-width: 100vw;
}

@media (max-width: 1300px) {
  #rmp-container-2659 {
    max-width: 90%;
    min-height: 100vh;
        }
  #rmp-menu-wrap-27200 {
    padding-top: 10px;
    padding-left: 5%;
    padding-bottom: 10px;
    padding-right: 5%;
  }
  #rmp-menu-item-2659 {
  border-bottom: 1px solid #bdbdbd;
}
  #rmp-menu-wrap-2659 .rmp-submenu .rmp-menu-item-link {
    height: 35px;
    line-height: 20px;
       font-size: 14px;
      color: #444;
    }
}
@media (max-width: 1300px) {
#header .main-menu {
    display: none !important;
}
ul#menu-main-menu {
    display: none;
}
#rmp-container-2659 {
     background-color: #fff;

}
ul.rmp-submenu.rmp-submenu-depth-1.rmp-submenu-open {
    padding-bottom: 10px !important;
}
}
.cartpops-cart__toggle .cartpops-cart__container {
    padding: 8px 0px;
}
li#rmp-menu-item-2659 {
    border-top: 1px solid #eaeaea;
}
li#rmp-menu-item-27250 {
    padding-bottom: 10px;
}

li#rmp-menu-item-2659 {
    //border-top: 1px solid #eaeaea;
    padding-top: 10px;
    padding-bottom: 10px;
}
li#rmp-menu-item-27260 {
    padding-bottom: 10px;
}
li#rmp-menu-item-2659 {
    border-top: 1px solid #eaeaea;
}
#rmp_menu_trigger-2659:hover .responsive-menu-pro-inner, #rmp_menu_trigger-2659:hover .responsive-menu-pro-inner::before, 
}
span.category-list {
    display: none !important;
}
ul.products li.product-col h3 {
    font-size: 1.4rem;
    letter-spacing: inherit !important;
    white-space: initial !important;
    text-transform: capitalize;
}
.products.gap-narrow li.product-col h3 {
    font-size: 1.4rem;
}

@media (max-width: 1300px) {
    #rmp-menu-title-2659 .rmp-menu-title-image {
        width: 100%;
        max-height: 60px;
        object-fit: contain;
    }
}
    #rmp-menu-wrap-2659 .rmp-submenu .rmp-menu-item-link {
               font-weight: 400;
        }
#rmp-menu-wrap-2659 {
        padding-top: 50px;
    }
#rmp_menu_trigger-2659:not(.is-active):hover .responsive-menu-pro-inner, #rmp_menu_trigger-2659:not(.is-active):hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-2659:not(.is-active):hover .responsive-menu-pro-inner::after {
    background-color: #ffffff !important;
}
#rmp_menu_trigger-2659 .responsive-menu-pro-inner, #rmp_menu_trigger-2659 .responsive-menu-pro-inner::before, #rmp_menu_trigger-2659 .responsive-menu-pro-inner::after {
    background-color: #ffffff;
}
div#mainNav {
    padding: 0;
}
.header {
    //padding: 9px 20px;
}

@media (min-width: 1205px) {
	.mobilecontainer {
display: none;}
}
	@media (max-width: 1204px) {
	ul#mega-menu-header-menu {
    display: none !important;
		}
input#is-search-input-2165 {
    padding: 0 5%;
}}

.mobilecontainer {
    padding: 0 5%;
    margin-top: 10%;
}
.mobilecontainer .fa-brands {
    margin-right: 10px;
    color: #000;
}
.mobilecontainer i.fa-solid.fa-phone {
    margin-right: 10px;
color: #000
}
.mobilecontainer i.fa-solid.fa-envelope-open {
    margin-right: 10px;
color: #000
}
.mobilecontainer a {
    color: #666;
}
.mobilecontainer p {
	font-size: 14px;
	line-height: 30px;
}
@media (max-width: 768px) {
    .logo, .main-menu, .header-search, .header-buttons {
        margin-bottom: 0px;
    }
}



.headermain {
    display: flex;
    align-items: center;
    justify-content: space-between;
    //padding: 10px; /* Pas aan indien nodig */
}

.logo {
    flex: 0 0 auto; /* Zorg ervoor dat het logo zijn standaard grootte behoudt */
}

.header-search, .fa-bars {
    display: flex;
    align-items: center;
    gap: 10px; /* Optioneel, ruimte tussen zoekknop en bars */
}

.fa-bars {
    margin-left: 10px; /* Optioneel, afstand tussen iconen */
}

.header-search {
    margin-right: 20px; /* Optioneel, voor afstand van de rand */
}

@media (max-width: 1240px) 
.header-buttons {
    display: none !important;
}}

/* Algemene styling voor het off-canvas menu */
.offcanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 1000;
    overflow-y: auto;
}

.offcanvas-content {
    padding: 20px;
    max-width: 300px;
}

.offcanvas-nav-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.offcanvas-nav-menu li {
    margin: 10px 0;
}
div#bdp-lpw-widget-3 {
    margin-bottom: 20px;
}
.offcanvas-close {
    background: none;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

.offcanvas.show {
    transform: translateX(0);
}
aside.sidebar img.lazyloaded {
    max-height: none;
	border-radius: 5px;
}
aside.sidebar img.lazyloaded:hover {
    opacity: 0.95;
}
@media (max-width: 1240px) {
	section.page-header {
    padding-top: 0;
}
}

@media (max-width: 1100px) {
.sidebar a {
    display: flex;
    justify-content: center;
}
.blog-sidebar {
    padding-left: 0 !important;
}}
/* Zorg dat de overlay verborgen is als het menu niet zichtbaar is */
.hidden {
    display: none;
}
span.post-author {
   // display: none !important;
}

/*begin mobiel menu */
/* Basis styling voor de overlay */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white; /* Witte achtergrond met een lichte transparantie */
    display: none; /* Standaard is de overlay verborgen */
    z-index: 9999; /* Zorg ervoor dat de overlay boven andere inhoud verschijnt */
    justify-content: center;
    align-items: center;
}

/* Styling voor de sluitknop rechtsboven */
.closeBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    color: #000;
    font-size: 36px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10000; /* Zorg ervoor dat de knop altijd boven andere elementen komt */
}

/* De mobiele menu-styling */
.mobile-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Verticale opstelling */
    align-items: center;
}

.mobile-menu li {
    margin: 15px 0; /* Ruimte tussen de menu-items */
}

.mobile-menu a {
    text-decoration: none;
    color: #000; /* Kleur van de links */
    font-size: 18px;
}
/* Zorg ervoor dat de mobiele menu's onder elkaar worden weergegeven */
.mobile-menu, .mobile-menu2 {
    display: block; /* Maak ze blok-elementen zodat ze onder elkaar komen */
    width: 100%; /* Zorg ervoor dat ze de volledige breedte van het scherm gebruiken */
    margin: 0; /* Verwijder eventuele marges */
    padding: 0; /* Verwijder eventuele padding */
}

/* De lijstitems binnen de menu's verticaal uitlijnen */
.mobile-menu ul, .mobile-menu2 ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.mobile-menu li, .mobile-menu2 li {
    margin: 10px 0; /* Ruimte tussen de items in het menu */
}

.mobile-menu a, .mobile-menu2 a {
    text-decoration: none;
    color: #000; /* Kleur van de links */
    font-size: 18px;
}
div#overlayMenu {
	//display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
#overlayMenu .menu-item i {
    display: none;
}
.mobile-menu a:hover {
    font-weight: 900;
}
#overlayMenu .site-logo img {
    max-width: 200px; /* Je kunt de grootte van het logo aanpassen */
    height: auto;
}
#overlayMenu a.custom-logo-link {
    display: flex
;
    justify-content: center;
}
/* Maak het actieve menu-item vetgedrukt */
#overlayMenu .current-menu-item a {
    font-weight: 900;
    color: #29b05e;
}
.bdp-post-meta span.bdp-post-meta-innr {
    margin: 0px 0px 0px 0px;
}
span.bdp-post-meta-innr.bdp-time {
    font-family: "DM Sans", "Open Sans" !important;
    font-weight: 500;
}
.bdp-post-li.bdp-clearfix {
    margin-bottom: 10px !important;
}
.single-post .post-meta {
    font-family: 'DM Sans';
}
form.wpcf7-form.init {
    display: block;
}
.wpcf7 input {
    width: 100%;
    padding: 10px;
    font-family: 'DM Sans';
	    border: 1px solid #c2c2c2;
    border-radius: 5px;
}
.wpcf7 textarea#contact-message {
    width: 100%;
    padding: 10px;
    font-family: 'DM Sans';
	    border: 1px solid #c2c2c2;
    border-radius: 5px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-dark.btn-lg.px-5.p-t-md.p-b-md {
    border: none;
}
.wpcf7-response-output {
    font-family: 'DM Sans';
    margin: 0 !important;
}
.elementor-button {
    transition: none;
}
body {
    font-family: 'DM Sans';
}

.wpr-grid-item-title .inner-block {
    padding: 0px 20px 5px 20px;
}
.wpr-grid-item-title .inner-block {
    margin: 0px 0px 5px 0px !important;
}


@media (max-width: 768px) {
	
.elementskit-post-footer p {
    text-align: center;
}
.elementskit-post-body h2.entry-title {
    text-align: center !important;
}
	.wpr-grid-item-title .inner-block {
    text-align: center;
}
	.elementskit-blog-block-post {
    margin-bottom: 10px !important;
}
	.elementskit-post-body {
    padding-top: 15px;
}
	.elementor-element.elementor-element-477ad72.elementor-hidden-desktop.elementor-hidden-tablet.e-flex.e-con-boxed.wpr-particle-no.wpr-jarallax-no.wpr-parallax-no.wpr-sticky-section-no.e-con.e-parent.e-lazyloaded {
    margin-bottom: 0;
}
	.page-header-content.text-center {
    text-align: center;
}
	h2.post-title {
    text-align: center;
}
	p.post-description {
    text-align: center;
}
	h3.widget-title {
    text-align: center;
}
	article.single-post {
    text-align: center;
}
	form.wpcf7-form.init {
    text-align: center;
}
	.wpcf7 input {
    text-align: center;
}
	.wpcf7 textarea#contact-message {
    text-align: center;
}
}

section.blog-section {
    max-width: 100vw;
    overflow: hidden;
}
.post-content img.lazyloaded {
    max-width: 100%;
}
img.size-large {
    max-width: 100vw !important;
}
img.size-medium {
    max-width: 100vw !important;
}
img.size-small {
    max-width: 100vw !important;
}