/* --------------- START Logo Updates ----------------- */
@media only screen and (min-width:980px) {
  .logo {
    z-index: 2 !important;
  }
}

@media only screen and (min-width: 1280px) {
    .logo {
      top: 25px !important;
    }
}

/* --------------- END Logo Updates ----------------- */

/* --------------- START Languages Menu ----------------- */
#languagesmenu {
    max-width: 600px;
}

#languagesmenu .languages-container {
    min-height: 70px;
    max-height: 290px;
}

#languagesmenu .languages-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    max-height: 290px;
    overflow: auto;
    counter-reset: language;
}

#languagesmenu:has(.active) .languages-list {
    max-height: 1500px;
    overflow: auto;
}

#languagesmenu .languages-list .language {
    box-sizing: border-box;
    margin-bottom: 13px;
    white-space: nowrap;
    width: calc(50% - 15px);
}

#languagesmenu .languages-list svg.selected-icon path {
    fill: none !important;
}

/* .languages-list .language::before {
    counter-increment: language;
    content: "language " counter(language) ": ";
} */

#languagesmenu .languages-list .language .language-text {
    display: block !important;
    height: auto;
    line-height: 1;
    padding-bottom: 5px;
    word-break: break-all;
}

#languagesmenu .languages-list .language .language-text {
    border-bottom: 1px solid transparent;
}

#languagesmenu .language:has(.selected-icon) {
    order: -1 !important;
}

#languagesmenu .language:nth-child(1) {
    order: 0; /* English */
}

#languagesmenu .language:nth-child(19) {
    order: 4; /* Chinese (Simplified) */
}

#languagesmenu .language:nth-child(20) {
    order: 5; /* Chinese (Traditional) */
}

#languagesmenu .language:nth-child(32) {
    order: 6; /* French */
}

#languagesmenu .language:nth-child(40) {
    order: 7; /* Haitian Creole */
}

#languagesmenu .language:nth-child(4) {
    order: 7; /* Japanese */
}

#languagesmenu .language:nth-child(108) {
    order: 13; /* Russian */
}

#languagesmenu .language:nth-child(110) {
    order: 14; /* Spanish */
}

#languagesmenu .language:nth-child(127) {
    order: 16; /* Vietnamese */
}

#languagesmenu .language:not(
    :nth-child(19), /* Chinese (Simplified) */
    :nth-child(20), /* Chinese (Traditional) */
    :nth-child(32), /* French */
    :nth-child(40), /* Haitian Creole */
    :nth-child(7), /* Japanese */
    :nth-child(92), /* Russian */
    :nth-child(14), /* Spanish */
    :nth-child(16)  /* Vietnamese */
) {
    order: 17;
}
/* ----------------- END Languages Menu ----------------- */

/* ----------------- START Breadcrumbs CMS Pages ----------------- */
@media only screen and (min-width: 1280px) {
    #app .breadcrumb ul {
        padding-left: 360px;
    }
}

/* ----------------- END Breadcrumbs CMS Pages ----------------- */

/* ----------------- START Improve header on mobile ----------------- */
#view-header .mobile-header {
    padding-block: 20px;

    .main-content {
        height: auto;
    }
    .left-icon {
        top: 50px;
    }
    .logo {
        max-width: calc(100vw - 90px);
        margin-bottom: 0;

        img {
            max-width: 100%;
            object-fit: contain;
        }
    }
    .school-info {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 500px) {
    #view-header {
        .mobile-header .left-icon {
            left: 20px;
        }

        .mobile-header .main-content {
            margin-left: auto;
            margin-right: 20px;
        }
    }
}
/* ----------------- END Improve header on mobile ----------------- */