/*
	Theme Name: Simplix theme
	Description: This is a custom theme
	Author: Simplix 
	Author URI: https://simplix.nl
	Template: Avada
	Version: 1.0.0
	Text Domain:  Avada
*/

#wrapper .fusion-text p:first-child {margin-top:0;}
#wrapper .fusion-text p:last-child {margin-bottom:0;}

#wrapper .background > .fusion-column-wrapper {padding:32px; gap:32px;}
#wrapper .background > .fusion-column-wrapper > * {margin:0;}

#wrapper .wpforms-container .wpforms-form .wpforms-submit-container {display:flex; justify-content:flex-end;}
.wpforms-field.wpforms-field-content .wpforms-field-row small {font-size:12px; opacity:.7;}

#wrapper .shape:before {content:''; position:absolute; bottom:128px; height:336px; width:100%; background:url(media/ErvenShape.svg) bottom left repeat-x;}

@media screen and (max-width: 800px) {
    #wrapper .background > .fusion-column-wrapper {padding:24px; gap:24px;}
}

/* Form */
#wrapper {
    --formGap:16px;
    --formWidth:100%;
	--formColor:#fff;
	--formFontFamily:var(--body_typography-font-family);

    --formFieldMaxWidth:100%;
    --formFieldPadding:0;
    --formFieldMargin:0;

    --labelColor:#fff;
    --labelRequiredColor:#c23616;
    --labelMargin:0;

    --errorColor:#c23616;
    --errorFontSize:0.8em;
    --errorMargin:8px 0 0 0;
    --errorPadding:0;
	--errorOpacity:1;

    --successMessageBackground:#e8ddbe;
    --successMessageColor:#1f5422;
    --successMessageBorder:none;
    --successMessageBorderRadius:0;
	--successMessageMargin:0;
	--successMessagePadding:32px;

    --inputBackground:#387031;
    --inputColor:#fff;
    --inputBorder:none;
    --inputBorderRadius:0;

    --selectOptionColor:#387031;

	--placeholderColor:#fff;
	--placholderFontFamily:inherit;
	--placeholderOpacity:0.7;

	--submitContainerMargin:32px 0 0 0;

    --submitColor:var(--button_accent_color);
    --submitBackground:var(--button_gradient_top_color);
    --submitBorder:var(--button_border_width-top,0) var(--button_border_width-right,0) var(--button_border_width-bottom,0) var(--button_border_width-left,0) solid var(--button_border_color);
    --submitHeight:auto;
    --submitFontSize:var(--button_font_size);
    --submitFontFamily:var(--button_typography-font-family);
    --submitFontWeight:var(--button_typography-font-weight);
    --submitTextTransform:var(--button_text_transform);
    --submitLineHeight:var(--button_line_height);
    --submitPadding:var(--button_padding-top) var(--button_padding-right) var(--button_padding-bottom) var(--button_padding-left);
    --submitBorderRadius:var(--button-border-radius-top-left,0) var(--button-border-radius-top-right,0) var(--button-border-radius-bottom-right,0) var(--button-border-radius-bottom-left,0);
    
    --submitHoverColor:var(--button_accent_hover_color, var(--button_accent_color));
    --submitHoverBorder:var(--button_border_width-top,0) var(--button_border_width-right,0) var(--button_border_width-bottom,0) var(--button_border_width-left,0) solid var(--button_border_hover_color);
    --submitHoverBackground:var(--button_gradient_top_color_hover);

    --recaptchaTextColor:#fff;
    --recaptchaTextFontSize:0.8em;
}

