.--Willow-Park-School .drop path {
    fill: var(--secondary)!important;
}

.add-icon {
    color: white;
}

.banner-content-text {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.banner-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.banner-nav-wrapper::before {
    content: none;
}

.search-bar-wrapper .search-icon,
.collapsible-menu .collapsible-social-wrapper a,
.circle-arrow,
.footer-social-wrapper a {
    background: var(--secondary);
    color: var(--secondary-text);
}

.copyright a {
    color: white;
}

.logo-white-bg {
    background-color: rgba(255, 255, 255, 1);
    padding: .5rem;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.logo-white-bg img {
    aspect-ratio: 1/1;
}

@media (min-width: 75em) {
    .add-icon {
        color: var(--secondary);
    }
    .banner-img {
        aspect-ratio: 1800 / 628;
    }

    .banner-nav-wrapper {
        position: static;
        padding: 0;
        justify-content: flex-end;
    }

    .banner-content-wrapper {
        width: 50%;
    }

    .banner-content::after {
        right: -20px;
    }

    .main-nav-ul {
        column-gap: 1.25rem;
    }
}

@media (min-width: 99em) {
    .main-nav-ul {
        column-gap: 2rem;
    }
}