/* Osceola CMS forms — match legacy osceolahousing.com form styling */

.apllication_form,
.child_support,
.income_form,
.contact_form,
.form_box,
#forms_page .formpage_box {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    color: #404040;
}

.pch_inn_pg_row {
    padding: 60px 0;
}

.cms-rich-content {
    font-family: 'Open Sans', sans-serif;
    color: #404040;
    line-height: 1.7;
}

.cms-rich-content p {
    margin-bottom: 1rem;
}

.cms-rich-content ol,
.cms-rich-content ul {
    margin: 0 0 1rem 1.25rem;
    padding-left: 1.25rem;
}

.cms-rich-content li {
    margin-bottom: 0.5rem;
}

.cms-rich-content ol ul {
    margin-top: 0.5rem;
}

.form_box {
    border: double;
    border-color: #c81919;
    padding: 30px;
    background: #ededed;
    width: 100%;
}

.form_box .form-group {
    margin-bottom: 1rem;
}

.form_box .control-label {
    font-size: 15px !important;
    font-weight: 600;
    color: #404040;
}

.form_box .control-label span {
    color: #c81919 !important;
}

.child_support label {
    font-size: 15px !important;
    font-weight: 600;
}

.child_support p,
.apllication_form p,
.income_form p {
    font-size: 18px;
    color: #404040;
}

.child_support label span,
.apllication_form label span {
    color: #9a1313 !important;
}

.child_support .custom-inputs-stacked {
    display: flex;
    flex-wrap: wrap;
}

.child_support .custom-inputs-stacked label {
    margin-right: 30px;
}

.every_checkbox .custom-inputs-stacked {
    display: flex;
    flex-wrap: wrap;
}

.every_checkbox .custom-inputs-stacked label {
    padding-right: 10px;
    margin-top: 20px;
}

.apllication_form h2,
.apllication_form h3,
.apllication_form h4,
.child_support h2,
.child_support h3,
.child_support h4 {
    font-family: 'Bebas Neue', sans-serif;
    font-weight: normal;
    letter-spacing: 0.02em;
}

.apllication_form h2,
.child_support h2 {
    font-size: 28px;
    text-align: center;
}

.apllication_form h3,
.child_support h3 {
    font-size: 25px;
    text-transform: none !important;
    text-align: center;
}

.apllication_form h4,
.child_support h4 {
    font-size: 21px;
    text-transform: none !important;
    text-align: center;
}

.family_info {
    border: 1px solid #e4caca;
    border-radius: 5px;
    padding: 30px;
    background: #fff;
    margin-bottom: 1.5rem;
}

.housing_repres {
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
}

.housing_repres:after {
    content: "";
    display: block;
    border-bottom: 2px solid black;
    margin: 0 15px;
}

.applica_btn,
.income_btn,
.bkg_btn {
    background: #c81919 !important;
    color: #fff !important;
    padding: 10px 30px;
    margin: 1rem 0;
    border-radius: 5px;
    border: 1px solid #c81919 !important;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
}

.applica_btn:hover,
.income_btn:hover,
.bkg_btn:hover {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #c81919 !important;
}

/* Forms listing page (/forms) */
#forms_page .formpage_box {
    height: 8em;
    padding: 30px;
    margin-bottom: 2em;
    background-color: #ededed;
    border: double #c81919;
    text-align: center;
    line-height: 50px;
}

#forms_page .formpage_box a {
    color: #000;
    font-size: 18px;
    text-decoration: none;
}

#forms_page .formpage_box a:hover {
    color: #c81919;
}

#forms_page .pdf_icon em {
    color: #c81919;
    margin: 0 10px 0 0;
}

