.page-content-inner a {
    color: var(--primary);
}

.--Theresetta-Catholic-School .page-content-inner a {
    color: var(--secondary);
}

.header-nav-app {
    background-image: none;
    mask-position: bottom left;
    mask-size: cover;
    background-color: var(--secondary);
    -webkit-mask-image:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='516' height='60' viewBox='0 0 516 60' fill='none'%3E%3Cpath d='M676 12.8108V18.8918C676 22.9459 676 18.8918 676 26.9999C676 28.5404 676 31.054 676 31.054V35.108V47.2702V60L50.069 60C37.7349 60 26.1946 51.973 19.1117 38.5946L0 0L676 3.8147e-06V12.8108Z' fill='%23BF1424'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='516' height='60' viewBox='0 0 516 60' fill='none'%3E%3Cpath d='M676 12.8108V18.8918C676 22.9459 676 18.8918 676 26.9999C676 28.5404 676 31.054 676 31.054V35.108V47.2702V60L50.069 60C37.7349 60 26.1946 51.973 19.1117 38.5946L0 0L676 3.8147e-06V12.8108Z' fill='%23BF1424'/%3E%3C/svg%3E");
}

.site-name,
.homepage .site-name {
    font-size: 1rem;
    max-width: 8.5rem;
}

.banner-wrapper {
    background-color: var(--primary);
    color: white;
    padding: 2rem 1rem;
}

.mission-wrapper img {
    width: 100%;
}

 .mission-bar {
    padding-top: 1rem;
    padding-bottom: 1rem;
    max-width: 100%;
    background-image: none;
    mask-position: top left;
    mask-size: cover;
    background-color: var(--secondary);
    -webkit-mask-image:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='897' height='81' viewBox='0 0 897 81' fill='none'%3E%3Cpath d='M902 63.7054V55.496C902 50.0231 902 55.496 902 44.5501C902 42.4704 902 39.0771 902 39.0771V33.6041V17.1852V2.00296e-06L66.8081 0C50.3505 0 34.952 10.8365 25.5011 28.8973L0 81L902 81V63.7054Z' fill='%23BF1424'/%3E%3C/svg%3E");
    mask-image:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='897' height='81' viewBox='0 0 897 81' fill='none'%3E%3Cpath d='M902 63.7054V55.496C902 50.0231 902 55.496 902 44.5501C902 42.4704 902 39.0771 902 39.0771V33.6041V17.1852V2.00296e-06L66.8081 0C50.3505 0 34.952 10.8365 25.5011 28.8973L0 81L902 81V63.7054Z' fill='%23BF1424'/%3E%3C/svg%3E");
}

.quicklink-col svg path {
    fill: var(--secondary)
}

.home-cta {
   display: block;
   font-style: normal;
   position: relative;
}

.home-cta img {
    position: absolute;
    bottom: 0;
    right: 0;
    object-fit: contain;
    width: 20%;
    display: block;
}
.home-programs {
    margin-top: 2rem;
    text-align: center;
}

.home-programs .btn {
    margin-left: auto;
    margin-right: auto;
}

.home-program-img {
    aspect-ratio: 4/3;
    width: 100%;
    max-width: 260px;
    margin: auto;
}

.home-program-img.no-img {
    object-fit: contain;
}

.home-program-tile.swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
}

.explore {
    position: relative;
}

.program-button-prev::after,
.program-button-next::after {
    content: none;
}

.program-button-prev,
.program-button-next {
    color: var(--dark-font-color);
    font-size: 1.5rem;
}

.header-cookie {
    z-index: 1;
    background-image: none;
    background-color: var(--secondary);
    mask-position: bottom right;
    mask-size: cover;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='60' viewBox='0 0 360 60' fill='none'%3E%3Cpath d='M-194 47.1892L-194 41.1082C-194 37.0541 -194 41.1082 -194 33.0001C-194 31.4596 -194 28.946 -194 28.946L-194 24.892L-194 12.7298L-194 4.99159e-05L318.967 3.58721e-06C329.075 2.70353e-06 338.533 8.02702 344.337 21.4054L360 60L-194 60L-194 47.1892Z' fill='%23047940'/%3E%3C/svg%3E");
}

.page-header.with-img {
    position: relative;
}

.page-header h1 {
    position: relative;
    z-index: 1;
}

.page-header.with-img::after {
    content: "";
    background-color: var(--primary);
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 1199px) {
    .menu-icon-wrapper {
        background-image: none;
        background-color: var(--secondary);
        mask-size: contain;
        mask-position: right top;
        mask-repeat: no-repeat;
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86' height='60' viewBox='0 0 86 60' fill='none'%3E%3Cpath d='M311 10.8108V16.8918C311 20.9459 311 16.8918 311 24.9999C311 26.5404 311 29.054 311 29.054V33.108V45.2702V58L50.069 59.5405C37.7349 59.5405 26.1946 51.5134 19.1117 38.1351L0 -0.459534L311 -2V10.8108Z' fill='%23047940'/%3E%3C/svg%3E");
    }

    .mission-vision {
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .site-name {
        display: none;
    }
    .program-button-prev {
        right: 3rem;
        left: auto;
        top: 1rem;
    }

    .program-button-next {
        right: 1rem;
        left: auto;
        top: 1rem;
    }

    .explore h3 {
        width: calc(100% - 3rem);
    }
}

@media(min-width: 48em) {
    .program-button-next {
        right: 2%;
    }

    .program-button-prev {
        left: 2%;
    }

    .site-name-row {
        column-gap: 1.5rem;
    }
}

@media (min-width: 75em) {
    .site-logo {
        height: 6.5rem;
        width: auto;
    }

    .banner-wrapper  {
        padding: 2rem;
    }

    .mission-vision {
        font-size: 16px;
    }
}

@media (min-width: 99em) {
    .site-name-row {
        margin-top: -2rem;
    }

    .site-logo {
        margin-top: .5rem;
    }

    .site-name,
    .homepage .site-name {
        font-size: 20px;
    }
}