/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/* General styles */

/* GDPR Cookie Consent styles */

#cookie-law-info-bar {
	padding: 2.5rem 5vw!important;
}
.cli-modal-content.cli-bar-popup {
	border-radius: 1rem!important;
	padding: 2.5rem!important;
}
.cli-style-v2.cli-bar-container {
	gap: 2.5rem!important;
}
.cli_messagebar_head {
	color: var(--e-global-color-primary)!important;
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif!important;
	font-size: var(--e-global-typography-secondary-font-size)!important;
	margin: 0!important;
	background: var(--e-global-color-df4102a)!important;
}
.cli-bar-message {
	-webkit-box-flex: 8!important;
	    -ms-flex: 8!important;
	        flex: 8!important;
	width: auto!important;
}
.cli-bar-message, .cli-privacy-content-text, .cli-nav-link {
	color: var(--e-global-color-text)!important;
	font-family: var( --e-global-typography-text-font-family ), Sans-serif!important;
	font-size: var(--e-global-typography-text-font-size)!important;
	margin: 0em!important;
	line-height: var(--e-global-typography-text-line-height)!important;
}
.cli-nav-link {
	margin: 0!important;
}
.cli-bar-btn_container {
	        -webkit-box-pack: start;
	            -ms-flex-pack: start;
	                justify-content: flex-start;
    -webkit-box-flex: 4;
        -ms-flex: 4;
            flex: 4;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
	gap: 1rem!important;
}

#wt-cli-accept-all-btn, #wt-cli-privacy-save-btn, .cli_settings_button {
	margin: 0!important;
	color: var(--e-global-color-df4102a)!important;
	font-family: var( --e-global-typography-text-font-family ), Sans-serif!important;
	font-size: var(--e-global-typography-text-font-size)!important;
	padding: 0.75em 2em!important;
	background: var(--e-global-color-secondary)!important;
	border-radius: 0.5em!important;
	border: 1px solid var(--e-global-color-secondary)!important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
#wt-cli-accept-all-btn:hover, #wt-cli-privacy-save-btn:hover {
	color: var(--e-global-color-text)!important;
	background: var(--e-global-color-df4102a)!important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.cli_settings_button {
	background: transparent!important;
	color: var(--e-global-color-text)!important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.cli_settings_button:hover {
	background: var(--e-global-color-secondary)!important;
	color: var(--e-global-color-df4102a)!important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

/* Cookie voorkeuren beheren */
.cli-privacy-overview h4 {
	color: var(--e-global-color-secondary)!important;
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif!important;
	font-size: var(--e-global-typography-secondary-font-size)!important;
	margin: 0!important;
	background: var(--e-global-color-df4102a)!important;
}
.cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
	max-height: unset;
	overflow: auto;
	padding: 0.75rem 0 2rem 0!important;
}
.cli-privacy-readmore {
	display: none!important;
}

.cli-tab-header {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0em!important;
	background-color: unset!important;
}
.cli-tab-section:not(:last-child) {
	margin-bottom: 1rem!important;
}
.cli-tab-section:not(:first-child) {
	margin-bottom: 1rem!important;
}
.cli-tab-header > a {
	text-decoration: underline;
}
.cli-switch, .cli-slider {
    min-height: 1.5em!important;
}
.cli-switch .cli-slider:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.cli-tab-content {
	padding: 0!important;
}

.wt-cli-cookie-description {
	color: var(--e-global-color-text)!important;
	font-family: var( --e-global-typography-text-font-family ), Sans-serif!important;
	font-size: 0.875em!important;
	margin: 1rem 0!important;
}

.cli-necessary-caption {
	content: "Altijd actief"!important;
}
.cli-switch label:after {
	display: none!important;
}

.cli-switch input:checked + .cli-slider {
	background: var(--e-global-color-secondary)!important;
}

#cliModalClose {
	background: var(--e-global-color-secondary)!important;
	-webkit-transform: translate(40%, -40%);
	    -ms-transform: translate(40%, -40%);
	        transform: translate(40%, -40%);
	width: 2.75rem!important;
    height: 2.75rem!important;
	border: 1px solid var(--e-global-color-secondary)!important;
}

#cliModalClose:hover {
	background: #fff!important;
	border: 1px solid var(--e-global-color-secondary)!important;
}


.cli-modal-close svg {
    fill: #fff!important;
}

#cliModalClose:hover svg {
    fill: var(--e-global-color-secondary)!important;
}
.cli-tab-header a:before {
    width: 1em!important;
    height: 1em!important;
    content: "";
    -webkit-transform: rotate(180deg)!important;
        -ms-transform: rotate(180deg)!important;
            transform: rotate(180deg)!important;
    background-color: currentColor;
	mask: url(/wp-content/uploads/2021/10/chevron-up.svg);
    	-webkit-mask: url(/wp-content/uploads/2021/10/chevron-up.svg);
	mask-repeat: no-repeat;
    	-webkit-mask-repeat: no-repeat;
	mask-position: center;
    	-webkit-mask-position: center;
	mask-size: contain;
    	-webkit-mask-size: contain;
    margin-right: 0.5em;
	border: unset!important
}
.cli-tab-header.cli-tab-active .cli-nav-link:before {
    -webkit-transform: rotate(0deg)!important;
        -ms-transform: rotate(0deg)!important;
            transform: rotate(0deg)!important;
}

@media (max-width: 1024px) {
	.cli-bar-btn_container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		-webkit-box-flex: 2;
		    -ms-flex: 2;
		        flex: 2;
	}
}

@media (max-width: 767px) {
	.cli-style-v2.cli-bar-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	.cli-bar-btn_container {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
	}
	.cli-style-v2.cli-bar-container {
		gap: 1.5rem!important;
	}
	.cli-style-v2.cli-bar-container {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.cli-modal-content.cli-bar-popup {
		padding: 1rem!important;
		border-radius: 1.4rem!important;
	}
	.cli-modal-dialog {
		margin: 0!important;
	}
	#cliModalClose {
		transform: translate(0%, 0%)!important;
	}
}
/* END COOKIE Styling */


section.elementor-section-boxed:not(.elementor-inner-section) {
    padding-left: 5vw!important;
    padding-right: 5vw!important;
}
.elementor-widget-text-editor > div > p:last-of-type {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
	section.elementor-section-boxed:not(.elementor-inner-section) {
		padding-left: 2.5rem!important;
		padding-right: 2.5rem!important;
	}
}

@media (max-width: 767px) {
	section.elementor-section-boxed:not(.elementor-inner-section) {
		padding-left: 0.75rem!important;
		padding-right: 0.75rem!important;
	}
}