/* Application page intro — match legacy osceolahousing.com/application.html */
.pch_inn_pg_row.contact_form > .col-md-12:first-child p,
.pch_inn_pg_row.contact_form > .col-md-12:first-child li {
    font-size: 18px;
    color: #404040;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child p {
    margin-bottom: 1rem;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child strong {
    font-weight: 800;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child ol {
    list-style: none !important;
    counter-reset: oha-application-list;
    padding-left: 0;
    margin-bottom: 1rem;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child ol > li {
    counter-increment: oha-application-list;
    position: relative;
    display: block;
    list-style: none !important;
    margin-bottom: 0.75rem;
    padding: 0 0 0 2.5rem;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child ol > li::marker {
    content: none;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child ol > li::before {
    content: counter(oha-application-list) ". ";
    position: absolute;
    left: 0;
    top: 0;
    width: 2rem;
    text-align: right;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child ol > li > ul,
.pch_inn_pg_row.contact_form > .col-md-12:first-child ol + ul {
    list-style-type: disc;
    padding-left: 1.75rem;
    margin: 0.35rem 0 0.75rem;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child ol > li > ul > li,
.pch_inn_pg_row.contact_form > .col-md-12:first-child ol + ul > li {
    display: list-item;
    list-style-type: disc;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child ol > li > ul > li::before,
.pch_inn_pg_row.contact_form > .col-md-12:first-child ol + ul > li::before {
    content: none;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child ul.oha-required-documents > li {
    background: yellow;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child .ne_applica {
    color: #404040 !important;
    font-size: 18px !important;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child .ne_applica:hover {
    color: #c81919 !important;
}

.pch_inn_pg_row.contact_form > .col-md-12:first-child .pdf_icon em {
    color: #c81919;
    margin: 0 10px 0 0;
}

.declaration_part .custom-inputs-stacked {
    display: block !important;
}

.declaration_part .custom-inputs-stacked label.custom-checkbox,
.declaration_part .custom-inputs-stacked label.custom-checkbox p,
.child_support .custom-inputs-stacked label.custom-checkbox,
.child_support .custom-inputs-stacked label.custom-checkbox p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
    color: #404040;
}

.declaration_part .custom-inputs-stacked label.custom-checkbox strong,
.declaration_part .custom-inputs-stacked label.custom-radio strong,
.child_support .custom-inputs-stacked label.custom-checkbox strong,
.child_support .custom-inputs-stacked label.custom-radio strong,
.form_box .custom-inputs-stacked label.custom-checkbox strong,
.form_box .custom-inputs-stacked label.custom-radio strong,
.contact_form .custom-inputs-stacked label.custom-checkbox strong,
.contact_form .custom-inputs-stacked label.custom-radio strong,
.apps_loc_check .custom-inputs-stacked label.custom-checkbox strong,
.apps_loc_check .custom-inputs-stacked label.custom-radio strong {
    font-size: inherit;
    font-weight: 800 !important;
    color: inherit;
}

.child_support .custom-inputs-stacked label.custom-checkbox p,
.declaration_part .custom-inputs-stacked label.custom-checkbox p {
    display: inline;
    margin: 0;
}

.child_support p.pl-3,
.declaration_part p.pl-3 {
    font-size: 18px;
    color: #404040;
}

.fax_nos {
    margin-bottom: 20px;
}

/* CMS rich text list fixes (non-application pages) */
.cms-rich-content p {
    font-size: 18px;
    color: #404040;
}

.cms-rich-content strong {
    font-weight: 800;
}

.pch_inn_pg_row .cms-rich-content {
    overflow: visible;
}

.cms-rich-content ol {
    list-style: none !important;
    counter-reset: oha-ordered-list;
    padding-left: 0;
    margin: 0 0 1rem;
}

.cms-rich-content ol > li {
    counter-increment: oha-ordered-list;
    position: relative;
    display: block;
    list-style: none !important;
    padding: 0 0 0.5rem 2.5rem;
    margin: 0;
}

.cms-rich-content ol > li::marker {
    content: none;
}

.cms-rich-content ol > li::before {
    content: counter(oha-ordered-list) ". ";
    position: absolute;
    left: 0;
    top: 0;
    width: 2rem;
    text-align: right;
}

.cms-rich-content ol > li > ul {
    display: block;
    list-style: disc;
    padding-left: 1.75rem;
    margin: 0.35rem 0 0.5rem;
}

.cms-rich-content ol > li > ul > li {
    display: list-item;
    list-style: disc;
    padding-left: 0;
}

.cms-rich-content ol > li > ul > li::before {
    content: none;
}

.cms-rich-content ul {
    list-style: disc;
    padding-left: 1.75rem;
    margin: 0 0 1rem;
}

.cms-rich-content .family_info {
    margin-top: 1rem;
}

.contact_form input.form-control,
.contact_form textarea.form-control,
.form_box input.form-control,
.form_box textarea.form-control,
.form_box select.form-control {
    border-radius: 0;
    border: 1px solid #ced4da;
    background: #fff;
}

.contact_form input:hover,
.contact_form input:focus,
.contact_form textarea:hover,
.contact_form textarea:focus,
.form_box input:hover,
.form_box input:focus,
.form_box textarea:hover,
.form_box textarea:focus {
    box-shadow: none;
}

.ne_applica {
    color: #404040 !important;
    font-size: 18px !important;
}

.ne_applica:hover {
    color: #c81919 !important;
}

.apps_loc_check .custom-inputs-stacked label.custom-checkbox,
.apps_loc_check .custom-inputs-stacked label.custom-radio {
    display: inline-block !important;
    min-width: 195px;
}

.checkbox_no .custom-inputs-stacked label.custom-checkbox > input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: top;
    margin-top: 5px;
}

.checkbox_no .custom-inputs-stacked label.custom-checkbox > label.control-label {
    margin-right: 4px;
}

.contact_form .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.form_box input[type="tel"].form-control::placeholder,
.form_box input[name="home_phone"].form-control::placeholder,
.form_box input[name="work_phone"].form-control::placeholder,
.form_box input[name="cell_phone"].form-control::placeholder,
.form_box input[name="veterinarian_phone"].form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.datepicker.datepicker-dropdown {
    z-index: 1060 !important;
}

.datepicker.datepicker-orient-bottom:before,
.datepicker.datepicker-orient-bottom:after {
    top: -7px;
    bottom: auto;
}

.datepicker.datepicker-orient-bottom:after {
    top: -6px;
}

.datepicker.datepicker-orient-top:before,
.datepicker.datepicker-orient-top:after {
    display: none;
}

@media (max-width: 992px) {
    #forms_page .formpage_box {
        padding: 20px !important;
        line-height: 40px !important;
    }
}

@media (max-width: 475px) {
    .form_box {
        padding: 15px;
    }

    #forms_page .formpage_box {
        padding: 10px !important;
        height: auto;
        min-height: 8em;
    }
}