/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



.e-con-boxed.e-parent { /* Elementor desktop */
	padding-left: 30px;
	padding-right: 30px;
	/* background-color: rgba(255, 33, 33, 0.185); */
}
.paddingUitzondering {
    padding-left:30px;
    padding-right:30px;
}
.padding-LR_Geen {
	padding-left:0px !important;
	padding-right:0px !important;	
}

body {
	position:relative;
	
}
.pMarginBottom-0 p {
	margin-bottom:0px;
}
.swiperPaginationBullet .swiper-pagination-bullet {
	opacity: 1 !important;
}
.swiperPaginationBullet .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--e-global-color-primary);
}
.loopItemTekst  p {
	color: var(--e-global-color-text); 
}
.loopItemTekst:hover .elementor-heading-title {
	color: var(--e-global-color-primary) !important;
}
.txtNoWrap {
text-wrap-mode: nowrap;
}

/*	In de Elementor edit omgeving zie je in de header in de [Navigator] 'T viewport melder' staan.
	Dit is een hulpmiddel om bij de ontwikkeling meteen te zien in welke viweport je zit.
	Kan HIER altijd worden uitgezet door uit te commentarieren*/
body .viewPortMelder {
	top: -100px;
	position: fixed;
	background-color:red;
	z-index:1;
	left:0px;
	line-height:17px;
	height:23px;
}
body:hover .viewPortMelder {
	top: 40px;
}
body .viewPortMelder:after {
	content:"D";
	color:#ffffff;
	padding:2px 0px 0px;
	font-size:20px;
	line-height:17px;
	font-weight:900;
	right:-20px;
	position: absolute;
	background-color:red;
	height:23px;
	width:25px;
	top:0px;
}
.f12-captcha.template-1 .c-data {
	display: flex;
	align-items: center;
}
.f12-captcha.template-1 .c-reload a {
	background-color: var(--e-global-color-accent);
}
.f12-captcha.template-1 .c-reload a img{
	filter: invert(1);
}
.f12-captcha.template-1 .c-reload a:hover {
	background-color: var( --e-global-color-primary );
}

@media (max-width:1024px) { /* Elementor tablet viewport */
	body .viewPortMelder:after {
		content:"T";
	}
}

@media (max-width:767px) { /* Elementor mobile viewport */
	body .viewPortMelder:after {
		content:"M";
	}
}
/**/

.elementor-widget-text-editor p:last-of-type {
	margin-bottom:0px;
}
.elementor-widget-text-editor ul li::marker,
	.elementor-widget-text-editor ol li::marker {
	color: var(--e-global-color-primary);
}

@media (min-width:1025px) {
	.menuHeader {
		position: relative;
		right: -12px;
		transition: 0.5s;
	}
	.menuHeader:hover {
		right: 0px;
	}.menuHeader {
		position: relative;
		right: 0px;
		transition: 0.5s;
	}
	.menuHeader:hover {
		right: 0px;
	}
}

@media (max-width:1024px) { /* Elementor tablet viewport */
	.e-con-boxed.e-parent {
		padding-left: 30px;
		padding-right: 30px;
		/* background-color: rgb(0, 0, 0); */
	}
	.paddingUitzondering {
		padding-left:30px;
		padding-right:30px;
	}	
	body .viewPortMelder:after {
		content:"T";
	}
	.brWeg br {
	display: none;
	}  
}

@media (max-width:767px) { /* Elementor mobile viewport */
	.e-con-boxed.e-parent {
		 padding-left: 20px;
		 padding-right: 20px;
		 /* background-color: rgb(99, 199, 137); */
	}
	.paddingUitzondering,
	.paddingMobielUitzondering {
		padding-left:20px;
		padding-right:20px;
	}	
	.padding-LR_Geen {
		padding-left:0px !important;
		padding-right:0px !important;	
	}	
	
	body .viewPortMelder:after {
		content:"M";
	}
}

@media (min-width: 1440px) {
/* Dit maakt in de popup van het template overzicht in de editor de eerste kolom 40% breed ipv de standaard 25% */
.elementor-templates-modal .dialog-widget-content {
        max-width: 1660px !important;
    }
.elementor-template-library-local-column-1 {
		min-width: 40% !important;
	}
}
.elementor-template-library-template-name.elementor-template-library-local-column-1{
	background:lime !important;
}

.logoHeader .elementor-icon svg {
    height: 56px;
	transition: height 0.7s ease;

}

.menuHeader ul li a.elementor-item {
	padding-top: 32px;
    padding-bottom: 32px;
	transition: padding 0.7s ease;

}
/* Logo SVG styles */
.header-initial-logo { height: 56px !important; transition: height 0.2s; }
.header-scrolled-logo { height: 30px !important; transition: height 0.2s; }

/* Menu link styles */
.header-initial-link { padding-top: 32px !important; padding-bottom: 32px !important; transition: padding 0.2s; }
.header-scrolled-link { padding-top: 6px !important; padding-bottom: 6px !important; transition: padding 0.2s; }

.loop-item-carroussel-project {
	padding: 0 !important;
}
.loop-item-carroussel-project .button,
.loop-item-carroussel-project .button:hover {
	background-color: #78B82C;
    border-style: none;
    border-radius: 0px 0px 0px 0px;
    padding: 8px 8px 8px 8px;
}

.loop-grid-projecten .e-loop-item:last-child .loop-item-divider-projecten {
	display: none;
}
.colorBlauwIsAccent {
	color: var(--e-global-color-accent);
}