/* BASE
* -------------------------------------------------- 
*  Base styles 
* 
*  Default styles of the project, these will not
*  be changed or altered in most of the cases
* -------------------------------------------------- */


/* ----- KLEUREN ----- */
:root,
.theme-particulier {
	--zwart:#000000;
	--wit:#FFFFFF;
	--grey:#f5f5f5;
	--form-border-grey:#c6c6c6;
	--primary:#ADC133;
	--secondary:#97A928;
	--tertiary:#F1B81E;
	--title:#3D4043;
	--text:#666666;
	--darkbg:#2D2D2D;
	--lightbg:#FBFCF5;
	
	--bg-primary: #adc133;
    --bg-primary-hover: #97A928;
	
	--btn-padding: 13px 30px 15px;
	
	--btn-border: var(--primary);
	--btn-border-hover: var(--secondary);
	--btn-alt-border: 1px solid var(--primary);
	
	--btn-light-bg: transparent;
	--btn-light-color: var(--wit);
	--btn-light-bg-hover: var(--wit);
	
	--hero-width:70%;
	
	--rw-section-p: 100px 0;
	
	--home-opener-mr: -30px;
	--home-opener-mb: unset;
	--home-opener-ml: -30px;
	
	--rw-home-prod-mt: -50px;
	--rw-home-prod-br: 20px;
	--rw-home-prod-p: 50px 80px;
	--rw-home-prod-pl: 30px;
	--rw-home-prod-pr: 30px;
	--rw-home-prod-popular-p: 2px 15px 4px 15px;
	--rw-home-prod-popular-top: 50%;
	--rw-home-prod-popular-left:calc(100% + 20px);
	--rw-home-prod-popular-right: unset;
	--rw-home-prod-popular-transform: translateY(-50%);
	--home-prod-card-p: none;
	--home-prod-card-shadow: none;
	--home-prod-card-image-border-radius: 5px;
	
	--single-img-br: 20px;
	
	--cpt-referantie-row-m: -20px;
	--cpt-referentie-p: 20px;
	--cpt-referentie-img-border-radius: 15px 15px 0 0;
	--cpt-referentie-title-m: 20px 0 10px 0;
	--cpt-referentie-text-mb: 20px;
	
	--form-input-border-radius: 4px;
	--form-input-p: 13px 30px 15px 30px;
	--form-submit-button-p: 15px 30px 16px 30px;
	--form-submit-button-border-radius: 6px;
	
	--footer-title-font-size: 20px;
}

