@import "base-header.css?v=2024-06";

/* =============================================
   INNER PAGES HEADER
   ============================================= */

/* Hide homepage-only elements */
#homepage-main-title,
.scroll-indicator {
    display: none !important;
}

.header-background-div {
    height: 44vh;
    min-height: 360px;
    max-height: 520px;
}

/* Page title at bottom */
.page-title-container {
    margin-top: auto;
    animation: pageTitleIn 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.15s both;
}

@keyframes pageTitleIn {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* =============================================
   RESPONSIVE
   ============================================= */
@media screen and (max-width: 1100px) {
    .header-background-div {
        height: 36vh;
        min-height: 300px;
    }
}