/* Hide the actual radio + checkbox inputs */
.fluentform .tgm-radio .ff-el-form-check-radio,
.fluentform .tgm-checkbox .ff-el-form-check-input {
    position: absolute !important;
    opacity : 0;
    top     : 0;
    left    : 0;
}

.tgm-radio .ff-el-form-check-label,
.tgm-checkbox .ff-el-form-check-label {
    position: relative;
}

/* Prepare a pseudo-element for the custom radio + checkbox buttons */
.tgm-radio .ff-el-form-check-label::before,
.tgm-checkbox .ff-el-form-check-label::before {
    content            : "";
    display            : inline-block;
    width              : 25px;
    /* Modify according to your needs */
    height             : 25px;
    /* Modify according to your needs */
    background-repeat  : no-repeat;
    background-position: center center;
    background-size    : 100% 100%;
    position           : absolute;
    top                : 0;
}

/* Set the default (unchecked) state of the radio buttons */
.tgm-radio .ff-el-form-check-label::before {
    background-image: url('/wp-content/themes/thegreenmountain-foodservice/assets/images/forms/radio-unchecked.svg');
}

.tgm-radio .ff_item_selected .ff-el-form-check-label::before {
    background-image: url('/wp-content/themes/thegreenmountain-foodservice/assets/images/forms/radio-checked.svg');
}

/* Set the default (unchecked) state of the checkbox buttons */
.tgm-checkbox .ff-el-form-check-label::before {
    background-image: url('/wp-content/themes/thegreenmountain-foodservice/assets/images/forms/checkbox-unchecked.svg');
}

.tgm-checkbox .ff_item_selected .ff-el-form-check-label::before {
    background-image: url('/wp-content/themes/thegreenmountain-foodservice/assets/images/forms/checkbox-checked.svg');
}


.frm-fluent-form input,
.frm-fluent-form ::placeholder {
    font-size: 18px !important;
}

.frm-fluent-form input {
    padding: 12px;
}

.fluentform .ff_t_c>p {
    font-size  : 15px !important;
    line-height: 18px !important;
}

.fluentform .ff-el-tc label.ff_tc_label>span {
    width: 0 !important;
}

.tgm-radio .ff-el-form-check-label span,
.fluentform .ff_t_c>p {
    display     : block;
    padding-left: 36px !important;
}

.form-container-max-width {
    max-width: 387px;
    margin   : 0 auto;
}

.ff-btn {
    margin-top: 0 !important;
}

.fluentform .ff-el-input--label label {
    font-weight: normal !important;
}

.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
    color      : #754a33 !important;
    content    : "*" !important;
    margin-left: 0 !important;
}

.frm-fluent-form label {

    font-size    : 1.35rem !important;
    line-height  : 1.7rem !important;
    margin-bottom: 15px !important;
    display      : block !important;
}

.fluentform .ff-el-input--label {
    display: block !important;
}

.fluentform div.ff-el-form-hide_label>.ff-el-input--label {
    display: none !important;
}

.fluentform textarea.ff-el-form-control {
    text-align: left;
    resize    : vertical;
    max-height: 300px;
    min-height: 86px;
    max-width : 387px;
}

.fluentform textarea.ff-el-form-control::placeholder {
    position: absolute;
    bottom  : 5px;
    right   : 10px;
}

.fluentform .ff-t-container.desktop-50-cols .ff-t-cell.ff-t-column-1 .ff-el-group {
    max-width    : 387px;
    margin       : 0 auto;
    margin-bottom: 20px;
    padding      : 0 7px;
}

@media screen and (min-width: 768px) {
    .fluentform .ff-t-container.desktop-50-cols .ff-t-cell.ff-t-column-1 .ff-el-group {
        width        : 50%;
        max-width    : none;
        margin       : 0 auto;
        margin-bottom: 20px;
    }

    .frm-fluent-form .ff-t-container.desktop-50-cols .ff-t-cell.ff-t-column-1 {
        flex-direction: row;
        flex-wrap     : wrap;
    }
}