.theme-b2b {
    --zwart:#000000;
	--wit:#FFFFFF;
	--grey:#f3f3f3;
	--form-border-grey:#c6c6c6;
	--primary:#ADC133;
	--secondary:#97A928;
	--tertiary:#F1B81E;
	--title:#3D4043;
	--text:#666666;
	--darkbg:#2D2D2D;
	--lightbg:#FBFCF5;

    --bg-primary: linear-gradient(270deg, #adc133 0%, #889A18 100%);
    --bg-primary-hover: linear-gradient(270deg, #adc133 0%, #889A18 100%);
	
	--btn-padding: 11px 34px 13px;
	
	--btn-border: transparent;
	--btn-border-hover: transparent;
	--btn-alt-border: 2px solid var(--primary);
	
	--btn-light-bg: var(--wit);
	--btn-light-color: var(--zwart);
	--btn-light-bg-hover: var(--grey);
	
	--hero-width:80%;
	
	--nav-padding: 20px 0px 10px;
	
	--rw-section-p: 200px 0;
	
	--home-opener-mr: 20px;
	--home-opener-mb: 40px;
	--home-opener-ml: 20px;
	
	--rw-home-prod-mt: 20px;
	--rw-home-prod-br: none;
	--rw-home-prod-p: none;
	--rw-home-prod-pl: 6px;
	--rw-home-prod-pr: 6px;
	--rw-home-prod-popular-p: 0px 30px 1px 30px;
	--rw-home-prod-popular-top: 8px;
	--rw-home-prod-popular-left: none;
	--rw-home-prod-popular-right: 8px;
	--rw-home-prod-popular-transform: none;
	--home-prod-card-p: 10px;
	--home-prod-card-shadow: 0 0 15px 0 rgba(0, 0, 0, .15);
	--home-prod-card-image-border-radius: 8px;
	
	--single-img-br: 14px;
	
	--cpt-referantie-row-m: none;
	--cpt-referentie-p: 6px;
	--cpt-referentie-img-border-radius: 8px;
	--cpt-referentie-title-m: 0;
	--cpt-referentie-text-mb: 0;
	
	--form-input-border-radius: 16px;
	--form-input-p: 15px 30px 16px 30px;
	--form-submit-button-p: 15px 50px 16px 50px;
	--form-submit-button-border-radius: 12px;
	
	--footer-title-font-size: 16px;
}

@media (max-width:1024px){
    :root,
	.theme-particulier {
		--home-prod-card-p: 50px 30px;
	}
	
    .theme-b2b{
        --rw-section-p:100px 0;
		
		--home-prod-card-p: 10px;
    }
}
@media (max-width:768px){
    :root,
	.theme-particulier {
		--home-prod-card-p: 50px;
	}
	
    .theme-b2b{
        --rw-section-p:100px 0;
		
		--home-prod-card-p: 10px;
    }
}
@media (max-width:767px){
    :root,
	.theme-particulier {
		--home-prod-card-p: 50px 30px;
	}
	
    .theme-b2b{
        --rw-section-p:100px 0;
		
		--home-prod-card-p: 10px;
		--rw-home-prod-mt: 0;
    }
}


/* START CHANGE COLUMN GAP */
.vc_row {
	margin-left:-30px;
	margin-right:-30px;
}
.vc_row .vc_column_container .vc_column-inner{
	padding-left: 30px;
	padding-right: 30px;
}
/* EINDE CHANGE COLUMN GAP */

/* START Put background image as cover on vc_row */
.vc_row{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
/* END Put background image as cover on vc_row */

/* START CUSTOM SPACINGS */
/*.col-padding-x-0 .vc_column-inner {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.vc_row .vc_row {
	margin: 0;
}*/
/* END CUSTOM SPACINGS */


/* ----- FONTS ----- */
body, p{
	color:var(--text);
	font-family: "soleil", sans-serif;
	font-weight:400;
	line-height:1.5em;
}

h1, h2, h3, h4, h5, h6{
	color:var(--title);
	font-family: "soleil", sans-serif;
	margin:0;
	line-height:1.2em;
}
h1, h2, h3{
	font-weight:700;
}
h1{
	font-size:50px;
	font-size:3.4svw;
}
h2{
	font-size:40px;
	font-size:2.6svw;
}
h3{
    font-size:20px;
}
a,
p a{
	transition:all .3s ease;
	position:relative;
	font-weight:600;
	text-decoration:underline;
	color:var(--primary);
}
a:hover,
p a:hover{
	color:var(--secondary);
}


/* START List items */
.wpb_text_column ul li{
	padding:5px 0;
	line-height:1.3em;
}
/* END List items */


/* START Flux buttons */
.flux_btn {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: transparent !important;
    border: 1px solid var(--btn-border);
    color: var(--wit);

    border-radius: 6px;
    padding: var(--btn-padding);
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;

    transition:
        color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;
}

.flux_btn::before,
.flux_btn::after {
    content: "";
    position: absolute;
    inset: auto;
    z-index: -1;
    border-radius: 0;
    pointer-events: none;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.flux_btn:not(.btn_alt):not(.btn_light)::before {
    background: var(--bg-primary);
}

.flux_btn:not(.btn_alt):not(.btn_light)::after {
    background: var(--bg-primary-hover);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.flux_btn:not(.btn_alt):not(.btn_light):hover {
    border-color: var(--btn-border-hover) !important;
    color: var(--wit);
}

.flux_btn:not(.btn_alt):not(.btn_light):hover::after {
    opacity: 1;
	background-position: left center !important;
}

.theme-b2b .flux_btn:not(.btn_alt):not(.btn_light)::before,
.theme-b2b .flux_btn:not(.btn_alt):not(.btn_light)::after {
    background-size: 120% 100%;
    background-position: right center;
    transition:
        opacity 0.3s ease,
        background-position 0.3s ease;
}

.theme-b2b .flux_btn:hover::before,
.theme-b2b .flux_btn:hover::after {
    background-color:transparent;
	border-color:var(--wit);
}

.flux_btn.btn_light{
	background-color: var(--btn-light-bg) !important;
	border-color:var(--wit) !important;
}

.flux_btn.btn_light span{
	color: var(--btn-light-color) !important;
}

.flux_btn.btn_light:hover{
	background-color: var(--btn-light-bg-hover) !important;
	border-color:var(--wit) !important;
	color:var(--primary) !important;
}

.flux_btn.btn_alt{
	background-color: transparent;
	color: var(--primary);
	border: none;
	border-bottom: var(--btn-alt-border);
	border-radius: 0;
	padding: 0 30px 5px 0;
}
.flux_btn.btn_alt::before,
.flux_btn.btn_alt::after{
	content:"";
	display:inline-block;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	width:13px;
	height:13px;
	position:absolute;
	top:50%;
	right:10px;
	left: unset;
	transform:translateY(-50%);
	transition:all .3s ease;
}
.flux_btn.btn_alt::before{
	background-image:url('http://batisol.test/wp-content/uploads/2024/01/arrow_primary.svg');
	opacity:1;
}
.flux_btn.btn_alt::after{
	background-image:url('http://batisol.test/wp-content/uploads/2024/01/arrow_secondary.svg');
	opacity:0;
}
.flux_btn.btn_alt:hover{
	color:var(--secondary);
	border-color:var(--secondary);
}
.flux_btn.btn_alt:hover::before,
.flux_btn.btn_alt:hover::after{
	right:0;
}
.flux_btn.btn_alt:hover::before{
	opacity:0;
}
.flux_btn.btn_alt:hover::after{
	opacity:1;
}
/* END Flux buttons */


/* START Text selection color */
::selection {
	background: var(--zwart); /* WebKit/Blink Browsers */
	color:var(--wit);
}
::-moz-selection {
	background: var(--zwart); /* Gecko Browsers */
	color:var(--wit);
}
/* END Text selection color */


/* START Border radisu on single images */
.wpb_single_image:not(.product-icon) img{
	border-radius: var(--single-img-br);
}
.wpb_single_image.belofte-icon img,
.wpb_single_image.product-icon img{
	border-radius:0;
}
/* END Border radius on single images */


.cky-footer-wrapper div[data-cky-tag="detail-powered-by"]{
	display:none!important;
}


/* HEADER / NAV 
* --------------------------------------------------
*  Header/nav/hamburger styles 
* -------------------------------------------------- */


/* Header */
header .wpbf-navigation{
	background-color:var(--wit);
	padding: var(--nav-padding);
}

/* Particulier/Bedrijven switcher */
.audience-switcher {
	background-color:var(--zwart); 
} 

/* Pre header */
header .wpbf-pre-header .wpbf-menu li a{
	color:var(--zwart);
	font-weight:400;
	padding:10px 15px;
}
header .wpbf-pre-header .wpbf-menu li.current-menu-item a,
header .wpbf-pre-header .wpbf-menu li a:hover{
	color:var(--primary)!important;
}
header .wpbf-pre-header .wpbf-menu li:last-child a{
	padding-right:0;
}

/* Logo */
header .wpbf-logo-container{
	width:220px;
}
.wpbf-navigation .wpbf-1-4 .wpbf-logo {
    max-width: 200px;
    padding: 20px 0;
}

/* Navigatie */
header .wpbf-menu-container{
	width:calc(100% - 220px);
}
header .wpbf-menu-right .wpbf-menu{
	display:flex;
	align-items:center;
}
header .wpbf-menu-right .wpbf-menu li a{
	line-height:1.5em;
	color:var(--zwart);
}
header .wpbf-menu-right .wpbf-menu li.current-menu-item > a,
header .wpbf-menu-right .wpbf-menu li a:hover{
	color:var(--primary)!important;
}
header .wpbf-menu-right .wpbf-menu li > ul.sub-menu{
	padding:10px 0;
	border-radius:10px;
	width:250px!important;
}
header .wpbf-menu-right .wpbf-menu li:last-child > ul li a,
header .wpbf-menu-right .wpbf-menu li > ul li:last-child a{
	padding-right:20px;
}
header .wpbf-sub-menu>.menu-item-has-children>a .wpbf-icon svg{
	width:12px;
}
header .wpbf-menu-right .wpbf-menu li.wpbf-cta-menu-item a{
	padding-right:20px!important;
	background:var(--bg-primary);
	border-radius:6px;
	font-size:14px;
	margin-left:20px;
}
header .wpbf-menu-right .wpbf-menu li.wpbf-cta-menu-item a:hover{
	background-color:var(--secondary);
	color:var(--wit)!important;
}

header .wpbf-menu-icon.wpbf-menu-icon-phone a{
	padding-left:0;
}
header .wpbf-menu-icon a svg{
	width:20px;
	height:auto;
	transition:all .3s ease;
}
header .wpbf-menu-icon a:hover svg path{
	transition: all .3s ease;
}
header .wpbf-menu-icon a:hover svg path{
	fill:var(--zwart)!important;
}


/* GENERAL
* --------------------------------------------------
*  General styles 
* 	Hero/subhero/grids/contact forms 
* -------------------------------------------------- */


/* START Row Image - tile */
.rw-image-tile > .section_inner{
	display:flex;
	flex-wrap:wrap;
}
.rw-image-tile .col-img img{
	border-radius:20px;
	object-fit:cover;
	object-position:center;
}
.rw-image-tile .col-tile > .vc_column-inner{
	height:100%;
}
.rw-image-tile .col-tile > .vc_column-inner > .wpb_wrapper{
    padding:30px;
    background-color:var(--wit);
    border-radius:20px;
    box-shadow: 0px 4px 95px 0px rgba(0,0,0,.15);
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.rw-image-tile .col-tile h2{
	margin-bottom:20px!important;
}
.rw-image-tile .col-tile h6{
	text-transform:uppercase;
	color:var(--primary);
	margin-bottom:30px!important;
}
.rw-image-tile .col-tile .flux_btn_wrapper{
	margin-top:30px;
}
/* END Row Image - tile */

/* START Row Tiles */
.col-tile-light .vc_column-inner > .wpb_wrapper {
	padding:30px;
    background-color:var(--grey);
    border-radius:12px;
	height:100%;
} 
/* END Row Tiles */

/* START Row stats counter */
.row-stats .vc_column-inner {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.row-stats .vc_column-inner .wpb_wrapper {
	padding: 0 40px;
    height: 200px;
    display: flex;
	align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.row-stats .stats-counter {
	text-align: center;
}

.row-stats .stats-counter .vc_flux_settings_count_number {
	display: block;
	font-size: 2rem;
	font-weight: 900; 
	color: var(--primary);
	line-height: 1.1;
}
.row-stats .stats-counter .vc_flux_settings_count_text {
	display: block;
	font-size: 14px;
	line-height: 1.2;
	margin-top: .3rem;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 120px;
}
/* END Row stats counter */

/* START Vertical align center */
.vert-center > .section_inner,
.vert-center > .full_section_inner{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
/* END Vertical align center */


/* START Klantlogos */
.klant-logos{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    margin:-20px;
}
.klant-logos .logo{
    width:20%;
    padding:20px;
}
.klant-logos .logo img{
    height:60px;
    width:100%;
    object-fit:contain;
    object-position:center;
    opacity:.5;
}

.theme-b2b .klant-logos .logo img {
	filter: grayscale(1);
    opacity: .7;
}
/* END Klantlogos */


/* START Background colors */
.bg-primary::after,
.bg-dark::after,
.bg-light::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.bg-primary::after{
	background:var(--bg-primary);
}
.bg-dark::after{
	background:var(--darkbg);
}
.bg-light::after{
	background:var(--lightbg);
}
.bg-primary > .section_inner,
.bg-dark > .section_inner,
.bg-light > .section_inner{
	z-index:151;
}

.rw-grid-bg-lightgrey > .section_inner > .wpb_column > .vc_column-inner > .wpb_wrapper{
    padding:30px;
    background-color:var(--lightbg);
    border-radius:20px;
}
.rw-grid-bg-lightgrey p{
    width:80%;
}
/* END Background colors */


/* START Page opener */
.page-opener::before{
    content:"";
    display:block;
    /*background: linear-gradient(90deg, rgba(30, 30, 30, 0.6) -4.05%, rgba(30, 30, 30, 0) 65.71%);*/
	background-color:var(--zwart);
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
	opacity:.5;
}
.page-opener::after{
    content:"";
    display:block;
	background: linear-gradient(90deg, rgba(30, 30, 30, 0.6) -4.05%, rgba(30, 30, 30, 0) 65.71%);
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.page-opener > .section_inner{
	z-index:151;
}
.page-opener h1{
    width:var(--hero-width);
}
.page-opener p{
	width:var(--hero-width);
}
/* END Page opener */


/* START Google reviews */
.rw-reviews .ti-widget.ti-goog .ti-controls .ti-next{
	right:-40px;
}
.rw-reviews .ti-widget.ti-goog .ti-controls .ti-prev{
	left:-40px;
}
.rw-reviews .ti-widget.ti-goog .ti-controls .ti-next:before,
.rw-reviews .ti-widget.ti-goog .ti-controls .ti-prev:before,
.rw-reviews .ti-widget.ti-goog .ti-controls .ti-next:after,
.rw-reviews .ti-widget.ti-goog .ti-controls .ti-prev:after{
	background-color:var(--wit)!important;
}
.rw-reviews .ti-widget.ti-goog .ti-reviews-container-wrapper{
	margin:0 -8px;
}
.rw-reviews .ti-widget.ti-goog .ti-review-item>.ti-inner{
	border-radius:20px!important;
}

.wp-gr .grw-controls{
	transform:translateY(-50%);
	transform-origin:center;
}
.wp-gr .grw-btns{
	transition:all .3s ease;
	transform:translateY(-50%);
	transform-origin:center;
}
.wp-gr .grw-btns.grw-prev{
	left:-40px!important;
	margin-left:0!important;
}
.wp-gr .grw-btns.grw-next{
	right:-40px!important;
	margin-right:0!important;
}
.wp-gr .grw-btns svg path,
.wp-gr .grw-btns:hover svg path{
	fill:var(--wit)!important;
}
.wp-gr .grw-btns:hover{
	transform:translateY(-50%) scale(1.3);
}
.wp-gr[data-layout="slider"] .grw-reviews{
	margin:0 -10px!important;
}
.wp-gr[data-layout="slider"] .grw-review{
	flex:1 1 33.3333%;
}
.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd{
	background-color:var(--wit);
	border-radius:20px!important;
	padding:20px!important;
}
.wp-gr .grw-review-inner>svg{
	top:20px!important;
	right:20px!important;
}
/* END Google reviews */


/* START CTA row */
.rw-cta .rw-cta-inner{
    padding:50px 30px;
    margin:-150px 0 0 0;
    border-radius:20px;
	background-position:center 30%!important;
}
.rw-cta .rw-cta-inner h4{
    color:var(--wit);
    font-size:3.4svw;
    width:60%;
}
.rw-cta-ebook > .section_inner > .wpb_column > .vc_column-inner > .wpb_wrapper{
    padding:50px;
    background-color:var(--wit);
    border-radius:20px;
    /*box-shadow: 0px 4px 30px 0px rgba(0,0,0,.2);*/
	box-shadow: 0px 4px 130px 0px rgba(0,0,0,.07);
    z-index:100;
}
.rw-cta-ebook.neg-margin-bottom > .section_inner > .wpb_column > .vc_column-inner > .wpb_wrapper{
	margin-bottom:-100px;
}
.rw-cta-ebook .col-img img{
    border-radius:15px;
    height:350px;
    object-fit:cover;
    object-position:center;
}
/* END CTA row */


/* START VC Toggle */
.cpt-list-faq .cpt-block-faq{
	margin-bottom:10px;
	cursor:pointer;
	border-radius:10px;
	transition:all .3s ease;
}
.cpt-list-faq .cpt-block-faq.toggle_active{
	box-shadow: 0px 0px 60px 0px rgba(0,0,0,.05);
	border-radius:10px;
}
.cpt-list-faq .cpt-block-faq .toggle_title{
	padding: 10px 72px 13px 30px;
    background-color: var(--primary);
	display:block;
	position:relative;
	transition:all .3s ease;
	border-radius:10px;
}
.cpt-list-faq .cpt-block-faq.toggle_active .toggle_title{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.cpt-list-faq .cpt-block-faq .toggle_title h4{
	color:var(--wit);
	font-weight:400;
	font-size:18px;
}
.cpt-list-faq .cpt-block-faq.toggle_active .toggle_title h4{
	font-weight:700;
}
.cpt-list-faq .cpt-block-faq .toggle_title::before,
.cpt-list-faq .cpt-block-faq .toggle_title::after{
	content:"";
	display:block;
	position:absolute;
	background-color:var(--wit);
	transition:all .3s ease;
}
.cpt-list-faq .cpt-block-faq .toggle_title::before{
	width:1px;
	height:12px;
	top: 17px;
    right: 35.5px;
	transform-origin:center;
}
.cpt-list-faq .cpt-block-faq .toggle_title::after{
	width:12px;
	height:1px;
	right: 30px;
    top: 22.5px;
}
.cpt-list-faq .cpt-block-faq.toggle_active .toggle_title::before{
	transform:rotate(90deg);
	background-color:var(--wit);
}
.cpt-list-faq .cpt-block-faq.toggle_active .toggle_title::after{
	background-color:var(--wit);
}
.cpt-list-faq .cpt-block-faq .toggle_icon{
	display:none;
}
.cpt-list-faq .cpt-block-faq .toggle_content{
	padding:20px 30px;
	margin:0;
	background-color:var(--wit);
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
/* END VC Toggle */


/* START Row stappen / beloftes */
.rw-stappen .stappen > .full_section_inner,
.rw-beloftes .beloftes > .full_section_inner{
    display:flex;
}
.rw-stappen .stappen .stap > .vc_column-inner,
.rw-beloftes .beloftes .belofte > .vc_column-inner{
    height:100%;
}
.rw-stappen .stappen .stap > .vc_column-inner > .wpb_wrapper,
.rw-beloftes .beloftes .belofte > .vc_column-inner > .wpb_wrapper{
    background-color:var(--lightbg);
    padding:30px;
    border-radius:20px;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.rw-beloftes .beloftes .belofte > .vc_column-inner > .wpb_wrapper{
	justify-content:flex-start;
}
.rw-stappen .stappen .stap .stap-icon,
.rw-beloftes .beloftes .belofte .belofte-icon{
	margin-bottom:20px!important;
}
.rw-stappen .stappen .stap .stap-icon img,
.rw-beloftes .beloftes .belofte .belofte-icon img{
	width:40px;
	height:40px;
	object-fit:contain;
	object-position:center;
}
.rw-stappen .stappen .stap h3,
.rw-beloftes .beloftes .belofte h3{
    margin-bottom:10px;
}
.rw-stappen .stappen .stap h3 strong,
.rw-beloftes .beloftes .belofte h3 strong{
    color:var(--primary);
}
.rw-stappen .stappen .stap .flux_btn_wrapper,
.rw-beloftes .beloftes .belofte .flux_btn_wrapper{
    margin-top:30px;
}
/* END Row stappen / beloftes */


/* START Custom widths */
.width-80{
	width:80%;
}
/* END Custom widths */


/* ----- GRIDS & SLIDERS ----- */
/* START REFERENTIES */
/* Filter referenties */
.cpt-filter .searchandfilter .sf-field-post-meta-referentie_zonneenergie_subcategorieen{
	display:none;
	margin-top:10px;
	padding-top:20px;
	border-top:1px solid var(--primary);
}
.cpt-filter .searchandfilter .sf-field-post-meta-referentie_zonneenergie_subcategorieen > ul > li label{
	padding:5px 10px;
	font-size:14px;
}

/* Grid */
.cpt-list-referentie{
	display:flex;
	flex-wrap:wrap;
	margin:var(--cpt-referentie-row-m);
}
.cpt-list-referentie .cpt-block-referentie{
	width:33.3333%;
	padding: var(--cpt-referentie-p);
}
.cpt-list-referentie .cpt-block-referentie .cpt-wrapper{
	cursor:pointer;
	width:100%;
}
.cpt-list-referentie .cpt-block-referentie .cpt-block-inner{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	height:100%;
}

.theme-b2b .cpt-list-referentie .cpt-block-referentie .cpt-block-inner{
	background: var(--grey);
    padding: 10px;
    border-radius: 12px;
}

.cpt-list-referentie .cpt-block-referentie .cpt-image{
	margin-bottom:10px;
	width:100%;
}
.cpt-list-referentie .cpt-block-referentie .cpt-image img{
	height:250px;
	width:100%!important;
	object-fit:cover;
	object-position:center;
	border-radius: var(--cpt-referentie-img-border-radius);
}
.cpt-list-referentie .cpt-block-referentie .cpt-categorie{
	padding:3px 20px 5px;
	border-radius: 0 10px 10px 10px;
	background-color:var(--primary);
	color:var(--wit);
	font-size:14px;
}

.theme-b2b .cpt-list-referentie .cpt-block-referentie .cpt-content-wrapper {
	padding: 16px;
}

.theme-b2b .cpt-list-referentie .cpt-block-referentie .cpt-title-wrapper {
	display: flex; 
	flex-wrap: wrap;
	align-content: center;
	gap: 8px;
	margin-bottom: 10px;
}
.cpt-list-referentie .cpt-block-referentie .cpt-title{
	margin: var(--cpt-referentie-title-m);
}

.cpt-list-referentie .cpt-block-referentie .cpt-label {
	background: var(--wit);
	padding: 0 8px 2px;
	border-radius: 5rem;
	font-weight: 300;
}

.cpt-list-referentie .cpt-block-referentie .cpt-label img {
	max-width:100%;
	height: auto;
	width: 15px;
	margin-right:10px;
}

.cpt-list-referentie .cpt-block-referentie .cpt-introtekst{
	margin-bottom: var(--cpt-referentie-text-mb);
	flex-grow:1;
}
.bg-dark .cpt-list-referentie .cpt-block-referentie .flux_btn.btn_alt{
	color:var(--wit);
	border-color:var(--wit);
}
.bg-dark .cpt-list-referentie .cpt-block-referentie .flux_btn.btn_alt::before{
	background-image:url('http://batisol.test/wp-content/uploads/2024/02/arrow_white.svg');
	opacity:1;
}
.bg-dark .cpt-list-referentie .cpt-block-referentie .flux_btn.btn_alt:hover::before{
	opacity:1;
}
.bg-dark .cpt-list-referentie .cpt-block-referentie .flux_btn.btn_alt::after{
	display:none;
}

/* Referenties with filter */
.cpt-list-referentie.cpt-list-referentie-filter .cpt-block-referentie .cpt-image{
	margin-bottom:0;
	position:relative;
	border-radius:15px;
}
.cpt-list-referentie.cpt-list-referentie-filter .cpt-block-referentie .cpt-image,
.cpt-list-referentie.cpt-list-referentie-filter .cpt-block-referentie .cpt-image img{
	height:400px;
}
.cpt-list-referentie.cpt-list-referentie-filter .cpt-block-referentie .cpt-image::before{
	content:"";
	display:block;
	background-color:rgba(0,0,0,.3);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transition:all .3s ease;
	border-radius:15px;
}
.cpt-list-referentie.cpt-list-referentie-filter .cpt-block-referentie a.cpt-wrapper:hover .cpt-image::before{
	background-color:rgba(0,0,0,.6);
}
.cpt-list-referentie.cpt-list-referentie-filter .cpt-block-referentie .cpt-image img{
	border-radius:15px;
}
.cpt-list-referentie.cpt-list-referentie-filter .cpt-block-referentie .cpt-title{
	margin:0;
	position:absolute;
	bottom:0;
	left:0;
	padding:20px;
	color:var(--wit);
}

/* Pop up */
.modal {
  display: none;
}
.modal.is-open {
  display: block;
}
.cpt-list-referentie .modal__container{
	max-width:80%;
	max-height:80vh;
	background-color:transparent;
	position:relative;
}
.cpt-list-referentie .modal__container .cpt-wrapper{
	width:auto;
}
.cpt-list-referentie .modal__container .close-btn{
	position:absolute;
	top:0;
	right:0;
	width:20px;
	height:20px;
	transition:all .3s ease;
}
.cpt-list-referentie .modal__container .close-btn:hover{
	opacity:.5;
}
.cpt-list-referentie .modal__container .close-btn .close-icon{
	display:block;
	position:relative;
	width:20px;
	height:20px;
}
.cpt-list-referentie .modal__container .close-btn .close-icon::before,
.cpt-list-referentie .modal__container .close-btn .close-icon::after{
	content:"";
	display:block;
	background-color:var(--wit);
	position:absolute;
	width:20px;
	height:1px;
	top:50%;
	left:50%;
}
.cpt-list-referentie .modal__container .close-btn .close-icon::before{
	transform:translate(-50%, -50%) rotate(45deg);
}
.cpt-list-referentie .modal__container .close-btn .close-icon::after{
	transform:translate(-50%, -50%) rotate(-45deg);
}
.cpt-list-referentie .modal__container .post-image{
	text-align:center;
}
.cpt-list-referentie .modal__container .post-image img{
	max-height:60vh;
	margin:0 auto;
}
.cpt-list-referentie .modal__container .post-content{
	margin-top:30px;
}
.cpt-list-referentie .modal__container .post-content h4,
.cpt-list-referentie .modal__container .post-content p{
	color:var(--wit);
	text-align:center;
	width:60%;
	margin:0 auto;
}
.cpt-list-referentie .modal__container .post-content h4{
	margin-bottom:15px;
}

/* Fix MapTiler/MapLibre canvas in WordPress */
.maplibregl-map canvas {
    max-width: none !important;
    height: auto !important;
}
.maplibregl-popup-content{
	padding:20px;
	border-radius:6px;
}
.maplibregl-popup-content .marker-tooltip h3{
    font-size:18px;
}
.maplibregl-popup-content .marker-tooltip .marker-tekst{
    margin-top:10px
}
.maplibregl-popup-content .marker-tooltip .marker-tekst span{
	display:block;
}

/* Referentie map view */
.acf-map,
.acf-map-2{
	height:500px;
	opacity:0;
	transition:all .3s ease;
}
.acf-map.map-loaded,
.acf-map-2.map-loaded{
	opacity:1;
}
.acf-map .gm-style-iw-c,
.acf-map-2 .gm-style-iw-c{
    padding:0;
}
.acf-map .gm-style-iw-c .gm-style-iw-chr .gm-style-iw-ch,
.acf-map-2 .gm-style-iw-c .gm-style-iw-chr .gm-style-iw-ch{
    display:none;
}
.acf-map .gm-style-iw-c .gm-style-iw-chr button,
.acf-map-2 .gm-style-iw-c .gm-style-iw-chr button{
    position:absolute!important;
    top:0;
    right:0;
    background-color:var(--wit)!important;
	transition:all .3s ease;
}
.acf-map-2 .gm-style-iw-c .gm-style-iw-chr button{
	width:36px!important;
	height:36px!important;
}
.acf-map-2 .gm-style-iw-c .gm-style-iw-chr button > span{
	margin:6px!important;
}
.acf-map .gm-style-iw-d{
	padding:0!important;
	overflow-x:hidden!important;
	overflow-y:scroll!important;
}
.acf-map-2 .gm-style-iw-d{
	overflow:hidden!important;
}
.acf-map .gm-style-iw-d .marker-content,
.acf-map-2 .gm-style-iw-d .marker-content{
	max-width:400px;
}
.acf-map .gm-style-iw-d .marker-content .marker-image img{
    width:400px;
    height:200px;
    object-fit:cover;
}
.acf-map .gm-style-iw-d .marker-content .marker-content-text{
    padding:20px 20px 10px 20px;
}
.acf-map-2 .gm-style-iw-d .marker-content .marker-content-text{
	padding:30px 40px;
}

/* Highlight numbers */
.referentie-highlight-numbers{
    display:flex;
    padding:0 30px 30px 30px;
    border-radius:15px;
}
/*
.referentie-highlight-numbers {
    display: flex;
    padding: 30px 30px 30px 30px;
    border-radius: 15px;
    z-index: 99999999;
    position: relative;
    margin-top: -100px;
    background-color: var(--wit);
    width: 80%;
    margin: -60px auto 0;
    box-shadow: 0px 4px 130px 0px rgba(0, 0, 0, .07);
}
*/
.referentie-highlight-numbers .numbers-block{
    flex:1 1 33.3333%;
    padding:20px;
    text-align:center;
}
.referentie-highlight-numbers .numbers-block .number-icon{
    margin-bottom:20px;
}
.referentie-highlight-numbers .numbers-block .number-icon img{
    width:60px;
    height:60px;
    object-fit:contain;
    object-position:bottom center;
}
.referentie-highlight-numbers .numbers-block .number-amount{
    font-size:26px;
}
/* END REFERENTIES */


/* START NIEUWS */
/* Home grid */
.cpt-list-post.home-grid{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-gap: 40px;
}
.cpt-list-post.home-grid .cpt-block-post:nth-child(1){
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 4;
}
.cpt-list-post.home-grid .cpt-block-post:nth-child(2){
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}
.cpt-list-post.home-grid .cpt-block-post:nth-child(3){
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}
.cpt-list-post.home-grid .cpt-block-post:nth-child(4){
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}
.cpt-list-post.home-grid .cpt-block-post .cpt-block-inner{
	display:flex;
	align-items:center;
	height:100%;
}
.cpt-list-post.home-grid .cpt-block-post:nth-child(1) .cpt-block-inner{
    flex-direction:column;
	align-items:flex-start;
}
.cpt-list-post.home-grid .cpt-block-post:not(:nth-child(1)) .cpt-block-inner{
	margin:0 -10px;
}
.cpt-list-post.home-grid .cpt-block-post:not(:nth-child(1)) .cpt-image{
	width:30%;
	height:100%;
	padding:0 10px;
}
.cpt-list-post.home-grid .cpt-block-post:nth-child(1) .cpt-image{
	width:100%;
    margin-bottom:20px;
	flex-grow:1;
}
.cpt-list-post.home-grid .cpt-block-post .cpt-image img{
	width:100%;
	object-fit:cover;
	object-position:center;
	border-radius:15px;
}
.cpt-list-post.home-grid .cpt-block-post:nth-child(1) .cpt-image img{
	height:100%;
}
.cpt-list-post.home-grid .cpt-block-post:not(:nth-child(1)) .cpt-image img{
	height:100%;
	width:100%;
}
.cpt-list-post.home-grid .cpt-block-post:not(:nth-child(1)) .cpt-content{
	width:70%;
	padding:0 10px;
}
.cpt-list-post.home-grid .cpt-block-post .cpt-content .cpt-title{
	margin-bottom:5px;
}
.cpt-list-post.home-grid .cpt-block-post:not(:nth-child(1)) .cpt-content .cpt-title{
	font-size:18px;
}
.cpt-list-post.home-grid .cpt-block-post .cpt-date{
	font-style:italic;
	opacity:.7;
	font-size:14px;
}
.cpt-list-post.home-grid .cpt-block-post .flux_btn{
	margin-top:20px;
}
/* NORMAL GRID */
.cpt-list-post.grid{
	display:flex;
	flex-wrap:wrap;
	margin:-30px;
}
.cpt-list-post.grid .cpt-block-post{
	width:33.3333%;
	padding:30px;
}
.cpt-list-post.grid .cpt-block-post .cpt-block-inner{
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:space-between;
	justify-content:flex-start;
}
.cpt-list-post.grid .cpt-block-post .cpt-image{
	margin-bottom:20px;
}
.cpt-list-post.grid .cpt-block-post .cpt-image img{
	border-radius:15px;
	height:350px;
	object-fit:cover;
	object-position:center;
}
.cpt-list-post.grid .cpt-block-post .cpt-content{
	flex-grow:1;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:space-between;
}
.cpt-list-post.grid .cpt-block-post .cpt-content .cpt-title{
	margin-bottom:10px;
}
.cpt-list-post.grid .cpt-block-post .cpt-content .cpt-excerpt{
	flex-grow:1;
	margin-bottom:20px;
}
/* END NIEUWS */


/* START ZONNEPANELEN */
/* FILTER */
.cpt-filter{
	margin-bottom:30px;
}
.cpt-filter .searchandfilter > ul,
.cpt-filter .searchandfilter > ul li > ul{
    padding-left:0;
}
.cpt-filter .searchandfilter > ul li > ul{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    margin:-5px;
}
.cpt-filter .searchandfilter > ul li > ul li{
    margin:5px;
	padding:0;
}
.cpt-filter .searchandfilter > ul li > ul li input{
    display:none;
}
.cpt-filter .searchandfilter > ul li > ul li label{
    padding:10px 20px;
    border:1px solid var(--primary);
    border-radius:10px;
    cursor:pointer;
    transition:all .3s ease;
}
.cpt-filter .searchandfilter > ul li > ul li.sf-option-active label,
.cpt-filter .searchandfilter > ul li > ul li:hover label{
    background-color:var(--primary);
    color:var(--wit);
}

/* GRID */
.cpt-list-zonnepaneel{
	display:flex;
	flex-wrap:wrap;
	margin:-20px;
}
.cpt-list-zonnepaneel .cpt-block-zonnepaneel{
	padding:20px;
	width:33.3333%;
}
.cpt-list-zonnepaneel .cpt-block-zonnepaneel .cpt-image,
.cpt-list-zonnepaneel .cpt-block-zonnepaneel .cpt-image img{
	height:400px;
	width:100%;
	border-radius:15px;
}
.cpt-list-zonnepaneel .cpt-block-zonnepaneel .cpt-image{
	position:relative;
}
.cpt-list-zonnepaneel .cpt-block-zonnepaneel .cpt-image::before{
	content:"";
	display:block;
	background-color:rgba(0,0,0,.3);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:15px;
	transition:all .3s ease;
}
.cpt-list-zonnepaneel .cpt-block-zonnepaneel a:hover .cpt-image::before{
	background-color:rgba(0,0,0,.6);
}
.cpt-list-zonnepaneel .cpt-block-zonnepaneel .cpt-image img{
	object-fit:cover;
	object-position:center;
}
.cpt-list-zonnepaneel .cpt-block-zonnepaneel .cpt-image .cpt-title{
	position:absolute;
	bottom:30px;
	left:30px;
	color:var(--wit);
}
/* END ZONNEPANELEN */


/* START AIRCOS */
.cpt-list-airco{
	display:flex;
	flex-wrap:wrap;
	margin:-20px;
}
.cpt-list-airco .cpt-block-airco{
	padding:20px;
	width:33.3333%;
}
.cpt-list-airco .cpt-block-airco .cpt-image,
.cpt-list-airco .cpt-block-airco .cpt-image img{
	height:400px;
	width:100%;
	border-radius:15px;
}
.cpt-list-airco .cpt-block-airco .cpt-image{
	position:relative;
}
.cpt-list-airco .cpt-block-airco .cpt-image::before{
	content:"";
	display:block;
	background-color:rgba(0,0,0,.3);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	border-radius:15px;
	transition:all .3s ease;
}
.cpt-list-airco .cpt-block-airco a:hover .cpt-image::before{
	background-color:rgba(0,0,0,.6);
}
.cpt-list-airco .cpt-block-airco .cpt-image img{
	object-fit:cover;
	object-position:center;
}
.cpt-list-airco .cpt-block-airco .cpt-image .cpt-title{
	position:absolute;
	bottom:30px;
	left:30px;
	color:var(--wit);
}
/* END AIRCOS */


/* START OMVORMERS */
/* Flux empty CSS */
.cpt-list-omvormer{
    display:flex;
    flex-wrap:wrap;
    margin:-20px;
}
.cpt-list-omvormer .cpt-block-omvormer{
    width:100%;
    padding:20px;
}
.cpt-list-omvormer .cpt-block-omvormer .cpt-block-inner{
    border:1px solid var(--grey);
	border-color:rgba(0,0,0,.2);
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}
.cpt-list-omvormer .cpt-block-omvormer .cpt-block-inner .cpt-content{
    width:75%;
    padding:30px;
}
.cpt-list-omvormer .cpt-block-omvormer .cpt-block-inner .cpt-image{
    width:25%;
    padding:30px;
    position:relative;
}
.cpt-list-omvormer .cpt-block-omvormer .cpt-block-inner .cpt-content .cpt-title{
    margin-bottom:10px;
}
.cpt-list-omvormer .cpt-block-omvormer .cpt-block-inner .cpt-image .cpt-cat{
    position:absolute;
    right:20px;
    bottom:20px;
    padding:5px 20px;
    background-color:var(--primary);
    color:var(--wit);
    border-radius:0 10px 10px 10px;
    font-size:14px;
}
/* END OMVORMERS */


/* START TEAMLEDEN */
.cpt-list-teamlid{
    display:flex;
    flex-wrap:wrap;
    margin:-30px;
}
.cpt-list-teamlid .cpt-block-teamlid{
    width:33.3333%;
    padding:30px;
}
.cpt-list-teamlid .cpt-block-teamlid .cpt-image{
    margin-bottom:20px;
}
.cpt-list-teamlid .cpt-block-teamlid .cpt-image img{
    height:350px;
    object-fit:cover;
    object-position:center;
    border-radius:15px;
}
/* END TEAMLEDEN */


/* START FICHES */
.cpt-list-fiche{
    display:flex;
    flex-wrap:wrap;
}
.cpt-list-fiche .cpt-block-fiche{
    width:100%;
}
.cpt-list-fiche .cpt-block-fiche .cpt-block-inner{
    display:flex;
    border-bottom:1px solid var(--grey);
    border-bottom:1px solid rgba(0,0,0,.2);
    padding:10px 0;
    transition:all .3s ease;
}
.cpt-list-fiche .cpt-block-fiche:first-child .cpt-block-inner{
    border-top:1px solid rgba(0,0,0,.2);
}
.cpt-list-fiche .cpt-block-fiche a.cpt-wrapper:hover .cpt-block-inner{
    background-color:var(--lightbg)
}
.cpt-list-fiche .cpt-block-fiche .cpt-title{
    width:75%;
    padding:0 30px 0 15px;
}
.cpt-list-fiche .cpt-block-fiche .download-btn{
    width:25%;
    padding:0 15px 0 30px;
    text-align:right;
}
.cpt-list-fiche .cpt-block-fiche .cpt-title{
    font-size:16px;
}
/* END FICHES */

/* START PAGINATION */
.cpt-pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:50px
}
.cpt-pagination .page-numbers{
	transition:all .3s ease;
	font-weight:400;
}
.cpt-pagination .page-numbers,
.cpt-pagination .page-numbers.current{
	background-color:transparent!important;
}
.cpt-pagination .page-numbers.current{
	color:var(--title)!important;
	font-weight:400;
}
.cpt-pagination .page-numbers.prev .pagination-prev-next::before,
.cpt-pagination .page-numbers.next .pagination-prev-next::before{
	content:"";
	display:block;
	background-image:url('http://batisol.test/wp-content/uploads/2024/01/arrow_primary.svg');
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	transition:all 3.s ease;
}
.cpt-pagination .page-numbers.prev .pagination-prev-next::before{
	transform:translate(-50%, -50%) rotate(180deg);
}
.cpt-pagination .page-numbers.prev:hover .pagination-prev-next::before,
.cpt-pagination .page-numbers.next:hover .pagination-prev-next::before{
	background-image:url('http://batisol.test/wp-content/uploads/2024/01/arrow_secondary.svg');
}
/* END PAGINATION */


/* START VIDEO REVIEWS */
.cpt-list-review-video{
	display:flex;
	flex-wrap:wrap;
	margin:-20px;
}
.cpt-list-review-video .cpt-block-review-video{
	padding:20px;
	width:33.3333%;
}
.cpt-list-review-video .cpt-block-review-video .cpt-video{
	padding-top: 56.25%;
	position:relative;
	border-radius:20px;
}
.cpt-list-review-video .cpt-block-review-video .cpt-video iframe{
	width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    box-sizing: border-box;
	border-radius:20px;
}
/* END VIDEO REVIEWS */


/* ----- VERGELIJKINGSTABEL ----- */
.vergelijkingstabel .tabel-heading{
	margin-bottom:30px;
}
.vergelijkingstabel .tabel-heading .tabel-row,
.vergelijkingstabel .tabel-body .tabel-row{
    display:flex;
    align-items: stretch;
}
.vergelijkingstabel .tabel-body{
    border:.5px solid var(--grey);
}
.vergelijkingstabel .tabel-body .tabel-row:nth-child(odd){
    background-color:var(--grey);
}
.vergelijkingstabel .tabel-heading .tabel-row .tabel-col,
.vergelijkingstabel .tabel-body .tabel-row .tabel-col{
    padding:10px 20px;
    width:30%;
    text-align:center;
}
.vergelijkingstabel .tabel-heading .tabel-row .tabel-col-titel,
.vergelijkingstabel .tabel-body .tabel-row .tabel-col-titel{
    width:40%;
}
.vergelijkingstabel .tabel-heading .tabel-row .tabel-col-titel h3{
    font-size:2.6svw;
}
.vergelijkingstabel .tabel-heading .tabel-row .tabel-col .icon{
    display:block;
    width:30px;
    height:30px;
    margin:20px auto 0 auto;
    background-color:var(--grey);
    border-radius:5px;
}
.vergelijkingstabel .tabel-heading .tabel-row .tabel-col-batisol .icon{
    background-image:url('http://batisol.test/wp-content/uploads/2024/01/favicon.png');
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	background-color:transparent;
}
.vergelijkingstabel .tabel-body .tabel-row .tabel-col{
    text-align:center;
    border:.5px solid var(--grey);
}
.vergelijkingstabel .tabel-heading .tabel-row .tabel-col-titel,
.vergelijkingstabel .tabel-body .tabel-row .tabel-col-titel{
    text-align:left;
}
.vergelijkingstabel .tabel-body .tabel-row .tabel-col-batisol{
    background-color:var(--primary);
}
.vergelijkingstabel .tabel-body .tabel-row .tabel-col-bedrijfx{
    background-color:var(--grey);
}
.vergelijkingstabel .tabel-body .tabel-row .tabel-col-batisol p,
.vergelijkingstabel .tabel-body .tabel-row .tabel-col-bedrijfx p{
    font-size:16px;
}
.vergelijkingstabel .tabel-body .tabel-row .tabel-col-batisol p{
    color:var(--wit);
}


/* ----- FORMULIEREN ----- */
/* ALGEMEEN */
html .formcraft-css .fc-form .form-element .form-element-html input[type=color],
html .formcraft-css .fc-form .form-element .form-element-html input[type=date],
html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime-local],
html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime],
html .formcraft-css .fc-form .form-element .form-element-html input[type=email],
html .formcraft-css .fc-form .form-element .form-element-html input[type=month],
html .formcraft-css .fc-form .form-element .form-element-html input[type=number],
html .formcraft-css .fc-form .form-element .form-element-html input[type=password],
html .formcraft-css .fc-form .form-element .form-element-html input[type=search],
html .formcraft-css .fc-form .form-element .form-element-html input[type=tel],
html .formcraft-css .fc-form .form-element .form-element-html input[type=text],
html .formcraft-css .fc-form .form-element .form-element-html input[type=time],
html .formcraft-css .fc-form .form-element .form-element-html input[type=url],
html .formcraft-css .fc-form .form-element .form-element-html input[type=week],
html .formcraft-css .fc-form .form-element .form-element-html select,
html .formcraft-css .fc-form .form-element .form-element-html textarea{
	border-color:transparent!important;
	background-color:#f3f3f3!important;
	border-radius: var(--form-input-border-radius);
	color:var(--title);
	transition:all .3s ease;
}
html .formcraft-css .fc-form .form-element .form-element-html input[type=color]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=date]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime-local]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=email]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=month]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=number]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=password]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=search]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=tel]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=text]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=time]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=url]:focus,
html .formcraft-css .fc-form .form-element .form-element-html input[type=week]:focus,
html .formcraft-css .fc-form .form-element .form-element-html select:focus,
html .formcraft-css .fc-form .form-element .form-element-html textarea:focus{
	border-color:rgba(0,0,0,.1)!important;
}
html .formcraft-css .fc-form .form-element.error-field .form-element-html input[type=password],
html .formcraft-css .fc-form .form-element.error-field .form-element-html input[type=tel],
html .formcraft-css .fc-form .form-element.error-field .form-element-html input[type=text],
html .formcraft-css .fc-form .form-element.error-field .form-element-html select,
html .formcraft-css .fc-form .form-element.error-field .form-element-html textarea{
	border-color:red!important;
}
html .formcraft-css .fc-form .form-element .form-element-html input[type=color]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=date]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime-local]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=datetime]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=email]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=month]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=number]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=password]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=search]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=tel]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=text]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=time]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=url]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html input[type=week]::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html select::placeholder,
html .formcraft-css .fc-form .form-element .form-element-html textarea::placeholder{
	color:var(--title);
	opacity:.5;
}
html .formcraft-css .fc-form .field-cover>span{
	font-weight:400;
	color:var(--title);
}
html .formcraft-css .fc-form .field-cover>span span.main-label,
html .formcraft-css .fc-form .field-cover>span span.sub-label{
    display:inline-block;
    width:auto;
}
html .formcraft-css .fc-form .field-cover>span span.main-label{
    margin-right:20px
}
html .formcraft-css .fc-form .field-cover>span span.sub-label{
    color:var(--title);
    opacity:.4;
    font-style:normal;
    font-size:14px;
}

