/* --- Locations Page --- */
.location-banner-row {
    height: 460px;
    max-height: 600px;
    position: relative;
    /*  background-image: linear-gradient(to right, #00e1ff5b 10%, #fff 50%);*/
    background: #f7f7f7;
}

    .location-banner-row::before {
        content: "";
        background: url("/-/media/Feature/Page Content/images/diamond_weave_half_transparent_black.png");
        background-size: 70%;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.35;
    }

.location-banner-image {
    width: 100%;
    height: 100%;
}

    .location-banner-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        /* clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%); */
        -webkit-mask: linear-gradient( 110deg,transparent 27%,#fff 27%) bottom left;
        -webkit-mask-size: 2000px 2000px;
        -webkit-mask-repeat: no-repeat;
        mask: linear-gradient(110deg,transparent 27%,#fff 27%) bottom left;
        mask-size: 2000px 2000px;
        mask-repeat: no-repeat;
    }

.location-banner-text {
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
}

    .location-banner-text h2 {
        font-size: 38px;
        padding-bottom: 0;
        color: #002f6d;
        font-family: var(--font-noto);
        font-weight: 400
    }

    .location-banner-text p {
        font-size: 24px;
        color: #444444;
    }

@media (max-width: 1536px) {
    .location-banner-row {
        height: 400px;
    }

    .location-banner-text h2 {
        font-size: 32px;
        padding-bottom: 0;
    }

    .location-banner-text p {
        font-size: 20px;
    }
}

@media (max-width: 1366px) {
    .location-banner-row {
        height: 350px;
    }

    .location-banner-text {
        width: 70%;
    }

        .location-banner-text h2 {
            font-size: 25px;
            padding-bottom: 0;
        }

        .location-banner-text p {
            font-size: 16px;
        }
}

@media (max-width: 1199.98px) {
    .location-banner-row {
        height: 350px;
    }

    .location-banner-text {
        width: 85%;
        text-align: center;
    }

        .location-banner-text h2 {
            padding-bottom: 1rem;
            width: 100%;
        }
}

@media (max-width: 991.98px) {
    .location-banner-row {
        height: 270px;
        padding: 1rem;
        background-image: linear-gradient(to right, #00e1ff26, #fff);
    }

        .location-banner-row::before {
            background-size: 100% 100%;
        }

    .location-banner-image {
        display: none;
    }

    .location-banner-text {
        width: 100%;
    }

        .location-banner-text h2 {
            padding-bottom: 0.5rem;
            text-align: center;
        }

        .location-banner-text h3 {
            text-align: center;
        }

        .location-banner-text p {
            margin-top: 0.5rem;
        }
}

@media (max-width: 767.98px) {
    .location-banner-row {
        height: 200px;
        display: none;
    }
}

@media (max-width: 300px) {
    .location-banner-row {
        height: 360px;
    }
}