/* Community Level Styles */
/* use top-level .design-style class to gain specificity */ 
/*e.g. .design-style .hero */

:root {
    --hp-fp-title-mobile-fs: calc(var(--hp-fp-title-base-font-size) * 2.3);
    --hp-fp-title-tablet-fs: calc(var(--hp-fp-title-base-font-size) * 2.9);
    --hp-fp-title-smdt-fs: calc(var(--hp-fp-title-base-font-size) * 2.7);
    --hp-fp-title-mddt-fs: calc(var(--hp-fp-title-base-font-size) * 3);

    --text-section-title-tablet-fs: calc(var(--text-section-title-base-font-size) * 2.9);
    --text-section-title-smdt-fs: calc(var(--text-section-title-base-font-size) * 2.7);
    --text-section-title-mddt-fs: calc(var(--text-section-title-base-font-size) * 3);
}

#contact_us_page_container .lightning-form .form-btn {
    transition: background 0.3s ease-in-out;
}

#contact_us_page_container .lightning-form .form-btn:hover {
    background: var(--primary-hover);
}


/* footer */
footer .footer-style-3 .col-item:first-of-type {
    display: block;
    border-right: unset;
    margin: 0 auto;
    text-align: center;
}

@media only screen and (min-width: 768px) {
    footer .footer-style-3 {
        display: block;
        padding: 5rem 6vw 2rem;
    }
}