.formcraft-css input[type=checkbox],
.formcraft-css input[type=radio]{
	background-color:transparent!important;
	border-radius:3px;
	border-color:var(--text);
	transition:all .3s ease;
	outline:none!important;
	margin-right: 10px!important;
    width: 15px!important;
    height: 15px!important;
}
.formcraft-css input[type=checkbox]:checked,
.formcraft-css input[type=radio]:checked{
	border-color:var(--primary)!important;
	outline:none!important;
}
.formcraft-css input[type=checkbox]:before,
.formcraft-css input[type=radio]:before{
	border-color:var(--primary)!important;
}

html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file{
    background-color:transparent!important;
    color:#4C9EFF;
    font-size:14px;
    font-weight:400;
    position:relative;
    background-image:none!important;
    padding:10px 30px;
    width:auto;
    height:auto;
	transition:all .3s ease;
}
html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file::before{
    content:"";
    display:block;
    background-image:url('http://batisol.test/wp-content/uploads/2024/02/attachement.svg');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    width:14px;
    height:14px;
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
}
html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file:hover{
	box-shadow:none!important;
	opacity:.5;
}
html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file .icon-upload-cloud{
	display:none;
}

html .formcraft-css .fc-form .form-element .submit-cover .submit-button{
	background-color: var(--primary)!important;
    border-color: var(--primary)!important;
    color: var(--wit);
    border-radius: var(--form-submit-button-border-radius);
    padding: var(--form-submit-button-p);
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0px;
    width:auto!important;
    height:auto!important;
    font-size:13px;
    transition:all .3s ease;
}
html .formcraft-css .fc-form .form-element .submit-cover .submit-button:hover{
    background-color: var(--secondary)!important;
    border-color: var(--secondary)!important;
    box-shadow:none!important;
}


