/* Hide Explore Menu */
#explore-button,
.bar-nav--drawer-element.mobile-element:has(#explore-header) {
    display: none;
}

/* Hide Schools Menu */
#schoolsbutton,
.bar-nav--drawer-element.mobile-element:has(#schools-header) {
    display: none;
}

/* ---------- START Breadcrumbs ---------- */
/* Breadcrumbs width to match menu bar */
#app:has(#m5) #container .breadcrumb {
    margin: 0 45px;
    min-width: unset;
    width: auto;

    & ul {
        padding: 0;
    }
}

/* Hide First-Child in Breadcrumbs except for breadcrumbs navigation on Documents Page */
#container {
    /* all pages */
    .breadcrumb {
        li:first-child {
            display: none;
        }
        li:nth-child(2)::before {
            content: none;
        }
    }
    /* documents page */
    #documents .page-container .breadcrumb {
        li:first-child {
            display: inline-block;
        }
        li:nth-child(2)::before {
            content: "»";
        }
        li::before {
            top: -1px;

            @media (max-width: 1000px) {
                left: 1px;
            }
        }
    }
}
/* ---------- END Breadcrumbs ---------- */


a:not(.button):hover {
  text-decoration: underline !important;
}

#footer-f1 .additional-text a {
  text-decoration: none !important;
}

#footer-f1 .additional-text a:hover {
  text-decoration: underline !important;
}

/* START Mobile menu */
#cms-header .mobile-menu-wrapper .bar-nav--drawer-children.show-children .bar-nav--drawer-element.child-element.has-children {
  border: 1px solid var(--secondary-color);
}

#cms-header .mobile-menu-wrapper .bar-nav--drawer-children.show-children .bar-nav--drawer-element {
  background-color: #FFF;
  border-top: 1px solid var(--secondary-color);

  .bar-nav-element {
    color: #000;
  }

  svg path {
    fill: #000;
  }
}
/* END Mobile menu */
/* START - Make Menu Items Full Width For Hover */
#m5 .bar-nav--drawer-element .bar-nav--drawer-element-title {    
    .bar-nav--drawer-element-title-text,
    a.link {
        width: 100%;
        display: block;
    }
}
/* END - Make Menu Items Full Width For Hover */

/* START - Add underline to h1 in page header */
#page .pb-heading h1 {
    position: relative;
    margin-bottom: 1.2rem;
}

#page .pb-heading h1:after {
    content: close-quote;
    background-color: var(--secondary-color);
    position: absolute;
    bottom: -1.2rem;
    left: 0;
    border: 0;
    height: .25rem;
    width: 6.25rem;
}

/* END - Add underline to h1 in page header */

/* START - Make footer go all the way to the bottom of the page (very large monitors) */
#app {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main#container {
    flex-grow: 1;
    flex-shrink: 0;
}

#cms-footer {
    margin-top: auto;
    width: 100%;
    flex-shrink: 0;
}

/* END - Make footer go all the way to the bottom of the page (very large monitors) */

/* START - News adjustments */
#home #news-n2 .story a:hover {
  color: #000;
}

/* END - News adjustments */

/* START - Force link color CMS pages */
#page a:not(.button):not(.pb-navigation a),
#page a:not(.button):not(.pb-navigation a) * {
    color: #0000EE;
    text-decoration-color: #000;
}

/* END - Force link color CMS pages */