/* Forms */
#wrapper .wpforms-container {width:var(--formWidth); margin:0px}
#wrapper .wpforms-container * {font-family:var(--formFontFamily); color:var(--formColor); line-height:1.4;}
#wrapper .wpforms-container *:focus {box-shadow:none;}
#wrapper .wpforms-container *::placeholder {color:var(--placeholderColor); font-family:var(--placeholderFontFamily); opacity:var(--placeholderOpacity);}
#wrapper .wpforms-container *::-webkit-input-placeholder {color:var(--placeholderColor); font-family:var(--placeholderFontFamily); opacity:var(--placeholderOpacity);}
#wrapper .wpforms-container *:-moz-placeholder {color:var(--placeholderColor); font-family:var(--placeholderFontFamily); opacity:var(--placeholderOpacity);}
#wrapper .wpforms-container *::-moz-placeholder {color:var(--placeholderColor); font-family:var(--placeholderFontFamily); opacity:var(--placeholderOpacity);}
#wrapper .wpforms-container *:-ms-input-placeholder {color:var(--placeholderColor); font-family:var(--placeholderFontFamily); opacity:var(--placeholderOpacity);}
#wrapper .wpforms-container .wpforms-form .wpforms-field-container {display:flex; gap:var(--formGap); flex-direction:column;}
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field,
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field-row {display:flex; flex-direction:column; padding:var(--formFieldPadding); margin:var(--formFieldMargin); max-width:var(--formFieldMaxWidth);}

#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field-row p {margin-bottom:0;}
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field-row .wpforms-field:before
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field-row .wpforms-field:after {display:none!important;}

#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field label {color:var(--labelColor); margin:var(--labelMargin);}
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field label.wpforms-required-label {color:var(--labelRequiredColor);}

#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field input,
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field select,
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field textarea {max-width:100%; resize:none; outline:none; background:var(--inputBackground); color:var(--inputColor); border:var(--inputBorder); border-radius:var(--inputBorderRadius);}
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field input:focus,
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field select:focus,
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field textarea:focus {border-color:inherit !important}

#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field input[type=number]::-webkit-outer-spin-button,
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field input[type=number] {-moz-appearance: textfield;}

#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field select option {color:var(--selectOptionColor);}

#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field em.wpforms-error {display:flex; gap:4px; align-items:center; color:var(--errorColor); font-size:var(--errorFontSize); padding:var(--errorPadding); margin:var(--errorMargin); opacity:var(--errorOpacity);}
#wrapper .wpforms-container .wpforms-form .wpforms-field-container .wpforms-field em.wpforms-error:before {display:none;}

#wrapper .wpforms-container .wpforms-form .wpforms-submit-container {margin:var(--submitContainerMargin);}
#wrapper .wpforms-container .wpforms-form .wpforms-submit-container button[type="submit"] {background:var(--submitBackground); color:var(--submitColor); border-radius:var(--submitBorderRadius); height:var(--submitHeight); padding:var(--submitPadding); line-height:var(--submitLineHeight); font-size:var(--submitFontSize); font-family:var(--submitFontFamily); font-weight:var(--submitFontWeight); border:var(--submitBorder); text-transform:var(--submitTextTransform);}
#wrapper .wpforms-container .wpforms-form .wpforms-submit-container button[type="submit"]:before,
#wrapper .wpforms-container .wpforms-form .wpforms-submit-container button[type="submit"]:after {display:none!important;}
#wrapper .wpforms-container .wpforms-form .wpforms-submit-container button[type="submit"]:hover {background:var(--submitHoverBackground); color:var(--submitHoverColor); border:var(--submitHoverBorder);}

#wrapper .wpforms-container .wpforms-confirmation-container-full {background:var(--successMessageBackground); border:var(--successMessageBorder); border-radius:var(--successMessageBorderRadius); margin:var(--successMessageMargin); padding:var(--successMessagePadding);}
#wrapper .wpforms-container .wpforms-confirmation-container-full * {color:var(--successMessageColor);}

/* Recaptcha */
#wrapper .wpforms-container .wpforms-form .recaptcha-text {color:var(--recaptchaTextColor); font-size:var(--recaptchaTextFontSize); display:inline-flex;}
#wrapper .wpforms-container .wpforms-form .recaptcha-text a{font-weight:bold;}
#wrapper .wpforms-container .wpforms-form .recaptcha-text a:hover{color:inherit}

.grecaptcha-badge {visibility: hidden;}