

/* НАстройка формы */
div#block-vesta-theme-vebforma-2{
    max-width: 470px;
    width: 100%;
}

/* Заголовок */
/* .block-title{
    font-size: ;
    font-weight: ;
    line-height: 120%;
    color: ;
} */

/* Заголовок формы */
div#block-vesta-theme-vebforma .block-title{
    margin-bottom: 13px;
    text-align: center;
}

/*Настройка текстового описания формы*/
div#edit-razmetka{
    max-width: 450px;
    width: 100%;
    font-size: 24px;
    text-align: center;
    margin: 0 auto;
}


/* Высота полей */
.webform-submission-callback-form .form-item-name,
.webform-submission-callback-form .form-item-telefon,
.webform-submission-callback-form .form-item-zaezd,
.webform-submission-callback-form .form-item-vyezd,
.webform-submission-callback-form .form-item-vzroslye,
.webform-submission-callback-form .form-item-deti,
.block-webform-block .form-item-name,
.block-webform-block .form-item-telefon,
.block-webform-block .form-item-zaezd,
.block-webform-block .form-item-vyezd,
.block-webform-block .form-item-vzroslye,
.block-webform-block .form-item-deti{
    height: 58px;
    margin-bottom: 20px
}

.webform-submission-callback-form .form-item-zaezd,
.webform-submission-callback-form .form-item-vyezd,
.webform-submission-callback-form .form-item-vzroslye,
.webform-submission-callback-form .form-item-deti,
.block-webform-block .form-item-zaezd,
.block-webform-block .form-item-vyezd,
.block-webform-block .form-item-vzroslye,
.block-webform-block .form-item-deti {
    width: 48%;
    display: inline-flex;
}

.webform-submission-callback-form .form-item-razme,
.block-webform-block .form-item-razme{
    margin-bottom: 10px;
}

.block-webform-block .form-item-zaezd,
.block-webform-block .form-item-vzroslye{
    margin-right: 12px;
}

/* Настройка полей */
.webform-submission-callback-form .form-item-name input,
.webform-submission-callback-form .form-item-telefon input,
.block-webform-block .form-item-name input,
.block-webform-block .form-item-telefon input{
    width: 100%;
    height: 100%;
}
.webform-submission-callback-form .form-item-name input,
.webform-submission-callback-form .form-item-telefon input,
.webform-submission-callback-form .form-item-zaezd input,
.webform-submission-callback-form .form-item-vyezd input,
.webform-submission-callback-form .form-item-vzroslye input,
.webform-submission-callback-form .form-item-deti input,
.block-webform-block .form-item-name input,
.block-webform-block .form-item-telefon input,
.block-webform-block .form-item-zaezd input,
.block-webform-block .form-item-vyezd input,
.block-webform-block .form-item-vzroslye input,
.block-webform-block .form-item-deti input{
    color: var(--color-dark);
    padding: 15px 20px;
    border: 1px solid rgba(104, 121, 68, 1);
    border-radius: 10px;
    background: rgba(104, 121, 68, 0.2);
}

.webform-submission-callback-form .form-item input::placeholder,
.block-webform-block .form-item input::placeholder{
    color: var(--color-accent);
}

/* Поле согласие */
.webform-submission-callback-form .form-item-privacy,
.block-webform-block .form-item-privacy{
    display: flex;
    gap: 15px;
    font-size: 14px;
    color: rgba(162, 162, 162, 1);
    margin-bottom: 20px;
}
.webform-submission-callback-form .form-item-privacy a,
.block-webform-block .form-item-privacy a{
    color: rgba(162, 162, 162, 1);
    font-size: 14px;
    font-weight: 500;
    line-height: 110%;
    text-decoration: none;
}
.webform-submission-callback-form .form-checkbox,
.block-webform-block .form-checkbox{
    max-width: 22px;
    width: 100%;
    height: 22px;
}

/* Кнопка отправить */
.region.region-block-contacts .webform-button--submit{
    background-color: var(--color-accent);
    color: var(--color-white);
    display: flex;
    justify-content: center;
}


/* Предупреждение о не заполненных полях */
.form-control{
    margin: 0;
}

.ajax-progress{
    display: none;
}

.webform-submission-callback-form .form-item--error-message,
.block-webform-block .form-item--error-message {
    display: none !important;
}

.webform-submission-callback-form .form-control.form-text.error, 
.webform-submission-callback-form .form-control.form-select.error,
.block-webform-block .form-control.form-text.error, 
.block-webform-block .form-control.form-select.error {
    border-color: red !important;
}

.webform-submission-callback-form .control-label,
.block-webform-block .control-label {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.webform-submission-callback-form span.form-required,
.block-webform-block span.form-required {
    color: red !important;
}

.body-node--800v div#block-vesta-theme-vebforma-2 {
    max-width: 100%;
    width: 100%;
    order: 2;
}


/* Адаптивная версия */
@media screen and (max-width: 1920px){}
@media screen and (max-width: 1200px){}
@media screen and (max-width: 992px){
    .block-webform-block .form-item-zaezd, 
    .block-webform-block .form-item-vzroslye {
        margin-right: 8px;
    }
}
@media screen and (max-width: 767px){
    div#map-block .map-wrapper {
        justify-content: center;
        flex-direction: column;
    }
    div#map-block .region-block-contacts {
        align-items: center;
        width: 100%;
        max-width: 100%;
    }
    div#map-block #block-vesta-theme-yandekskarta-2 .field--name-body .mapContainer {
        height: 300px !important;
    }

    div#block-vesta-theme-kontakty {
    width: 100%;
}

.webform-submission-callback-add-form{
    max-width: 470px;
    width: 100%;
    margin-bottom: 30px;
}

}
@media screen and (max-width: 576px){}
@media screen and (max-width: 480px){}
@media screen and (max-width: 320px){}