.gravity-form-tgm_wrapper.gravity-theme {
    text-align   : left;
    padding-left : 30px;
    padding-right: 30px;
    background-image: url(../images/mountains-bg.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.gravity-form-tgm_wrapper.gravity-theme .charleft {
    display: none;
}

.gravity-form-tgm_wrapper.gravity-theme .gform_fields {
    display        : flex !important;
    flex-wrap      : wrap;
    justify-content: center;
    grid-row-gap   : 0;
}

.gravity-form-tgm_wrapper.gravity-theme .gform_fields>* {
    /* max-width    : 387px; */
    margin       : 0 auto;
    margin-bottom: 20px;
    padding      : 0 7px;
    width        : 100%;
}

@media screen and (min-width: 768px) {
    .gravity-form-tgm_wrapper.gravity-theme .gform_fields>.gfield.gfield--width-half {
        max-width: 50%;
        width    : 48%;
    }
    .gravity-form-tgm_wrapper.gravity-theme .gform_fields>.gfield.gfield--width-full {
        max-width: 100%;
        width    : 100%;
    }
}

.gravity-form-tgm_wrapper.gravity-theme .gform_fields>.gfield.gfield--type-section {
    max-width: 100%;
    width    : 100%;
    height   : 0;
    border   : none;
    margin   : 0;
    padding  : 0;
    opacity  : 0;
}

.gravity-form-tgm_wrapper.gravity-theme .gform_fields>.gfield.gfield--type-section>.gsection_title {
    display: none;
}

.gravity-form-tgm_wrapper.gravity-theme input::after {
    display: none;
}

.gravity-form-tgm_wrapper.gravity-theme .gform_required_legend {
    display: none;
}

.gravity-form-tgm_wrapper.gravity-theme .gfield {
    line-height: 1.7rem !important;
}

.gravity-form-tgm_wrapper.gravity-theme .gform-field-label {
    font-size    : 1.35rem !important;
    line-height  : 1.7rem !important;
    font-weight  : normal !important;
    margin-bottom: 0 !important;
}

.gravity-form-tgm_wrapper.gravity-theme .gchoice .gform-field-label:last-child {
    margin-bottom: 0 !important;
}

.gravity-form-tgm_wrapper.gravity-theme .gfield_required_asterisk {
    font-size  : 1.35rem !important;
    line-height: 1.7rem !important;
    color      : #754a33 !important;
    margin-left: 0 !important;
    /* Hide the actual radio + checkbox inputs */
}

.gravity-form-tgm_wrapper.gravity-theme input[type="radio"],
.gravity-form-tgm_wrapper.gravity-theme input[type="checkbox"] {
    position: absolute !important;
    opacity : 0;
    width   : 0;
    height  : 0;
    top     : 0;
    left    : 0;
}

.gravity-form-tgm_wrapper.gravity-theme input[type="radio"]:after,
.gravity-form-tgm_wrapper.gravity-theme input[type="checkbox"]:after {
    display: none;
}

.gravity-form-tgm_wrapper.gravity-theme .gchoice .gform-field-label,
.gravity-form-tgm_wrapper.gravity-theme .ginput_container.ginput_container_consent {
    padding-left: 36px;
}

.gravity-form-tgm_wrapper.gravity-theme .gchoice .gform-field-label::before,
.gravity-form-tgm_wrapper.gravity-theme .ginput_container.ginput_container_consent .gfield_consent_label::before {
    content            : "";
    display            : inline-block;
    width              : 25px;
    height             : 25px;
    background-repeat  : no-repeat;
    background-position: center center;
    background-size    : 100% 100%;
    position           : absolute;
    top                : 0;
    left               : 0;
}

.gravity-form-tgm_wrapper.gravity-theme .gchoice {
    position: relative;
}

.gravity-form-tgm_wrapper.gravity-theme .gchoice .gform-field-label::before {
    background-image: url('/wp-content/themes/thegreenmountain-foodservice/assets/images/forms/gravity-forms/radio-unchecked.svg');
}

.gravity-form-tgm_wrapper.gravity-theme .gchoice input[type="radio"]:checked~.gform-field-label::before {
    background-image: url('/wp-content/themes/thegreenmountain-foodservice/assets/images/forms/gravity-forms/radio-checked.svg');
}

.gravity-form-tgm_wrapper.gravity-theme .ginput_container.ginput_container_consent {
    position: relative;
}

.gravity-form-tgm_wrapper.gravity-theme .ginput_container.ginput_container_consent .gfield_consent_label::before,
.gravity-form-tgm_wrapper.gravity-theme .ginput_container.ginput_container_checkbox .gform-field-label::before {
    background-image: url('/wp-content/themes/thegreenmountain-foodservice/assets/images/forms/gravity-forms/checkbox-unchecked.svg');
}

.gravity-form-tgm_wrapper.gravity-theme .ginput_container.ginput_container_consent input[type="checkbox"]:checked~.gfield_consent_label::before,
.gravity-form-tgm_wrapper.gravity-theme .ginput_container.ginput_container_checkbox input[type="checkbox"]:checked~.gform-field-label::before  {
    background-image: url('/wp-content/themes/thegreenmountain-foodservice/assets/images/forms/gravity-forms/checkbox-checked.svg');
}

.gravity-form-tgm_wrapper.gravity-theme .gfield--type-consent>legend {
    display: none !important;
}

.gravity-form-tgm_wrapper.gravity-theme .gfield.gfield--type-textarea textarea {
    height    : 86px;
    text-align: left;
    resize    : vertical;
    max-height: 300px;
    min-height: 86px;
    max-width : 387px;
}

.gravity-form-tgm_wrapper.gravity-theme .gfield.gfield--type-textarea textarea,
.gravity-form-tgm_wrapper.gravity-theme input[type=color],
.gravity-form-tgm_wrapper.gravity-theme input[type=date],
.gravity-form-tgm_wrapper.gravity-theme input[type=datetime-local],
.gravity-form-tgm_wrapper.gravity-theme input[type=datetime],
.gravity-form-tgm_wrapper.gravity-theme input[type=email],
.gravity-form-tgm_wrapper.gravity-theme input[type=month],
.gravity-form-tgm_wrapper.gravity-theme input[type=number],
.gravity-form-tgm_wrapper.gravity-theme input[type=password],
.gravity-form-tgm_wrapper.gravity-theme input[type=search],
.gravity-form-tgm_wrapper.gravity-theme input[type=tel],
.gravity-form-tgm_wrapper.gravity-theme input[type=text],
.gravity-form-tgm_wrapper.gravity-theme input[type=time],
.gravity-form-tgm_wrapper.gravity-theme input[type=url],
.gravity-form-tgm_wrapper.gravity-theme input[type=week],
.gravity-form-tgm_wrapper.gravity-theme select,
.gravity-form-tgm_wrapper.gravity-theme textarea {
    padding      : 6px 12px;
    border-radius: 0.25rem;
    font-size    : 16px !important;
    line-height  : 1.5 !important;
    color        : #495057;
}

.gravity-form-tgm_wrapper.gravity-theme .textarea::placeholder {
    position: absolute;
    bottom  : 5px;
    right   : 10px;
}

.gravity-form-tgm_wrapper.gravity-theme .ginput_container_consent {
    font-size  : 15px !important;
    line-height: 18px !important;
}

.gravity-form-tgm_wrapper.gravity-theme .gfield_consent_label {
    font-size  : 15px !important;
    line-height: 18px !important;
}

.gravity-form-tgm_wrapper.gravity-theme .gfield_consent_label>a {
    text-decoration: underline;
    color          : #88B56D !important;
}

.gravity-form-tgm_wrapper.gravity-theme .gfield_error input[type='text'],
.gravity-form-tgm_wrapper.gravity-theme .gfield_error input[type='email'],
.gravity-form-tgm_wrapper.gravity-theme .gfield_error input[type='tel'],
.gravity-form-tgm_wrapper.gravity-theme .gfield_error textarea,
.gravity-form-tgm_wrapper.gravity-theme .gfield_error select {
    border-color: #c02b0a !important;
}

.gravity-form-tgm_wrapper.gravity-theme .gform_footer {
    display        : flex;
    justify-content: center;
    align-items    : center;
    position       : relative;
    margin         : 0;
    padding        : 0;
}

.gravity-form-tgm_wrapper.gravity-theme .gform_footer input[type="submit"] {
    min-width     : 247px;
    background    : url('/wp-content/themes/thegreenmountain-foodservice/assets/images/forms/gravity-forms/submit-button-background.svg') center center / 100% 100% no-repeat !important;
    text-align    : center;
    border        : none !important;
    color         : #83472C !important;
    font-size     : 1.5625rem !important;
    text-transform: none !important;
    height        : 60px !important;
    line-height   : 60px !important;
    display       : inline-block !important;
    padding       : 0 50px !important;
    font-family   : "Supernett", serif !important;
    cursor        : pointer !important;
    transition    : transform 0.5s ease;
}

.gravity-form-tgm_wrapper.gravity-theme .gform_footer input[type="submit"]:hover {
    transform: scale(1.1);
}

.gravity-form-tgm_wrapper.gravity-theme .gform_footer input[type="submit"]~img {
    position: absolute;
    right   : 0;
}

.gravity-form-tgm_wrapper.gravity-theme .gform_validation_errors {
    display: none;
}

.gravity-form-tgm_wrapper.gravity-theme .validation_message {
    padding   : 0;
    border    : none;
    background: none;
}


.rezepte-fields .gfield_radio {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 45px;
}

.rezepte-fields .gform-field-label {
    padding-left:0!important;
    width: 364px;
    height: 100%;
    background: #FFF;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.40);
    transform:scale(1);
    transition: all 0.5s ease;
    border: 5px solid transparent;
}
.rezepte-fields .gform-field-label:hover {
    transform:scale(1.05);
}

.rezepte-fields .gfield-choice-input:focus + .gform-field-label,
.rezepte-fields .gfield-choice-input:checked + .gform-field-label {
    border:4px solid #c25a54;
}
.rezepte-fields .gform-field-label::before {
    bottom: 15px!important;
    left: 15px!important;
    top:auto!important;
}
.rezepte-fields .gform-field-label h3 {
    margin-bottom:0!important;
    padding: 0 20px;
    height: 100px;
}
.rezepte-fields .gfield_radio img {
    width: 100%;
    height: 259px;
    object-fit: cover;
}


/* General Styles */


label,
.text-sm {
    font-size: 1.125rem !important;
    line-height: 1.2;
}

.fluentform {
    text-align: left;
}

input[type='radio']:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: -2px;
    left: -4px;
    position: relative;
    background-color: #e0dede;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

input[type='radio']:checked:after {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: -2px;
    left: -4px;
    position: relative;
    background-color: #C25A53;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

input[type='text'],
input[type='email'],
input[type='tel'],
textarea,
select {
    font-family: 'Supernett', serif!important;
    border: 2px solid #88B56D!important;
    background-color: white!important;
    padding:15px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='tel']:focus,
textarea:focus,
select:focus, 
input[type='text']:focus-visible,
input[type='email']:focus-visible,
input[type='tel']:focus-visible,
textarea:focus-visible,
select:focus-visible
{
    border-color:#B8DAAB!important;
    outline: none;
}
input[type='text'].has-error,
input[type='email'].has-error,
input[type='tel'].has-error,
textarea.has-error,
select.has-error {
    border: 2px solid #FF0000!important;
    color:#FF0000!important;
}
.cursor-pointer,
input[type="radio"] + label,
input[type="checkbox"] + label {
    cursor:pointer;
}

/* Email confirmation */
@media (min-width: 641px) {
    .tgm-form-events .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
        padding-right: 2%!important;
    }
    .tgm-form-events .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
        padding-left: 2%!important;
        padding-right:0!important;
    }
}