/* 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;
}

/* Hide org name in header */
#cms-header #h2 .school-info .name .sydney.org-name {
    display: none;
}

/* =========================
   Desktop button icon
========================= */

/* =========================
   Force nav color
========================= */

.m4-menu--bar #custom-district-button-desktop {
    background-color: var(--bg-color);
    color: var(--text-color);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    flex-wrap: nowrap;

    span {
        white-space: nowrap !important;
    }
}

/* =========================
   Icon
========================= */

#custom-district-button-desktop::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: var(--text-color);
    mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20460.298%20460.297%27%3E%3Cpath%20fill%3D%27%2523ffffff%27%20d%3D%27M230.149%20120.939%2065.986%20256.274c0%20.191-.048.472-.144.855-.094.38-.144.656-.144.852v137.041c0%204.948%201.809%209.236%205.426%2012.847%203.616%203.613%207.898%205.431%2012.847%205.431h109.63V303.664h73.097v109.64h109.629c4.948%200%209.236-1.814%2012.847-5.435%203.617-3.607%205.432-7.898%205.432-12.847V257.981c0-.76-.104-1.334-.288-1.707zm226.973%20104.499L394.6%20173.476V56.989q.001-3.995-2.574-6.567-2.558-2.568-6.563-2.568h-54.816q-3.998%200-6.57%202.568-2.566%202.573-2.566%206.567v55.673l-69.662-58.245c-6.084-4.949-13.318-7.423-21.694-7.423q-12.563%200-21.698%207.423L3.172%20225.438c-1.903%201.52-2.946%203.566-3.14%206.136-.193%202.568.472%204.811%201.997%206.713l17.701%2021.128c1.525%201.712%203.521%202.759%205.996%203.142q3.428.286%206.855-1.998L230.149%2095.817l197.57%20164.741c1.526%201.328%203.521%201.991%205.996%201.991h.858c2.471-.376%204.463-1.43%205.996-3.138l17.703-21.125c1.522-1.906%202.189-4.145%201.991-6.716q-.293-3.846-3.141-6.132%27%2F%3E%3C%2Fsvg%3E);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

/* =========================
   Mobile button icon
========================= */

#custom-district-button-mobile {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    /* margin-right: 16px; */
    margin-top: 10px;

    & span {
        white-space: nowrap;

        @media (max-width: 600px) {
            display: none;
        }
    }

    &::before {
        content: "";
        width: 24px;
        height: 24px;
        display: inline-block;
        background-color: var(--nav-color);
        mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20460.298%20460.297%27%3E%3Cpath%20fill%3D%27%2523ffffff%27%20d%3D%27M230.149%20120.939%2065.986%20256.274c0%20.191-.048.472-.144.855-.094.38-.144.656-.144.852v137.041c0%204.948%201.809%209.236%205.426%2012.847%203.616%203.613%207.898%205.431%2012.847%205.431h109.63V303.664h73.097v109.64h109.629c4.948%200%209.236-1.814%2012.847-5.435%203.617-3.607%205.432-7.898%205.432-12.847V257.981c0-.76-.104-1.334-.288-1.707zm226.973%20104.499L394.6%20173.476V56.989q.001-3.995-2.574-6.567-2.558-2.568-6.563-2.568h-54.816q-3.998%200-6.57%202.568-2.566%202.573-2.566%206.567v55.673l-69.662-58.245c-6.084-4.949-13.318-7.423-21.694-7.423q-12.563%200-21.698%207.423L3.172%20225.438c-1.903%201.52-2.946%203.566-3.14%206.136-.193%202.568.472%204.811%201.997%206.713l17.701%2021.128c1.525%201.712%203.521%202.759%205.996%203.142q3.428.286%206.855-1.998L230.149%2095.817l197.57%20164.741c1.526%201.328%203.521%201.991%205.996%201.991h.858c2.471-.376%204.463-1.43%205.996-3.138l17.703-21.125c1.522-1.906%202.189-4.145%201.991-6.716q-.293-3.846-3.141-6.132%27%2F%3E%3C%2Fsvg%3E);
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
    }
}
/* START Mobile Header & Menu */
#cms-header .mobile-header:has(#custom-district-button-mobile) .main-content {
    overflow: hidden;

    a.H3 {
        width: calc(100% - 96px);
    }
}

#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 Header & Menu */

/* 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 */