/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*-------------------------------------DEFAULT------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/

.frm_forms .frm_fields_container .form-field {
    width:100%!important;
}

.frm_forms fieldset {
    padding:0!important;
    margin:0!important;
}

/*--------------------------------------------------------------------------------*/
/*------------------------------------LAYOUT--------------------------------------*/
/*--------------------------------------------------------------------------------*/

.frm_forms .frm_fields_container .half {
    width:100%!important;
}

.frm_forms form .frm_submit button {
    width:100%!important;
    
    text-align: center!important;
}

.frm_forms .frm_fields_container {
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
    grid-gap:24px;
}

.frm_forms .frm_form_field {
    margin:0!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 16px!important;

    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-md-size)!important;
    line-height:var(--text-body-line-height)!important;
    color:var(--color-blue-18)!important;
    font-weight: 400!important;

    background-color:var(--color-blue-01)!important;

    border:1px solid var(--color-blue-02)!important;
    border-radius:0!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;
    outline: none!important;

    transition:var(--transition-mid);
}
.frm_forms form input:not( [type="submit"], [type="checkbox"] ):focus {
    background-color:var(--color-blue-03)!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-md-size)!important;
    line-height:var(--text-body-line-height)!important;
    color:var(--color-gray-12)!important;
    font-weight: 400!important;
}

/* TEXTAREA */

.frm_forms form textarea {
    width: 100%!important;
    height:calc( var(--text-body-line-height) * 4 )!important;
    min-height:calc( var(--text-body-line-height) + 12px )!important;

    padding: 12px 16px!important;

    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-md-size)!important;
    line-height:var(--text-body-line-height)!important;
    color:var(--color-blue-18)!important;
    font-weight: 400!important;

    background-color: transparent!important;

    border:1px solid var(--color-blue-02)!important;
    border-radius:4px!important;

    resize:none!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;
    outline: none!important;

    transition:var(--transition-mid)!important;
}
.frm_forms form textarea:focus {
    background-color:var(--color-blue-01)!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-md-size)!important;
    line-height:var(--text-body-line-height)!important;
    color:var(--color-gray-12)!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-md-size)!important;
    line-height:var(--text-body-line-height)!important;
    color:var(--color-blue-18)!important;
    font-weight: 400!important;

    background-color: transparent!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-12)!important;
}

.frm_forms form select::placeholder {
    color:var(--color-gray-12)!important;
}

/* DROPZONE */

.frm_forms form .frm_dropzone {
    width:100%!important;
    max-width:100%!important;

    margin:0!important;

    border-radius:0!important;
}

.frm_forms form .frm_dropzone .frm_small_text {
    display:none!important;
}

.frm_forms form .frm_dropzone .dz-message {
    width:100%!important;

    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    align-items:center!important;

    padding: 12px 16px!important;

    background-color:var(--color-blue-01)!important;

    border:1px solid var(--color-blue-02)!important;
    border-radius:0!important;

    transition:background-color var(--transition-timing-mid) ease-in-out;
}
.frm_forms form .frm_dropzone:hover .dz-message {
    background-color:var(--color-blue-03)!important;
}
.frm_forms form .frm_dropzone.dz-max-files-reached .dz-message {
    display:none!important;
}

.frm_forms form .frm_dropzone .dz-message svg {
    width:20px!important;
    height:20px!important;

    order:2!important;

    margin:0!important;
}

.frm_forms form .frm_dropzone .dz-message .frm_upload_text button {
    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-md-size)!important;
    line-height:var(--text-body-line-height)!important;
    color:var(--color-gray-12)!important;
    font-weight: 400!important;
}

.frm_forms form .frm_dropzone .dz-preview,
.frm_forms form .frm_dropzone .dz-file-preview {
    height:54px!important;
    max-height:54px!important;
    
    background-color:var(--color-blue-01)!important;

    border:0!important;
}

.frm_forms form .frm_dropzone .dz-file-preview .dz-progress {
    background:var(--color-blue-04)!important;
}

.frm_forms form .frm_dropzone .dz-file-preview .dz-progress .dz-upload {
    background:var(--color-blue-14)!important;
}

/* CUSTOM SELECT */

.frm_forms form .select.virgin p.selected-option {
    color:var(--color-gray-12);
}

.frm_forms form .select p:has( .select__field__icon ) {
    margin:0;
}

.frm_forms form .select.virgin .select__field__icon path {
    stroke: var(--color-gray-12);
}

