/* styles that were previously in every page */
html {
    opacity: 0;
    transition: opacity 0s ease-out;
}

html.webflow-loaded {
    opacity: 1;
}

.w-webflow-badge {
    display: none !important;
}

.w-slider-dot {
    width: 12px;
    height: 4px;
    border-radius: 4px;
    background-color: #999 !important;
}

.w-slider-dot.w-active {
    background-color: var(--orange) !important;
}

a:focus {
    outline: var(--orange) auto 2px;
}

.button:focus {
    outline: 0 !important;
}

@media (max-width: 767px) {
    h1 {
        word-break: break-word !important;
        -webkit-hyphens: auto !important;
        -moz-hyphens: auto !important;
        -ms-hyphens: auto !important;
        -o-hyphens: auto !important;
        hyphens: auto !important;
    }
}

.sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

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