/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*------------------------------------@FORMIDABLE---------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

.frm_forms .frm_fields_container {
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
    grid-gap:var(--gap-s);
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------------@GRID--------------------------------------*/
/*--------------------------------------------------------------------------------*/

.frm_forms .frm_fields_container .form-field {
    display:flex;
    flex-direction: column;
    justify-content: center;

    margin:0;
}

.frm_forms .frm_fields_container .half {
    width:calc( 50% - 16px )!important;
}

.frm_forms .frm_fields_container .full {
    width:100%!important;
}

/*--------------------------------------------------------------------------------*/
/*----------------------------------@STANDARD FIELDS------------------------------*/
/*--------------------------------------------------------------------------------*/

/* @TEXT */

.frm_forms form input:not( [type="submit"], [type="checkbox"] ) {
    width:100%!important;
    height:auto!important;
    min-height:unset!important;

    padding: 12px 12px!important;

    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-m-size)!important;
    line-height:var(--text-body-m-line-height)!important;
    color:var(--color-black-eerie)!important;
    font-weight: 400!important;

    background-color:var(--color-gray-smoke)!important;

    border:0!important;
    border-radius:4px!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;
    outline: none!important;
}
.frm_forms form input:not( [type="submit"], [type="checkbox"] ):focus {
    background-color:var(--color-gray-smoke)!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;
    outline: none!important;
}

.frm_forms form input:not( [type="submit"], [type="checkbox"] )::placeholder {
    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-m-size)!important;
    line-height:var(--text-body-m-line-height)!important;
    color:var(--color-gray-battleship)!important;
    font-weight: 400!important;
}

/* @TEXTAREA */

.frm_forms form textarea {
    width: 100%!important;
    height:calc( var(--text-body-m-line-height) * 4 )!important;
    min-height:calc( var(--text-body-m-line-height) + 12px )!important;

    padding: 12px 12px!important;

    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-m-size)!important;
    line-height:var(--text-body-m-line-height)!important;
    color:var(--color-black-eerie)!important;
    font-weight: 400!important;

    background-color: var(--color-gray-smoke)!important;

    border:none!important;
    border-radius:4px!important;

    resize:none!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;
    outline: none!important;
}
.frm_forms form textarea:focus {
    background-color:var(--color-gray-smoke)!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;
    outline: none!important;
}

.frm_forms form textarea::placeholder {
    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-m-size)!important;
    line-height:var(--text-body-m-line-height)!important;
    color:var(--color-gray-battleship)!important;
    font-weight: 400!important;
}

/* @SELECT */

.frm_forms form select {
    width: 100%!important;
    height:auto!important;
    min-height:auto!important;

    padding: 24px 24px!important;

    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-m-size)!important;
    line-height:var(--text-body-m-line-height)!important;
    color:var(--color-black-eerie)!important;
    font-weight: 400!important;

    background-color: var(--color-gray-smoke)!important;

    border:none!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;
    outline: none!important;

    transition: all calc(1/3*1s) ease-in-out;
}
.frm_forms form .form-field.virgin select {
    color:var(--color-gray-battleship)!important;
}

.frm_forms form select::placeholder {
    color:var(--color-gray-battleship)!important;
}

/* @CUSTOM SELECT */

.frm_forms form .select.virgin p.selected-option {
    color:var(--color-gray-battleship);
}

.frm_forms form .select p:has( .select__field__icon ) {
    margin:0;
}

.frm_forms form .select.virgin .select__field__icon path {
    stroke: var(--color-gray-battleship);
}

.frm_forms form .select .select__dropdown > p {
    display:none;
}

/* @CHECKBOX */

.frm_forms form .frm_checkbox label {
    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-m-size)!important;
    line-height:var(--text-body-m-line-height)!important;
    color:var(--color-black-eerie)!important;
    font-weight: 400!important;
    text-indent: 0px!important;
}

.frm_forms form .frm_checkbox label a {
    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-m-size)!important;
    line-height:var(--text-body-m-line-height)!important;
    color:var(--color-black-eerie)!important;
    font-weight: 400!important;
    text-decoration: underline!important;

    transition: all calc(1/3*1s) ease-in-out;
}
.frm_forms form .frm_checkbox label a:hover {
    color:var(--color-orange-06)!important;
}

.frm_forms form .frm_checkbox input {
    margin-right:6px!important;

    position:relative!important;
    top:1px!important;

    background-color:var(--color-gray-smoke)!important;

    border:none!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;
}

.frm_forms form .frm_checkbox input:checked::before {
    box-shadow:inset 10px 10px var(--color-orange-06)!important;
}

.frm_forms form button {
    width:100%!important;

    text-align: center!important;
}

/* @HIDDEN */

.frm_forms form input[type="hidden"] {
    display:none!important;
}

/*--------------------------------------------------------------------------------*/
/*---------------------------------@ERROR MESSAGES--------------------------------*/
/*--------------------------------------------------------------------------------*/

.frm_forms form div[ role="alert" ] {
    color:#F85858!important;

    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-s-size)!important;
    line-height:var(--text-body-s-line-height)!important;
    font-weight:500!important;
}

.frm_forms form .frm_error_style {
    margin-bottom:var(--gap-s)!important;

    border:none!important;
    border-radius:0!important;
}

.frm_forms form .frm_error {
    margin-top:6px!important;
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------------@RECAPTCHA---------------------------------*/
/*--------------------------------------------------------------------------------*/

.frm_forms form .grecaptcha-badge {
    /* display:none; */
}

@media ( min-width: 1025px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*------------------------------------#FORMIDABLE---------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

}

@media ( min-width:768px ) and ( max-width:1024px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*------------------------------------$FORMIDABLE---------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    
    .frm_forms .frm_fields_container {
        grid-gap:40px;
    }

    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------$GRID--------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .frm_forms .frm_fields_container .half {
        width:calc( 50% - 20px )!important;
    }

}

@media ( max-width:767px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*------------------------------------%FORMIDABLE---------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    
    .frm_forms .frm_fields_container {
        grid-gap:32px;
    }

    .frm_forms .frm_fields_container .form-field {
        width:100%!important;
    }

    /*--------------------------------------------------------------------------------*/
    /*-------------------------------------%GRID--------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .frm_forms .frm_fields_container .half {
        width:100%!important;
    }

    .frm_forms form .frm_submit button {
        width:100%!important;
        
        text-align: center!important;
    }

}