.frm_forms form .select .select__dropdown > p {
    display:none;
}

/* CHECKBOX */

.frm_forms form .frm_checkbox {
    margin:0!important;
}

.frm_forms form .frm_checkbox label {
    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-md-size)!important;
    line-height:var(--text-body-line-height)!important;
    color:var(--color-white)!important;
    font-weight: 400!important;
}

.frm_forms form .frm_checkbox label a {
    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-md-size)!important;
    line-height:var(--text-body-line-height)!important;
    color:var(--color-white)!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-blue-palatinate)!important;
}

.frm_forms form .form-field .frm_checkbox input {
    background-color:transparent!important;

    border:1px solid var(--color-white)!important;
    border-radius:0px!important;

    position:relative!important;
    top:-2px!important;

    box-shadow:none!important;
    -webkit-box-shadow:none!important;
}
.frm_forms form .frm_checkbox input:focus {
    outline:none!important;
    box-shadow:none!important;
}

html .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
    border-color:var(--color-blue-18)!important;
}

html .frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before {
    background-size:8px!important;
    background-color:var(--color-white)!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M1.375 4.375L4 7L10 1' stroke='%23101933' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}

/* HIDDEN */

.frm_forms form input[type="hidden"] {
    display:none!important;
}

/*--------------------------------------------------------------------------------*/
/*----------------------------------ERROR MESSAGES--------------------------------*/
/*--------------------------------------------------------------------------------*/

.frm_forms form .frm_error_style {
    font-family:var(--text-family-body);
    font-size:var(--text-body-sm-size);
    line-height:var(--text-body-line-height);
    font-weight:400;

    border:none!important;
    border-radius:0!important;
}

.frm_forms form .frm_error {
    margin-top:12px!important;

    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-sm-size)!important;
    color:var(--color-red-09)!important;
}

/*--------------------------------------------------------------------------------*/
/*--------------------------------------RECAPTCHA---------------------------------*/
/*--------------------------------------------------------------------------------*/

.frm_forms form .grecaptcha-badge {
    /* display:none; */
}

/*--------------------------------------------------------------------------------*/
/*------------------------------------SUBMIT BUTTON--------------------------------*/
/*--------------------------------------------------------------------------------*/

.frm_forms form .frm_submit button {
    width:100%;

    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    grid-gap:16px!important;

    padding:10px 32px!important;
    margin:0!important; 

    font-family:var(--text-family-body)!important;
    font-size:var(--text-body-lg-size)!important;
    line-height:var(--text-body-line-height)!important;
    font-weight: 400!important;
    text-align:center!important;
    color:var(--color-white)!important;
    
    background-color:var(--color-blue-14)!important;
    border:none!important;
    border-radius:0!important;
    box-shadow:none!important;

    transition: all var(--transition-timing-mid) ease-in-out!important;
}
.frm_forms form .frm_submit button:hover {
    background-color:var(--color-blue-13)!important;
}

.frm_forms form .frm_submit button:focus {
    outline:none!important;
}

@media ( min-width: 640px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*------------------------------------SM:DEFAULT----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/



}

@media ( min-width:768px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*------------------------------------MD:DEFAULT----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    /*--------------------------------------------------------------------------------*/
    /*-----------------------------------MD:LAYOUT------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .frm_forms .frm_fields_container .form-field {
        display:flex;
        flex-direction: column;
        justify-content: center;

        margin:0;
    }

    .frm_forms .frm_fields_container .fit {
        width:fit-content!important;
    }

    .frm_forms .frm_fields_container .half {
        width:calc( 50% - 12px )!important;
    }

    .frm_forms .frm_fields_container .full {
        width:100%!important;
    }

}

@media ( min-width:1024px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*------------------------------------LG:DEFAULT----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    /*--------------------------------------------------------------------------------*/
    /*-----------------------------------LG:LAYOUT------------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .frm_forms .frm_fields_container {
        grid-gap:32px;
    }

    /*--------------------------------------------------------------------------------*/
    /*----------------------------------LG:SUBMIT BUTTON------------------------------*/
    /*--------------------------------------------------------------------------------*/

    .frm_forms form .frm_submit button {
        width:fit-content!important; 

        margin-left:auto!important;
    }

}

@media ( min-width:1280px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*------------------------------------XL:DEFAULT----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/



}

@media ( min-width:1536px ) {

    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*-----------------------------------2XL:DEFAULT----------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------*/


    
}