/* Plain CSS adaptations for the framework-free pages. */
[hidden] {
    display: none !important
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 110px
}

.reveal-on-scroll {
    opacity: 1;
    transform: none
}

.home-hero .hero-cutout-heading {
    color: white;
    /* -webkit-text-fill-color: white; */
    text-shadow: 0 2px 24px #00304266
}

.home-hero .hero-foreground-layer {
    background: linear-gradient(110deg, #02142399, #043b5633)
}

.form-status {
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.6;
    color: #174b64
}

.form-status.error {
    color: #b42318
}

.upload-selected {
    display: block;
    font-size: 14px;
    padding: 8px;
    color: #174b64
}

.filter-reset {
    margin: 12px 0;
    padding: 10px 18px;
    border: 1px solid #cde6f3;
    border-radius: 12px;
    background: white;
    color: #055f7c;
    cursor: pointer
}

.rh-item-bar {
    display: none
}

.rh-item--active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 3px;
    background: #60d5c5;
    border-radius: 3px
}

.rh-item-arrow {
    opacity: 0 !important
}

.rh-item--active .rh-item-arrow {
    opacity: 1 !important
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }

    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important
    }
}