/* Offerte form */
html .formcraft-css .fc-form.fc-form-2 .form-element .checkbox-cover>div{
	display:flex;
	flex-wrap:wrap;
	margin:0 -10px;
}
html .formcraft-css .fc-form.fc-form-2 .form-element .checkbox-cover>div span.error{
	width:100%;
	padding:0 10px;
}
html .formcraft-css .fc-form.fc-form-1 .form-element .checkbox-cover>div label,
html .formcraft-css .fc-form.fc-form-2 .form-element .checkbox-cover>div label{
	width:50%;
	padding:0 10px;
}


/* ENERGIE AANVRAGEN FORM */
/* Pagination */
html .formcraft-css .fc-pagination{
    display:flex;
    margin:-10px;
    justify-content:space-between;
}
html .formcraft-css .fc-pagination>div{
    width:10%;
    padding:10px;
    display:flex;
    justify-content:center;
}
html .formcraft-css .fc-pagination>div:after{
    border-top:1px solid var(--form-border-grey)!important;
    height: 1px!important;
    z-index: -1;
	transition:all .3s ease;
}
html .formcraft-css .fc-pagination>div:last-child:after{
    width:100px;
}
html .formcraft-css .fc-pagination .page-number{
    margin:0;
    width:30px;
    height:30px;
    border-radius:50%;
    background-color:var(--grey);
    border:1px solid var(--form-border-grey);
    outline:4px solid var(--grey);
    color:var(--form-border-grey);
    line-height:1em;
    font-weight:400;
    font-size:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:none;
    z-index: 151;
    transition:all .3s ease;
}
.formcraft-css .fc-pagination>div.active .page-number,
.formcraft-css .form-cover-builder .fc-pagination>div:first-child .page-number{
    border-color:var(--primary);
    background-color:var(--grey)!important;
    color:var(--primary)!important;
}
html .formcraft-css .fc-pagination .page-name{
    width:auto;
    display:none;
}

