/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

html {
    overflow:auto;
}
body {
    overflow:hidden;
}
ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
    border-left:none !important;
}

/*== Sticky header ==*/
/* Changes the header to not be sticky when editing (doesn't show in the front end) */
body.elementor-editor-active #stickyheader {
    margin-bottom:0px !important;
}
/* sticky padding*/
#stickyheader {
    transition: all 0.5s ease;
}
#stickyheader.elementor-sticky--effects #menusection {
    padding-top:8px;
    padding-bottom:8px;
    background-color:rgba(255, 255, 255, 0.8) !important;
    box-shadow:0 0 5px rgba(0,0,0,0.5);
}
/* --- LOGO ---- */
/* Logo sizing before sticky */
.logo img {
    max-height:200px;
    transition: all 0.8s ease;
}
/* Logo sizing after sticky */
#stickyheader.elementor-sticky--effects .logo img {
    max-width: 150px;
}
#stickyheader.elementor-sticky--effects nav a {
    color:;
}
 /*== Einde sticky header ==*/
 

.steam-overlay {
    position:absolute !important;
    bottom:0px !important;
    left:0px !important;
    width:100% !important;
    height:100% !important;
    opacity:0.5;
    mix-blend-mode:screen;
    z-index:0;
}
.steam-overlay video {
    width:100%;
    display:block;
}
.steam-overlay-inner {
    position:absolute !important;
    bottom:0px !important;
}

 
.icon-bg {
    transition:all 0.3s;
}
.icon-bg .elementor-icon-box-icon {
    transition:all 0.3s;
}
.icon-bg .elementor-icon-box-icon {
    padding:15px;
}
.icon-bg:hover {
    scale:1.1;
}
.icon-bg .elementor-icon-box-icon {
    background:url(/wp-content/themes/media/shape.svg) top center no-repeat;
}
.icon-bg:hover .elementor-icon-box-icon {
    transform: scale(1.1) rotate(4deg);
}


.grayscale-hover img {
    filter: grayscale(100%);
}
.grayscale-hover img:hover {
    filter: grayscale(0%);
}

.merkslider img {
    width:250px;
    padding-left:15px;
    padding-right:15px;
}


.footerlink a {
    display:inline-block;
    clear:both;
    border-bottom:1px dashed;
    margin-bottom:20px;
}

.elementor-icon-list-text span {
    display:inline-block;
    margin-left:;
    color:var( --e-global-color-7e1ea20 );
}
 
.white-heading h1, .white-heading h2, .white-heading h3 {
     color:#fff !important;
}

.elementor-icon svg {
    max-width:100%;
}


/*==================== Gravityform ====================*/
.gform_wrapper .gform_required_legend {
    display:none;
}
.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {
    background-color: #ffffff;
    border-style:solid;
    border-width:1px;
    border-color:var( --e-global-color-primary);
    border-radius: 0px 0px 0px 0px;
    padding:15px 20px !important;
}
.gform_wrapper .formulier-title {
    font-size:var( --e-global-typography-82186f2-font-size ) !important;
    margin-top:30px;
    color:var( --e-global-color-primary);
}
/*==================== Einde Gravityform ====================*/


/* Verberg alle vlaggen en afbeeldingen */
.trp-language-switcher-container img,
.trp-flag-image {
    display: none !important;
}

/* Verberg spans met data-no-translation */
.trp-language-switcher-container span[data-no-translation] {
    display: none !important;
}

/* Verberg alle originele content in de links */
.trp-language-switcher-container a {
    display: inline-block !important;
    min-width: 30px !important;
    text-align: center !important;
    font-size: 14px !important;
    text-decoration: none !important;
    color: white !important;
    opacity: 1 !important;
    visibility: visible !important;
    
    /* Verwijder alle animaties */
    animation: none !important;
    transition: none !important;
    -webkit-animation: none !important;
    -webkit-transition: none !important;
    -moz-animation: none !important;
    -moz-transition: none !important;
    -o-animation: none !important;
    -o-transition: none !important;
}

/* Verberg alle originele content */
.trp-language-switcher-container a * {
    display: none !important;
}

/* Voeg tekst toe via ::before voor Franse links */
.trp-language-switcher-container a[href*="/fr"]::before,
.trp-language-switcher-container a[href*="fr_FR"]::before {
    content: "FRA" !important;
    color: inherit !important;
    font-weight: inherit !important;
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Voeg tekst toe via ::before voor Nederlandse links */
.trp-language-switcher-container a:not([href*="/fr"]):not([href*="fr_FR"])::before {
    content: "NED" !important;
    color: inherit !important;
    font-weight: inherit !important;
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hover state - blijft wit */
.trp-language-switcher-container a:hover {
    color: white !important;
}

/* Actieve taal styling - bold en specifieke kleur */
.trp-language-switcher-container a.active-language {
    font-weight: bold !important;
    color: #00A6A2 !important;
}

/* Actieve taal hover - blijft dezelfde kleur */
.trp-language-switcher-container a.active-language:hover {
    color: #00A6A2 !important;
}

/* Specifiek voor current-language-menu-item */
.trp-language-switcher-container.current-language-menu-item a {
    font-weight: bold !important;
    color: #00A6A2 !important;
}

.trp-language-switcher-container.current-language-menu-item a:hover {
    color: #00A6A2 !important;
}

