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

html, body {
	overflow-x: hidden;
	max-width: 100%;
}

.header-container {
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.header-nav .menu-item {
	margin: 5px 0;
	display: flex;
	justify-content: flex-end;
}

.header-nav .menu-item a {
	background: white;
	border-radius: 300px;
	transition: 300ms all;
}

.header-nav .menu-item:last-item a {
	background: none;
}

.header-nav .menu-item a:hover, .header-nav .menu-item.current-menu-item a {
	background: var(--e-global-color-primary);
}

.header-nav .menu-item:last-child a {
	font-weight: 600 !important;
}

.btn-hover-icon-white:hover svg path {
	fill: white;
}

.footer-copyright .elementor-nav-menu>li:not(:last-child):after {
	content: '/';
	height: auto;
	border: none;
	font-size: 10px;
}

.form-light textarea {
	padding: 10px !important;
	border-radius: 10px !important;
}

.customers-slider .swiper-wrapper {
	width: 100%;
	animation: scroll-left 130s linear infinite;
}

@keyframes scroll-left {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}

.number-counter{
	display:flex;
	align-items:center;
	background:#fff;
	border-radius:600px;
	width:max-content;
	border: 3px solid #1A2A40;
	padding: 0 16px;
	height:46px;
	box-shadow: 0 0 10.3px 6px rgba(0, 0, 0, 0.66) inset;
}

.digit {
	width:30px;
	height:40px;
	overflow:hidden;
	text-align:center;
	border-left: 2px solid #1A2A40;
	display:flex;
	justify-content:center;
}

.digit:first-child{ border-left:none; }

.roller {
	transition: transform 1.2s ease-out;
	will-change: transform;
}

.roller div {
	height: 40px;
	line-height:40px;
	font-size:30px;
	font-weight:600;
	color:#f7941d;
	font-family:"Britti Sans Trial";
	transform: translateY(1px);
}

.number-counter.big {
	padding: 0 32px;
	height: 85px;
	justify-content: center;
}

.number-counter.big .digit {
	width: 50px;
	height: 50px;
}

.number-counter.big .roller div {
	height: 50px;
	line-height: 50px;
	font-size: 46px;
}

.containter-pakketten-knop .btn-pakketten, .containter-pakketten-knop {
	transition: all 300ms;
	position: relative;
	right: 0;
	transition: all 300ms;
}

.containter-pakketten-knop:hover .btn-pakketten {
	right: 20px;
}

.hero-section{
	position: relative;
	overflow: hidden;
	height: 100vh;
}

.slide-2, .slide-3, .slide-4, .hero-counter {
	opacity:0;
}

/* Lijstweergave */
.geluksmomenten-container.is-list {
	background: var(--e-global-color-secondary);
}

.geluksmomenten-container.is-list .color-switch {
	background: #66707f !important;
	border-color: #66707f !important;
}

.geluksmomenten-container.is-list .geluksmomenten-loop .elementor-loop-container {
	grid-template-columns: repeat(1, 1fr);
}

.geluksmomenten-container.is-list .btn-grid {
	display: block;
}

.geluksmomenten-container.is-list .geluksmoment-container {
	border-radius: 1520px;
}
.geluksmomenten-container.is-list .geluksmoment-container >.e-con-inner {
	flex-direction: row;
}

.geluksmomenten-container .geluksmoment-container .geluksmoment-img:before {
	transition: none;
}

.geluksmomenten-container.is-list .geluksmoment-container .geluksmoment-img, .geluksmomenten-container.is-list .geluksmoment-container .geluksmoment-img:before {
	max-width: 350px;
	border-radius: 1520px;
}

.geluksmomenten-container.is-list .btn-list {
	display: none;
}

.geluksmomenten-container #meer-geluksmomenten .elementor-button-icon {
	background: #1A2A40;
	border-radius: 50%;
	height: 40px;
	width: 40px;
}
.geluksmomenten-container #meer-geluksmomenten .elementor-button-content-wrapper {
	align-items: center;
	gap: 15px;
}

.geluksmomenten-container #meer-geluksmomenten .elementor-button-icon:before {
	background-image: url('/wp-content/themes/hello-theme-child-master/assets/images/meer-geluksmomenten.svg');
	background-size: 20px;
	background-position: center;
	content: '';
	height: 40px;
	width: 40px;
	background-repeat: no-repeat;
}

.geluksmomenten-container #meer-geluksmomenten .elementor-button-icon svg {
	display: none;
}

.blauw:before {
	background-image: linear-gradient(275deg, #FFFFFF00 30%, var(--e-global-color-secondary) 100%) !important;
}

.roze:before {
	background-image: linear-gradient(275deg, #FFFFFF00 30%, #E1477D 100%) !important;
}

.groen:before {
	background-image: linear-gradient(275deg, #FFFFFF00 30%, #54B398 100%) !important;
}

.pakket-container {
	position: relative;
	overflow: hidden;
}

.pakket-container .pakket-hover {
	opacity: 0;
	transition: opacity 0.25s ease;
}

.pakket-container:hover .pakket-hover {
	opacity: 1;
}

[id^="vaste-hand"], [id^="stevige-handdruk"], [id^="high-five"] {
	scroll-margin-top: 100px;
}

.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:where(:has(input:checked))::after, .gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
	background-color: var(--e-global-color-primary);
}

.text-orange {
	color: var(--e-global-color-primary);
}

.text-underline-secondary {
	text-decoration: underline var(--e-global-color-secondary);
}

.hero-section { position: relative; z-index: 1; overflow: hidden; }
.normal-site  { position: relative; z-index: 2; }

.icon-zoom .elementor-icon-box-icon {
	animation: iconZoom 2.5s ease-in-out infinite;
}

@keyframes iconZoom {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.15);
	}
	100% {
		transform: scale(1);
	}
}

.hero-section {
	position: relative;
	height: calc(100vh - 120px);
	min-height: calc(100vh - 120px);
	overflow: hidden;
}

.slide-1,
.slide-2,
.slide-3,
.slide-4 {
	position: absolute !important;
	inset: 0;
	height: calc(100vh - 120px);
	min-height: calc(100vh - 120px);
}

.slide-1,
.slide-2,
.slide-3,
.slide-4,
.hero-counter {
	will-change: transform, opacity;
}

.icon-with-tooltip .eael-tooltip {
	content: '';
	background-image: url('/wp-content/uploads/2026/01/logo-icon.svg');
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center left;
}

.icon-with-tooltip .eael-tooltip p {
	margin: 0;
}

@media (max-width: 767px) {
	.hero-section {
		height: calc(100vh - 90px);
		min-height: calc(100vh - 90px);
	}

	.slide-1,
	.slide-2,
	.slide-3,
	.slide-4 {
		height: calc(100vh - 90px);
		min-height: calc(100vh - 90px);
	}

	.slide-1,
	.slide-2,
	.slide-3,
	.slide-4,
	.hero-counter {
		will-change: auto;
	}

	.form-aanmelden .ginput_container_image_choice .gfield_radio {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.form-aanmelden .gfield-choice-image-wrapper {
		border-radius: 500px !important;
		height: 250px;
		width: 100%;
	}
	.form-aanmelden .gfield--type-image_choice .gfield-image-choice-wrapper-inner {
		left: 100px !important;
	}

	.form-aanmelden img {
		object-fit: cover;
		width: 100%;
	}
}