/* Form fields */
.formcraft-css .fc-form.fc-form-4 .form-element .field-cover input[type="text"]{
	background-color:var(--wit)!important;
	border-color:var(--form-border-grey)!important;
}

/* Previous / Next buttons */
html .formcraft-css .prev-next{
	box-shadow:none;
}
html .formcraft-css .prev-next>div{
	width:auto;
}
html .formcraft-css .prev-next>div span.page-prev{
	display:none;
}
html .formcraft-css .prev-next>div:last-child{
	border:none;
	text-align:left;
	float:left;
}
html .formcraft-css .prev-next>div .page-next{
	background-color: var(--primary)!important;
    border-color: var(--primary)!important;
    color: var(--wit);
    border-radius: 6px;
    padding: 13px 30px 15px 30px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0px;
    width:auto!important;
    height:auto!important;
    font-size:13px;
    transition:all .3s ease;
}
html .formcraft-css .prev-next>div .page-next:hover{
    background-color: var(--secondary)!important;
    border-color: var(--secondary)!important;
    box-shadow:none!important;
	color:var(--wit)!important;
}
html .formcraft-css .prev-next>div .page-next .formcraft-icon{
	display:none;
}

/* DOWNLOAD EBOOK POPUP */
html .formcraft-css .fc-form.fc-form-5 .form-page-content{
	padding:50px;
}
html body .fc-form-modal .fc_modal-dialog{
	position:absolute;
	top:50%;
	left:50%;
	right:auto;
	transform:translate(-50%, -50%);
	padding:0;
	max-width:50%;
	width:100%;
}
.fc_modal-backdrop{
	background-color:rgba(50,50,50,.6);
}
html .formcraft-css .fc-form .final-success .final-success-check{
	display:none;
}
.download-message-block p{
	margin-bottom:30px;
}



