/* 
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 */
header{
	width:100%!important;
}
html, body {
  overflow-x: clip;  
  overflow-y: visible;
  position: relative;
}

::selection {
  background:var(--e-global-color-secondary) !important;
	color:white;
}

.doorlopend .swiper{
    overflow: visible!important;
}
body {
 font-size: 1.1vw!important;
}

@media screen and (min-width:1920px) {
 body {font-size: 21px!important;}
}

@media screen and (max-width:1100px) {
body {font-size: 16px!important;}
}
.elementor-button-icon svg{
	height:1em;
}
/* Make text look crisper and more legible in all browsers */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overscroll-behavior: none;
}



/* Container van de progressbar */
 .swiper-pagination.swiper-pagination-progressbar {
  position: relative !important;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  max-width: 60%;
  background-color: white;
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
  text-align: left!important; /* extra zekerheid voor links uitlijnen */
}

/* Vulling van de progressbar */
 .swiper-pagination-progressbar-fill {
  background-color: black;
  height: 100%;
  transform-origin: left;
}


/* ============================================
   Gravity Forms — Comedy Walks Global Styling
   ============================================ */

.gform_wrapper.gform-theme {
    --gf-color-primary: #E41317;
    --gf-color-primary-darker: #B60F12;
    --gf-color-primary-lighter: #ff4a4d;
    --gf-ctrl-border-color: #cccccc;
    --gf-radius: 6px;
}

/* Labels */
.gform_wrapper .gfield_label,
.gform_wrapper .gform-field-label {
    font-family: var(--e-global-typography-9c6d82c-font-family), Sans-serif;
    font-weight: 700;
    color: #1a1a1a;
}

.gform_wrapper .gform-field-label--type-sub {
    font-family: var(--e-global-typography-9c6d82c-font-family), Sans-serif;
    font-weight: 400;
    color: #555555;
}

/* Fields */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper select,
.gform_wrapper textarea {
    font-family: var(--e-global-typography-9c6d82c-font-family), Sans-serif;
    color: #1a1a1a;
    border: 2px solid #cccccc;
    border-radius: 6px;
    background-color: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
    border-color: #E41317;
    box-shadow: 0 0 0 3px rgba(228, 19, 23, 0.15);
}

/* Validation */
.gform_wrapper .gfield_required { color: #E41317; }

.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error select {
    border-color: #E41317;
    background-color: #fff5f5;
}

.gform_wrapper .validation_message,
.gform_wrapper .validation_error {
    font-family: var(--e-global-typography-9c6d82c-font-family), Sans-serif;
    color: #E41317;
}

.gform_wrapper .validation_error {
    background: #fff5f5;
    border-left: 4px solid #E41317;
    padding: 0.75em 1em;
    border-radius: 4px;
}

/* Submit button */
.gform_wrapper.gform-theme .gform_footer .gform_button,
.gform_wrapper.gform-theme .gform_footer input[type="submit"],
.gform_wrapper.gform-theme .gform_page_footer .gform_button,
.gform_wrapper.gform-theme .gform_page_footer input[type="submit"],
.gform-theme .gform_button.button {
    font-family: var(--e-global-typography-9c6d82c-font-family), Sans-serif !important;
    font-weight: 700 !important;
    background-color: #E41317 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 1em !important;
    padding: 1em 2em !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, transform 0.15s ease !important;
}

.gform_wrapper.gform-theme .gform_footer .gform_button:hover,
.gform_wrapper.gform-theme .gform_footer input[type="submit"]:hover,
.gform_wrapper.gform-theme .gform_page_footer .gform_button:hover,
.gform_wrapper.gform-theme .gform_page_footer input[type="submit"]:hover,
.gform-theme .gform_button.button:hover {
    background-color: #B60F12 !important;
  
}

/* Confirmation */
.gform_confirmation_message {
    font-family: var(--e-global-typography-9c6d82c-font-family), Sans-serif;
    border-left: 4px solid #E41317;
    padding: 1em 1.25em;
    border-radius: 6px;
}