/*
 * Copyright (c) 2022 Code Inc. - All Rights Reserved
 * Unauthorized copying of this file, via any medium is strictly prohibited
 * Proprietary and confidential
 * Visit <https://www.codeinc.co> for more information
 */

/**
 * Template
 */
#header {
    background: white url(images/family-header.webp) no-repeat bottom right;
    background-size: contain;
}
#header-overlay {
    background: var(--img-hover-gradient);
    transition: all ease-in-out .2s;
}

/**
 * Page
 */
#page {
    width: var(--page-content-max-width);
    padding: 0 var(--content-side-padding);
    position: relative;
    margin: 4rem auto 8rem;
    min-height: calc(100vh - 35rem);
}
#page > header {
    margin-bottom: 4rem;
}
#page > header h1 {
    font-size: 50px;
    margin: 0;
    color: var(--title-color);
}
#page > header span.line {
    border-top: 2px solid var(--color-top-footer);
    display: block;
    width: 3rem;
    margin-top: .5rem;
}
#page figure.featured-image {
    float: right;
    padding-left: 2rem;
    padding-bottom: 2rem;
}
#page figure.featured-image img {
    max-width: 25rem;
    max-height: 25rem;
    height: auto;
    width: auto;
}


@media screen and (max-width: 1000px) {
    #header {
        /*background: white;*/
    }
    #page > header h1 {
        font-size: 2rem;
    }
    #page {
        width: auto;
    }
    #page figure.featured-image {
        float: none;
        padding: 0;
    }
    #page figure.featured-image img {
        max-width: 100%
    }
}