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

html {
scroll-behavior: smooth;
}
.privacy-secs {
scroll-margin-top: 150px !important;
transition: background-color 0.3s ease; /* Smooth fade for the background */
border-radius: 20px;
padding: 20px;
}
.privacy-secs.active-content {
background-color: #f3fbf9 !important;
}
.privacy-secs.active-content h2 {
color: #10b981 !important;
font-size: 42px !important;
}
.policy-sidebar {
position: -webkit-sticky;
position: sticky;
top: 170px;
z-index: 99;
}
.policy-sidebar .elementor-icon-list-item.active-item {
background-color: #f1fbf7 !important;
}
.policy-sidebar .elementor-icon-list-item.active-item a::before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: 10px;
color: #00b67a;
font-size: 14px;
}
.policy-sidebar .elementor-icon-list-item.active-item .elementor-icon-list-text {
color: #00b67a !important;
font-weight: 600;
}

@media (max-width: 767px) {
	.privacy-secs h2 , .privacy-secs.active-content h2 {
    font-size: 28px !important;
}
}
#cont-info-sec {
    overflow: hidden;
}

.cont-img-box a {
    color: #10b981;
    font-weight: bold;
    text-decoration: none;
}
.gt_switcher {
   width: 135px !important;
}
.gt_selected a {
	width: unset !important;
}
.hfe-menu-item.elementor-button {
    color: #fff !important;
    transition: .3s ease-in-out;
}

.hfe-menu-item.elementor-button:hover {
    color: #fff !important;
    transform: scale(1.05);
}


@media (max-width: 1150px) {
.tk-nav .elementor-element-7c5ddc5 {
    width: 15% !important;
}

.tk-nav .elementor-element-d5f0721 {
    width: 85% !important;
}
		ul#menu-1-c0683a6 {
    margin: 0;
	width: 100%;
}
	.hfe-nav-menu__layout-horizontal {
    justify-content: right;
}
	.mobile-menu {
    display: flex;
}

} 

.link-text a {
    color: #10b981;
}
/* 1. Base Section Setup */
.page-id-271 {
	overflow: hidden;
}
    /* 2. Ensure content stays above particles */
    #error-page-section > .e-con-inner,
    #error-page-section > .e-con,
    #error-page-section > .elementor-widget-wrap {
        position: relative !important;
        z-index: 5 !important;
    }

    /* 3. The Particle Style (Soft & Muted) */
    .oeps-particle {
        position: absolute;
        background-color: #10B981; /* The exact color from your image */
        border-radius: 50%;
        pointer-events: none;
        z-index: 1;
        opacity: 0;
        transition: opacity 1s ease-in;
    }

    /* 4. Smooth Wandering Animation */
    @keyframes wander {
        0% {
            transform: translate(0, 0);
        }
        33% {
            transform: translate(30px, -50px);
        }
        66% {
            transform: translate(-20px, 20px);
        }
        100% {
            transform: translate(0, 0);
        }
    }

@media (max-width: 1024px) {
.mbl-menu {
    width: 100%;
    max-width: 40px !important;
}
} 
@media (max-width: 375px) {
	.elementor-element-18f22c5 {
    text-align: center !important;
}
	.elementor-element-18f22c5 img {
    width: 100% !important;
    margin-bottom: 20px;
    max-width: 250px !important;
}
	.elementor-element-7c5ddc5, .elementor-element-d5f0721 {
		width: 100% !important;
	}
	.elementor-element-d5f0721 {
		justify-content: space-between !important;
	}
}

.global-cf .cf7-simple {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.global-cf .field {
    flex: 0 0 calc(50% - 10px);
	margin-bottom: 0 !important;
}

.global-cf .field:has(+ .submit-btn),
.global-cf .submit-btn {
    flex: 0 0 100%;
}
.global-cf .cf7-simple label {
    margin-bottom: 0 !important;
}
.global-cf .cf7-simple input, .global-cf .cf7-simple textarea {
    background: #f1f1f1;
}
.global-cf .cf7-simple .submit-btn input {
    margin-top: 0;
}
.global-cf span.wpcf7-spinner {
    display: none;
}
.sitemap-sec .elementor-icon-list-items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px 20px;
}
.page-header {
    display: none;
}

.owner-info .contp .elementor-icon-box-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.owner-slog {
	margin-top: auto;
}

/* Only for this page/container */
.cform-cont .cf7-simple{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.cform-cont .cf7-simple p{
    margin:0;
}

.cform-cont .cf7-simple br{
    display:none;
}

.cform-cont .cf7-simple .field{
    margin:0;
}

.cform-cont .cf7-simple .field:nth-of-type(1){
    grid-column:1;
}

.cform-cont .cf7-simple .field:nth-of-type(2){
    grid-column:2;
}

.cform-cont .cf7-simple .field:nth-of-type(3){
    grid-column:1;
}

.cform-cont .cf7-simple .field:nth-of-type(4){
    grid-column:2;
}
.cform-cont .cf7-simple .field:nth-of-type(5){
    grid-column:1 / -1;
}

.cform-cont .cf7-simple .submit-btn{
    grid-column:1 / -1;
}
.cform-cont .submit-btn input {
    margin: 0 !important;
}
.cform-cont .wpcf7-spinner{
	display: none;
}
.cform-cont label {
	color: #fff;
}
.cform-cont .submit-btn input {
    background: #10b981 !important;
}
.tarieven .transport-form {
    background: unset !important;
}

.tarieven .transport-form .overflow-auto {
	padding: 0 !important;
}
/* Mobile */
@media (max-width:500px){
.cform-cont .cf7-simple, .owner-info .contp .elementor-icon-box-content {
    display: unset;
}
	.cform-cont .field {
    margin-bottom: 1.5rem !important;
}
}
/* Mobile */
@media (max-width: 768px) {
    .global-cf .field,
    .global-cf .submit-btn {
        flex: 0 0 100%;
    }
}