.form-template {
    margin-top: 64px;
    padding-left: 20px;
    padding-right: 20px;
}

/* sticky escape? */

.form-template__quick-escape-wrap {
    left: 0;
    opacity: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: fixed;
    top: 22px;
    transform: translateY(-150px);
    transition: all 0.2s;
    visibility: hidden;
    width: 100vw;
}

@media screen and (max-width: 990px) {
    .form-template__quick-escape-wrap {
        display: none;
    }
}

.form-template__quick-escape-wrap.show {
    opacity: 1;
    transform: none;
    visibility: visible;
}

.form-template__quick-escape-wrap__inner {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}

.form-template__quick-escape {
    display: inline-block;
    background: #ffee8d;
    color: black;
    font-weight: 500;
    font-size: 14px;
    line-height: 0.9;
    padding: 12px 20px;
    text-decoration: none !important;
}

.form-template__quick-escape:hover {
    background-color: #000;
    color: #fff;
}

.form-template__quick-escape:focus {
    background-color: #000;
    color: #fff;
    text-decoration: none;
    outline: 1px dotted #fff !important;
    outline-offset: -6px;
}

.form-template__inner {
    width: 100%;
    max-width: 1152px;
    margin-left: auto;
    margin-right: auto;
}

/* Title / Heading */
.form-template h1 {
    color: #000;
    margin-top: 0 !important;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: bold;
    font-size: 55px;
    line-height: 53px;
    /* or 96% */
    letter-spacing: -2.5px;
    /* margin-bottom: 35px; */
    /* padding-top: 24px; */
}

.form-template__hide-label .forminator-label {
    display: none !important;
}

/* Resources */
/* Heading */

