.accordion-button:focus {
    z-index: 3;
    border-color: red !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.darken-background:after {
    content: " ";
    z-index: 1024;
    display: block;
    position: fixed; /* change from absolute to fixed */
    height: 100%; /* this now refers to the viewport height */
    width: 100%; /* make sure it spans the whole width of the viewport */
    top: 0;
    left: 0;
    transition: background-color 0.5s ease;
    background: rgba(0, 0, 0, 0.5);
}

.darken-background {
    position: relative; /* this is not necessary anymore, but it won't harm */
}

.dropdown:hover .landing-nav-dropdown {
    display: block;
}

#landing-mobile-navigation {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1025;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: 0.33s;
}

.navbar-nav .dropdown-menu {
    box-shadow: 0 1.5rem 4rem rgb(22 28 45 / 15%);
    border: none !important;
}

.navigation-link {
    border: none !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    color: var(--primary) !important;
    border-radius: .25rem !important;
    background-color: transparent !important;
}

.nav-side-link:hover {
    color: var(--secondary) !important;
}

.navigation-link:hover {
    background-color: var(--park-light-gray) !important;
}

.mobile-nav-width {
    min-width: 225px;
}

@media (max-width: 767px) {
    .navigation-link {
        min-width: 220px;
    }
}

@media (min-width: 768px) {
    .image-heading-container{
        min-height: 500px;
        padding: 0 0 !important;
    }

    .navigation-link {
        min-width: 220px;
    }
}

@media (min-width: 992px) {
    .navigation-link {
        min-width: 0;
    }
    .about-us-title-container {
        max-width: 500px;
    }
}