/* ----- GRAVITY FORMS ----- */
.gform_wrapper.gravity-theme .gform_required_legend{
	display:none;
}
.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full),
.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full){
    padding-right:0;
}
.gform_wrapper.gravity-theme .gfield_label{
    margin-bottom:0;
    width:auto;
	font-weight:400;
	color:var(--title);
}
.gform_wrapper.gravity-theme .field_sublabel_above .gfield_description{
    margin-top:0;
    padding-top:0;
	padding-bottom:0;
    color: var(--title);
    opacity: .4;
    font-style: normal;
    font-size: 14px;
}
.gform_wrapper.gravity-theme input[type=color],
.gform_wrapper.gravity-theme input[type=date],
.gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number],
.gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea{
    border-color: transparent !important;
    background-color: #f3f3f3 !important;
    border-radius: 4px;
    color: var(--title);
    transition: all .3s ease;
    padding:10px 15px!important;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label{
	cursor:pointer;
}
.gform_wrapper.gravity-theme .gfield-choice-input[type=checkbox],
.gform_wrapper.gravity-theme .gfield-choice-input[type=radio]{
	background-color:transparent!important;
	border-radius:3px!important;
	border:1px solid var(--text)!important;
	transition:all .3s ease;
	outline:none!important;
	margin-right: 10px!important;
	width: 15px!important;
	height: 15px!important;
	-webkit-appearance:none;
	position:relative;
}
.gform_wrapper.gravity-theme .gfield-choice-input[type=checkbox]:checked,
.gform_wrapper.gravity-theme .gfield-choice-input[type=radio]:checked{
	border-color:var(--primary)!important;
	background-color:transparent!important;
	outline:none!important;
}
.gform_wrapper.gravity-theme .gfield-choice-input[type=checkbox]::before,
.gform_wrapper.gravity-theme .gfield-choice-input[type=radio]::before{
	background: 0 0;
    vertical-align: middle;
    box-sizing: border-box;
    -webkit-font-smoothing: initial;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: initial;
    margin: 0;
    position: absolute;
    color: var(--primary)!important;
    display: none;
    transform-origin: 0 100%;
    content: "";
    left: 5px;
    top: 6px;
    height: 5px;
    width: 10px;
    border-left: 2px solid var(--primary);
    border-bottom: 2px solid var(--primary);
    transform: rotate(-45deg);
    border-radius: 0;
}
.gform_wrapper.gravity-theme .gfield-choice-input[type=checkbox]:checked::before,
.gform_wrapper.gravity-theme .gfield-choice-input[type=radio]:checked::before{
	display:inline-block!important;
}
.gform_wrapper.gravity-theme #field_submit input,
.gform_wrapper.gravity-theme .gform_footer input{
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--wit);
    border-radius: 6px;
    padding: 13px 30px 15px 30px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0px;
    width: auto !important;
    height: auto !important;
    font-size: 13px;
    transition: all .3s ease;
}
.gform_wrapper.gravity-theme #field_submit input:hover,
.gform_wrapper.gravity-theme .gform_footer input:hover{
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
    box-shadow: none !important;
}

.theme-b2b .gform_wrapper .gfield.file-button-clean input[type="file"] {
  color: transparent;
  max-width: 180px;
}

.theme-b2b .gform_wrapper .gfield.file-button-clean input[type="file"]::file-selector-button {
  border: 0;
  background: transparent;
  color: #3b8cff;
  font-weight: 700;
  font-size: 16px;
  font-family: inherit;
  padding: 0 0 0 28px;
  cursor: pointer;
}

.theme-b2b .gform_wrapper .gfield.file-button-clean .ginput_container_fileupload {
  position: relative;
  margin-top: 12px;
}

.theme-b2b .gform_wrapper .gfield.file-button-clean .ginput_container_fileupload::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  pointer-events: none;
  background-color: #3b8cff;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") center / contain no-repeat;
}


/* Popup */
.rw-cta-ebook{
    z-index:9999;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:350;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}
.popup {
  margin: 150px auto;
  padding: 30px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
  z-index:9999999;
}
.popup .close {
  position: absolute;
  top: 10px;
  right: 15px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: 400;
  text-decoration: none;
  color: var(--text);
}
.popup .close:hover{
	color:var(--primary);
}



/* HOME
* --------------------------------------------------
*  Homepage styles
* -------------------------------------------------- */

.home-opener { 
	overflow: hidden; 
	margin-right: var(--home-opener-mr);
    margin-bottom: var(--home-opener-mb);
    margin-left: var(--home-opener-ml);
}

.home-opener p{
    width:50%;
}

.rw-section { padding: var(--rw-section-p); }

/* Home producten */
.rw-home-producten > .section_inner > .wpb_column > .vc_column-inner > .wpb_wrapper{
	padding: var(--rw-home-prod-p);
    background-color: var(--wit);
    margin-top: var(--rw-home-prod-mt);
    border-radius: var(--rw-home-prod-br);
}

.theme-particulier > .rw-home-producten > .section_inner > .wpb_column > .vc_column-inner > .wpb_wrapper .product > .vc_column-inner {
	padding-left: var(--rw-home-prod-pl);
	padding-right: var(--rw-home-prod-pr);
}

.theme-b2b > .rw-home-producten > .section_inner {
	padding-left: var(--rw-home-prod-pl);
	padding-right: var(--rw-home-prod-pr);
}

.theme-b2b .rw-home-producten .product > .vc_column-inner {
    padding-left: 10px;
    padding-right: 10px;
}

.theme-b2b .rw-home-producten .vc_row .vc_column_container .vc_column-inner {
    padding: 0;
}

.theme-b2b .rw-home-producten .product .vc_row {
    margin:0;
}

.rw-home-producten > .section_inner > .product > .vc_column-inner > .wpb_wrapper {
	padding: var(--home-prod-card-p);
	box-shadow: var(--home-prod-card-shadow);
	border-radius: 10px;
}

.rw-home-producten .product .vc_single_image-wrapper img {
	border-radius: var(--home-prod-card-image-border-radius);
}

.rw-home-producten .product .product-icon .vc_single_image-wrapper,
.rw-producten .product .product-icon .vc_single_image-wrapper{
    width:60px;
    height:60px;
}
.rw-home-producten .product .product-icon .vc_single_image-wrapper img,
.rw-producten .product .product-icon .vc_single_image-wrapper img{
    width:60px;
    height:60px;
    object-fit:contain;
    object-position:center bottom;
}
.rw-home-producten .product .popular-item,
.rw-producten .product .popular-item{
	display:inline-block;
	position:relative;
}
.rw-home-producten .product .popular-item::after,
.rw-producten .product .popular-item::after{
	content:"Populair";
	display:block;
	background-color:var(--primary);
	color:var(--wit);
	font-size:11px;
	font-weight:400;
	padding:var(--rw-home-prod-popular-p);
	border-radius:20px;
	position:absolute;
	top:var(--rw-home-prod-popular-top);
	left: var(--rw-home-prod-popular-left);
	right: var(--rw-home-prod-popular-right);
	transform:var(--rw-home-prod-popular-transform);
}

/* Icons */
.icon-md .vc_single_image-wrapper img {
    width:60px;
    height:60px;
    object-fit:contain;
    object-position:center bottom;
}

