/*
Theme Name: GIVSF Child
Template: twentytwentyone
*/

.hero-cover {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    position: relative;
    overflow: hidden;
    z-index: 1;
    min-height: 600px; /* adjust height as needed */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.hero-cover img {
    width: 100%;
    height: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/* Move site title and menu into hero-cover */
.site-header {
    background: transparent !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.site-title {
    margin-left: 2rem; /* Adjust for desired spacing */
    margin-top: 1rem;
    font-size: 1.5rem;
}

.primary-navigation {
    margin-left: 2rem;
    margin-top: 1rem;
}

/* Keep the subtitle below the image */
.page .entry-content {
    margin-top: 1rem;
}

/* Mobile fix */
@media (max-width: 768px) {
    .hero-cover {
        margin-left: -20px;
        margin-right: -20px;
        min-height: 400px; /* adjust if needed */
    }
    .site-title,
    .primary-navigation {
        margin-left: 1rem;
        margin-top: 0.5rem;
    }
}
.wp-block-cover.hero-cover {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}

.wp-block-cover.hero-cover img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.wp-block-cover.hero-cover .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
}
/* Prevent header from overlapping content */
.page .entry-header,
.page .site-main,
.page .site-content {
    margin-top: 7rem; /* adjust this depending on header height */
}