/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

html {
  scroll-behavior: smooth;
}

.besparen, .besparen .text {
	height: 100% !important;
}

.kop, .kop .col-inner {
	max-height: 50px;
	border-radius: 3px 3px 0px 0px;
}

.nav-dropdown-has-border .nav-dropdown {
	border-bottom: 4px solid #60ae24;
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
}

.button {
	font-weight: 500 !important;
}

.banner h2 {
	color: rgb(102, 102, 102) !important;
}

.header:not(.transparent) .header-bottom-nav.nav > li > a {
color: #5f5f5f;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  padding: 15px 10px;
  position: relative;
font-weight: 400;  
}

.header-bottom {
	border-top: solid #cecece 1px;
	border-bottom: solid #cecece 1px;
}

.header-main .header-inner {
	padding-top: 10px;	
}

/* =========================================
   Gravity Forms formulier 1
   Layout zoals het oorspronkelijke formulier
   ========================================= */

/* Volledige grijze formulierstrook */
body #gform_wrapper_1 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 26px 20px 32px !important;
    box-sizing: border-box !important;
    background: #e3e3e3 !important;
}

/* Lege formulierkop verbergen */
body #gform_wrapper_1 .gform_heading {
    display: none !important;
}

/*
 * Het formulier zelf wordt een raster met:
 * 1. naam/e-mail/telefoon
 * 2. vraag
 * 3. reCAPTCHA + verzendknop
 */
body #gform_wrapper_1 #gform_1 {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr)
        300px !important;
    grid-template-rows: auto auto !important;
    column-gap: 36px !important;
    row-gap: 12px !important;

    width: 100% !important;
    max-width: 1050px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/*
 * Hiermee worden de Gravity Forms body en fields
 * transparant binnen het raster.
 */
body #gform_wrapper_1 .gform-body,
body #gform_wrapper_1 #gform_fields_1 {
    display: contents !important;
}

/* Honeypot altijd verbergen */
body #gform_wrapper_1 .gform_validation_container,
body #gform_wrapper_1 .gfield--type-honeypot {
    display: none !important;
}

/* Reset van de kolommenplugin */
body #gform_wrapper_1 .gfmc-column {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    float: none !important;
}

/* Alle bullets en standaard ul-opmaak verwijderen */
body #gform_wrapper_1 .gfmc-column::before,
body #gform_wrapper_1 .gfmc-column::after {
    display: none !important;
    content: none !important;
}

body #gform_wrapper_1 .gfmc-column > ul,
body #gform_wrapper_1 .flex-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

/* Eerste kolom: naam, e-mail en telefoon */
body #gform_wrapper_1 .gfmc-row-1-col-1-of-2 {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
}

/* Tweede kolom: vraag */
body #gform_wrapper_1 .gfmc-row-1-col-2-of-2 {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
}

/* Eventuele derde GFMC-kolom met reCAPTCHA */
body #gform_wrapper_1 .gfmc-row-1-col-3-of-3,
body #gform_wrapper_1 .gfmc-row-1-col-3-of-4 {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

/* Wanneer reCAPTCHA niet in een GFMC-kolom staat */
body #gform_wrapper_1 .gfield--type-captcha,
body #gform_wrapper_1 .gfield--type-recaptcha,
body #gform_wrapper_1 .ginput_recaptcha {
    grid-column: 3 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Alle velden resetten */
body #gform_wrapper_1 .gfield {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body #gform_wrapper_1 .ginput_container {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Naam, e-mail en telefoon */
body #gform_wrapper_1 #input_1_1,
body #gform_wrapper_1 #input_1_3,
body #gform_wrapper_1 #input_1_4 {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 39px !important;
    min-height: 39px !important;

    margin: 0 !important;
    padding: 8px 9px !important;
    box-sizing: border-box !important;

    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05) !important;

    color: #666 !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 21px !important;
}

/* Vraagveld */
body #gform_wrapper_1 #input_1_5 {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 131px !important;
    min-height: 126px !important;

    margin: 0 !important;
    padding: 8px 9px !important;
    box-sizing: border-box !important;

    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05) !important;

    color: #666 !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 21px !important;

    resize: vertical !important;
}

/* Placeholderkleur */
body #gform_wrapper_1 input::placeholder,
body #gform_wrapper_1 textarea::placeholder {
    color: #999 !important;
    opacity: 1 !important;
}

/* Focus */
body #gform_wrapper_1 input:focus,
body #gform_wrapper_1 textarea:focus {
    outline: none !important;
    border-color: #55b51c !important;
    box-shadow: 0 0 0 1px #55b51c !important;
}

/* Footer rechts, onder reCAPTCHA */
body #gform_wrapper_1 .gform-footer {
    grid-column: 3 !important;
    grid-row: 2 !important;

    display: block !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Verzendknop */
body #gform_wrapper_1 #gform_submit_button_1 {
    display: inline-block !important;

    width: auto !important;
    min-width: 100px !important;
    height: 36px !important;
    min-height: 36px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    border: 0 !important;
    border-radius: 2px !important;
    background: #55b51c !important;
    box-shadow: none !important;

    color: #fff !important;
    font-family: Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 36px !important;
    text-transform: uppercase !important;

    cursor: pointer !important;
}

body #gform_wrapper_1 #gform_submit_button_1:hover {
    background: #41930f !important;
}

/* Mobiel en tablet */
@media screen and (max-width: 850px) {
    body #gform_wrapper_1 {
        padding: 25px 15px 30px !important;
    }

    body #gform_wrapper_1 #gform_1 {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    body #gform_wrapper_1 .gfmc-column,
    body #gform_wrapper_1 .gfield--type-captcha,
    body #gform_wrapper_1 .gfield--type-recaptcha,
    body #gform_wrapper_1 .ginput_recaptcha,
    body #gform_wrapper_1 .gform-footer {
        width: 100% !important;
    }
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}