/* Copy */
.form__resources p,
.form__introduction p {
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    /* margin-top: 1em !important; */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.form__introduction p.form__introduction__notice {
    color: #b60000;
}

.form__introduction p.form__introduction__subheading {
    font-size: 18px;
    font-weight: 600;
}

.form__resources h3 + p {
    margin-top: 32px;
}

/* Strong: categories */
.form__resources strong {
    color: #000;
    display: block;
    font-size: 18px !important;
    line-height: 21px !important;
    letter-spacing: 0 !important;
}

/* Links */
.form__resources a,
.form__introduction a {
    color: #00598c;
    font-weight: 500;
    text-decoration: none;
}

/* Forminator */
/* Overall layout */
.form-template__form .forminator-row {
    max-width: 885px;
}

/* Placeholder styles */
/* Chrome, Firefox, Opera, Safari 10.1+ */
.form-template__form *::placeholder {
    color: #757575;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    opacity: 1; /* Firefox */
}
/* Internet Explorer 10-11 */
.form-template__form *:-ms-input-placeholder {
    color: #757575;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
/* Microsoft Edge */
.form-template__form *::-ms-input-placeholder {
    color: #757575;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
/* Forminator select */
.select2-selection__placeholder {
    color: #757575 !important;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
/* Forminator error */
.form-template__form .forminator-error-message {
    color: #b60000 !important;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

/* Input Labels */
.form-template__form .forminator-field label,
/* Time/Date label */
.form-template__form .forminator-label {
    color: #757575;
    display: block;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
    /* hide initially */
    /* pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
    visibility: hidden; */
}

/* Hide labels */
.form-template__form__add .forminator-label {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden;
}

.form-template__form__checkboxes .forminator-label {
    opacity: 0;
    pointer-events: none;
    position: absolute;
}

/* Show labels */
.form-template__form__select .forminator-label,
.form-template__form__date .forminator-label,
.forminator-is_filled .forminator-label,
.forminator-is_active .forminator-label {
    pointer-events: initial !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.form-template__form .forminator-field:focus-within label {
    color: #2774ae;
}

/* Input/Selects sizing */
.form-template__form .forminator-field .forminator-input,
.form-template__form .forminator-field .select2-selection {
    height: 56px;
    min-width: max-content;
    position: relative;
}

/* Input/Select font */
.form-template__form .forminator-field .forminator-input,
.form-template__form .forminator-field .forminator-textarea,
.form-template__form .forminator-field .select2-selection__rendered {
    color: #000 !important;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    height: 56px;
    line-height: 20px;
}

.form-template__form .forminator-field .forminator-input,
.form-template__form .forminator-field .forminator-textarea {
    background-color: #fff;
    border-color: #757575;
    border-radius: 4px;
    padding-left: 16px !important;
    padding-right: 40px !important;
}

.form-template__form .forminator-field .forminator-textarea {
    min-height: 147px;
    max-width: 540px;
    padding-bottom: 16px !important;
    padding-top: 16px !important;
}

.form-template__form .forminator-field .forminator-input:focus,
.form-template__form .forminator-field .forminator-textarea:focus {
    border-color: #fff;
    box-shadow: 0 0 0 2px #2774ae;
}

/* Hide regular border for ::before border */
.form-template__form .forminator-field .select2-selection {
    border: 0;
}

.form-template__form .forminator-field .select2-selection::before {
    box-sizing: content-box;
    border: 1px solid #757575;
    border-radius: 4px;
    content: '';
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.form-template__form .forminator-field .select2-selection__rendered {
    align-items: center;
    display: flex !important;
    padding-left: 16px !important;
    padding-right: 40px !important;
}

.form-template__form .forminator-field:focus-within .select2-selection::before {
    border-color: #2774ae;
    border-width: 2px;
}

.form-template__form
.forminator-field:focus-within
.select2-selection__rendered {
    color: #2774ae;
}

.form-template__form .forminator-field .select2-selection__arrow {
    right: 10px !important;
    top: 15px !important;
}

.form-template__form .forminator-field .select2-selection__arrow b {
    display: none;
}

.form-template__form .forminator-field .select2-selection__arrow::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: translate(50%, 50%) rotate(45deg);
}

.form-template__form
.forminator-field
.select2-container--open
.select2-selection__arrow::before {
    transform: translate(50%, 100%) rotate(225deg);
}

/* Select results container */
.select2-container {
    width: 100% !important;
}

.select2-container .select2-results {
    background-color: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding-bottom: 6px;
    padding-top: 6px;
}

/* Select results items */
.select2-container .select2-results__option {
    color: #757575;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

/* Select results items active */
.select2-container .select2-results__option--highlighted[aria-selected] {
    background-color: #949494 !important;
    color: #fff;
}

.select2-container .select2-results__option[aria-selected='true'] {
    background-color: #757575 !important;
    color: #fff;
}

/* Hide pseudo element bullet */
.select2-container .select2-results__option::before {
    content: initial !important;
}

/* TODO */
/* Checkboxes/multiple select */
/* .form-template__form__checkboxes {

} */

.form-template__form__section {
    margin-top: 38px;
}

@media (min-width: 783px) {
    .form-template__form__section {
        margin-top: 18px;
    }
}

.form-template__form__section h3 {
    margin: 0 !important;
}

.form-template__form__section p {
    margin: 1em 0 0 !important;
}

.form-template__form__section h3 + p {
    margin-top: 16px !important;
}

/* Section: copy */
.form-template__form__section p {
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.form-template__form__section strong {
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.form-template__form__section a {
    color: #2774ae;
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
}

@media (min-width: 783px) {
    .form-template__form__input.forminator-col-12,
    .form-template__form__select.forminator-col-12 {
        flex: 0 1 50% !important;
    }

    /* Month/Date/Time formatting */
    .form-template__form__time {
        flex-grow: 2.15 !important;
    }

    .form-template__form__time .forminator-row {
        display: flex !important;
    }
    .form-template__form__time .forminator-row .forminator-col{
        margin-bottom: 0 !important;
    }
}

/* Old Date field */
/* Hide year */
/* .form-template__form__date
  .forminator-date-select
  .forminator-col:nth-child(3) {
  display: none;
} */
/* Hide sublabels */
/* .form-template__form__date .forminator-label,
.form-template__form__time .forminator-label {
    position: absolute;
}

.form-template__form__date > .forminator-label,
.form-template__form__time > .forminator-label {
    position: initial !important;
    pointer-events: initial !important;
    opacity: 1 !important;
    visibility: visible !important;
} */

/* Hide date number input arrows */
.form-template__form__date input::-webkit-outer-spin-button,
.form-template__form__date input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.form-template__form__date input[type=number] {
    -moz-appearance: textfield;
}

.form-template__form__time {

}
/* Hide time sublabels */
/* .form-template__form__date .forminator-label, */
.form-template__form__time .forminator-label {
    position: absolute;
}

/* .form-template__form__date > .forminator-label, */
.form-template__form__time > .forminator-label {
    position: initial !important;
    pointer-events: initial !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.form-template__form__date {
}

.form-template__form__time {
}

/* Name, email, phone */
.form-template__form__input {
}

/* Textarea */
.form-template__form__textarea {
}

/* Character limit text */
.form-template__form__textarea .forminator-description {
    color: #757575;
    display: block;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 12px;
    /* identical to box height, or 133% */
    letter-spacing: 0.03em;
    margin-top: 8px;
    max-width: 540px;
    text-align: right;
    text-transform: uppercase;
}
.form-template__form__textarea .forminator-description::after {
    content: ' Character Limit';
}

/* Add Respondents */
.form-template__form__add button {
    background-color: #ffee8d;
    border-radius: 0;
    color: #000000;
    display: inline-block;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 10px 16px;
    text-transform: initial;
}

.form-template__form__add button:hover,
.form-template__form__add button:focus {
    background-color: #000;
    color: #fff;
}

.form-template__form__add button:focus {
    outline: 1px dotted #fff !important;
    outline-offset: -6px;
}

.form-template__form__add button::after {
    align-items: center;
    border: 2px currentColor solid;
    border-radius: 50%;
    content: '+';
    display: inline-flex;
    justify-content: center;
    height: 20px;
    margin-left: 14px;
    padding-bottom: 1px;
    position: relative;
    top: -1px;
    width: 20px;
}

/* .form-template__form__file-upload {

} */

.form-template__form__file-upload label,
.form-template__form__file-upload input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

.form-template__form__file-upload button.forminator-button {
    background-color: #ffee8d;
    border-radius: 0;
    color: #000000;
    display: inline-block;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 10px 16px;
    text-transform: initial;
}

.form-template__form__file-upload button.forminator-button:hover,
.form-template__form__file-upload button.forminator-button:focus {
    background-color: #000;
    color: #fff;
}

.form-template__form__file-upload button.forminator-button:focus {
    outline: 1px dotted #fff !important;
    outline-offset: -6px;
}

.form-template__form__file-upload .forminator-file-upload > span {
    color: #000000;
    display: inline-block;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    margin-left: 1em;
}

.form-template__form__file-upload .forminator-button-delete {
    background: 0;
    margin-left: 1em;
    padding: 0;
    position: relative;
    top: 2px;
}

.forminator-button-delete i {
    color: #000;
}

.form-template__form__file-upload .forminator-button-delete:hover i {
    color: #2774ae;
}

.form-template__form__has-border {
    border-bottom: 1px solid #858585;
    padding-bottom: 38px !important;
}

@media (min-width: 783px) {
    .form-template__form__has-border {
        padding-bottom: 48px !important;
    }
}

.form-template__form .forminator-button-submit {
    background-color: #ffee8d;
    border-radius: 0;
    color: #000000;
    display: inline-block;
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 10px 16px;
    text-transform: initial;
    width: 235px;
}

.form-template__form .forminator-button-submit:hover,
.form-template__form .forminator-button-submit:focus {
    background-color: #000;
    color: #fff;
}

.form-template__form .forminator-button-submit:focus {
    outline: 1px dotted #fff !important;
    outline-offset: -6px;
}

/* Success message */
.forminator-response-message {
    outline: none;
}

.forminator-response-message > p {
    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin-top: 49px;
    padding: 0 !important;
}

.forminator-response-message > p > strong {
    font-weight: bold;
    font-size: 55px;
    line-height: 53px;
    letter-spacing: -2px;
}

.forminator-response-message > p > strong::before {
    background-image: url('/wp-content/themes/edi-ua5/img/form-success.svg');
    background-size: contain;
    content: '';
    display: inline-block;
    height: 0.75em;
    margin-right: 0.25em;
    width: 0.75em;
}

.forminator-response-message a {
    font-weight: 500;
    text-decoration: none;
}

@media screen and (max-width: 975px) {
    .forminator-response-message > p > strong {
        font-size: 36px;
        line-height: 42px;
        letter-spacing: -1.5px;
    }
    /* 
    .form-template__content p {
        font-size: 20px;
        line-height: 20px;
        letter-spacing: -0.7px;
    } */
}