@charset "UTF-8";

 /* =========================================
PURE CSS ACTIVE STATE MATCHING 
========================================= */
        
        /* Highlights the nav item when the body ID matches the nav ID */
        #home-page #nav-home > a,
        #scholarship-page #nav-scholarship > a,
        #apply-page #nav-apply > a,
        #scholars-page #nav-scholars > a,
        #features-page #nav-features > a,
        #multimedia-page #nav-multimedia > a,
        #faqs-page #nav-faqs > a,
        #about-page #nav-about > a {
            border-left: 3px solid #00467f;
            font-weight: bold;
            background-color: #e5f3f6;
        }

        /* Keeps the dropdown open when the body ID matches the nav ID */
        #multimedia-page #nav-multimedia > ul {
            display: block;
        }

        /* Rotates the arrow down when the body ID matches the nav ID */
        #multimedia-page #nav-multimedia > a::after {
            transform: rotate(45deg);
        }