:root {
    --district: #035C67;
}

.site-name {
    color: var(--primary);
    max-width: 10rem;
}

.nav-apps i:first-of-type {
    background-color: var(--secondary);
}

.nav-apps i:last-of-type {
    background-color: var(--primary);
}

.add-icon {
    color: var(--primary);
}

.--Weledeh-Catholic-School .add-icon {
    color: var(--accent1);
}

.banner_img {
    aspect-ratio: 16/9;
}

.home-section-heading h2,
.news-title {
    color: var(--dark-font-color);
}

.intro-box {
  background-color: var(--accent1-20);
}

.secondary-nav-item:hover,
.secondary-nav-item.active {
  color: var(--district);
  border-left: 2px solid var(--district);
}

.secondary-nav-item.active a,
.cookie:hover a,
.cookie:focus a,
.secondary-nav-item:hover a,
.secondary-nav-item:focus a {
  color: var(--district);
}

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

.--Weledeh-Catholic-School .nav-link a:hover, 
.--Weledeh-Catholic-School .nav-link a:focus, 
.--Weledeh-Catholic-School .sub-li a:hover, 
.--Weledeh-Catholic-School .sub-li a:focus {
    color: var(--accent1);
}

.--Weledeh-Catholic-School .tree g {
    opacity: 0.15!important;
}

@media (min-width: 48em) {
    .main-header {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 62em) {
    .news {
        padding-bottom: 2rem;
    }

    .banner_img {
        aspect-ratio: 1920 / 500;
    }
}