/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* !- el-form-manager */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

:root {
    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* !- layout */

    --bh-form-manager-accent-color: #8ba820;

    --bh-form-manager-column-gap: 10px;
    --bh-form-manager-row-gap: 20px;
    --bh-form-manager-fieldblock-margin: 40px;

    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* !- label */

    --bh-form-manager-input-label-font-family: "Montserrat";
    --bh-form-manager-input-label-font-weight: 400;
    --bh-form-manager-input-label-font-size: 13px;
    --bh-form-manager-input-label-color: #000000;

    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* !- input */

    --bh-form-manager-highlight-color: #8ba820;
    --bh-form-manager-input-icon-size: 24px;
    --bh-form-manager-input-border: 1px solid #e0e0e0;
    --bh-form-manager-input-border-radius: 3px;
    --bh-form-manager-input-padding: 0.875em;
    --bh-form-manager-input-font-family: "Montserrat";
    --bh-form-manager-input-font-size: 16px;
    --bh-form-manager-input-text: #000000;
    --bh-form-manager-input-bg: #fafafa;
    --bh-form-manager-placeholder-text: #afafaf;
    --bh-form-manager-textarea-height: 150px;

    --bh-form-manager-input-outline: 0;
    --bh-form-manager-input-outline-invalid: 0;
    --bh-form-manager-input-outline-focused: 2px solid var(--bh-form-manager-accent-color);

    /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    /* !- submit */

    --bh-form-manager-submit-border: none;
    --bh-form-manager-submit-border-radius: 2px;
    --bh-form-manager-submit-padding-block: 1.14em;
    --bh-form-manager-submit-padding-inline: 1.71em;
    --bh-form-manager-submit-padding: var(--bh-form-manager-submit-padding-block) var(--bh-form-manager-submit-padding-inline);
    --bh-form-manager-submit-font-family: "Montserrat";
    --bh-form-manager-submit-font-weight: 700;
    --bh-form-manager-submit-font-size: 14px;
    --bh-form-manager-submit-text: #ffffff;
    --bh-form-manager-submit-bg: #8ba820;

    --bh-form-manager-submit-hover-transition: all 0.2s ease;
    --bh-form-manager-submit-hover-text: #ffffff;
    --bh-form-manager-submit-hover-bg: #8b612b;
}

@media only screen and (max-width: 768px) {
    :root,
    .bh-state-mobile {
        --bh-form-manager-input-label-font-size: 11px;
        --bh-form-manager-input-font-size: 14px;
    }
}

.bh-form-manager__field__icon {
    right: 0;
    border-left: var(--bh-form-manager-input-border);
    width: calc(20px * 2 + var(--bh-form-manager-input-icon-size));
    z-index: 1;
}

.el-form-manager-text,
.bh-form-manager__checkbox__label {
    font-family: "myriad-pro-condensed";
    font-weight: 300;
    font-size: 19px;
    line-height: normal;
    color: #464646;
}

.bh-form-manager__spacer {
    position: relative;
}

.bh-form-manager__spacer::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border: var(--bh-form-manager-input-border);
}

.bh-form-manager__spacer.bh-form-manager__spacer--s {
    height: 40px;
}

.bh-form-manager__spacer.bh-form-manager__spacer--m {
    height: 80px;
}

.bh-form-manager__spacer.bh-form-manager__spacer--l {
    height: 120px;
}

.bh-form-manager__checkbox__icon {
    border-radius: 2px;
}

.bh-form-manager__checkbox__label strong {
    font-weight: 400;
}