/*
Theme Name:     Buildpress Child Theme
Template:       buildpress
Version:        1.01
*/


/* add custom CSS code bellow */

.header {
    background-color: #F2F2F2;
}

.sitech-front-page-hero {
    position: relative;
    display: flex;
    align-items: flex-end;
    aspect-ratio: 2.25;
    margin-top: -60px;

    &::after {
        content: '';
        position: absolute;
        z-index: 1;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top right, rgba(0, 85, 150, 0.9), transparent 65%);
    }

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

    > h1 {
        position: relative;
        z-index: 2;
        padding: 5%;
        color: white;
        text-transform: uppercase;
        font-size: 5rem;
        filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.25));
    }

    @media screen and (max-width: 1200px) {
        aspect-ratio: 16/9;

        > h1 {
            font-size: 4rem;
        }
    }

    @media screen and (max-width: 768px) {
        margin-top: -30px;

        > h1 {
            font-size: 2.5rem;
        }
    }
}