/* Energie besparen formulier */
.rw-energie-besparen-form .energie-besparen-form-inner > .vc_column-inner > .wpb_wrapper{
    padding:50px;
    border:1px solid var(--form-border-grey);
    border-radius:20px;
    background-color:var(--grey);
}

/* Reviews */
.rw-reviews .vert-center .flux_btn_wrapper{
	text-align:right!important;
}

/* Referenties */
.rw-referenties .vert-center .flux_btn_wrapper{
	text-align:right!important;
}

/* Offerte aanvragen */
.rw-offerte-aanvragen .col-form{
    margin-top:-100px;
}

.theme-b2b .rw-offerte-aanvragen .col-form .vc_column-inner {
    box-shadow:0 0 20px 0 rgba(0,0,0,0.15);
}
.formcraft-css .fc-form.fc-form-2{
    background-color:var(--wit)!important;
    padding:30px!important;
    border-radius:20px;
    box-shadow:0px 4px 95px 0px rgba(0,0,0,.15)!important;
}


/* SUBPAGE
* --------------------------------------------------
*  Subpage styles
* -------------------------------------------------- */


/* ----- BATTERIJ SYSTEMEN ----- */
/* START Row Batterij merken */
.rw-batterij-merken .batterij-merken > .full_section_inner{
    display:flex;
    flex-wrap:wrap;
}
.rw-batterij-merken .batterij-merken .merk > .vc_column-inner,
.rw-batterij-merken .batterij-merken .merk > .vc_column-inner > .wpb_wrapper{
    height:100%;
}
.rw-batterij-merken .batterij-merken .merk > .vc_column-inner > .wpb_wrapper{
    background-color:var(--lightbg);
    border-radius:15px;
}
.rw-batterij-merken .batterij-merken .merk .vc_single_image-wrapper img{
    border-radius:15px 15px 0 0;
    height:250px;
    object-fit:cover;
    object-position:center;
}
.rw-batterij-merken .batterij-merken .merk .merk-naam{
    position:absolute;
    top:10px;
    right:10px;
}
.rw-batterij-merken .batterij-merken .merk .merk-naam p{
    font-size:14px;
    color:var(--wit);
    background-color:var(--primary);
    border-radius:0 10px 10px 10px;
    padding:3px 15px 4px 15px;
}
.rw-batterij-merken .batterij-merken .merk .merk-content{
    padding:20px;
}
/* END Row Batterij merken */


/* ----- CONTACT PAGINA ----- */
.rw-contact .col-locaties .locatie > .full_section_inner > .wpb_column > .vc_column-inner > .wpb_wrapper{
    background-color:var(--primary);
    border-radius:15px;
}
.rw-contact .col-locaties .locatie .vc_single_image-wrapper img{
    border-radius:15px 15px 0 0;
	height:225px;
	object-fit:cover;
	object-position:center;
}
.rw-contact .col-locaties .locatie .locatie-naam{
    margin-top:-30px;
    padding:0 20px;
}
.rw-contact .col-locaties .locatie .locatie-naam p{
    color:var(--wit);
}
.rw-contact .col-locaties .locatie .locatie-content{
    padding:20px;
}
.rw-contact .col-locaties .locatie .locatie-content p,
.rw-contact .col-locaties .locatie .locatie-content p a{
    color:var(--wit);
}
.rw-contact .col-locaties .locatie .locatie-content p a:hover{
	opacity:.7;
}


/* ----- 404 PAGE ----- */
.rw-page-not-found{
    display:flex;
    align-items:center;
    padding:150px 0;
}
.rw-page-not-found h1 .number-page-not-found{
    font-size:8svw;
}
.rw-page-not-found h1 .part-page-not-found{
    font-size:2svw;
}


/* ----- SINGLE PAGES ----- */
.single article .col-content{
	padding:0 30px;
}

/* SINGLE ZONNEPANEEL PAGINA */
.single.single-zonnepaneel .rw-article-content .post-content-image{
    display:flex;
    flex-wrap:wrap;
    margin:0 -30px;
}
.single.single-zonnepaneel .rw-article-content .post-content-image .post-content,
.single.single-zonnepaneel .rw-article-content .post-content-image .post-image{
    width:50%;
    padding:0 30px;
}
.single.single-zonnepaneel .rw-article-content .post-content-image .post-content h3{
    margin-bottom:20px;
    color:var(--primary);
}
.single.single-zonnepaneel .rw-article-content .post-content-image .post-content .flux_btn{
	margin-top:30px;
}

/* SINGLE AIRCO PAGINA */
.single.single-airco .rw-article-content .post-content-image{
    display:flex;
    flex-wrap:wrap;
    margin:0 -30px;
}
.single.single-airco .rw-article-content .post-content-image .post-content,
.single.single-airco .rw-article-content .post-content-image .post-image{
    width:50%;
    padding:0 30px;
}
.single.single-airco .rw-article-content .post-content-image .post-content h3{
    margin-bottom:20px;
    color:var(--primary);
}
.single.single-airco .rw-article-content .post-content-image .post-content .flux_btn{
	margin-top:30px;
}

/* SINGLE POST PAGE */
.single.single-post article .col-content{
	width:80%;
	margin:0 auto;
}
.single.single-post .rw-article-content .post-content-image .post-image{
	width:65%;
}
.single.single-post .rw-article-content .post-content-image .post-content{
	margin-top:30px;
}

/* SINGLE REFERENTIE PAGE */
.single.single-referentie .rw-article-content .post-content-image .post-content{
	margin-top:30px;
}

/* FOOTER
* --------------------------------------------------
*  Footer styles
* -------------------------------------------------- */


