/* 
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 */

/* Algemeen */

.elementor-editor-active .elementor-button {
	pointer-events: none !important;
}

.elementor-heading-title, .page-title, .elementor-button {
    overflow: hidden !important;
}
.page-title, .page_title {
    line-height: 0;
}

.elementor-widget-icon-box a:after {
	content: ""; 
	display: block !important; 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0;
	right: 0; 
	z-index: 1; 
}

.elementor-icon:focus-visible {
	outline: none !important;
}
.elementor-widget-text-editor ul {
	padding-left: 25px;
	margin-bottom: 15px;
}
.elementor-widget-text-editor ol {
	padding-left: 25px;
}
.elementor-widget-text-editor ol li p,
.elementor-widget-text-editor ul li p {
	margin-bottom: 0;
}

img.skip-lazy {
	object-fit: cover;
	height: 350px;
}
.bafg-twentytwenty-container {
	height: 350px !important;
}
.twentytwenty-container {
	border-radius: 30px !important;
}

.btn_arrow_icon .elementor-button-icon {
	rotate: -50deg;
	transition: .5s ease;
}
.btn_arrow_icon:hover .elementor-button-icon {
	rotate: 0deg;
	transition: .5s ease;
}
.elementor-icon-box-title a {
    word-break: break-all;
}

.elementor-widget-text-editor p {
    word-break: break-word;
}

/* EIND */

/* CUSTOM BTNS */
/** RIPPLE **/
.page-id-19 .ripple-effect {
	position: absolute;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.6);
	transform: scale(0);
	animation: ripple-animation 600ms linear;
	pointer-events: none;
}
@keyframes ripple-animation {
	to {
		transform: scale(4);
		opacity: 0;
	}
}
/** EIND **/
/** BG Track **/
.page-id-19 .elementor-button, .page-id-19 .socials_header .elementor-social-icon {
    position: relative !important;
    overflow: hidden !important;
    z-index: 0 !important;
    background-color: #DE0E47 !important;
    color: #fff !important;
    transition: color 0.3s ease !important;
}
.page-id-19 .elementor-button::before, .page-id-19 .socials_header .elementor-social-icon::before {
    content: '' !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    border-radius: 50% !important;
    background-color: #73C5DA !important;
    pointer-events: none !important;
    transform: translate(-50%, -50%) !important;
    transition: width 0.4s ease-out, height 0.4s ease-out !important;
    z-index: -1 !important;
    top: var(--hover-top, 50%) !important;
    left: var(--hover-left, 50%) !important;
}
.page-id-19 .elementor-button.hover-active::before, .page-id-19 .socials_header .elementor-social-icon.hover-active::before {
    width: var(--hover-d, 200px) !important;
    height: var(--hover-d, 200px) !important;
}
.page-id-19 .elementor-button-content-wrapper {
    position: relative !important;
    z-index: 1 !important;
}

.page-id-19 .elementor-field-type-submit .elementor-button::before {
    background-color: var( --e-global-color-f20e002 ) !important; /* donkerdere versie van #73C5DA */
}

/** EIND **/
/* EIND */

/* RESPONSIVE */

@media (max-width: 767px) {
	.elementor-element {
		--widgets-spacing: 20px 20px;
		--widgets-spacing-row: 20px;
		--widgets-spacing-column: 20px;
	}
	.txt-kader-col {
		background-color: transparent !important;
		border: 0px solid !important;
		padding: 0 !important;
		--row-gap: 0px !important;
	}
	.txt-kader-col p {
		display: none !important;
	}
}

/* EIND */