/* CMS Fixs */
html.ccm-panel-left div.ccm-panel-detail {
    padding-left: 315px;
    display: block;
}
body .ccm-ui .h3, body .ccm-ui h3 {
    font-weight: 600;
}

#header {
    transition: transform 0.3s ease-in-out;
}
.header {
    z-index: 800 !important;
    background-color: var(--background-color);
}

#hero-4 .hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}



/* Bootstrap breakpoints 
Breakpoint | Class | Dimensions
Ex small | None | <576px
Small | sm | ≥576px
Medium | md | ≥768px
Large | lg | ≥992px
Extra large | xl | ≥1200px
Extra extra large | xxl | ≥1400px
*/

/* ≥ md overrides */
@media (min-width: 768px) {

    .hero-4 {
        min-height: 100vh;
    }

}

/* ≥ xl overrides */
@media (min-width: 1200px) {


}