footer.wpbf-page-footer,
footer .wpbf-widget-footer{
	background-color:var(--darkbg);
	color:var(--wit);
}
footer.wpbf-page-footer{
	padding:100px 0 50px 0;
}
footer .wpbf-widget-footer{
	padding-bottom:30px;
}
footer .wpbf-widget-footer .wpbf-grid{
	flex-wrap:wrap;
}
footer .wpbf-widget-footer .wpbf-grid .wpbf-footer-widget{
	width:20%;
}
footer .wpbf-widget-footer .wpbf-grid .wpbf-footer-widget-1{
	width:100%;
}
footer .wpbf-widget-footer .wpbf-grid .wpbf-footer-widget-2{
	width:40%;
}
footer .wpbf-widget-footer h4,
footer .wpbf-widget-footer p{
	color:var(--wit);
}
footer .wpbf-widget-footer h4{
	margin-bottom:20px;
	font-size: var(--footer-title-font-size); 
}
footer .wpbf-widget-footer .footer-offerte-aanvraag{
	width:40%;
	margin:0 auto;
	text-align:center;
	padding-bottom:50px;
}
footer .wpbf-widget-footer .footer-offerte-aanvraag h4{
	font-size:2.6svw;
	margin-bottom:10px;
}
footer .wpbf-widget-footer .footer-offerte-aanvraag p{
	margin-bottom:20px;
}
footer .wpbf-widget-footer .footer-newsletter{
	padding:50px 0;
	border-top:1px solid var(--text);
}
footer .wpbf-widget-footer .footer-newsletter .footer-col-inner{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
footer .wpbf-widget-footer .footer-newsletter .footer-logo{
	width:200px;
	height:60px;
	background-image:url('http://batisol.test/wp-content/uploads/2024/01/logo_batisol_light.svg');
	background-size:contain;
	background-position:left center;
	background-repeat:no-repeat;
}
footer .wpbf-widget-footer .footer-newsletter .newsletter{
	flex-grow:1;
	margin-left:50px;
}
footer .wpbf-widget-footer .footer-newsletter .newsletter p{
	margin-bottom:10px;
}
footer .wpbf-widget-footer .footer-newsletter .newsletter .formcraft-css .fc-form .form-page-content{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-right:0;
}
footer .wpbf-widget-footer .footer-newsletter .newsletter .formcraft-css .fc-form .form-element{
	width:auto!important;
}
footer .wpbf-widget-footer .footer-newsletter .newsletter .formcraft-css .fc-form .form-element.form-element-field1{
	flex-grow:1;
}
footer .wpbf-widget-footer .footer-newsletter .newsletter .formcraft-css .fc-form .form-element .form-element-html{
	padding-right:0;
}
footer .wpbf-widget-footer .footer-newsletter .newsletter .formcraft-css .fc-form .form-element.form-element-field1 input{
	padding:var(--form-input-p);
	border:none!important;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
}
footer .wpbf-widget-footer .footer-newsletter .newsletter .formcraft-css .fc-form .form-element .submit-cover .submit-button{
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}

footer #menu-footer-diensten li a,
footer .footer-contact p a,
footer a{
	color:var(--wit);
	font-weight:400;
	text-decoration:none;
}
footer #menu-footer-diensten li a:hover,
footer .footer-contact p a:hover,
footer a:hover{
	color:var(--wit);
	opacity:.7;
}


/* MEDIA QUERIES
* --------------------------------------------------
*  Media query styles
* -------------------------------------------------- */


/* START MAX WIDTH 1280PX */
@media screen and (max-width: 1280px) {
	/* Algemeen */
	.vc_row .section_inner{
		max-width:100%;
		padding:0 80px;
	}
}
/* END MAX WIDTH 1280PX */


/* START MAX WIDTH 1024PX */
@media screen and (max-width: 1024px) {
	/* Header */
	header .wpbf-pre-header{
		display:none;
	}
	header .wpbf-mobile-menu-hamburger .wpbf-mobile-logo-container .wpbf-mobile-logo{
		max-width:200px;
		padding:20px 0;
	}
	.wpbf-mobile-menu a{
		padding:10px 30px;
		color:var(--zwart);
	}
	.wpbf-mobile-menu li.current-menu-item > a{
		color:var(--primary);
	}
	.wpbf-mobile-menu .menu-item-has-children .wpbf-submenu-toggle{
		padding:10px 30px;
	}
	.wpbf-mobile-menu li ul.sub-menu li a{
		padding:10px 30px 10px 60px;
	}
	
	/* Home */
	/*.rw-home-producten > .section_inner > .wpb_column > .vc_column-inner > .wpb_wrapper{
		padding: var(--home-prod-card-p);
	}*/
}
/* END MAX WIDTH 1024PX */


/* START MAX WIDTH 768PX */
@media screen and (max-width: 768px) {
	/* Algemeen */
	.vc_row .section_inner{
		padding:0 50px;
	}
	h1{
		font-size:40px;
		font-size:5.4svw;
	}
	h2,
	.vergelijkingstabel .tabel-heading .tabel-row .tabel-col-titel h3,
	footer .wpbf-widget-footer .footer-offerte-aanvraag h4{
		font-size:30px;
		font-size:3.8svw;
	}
	
	/* Grids & sliders */
	.cpt-list-zonnepaneel .cpt-block-zonnepaneel,
	.cpt-list-airco .cpt-block-airco,
	.cpt-list-referentie .cpt-block-referentie,
	.cpt-list-teamlid .cpt-block-teamlid,
	.cpt-list-post.grid .cpt-block-post{
		width:50%;
	}
	
	/* Home */
	.page-opener h1{
		width:100%;
	}
	.home-opener p{
		width:70%;
	}
	
	/*.rw-home-producten > .section_inner > .wpb_column > .vc_column-inner > .wpb_wrapper{
		padding: var(--home-prod-card-p);
	}*/
	.rw-home-producten .rw-home-producten-inner > .full_section_inner{
		display:flex;
		flex-wrap:wrap;
	}
	.rw-home-producten .home-producten-inner > .full_section_inner > .product{
		width:100%;
	}
	.rw-home-producten .home-producten-inner > .full_section_inner > .product:not(:first-child){
		margin-top:50px;
	}
	
	.rw-offerte-aanvragen > .section_inner > .wpb_column{
		width:100%;
	}
	.rw-offerte-aanvragen > .section_inner > .wpb_column:not(:first-child){
		margin-top:30px;
	}
	
	.cpt-list-post.home-grid{
		display:flex;
		flex-wrap:wrap;
	}
	.cpt-list-post.home-grid .cpt-block-post:nth-child(1) .cpt-image img{
		height:300px;
	}
	
	.rw-cta-ebook > .section_inner > .wpb_column > .vc_column-inner > .wpb_wrapper{
		padding:30px;
	}
	
	/* Zonne-energie */
	.rw-producten .producten-inner .product{
		width:100%;
	}
	.rw-producten .producten-inner .product:not(:first-child){
		margin-top:50px;
	}
	
	.rw-stappen .stappen > .full_section_inner,
	.rw-beloftes .beloftes > .full_section_inner,
	.rw-batterij-merken .batterij-merken > .full_section_inner{
		flex-wrap:wrap;
	}
	.rw-stappen .stappen .stap,
	.rw-beloftes .beloftes .belofte,
	.rw-batterij-merken .batterij-merken .merk{
		width:100%;
	}
	.rw-stappen .stappen .stap:not(:first-child),
	.rw-beloftes .beloftes .belofte:not(:first-child),
	.rw-batterij-merken .batterij-merken .merk:not(:first-child){
		margin-top:30px;
	}
	
	/* Contact */
	.rw-contact > .section_inner > .wpb_column{
		width:100%;
	}
	
	/* Single post page */
	.single.single-post .rw-article-content .post-content-image .post-image{
		width:70%;
	}
	
	/* Single zonnepaneel page */
	.single.single-zonnepaneel .rw-article-content .post-content-image .post-content,
	.single.single-zonnepaneel .rw-article-content .post-content-image .post-image{
		width:100%;
	}
	.single.single-zonnepaneel .rw-article-content .post-content-image .post-image{
		margin-top:30px;
	}
	
	/* Single Airco page */
	.single.single-airco .rw-article-content .post-content-image .post-content,
	.single.single-airco .rw-article-content .post-content-image .post-image{
		width:100%;
	}
	.single.single-airco .rw-article-content .post-content-image .post-image{
		margin-top:30px;
	}
	
	/* Footer */
	footer .wpbf-widget-footer .footer-offerte-aanvraag{
		width:50%;
	}
	footer .wpbf-widget-footer .wpbf-grid .wpbf-footer-widget-2,
	footer .wpbf-widget-footer .wpbf-grid .wpbf-footer-widget{
		width:50%;
	}
	footer .wpbf-widget-footer .wpbf-grid .wpbf-footer-widget-1{
		width:100%;
	}
	
}
/* END MAX WIDTH 768PX */


/* START MAX WIDTH 767PX */
@media screen and (max-width: 767px) {
	/* Algemeen */
	.vc_row > .section_inner > .wpb_column:not(:first-child),
	.vc_row > .full_section_inner > .wpb_column:not(:first-child){
		margin-top:30px;
	}
	.width-80{
		width:100%;
	}
	
	/* Grids & sliders */
	.cpt-list-referentie .cpt-block-referentie{
		width:50%;
	}
	.klant-logos .logo{
		width:25%;
	}
	.cpt-list-fiche .cpt-block-fiche .cpt-block-inner{
		flex-wrap:wrap;
	}
	.cpt-list-fiche .cpt-block-fiche .cpt-title,
	.cpt-list-fiche .cpt-block-fiche .download-btn{
		width:100%;
		padding:0 15px;
		text-align:left;
	}
	.cpt-list-fiche .cpt-block-fiche .download-btn{
		margin-top:10px;
	}
	
	/* Home */
	.home-opener p,
	.page-opener p{
		width:100%;
	}
	/*.rw-home-producten > .section_inner > .wpb_column > .vc_column-inner > .wpb_wrapper{
		padding:50px 30px;
	}*/
	.row-stats .vc_column-inner {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.vc_row.row-stats > .full_section_inner > .wpb_column:not(:first-child) {
		margin-top: 10px;
	}
	
	/* Omvormers */
	.cpt-list-omvormer .cpt-block-omvormer .cpt-block-inner .cpt-content,
	.cpt-list-omvormer .cpt-block-omvormer .cpt-block-inner .cpt-image{
		width:100%;
	}
	.cpt-list-omvormer .cpt-block-omvormer .cpt-block-inner .cpt-image{
		padding-top:0;
	}
	
	/* Single referentie page */
	.single.single-referentie .rw-article-content .post-content-image .post-video{
		padding-bottom: 56.25%;
		padding-top: 0px;
		overflow: hidden;
		position:relative;
	}
	.single.single-referentie .rw-article-content .post-content-image .post-video iframe{
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		margin: 0;
		top: 0;
		left: 0;
		box-sizing: border-box;
	}
	
	/* Single post page */
	.single.single-post .rw-article-content .post-content-image .post-image{
		width:100%;
	}
}
/* END MAX WIDTH 767PX */


/* START MAX WIDTH 600PX */
@media screen and (max-width: 600px) {
	.acf-map .gm-style-iw-d .marker-content .marker-image img{
		height:150px;
	}
}
/* END MAX WIDTH 600PX */


/* START MAX WIDTH 480PX */
@media screen and (max-width: 480px) {
	/* Algemeen */
	.vc_row .section_inner{
		padding:0 30px;
	}
	
	h1{
		font-size:30px;
		font-size:7.4svw;
	}
	h2,
	.rw-cta .rw-cta-inner h4,
	.vergelijkingstabel .tabel-heading .tabel-row .tabel-col-titel h3,
	footer .wpbf-widget-footer .footer-offerte-aanvraag h4{
		font-size:24px;
		font-size:5.8svw;
	}
	
	.popup{
		width:90%;
	}
	
	/* Grids & sliders */
	.klant-logos .logo{
		width:50%;
	}
	.cpt-list-referentie .cpt-block-referentie,
	.cpt-list-zonnepaneel .cpt-block-zonnepaneel,
	.cpt-list-airco .cpt-block-airco,
	.cpt-list-referentie .cpt-block-referentie,
	.cpt-list-teamlid .cpt-block-teamlid,
	.cpt-list-post.grid .cpt-block-post{
		width:100%;
	}
	
	.acf-map{
		height:80vh;
	}
	
	/* Forms */
	html .formcraft-css .fc-form.fc-form-1 .form-element .checkbox-cover>div label,
	html .formcraft-css .fc-form.fc-form-2 .form-element .checkbox-cover>div label{
		width:100%;
	}
	
	/* Home */
	.theme-b2b .vc_row.home-opener .section_inner{
		padding:0;
	}
	
	.theme-b2b .rw-home-producten .product > .vc_column-inner {
		padding-left: 30px; 
		padding-right: 30px; 
	}
	.rw-reviews .ti-widget.ti-goog .ti-controls .ti-prev{
		left:-25px;
	}
	.rw-reviews .ti-widget.ti-goog .ti-controls .ti-next{
		right:-25px;
	}
	
	.rw-cta .rw-cta-inner{
		padding:50px 0;
	}
	.rw-cta .rw-cta-inner h4{
		width:100%;
	}
	
	.vergelijkingstabel .tabel-heading .tabel-row,
	.vergelijkingstabel .tabel-body .tabel-row{
		flex-wrap:wrap;
	}
	.vergelijkingstabel .tabel-body .tabel-row:nth-child(odd){
		background-color:transparent;
	}
	.vergelijkingstabel .tabel-heading .tabel-row .tabel-col,
	.vergelijkingstabel .tabel-body .tabel-row .tabel-col{
		width:50%;
	}
	.vergelijkingstabel .tabel-heading .tabel-row .tabel-col-titel,
	.vergelijkingstabel .tabel-body .tabel-row .tabel-col-titel{
		width:100%;
	}
	
	/* Footer */
	footer .wpbf-widget-footer .footer-offerte-aanvraag{
		width:100%;
	}
	footer .wpbf-widget-footer .wpbf-grid .wpbf-footer-widget-2,
	footer .wpbf-widget-footer .wpbf-grid .wpbf-footer-widget,
	footer .wpbf-widget-footer .wpbf-grid .wpbf-footer-widget-1{
		width:100%;
	}
	.wpbf-widget-footer .wpbf-footer-widget{
		margin-bottom:50px;
	}
	.wpbf-widget-footer .wpbf-footer-widget.wpbf-footer-widget-1,
	.wpbf-widget-footer .wpbf-footer-widget.wpbf-footer-widget-5{
		margin-bottom:20px;
	}
	footer .wpbf-widget-footer .footer-newsletter .newsletter{
		margin-left:0;
	}
}
/* END MAX WIDTH 480PX */


/* START MAX WIDTH 320PX */
@media screen and (max-width: 320px) {
	/* Algemeen */
	.vc_row .section_inner{
		padding:0 20px;
	}
}
/* END MAX WIDTH 320PX */


/* START MIN WIDTH 1500PX */
@media screen and (min-width: 1500px) {
	/* Algemeen */
	h1,
	.rw-cta .rw-cta-inner h4{
		font-size:50px;
	}
	h2,
	.vergelijkingstabel .tabel-heading .tabel-row .tabel-col-titel h3{
		font-size:40px;
	}
}
/* END MIN WIDTH 1500PX */
