/* Clone */
#mega-menu .we-mega-menu-ul .secondary-menu-li-clone {
  display: none;
}

/* Always open */
/*   */
.user-guest .we-mega-menu-ul .we-mega-menu-li.dropdown-menu .we-mega-menu-submenu.always-open {
  display: block;
  visibility: visible;
  opacity: 1;
}

/*----- MEGA MENU - Setup - Open -----*/
#mega-menu-secondary .secondary-menu {
  margin: 0;
  background: none;
}
#mega-menu-secondary .we-mega-menu-ul.nav.nav-tabs {
  gap: 0;
}
/*----- MEGA MENU - Setup - Close -----*/

/*----- MEGA MENU - Level 0 - Open -----*/
#mega-menu-secondary .we-mega-menu-li[data-level="0"] {
  align-items: center !important;
  border: none;
  display: flex;
  /* position: static; */
}
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li[data-level="0"]::after {
  background: #7084b0;
  content: "";
  display: block;
  height: 1rem;
  opacity: 1;
  width: 0.0625rem;
}

#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li[data-level="0"] > a {
  align-items: center !important;
  background: none;
  color: #fff;
  display: flex;
  font-family: var(--secondary-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  gap: 0.5rem;
  line-height: normal;
  padding: 0.5rem 0.75rem;
  position: relative;
  text-transform: none !important;
}
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li[data-level="0"]:hover > a,
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li[data-level="0"] > a:hover {
  color: #f98100;
}

#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li[data-level="0"] > a i {
  color: #f98100;
  font-size: 1.125rem;
}
/* .we-mega-menu-li[data-level='0'] > a::before, */
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li[data-level="0"] > a::before {
  background: none !important;
  color: #f98100;
  display: block;
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 1rem;
  font-weight: 700 !important;
  height: auto;
  margin: 0;
  position: static;
  width: auto;
}

#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li[data-level="0"] > a::after {
  display: none;
}

#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.dropdown-menu[data-level="0"]:hover > a::after {
  background: none !important;
  border-bottom: 6px solid #f98100;
  bottom: 0;
  color: #f98100;
  content: "\f0d8";
  display: block;
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 1.5rem;
  font-weight: 700 !important;
  height: 18px;
  left: 0;
  margin: 0;
  opacity: 1;
  position: absolute;
  text-align: center;
  transform: translateY(6px);
  width: 100%;
}

/* Home */
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__home > a::before {
  content: "\f015";
  margin-top: -1px;
}

/* About Us */
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__about-us > a::before {
  content: "\f57d";
  font-weight: 500 !important;
}

/* Login */
.user-logged-in #mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__login {
  display: none;
}
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__login {
  position: static;
}
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__login > a::before {
  content: "\f007";
}

/* Logout */
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__logout > a::before {
  content: "\f2f5";
}

/* My Account */
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__my-account > a::before {
  content: "\f013";
}

/* Search - Open */
#mega-menu-secondary .we-mega-menu-li[data-level="0"].mm-sec__search {
  height: auto;
  margin-right: 0.25rem;
  width: auto;
}
#mega-menu-secondary .we-mega-menu-li[data-level="0"].mm-sec__search::after {
  display: none;
}
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__search > a::before {
  content: "\f002";
}
/* Search - Close */

/* Donate - Open */
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__donate::after {
  display: none;
}
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__donate > a {
  font-weight: 700;
  gap: 0.375rem;
  line-height: 160%;
  padding: 0.5rem 0.75rem;
  text-transform: uppercase;
}
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__donate > a::before {
  background: url("/themes/custom/aero10/images/donate-icon-white.svg") no-repeat center center !important;
  background-size: contain !important;
  content: "";
  display: inline-block;
  height: 1.5rem;
  transform: translateY(-0.125rem) scale(1);
  transition: transform 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 1.5rem;
  will-change: transform;
  z-index: 1;
}
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__donate > a:hover {
  background: #eb2323;
  text-decoration: none;
  color: #fff;
}
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__donate > a:hover::before {
  transform: translateY(-0.15rem) scale(1.2);
}
#mega-menu-secondary .we-mega-menu-ul > .we-mega-menu-li.mm-sec__donate > a::after {
  background: linear-gradient(180deg, #ec1919 0%, #ac0404 100%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 1;
  position: absolute;
  right: unset;
  top: 0;
  transform: none;
  width: 100%;
  z-index: -1;
}
/* Donate - Close */

/*----- MEGA MENU - Level 0 - Close -----*/

/*----- MEGA MENU - Level 1 - Open -----*/
#mega-menu-secondary .we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu {
  border-radius: 0 0 0.5rem 0.5rem;
  border-top: 1px solid #fff;
  border: none;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.32);
  margin-top: 1px;
  padding: 1.5rem 2rem 2rem 2rem;
  transition: none !important;
}
#mega-menu-secondary .we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu::after {
  background: #f98100;
  content: "";
  height: 0.25rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#mega-menu-secondary .we-mega-menu-li[data-level="0"] .we-mega-menu-submenu ul.nav {
  align-content: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0;
}

#mega-menu-secondary .we-mega-menu-li[data-level="1"] {
  margin: 0;
  width: 100%;
}

#mega-menu-secondary .we-mega-menu-li[data-level="1"] a {
  border-bottom: 1px solid #d2d9e8;
  color: #1b253c;
  display: block;
  font-family: var(--primary-font-family);
  font-size: 1rem;
  font-weight: 500;
  line-height: 120%;
  padding: 14px 0 10px 0;
  position: relative;
}
#mega-menu-secondary .we-mega-menu-li[data-level="1"] a:hover {
  border-bottom-color: #f98100;
  color: #c1570b;
}
#mega-menu-secondary .we-mega-menu-li[data-level="1"].active a,
#mega-menu-secondary .we-mega-menu-li[data-level="1"].active-trail a {
  border-bottom-color: #405fa6;
  color: #405fa6;
}

#mega-menu-secondary .we-mega-menu-li[data-level="1"] a::after {
  background-color: #f98100;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transform: none;
  width: 0%;

  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
#mega-menu-secondary .we-mega-menu-li[data-level="1"] a:hover::after {
  width: 100%;
}
#mega-menu-secondary .we-mega-menu-li[data-level="1"].active a::after,
#mega-menu-secondary .we-mega-menu-li[data-level="1"].active-trail a::after {
  background-color: #1b253c;
}

#mega-menu-secondary .we-mega-menu-caption,
#mega-menu-secondary .menu-item-description {
  border: none;
  font-family: var(--primary-font-family);
  font-size: 0.875rem;
  font-weight: 400 !important;
  margin: 0;
  padding-top: 0.25rem;
}

/* Login - Open */
#mega-menu-secondary .we-mega-menu-li.mm-sec__login .we-mega-menu-submenu {
  padding: 0;
}
#mega-menu-secondary .we-mega-menu-li.mm-sec__login .we-mega-menu-submenu .we-mega-menu-row {
  margin: 0;
}
#mega-menu-secondary .we-mega-menu-li.mm-sec__login .we-mega-menu-submenu ul.nav {
  gap: 0.5rem;
}
#mega-menu-secondary .we-mega-menu-li.mm-sec__login .we-mega-menu-submenu a {
  background: #fff;
  border: 1px solid #b0bcd7;
  border-radius: 0.25rem;
  display: block;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.75rem 0.5rem 0.75rem 2.375rem;
  position: relative;
}
#mega-menu-secondary .we-mega-menu-li.mm-sec__login .we-mega-menu-submenu a:hover {
  border-color: #f98100;
}

#mega-menu-secondary .we-mega-menu-li.mm-sec__login .we-mega-menu-submenu a::before {
  color: #183153;
  content: "\f054";
  display: block;
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 1.125rem;
  font-weight: 700 !important;
  height: auto;
  left: 1rem;
  margin: 0;
  position: absolute;
  transform: rotate(0);
  top: 0.75rem;
  width: auto;

  transition: all 250ms ease-in-out;
}
#mega-menu-secondary .we-mega-menu-li.mm-sec__login .we-mega-menu-submenu a:hover::before {
  color: #f98100;
}
#mega-menu-secondary .we-mega-menu-li.mm-sec__login .we-mega-menu-submenu .sec-menu__login--create-google a::before,
#mega-menu-secondary .we-mega-menu-li.mm-sec__login .we-mega-menu-submenu .sec-menu__login--login-google a::before {
  background-repeat: no-repeat;
  background: url("../images/icon-google.png");
  content: "";
  height: 1.25rem;
  left: 0.75rem;
  top: 0.875rem;
  width: 1.25rem;
}

#mega-menu-secondary .we-mega-menu-li.mm-sec__login .we-mega-menu-submenu a .we-mega-menu-caption {
  padding-bottom: 0;
}
#mega-menu-secondary .we-mega-menu-li.mm-sec__login .we-mega-menu-submenu a::after {
  display: none;
}

#mega-menu-secondary .we-mega-menu-li.mm-sec__login .sec-menu__login--create {
  background-color: #a5b1cc;
  background-image: -webkit-image-set(
    url("../images/bg-pattern-04.avif") type("image/avif"),
    url("../images/bg-pattern-04.webp") type("image/webp"),
    url("../images/bg-pattern-04.png") type("image/png")
  );
  background-image: image-set(
    url("../images/bg-pattern-04.avif") type("image/avif"),
    url("../images/bg-pattern-04.webp") type("image/webp"),
    url("../images/bg-pattern-04.png") type("image/png")
  );
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0 0 0 8px;
  flex: 0 0 50%;
  margin: 0;
  max-width: 50%;
  min-height: 11.25rem;
  padding: 2rem;
}
@supports (-webkit-backdrop-filter: none) {
  #mega-menu-secondary .we-mega-menu-li.mm-sec__login .sec-menu__login--create {
    background-image: url("../images/bg-pattern-04.png");
  }
}
#mega-menu-secondary .we-mega-menu-li.mm-sec__login .sec-menu__login--create::before {
  color: #1b253c;
  content: "Create an Account";
  display: block;
  font-family: var(--secondary-font-family);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 1rem;
}
#mega-menu-secondary .we-mega-menu-li.mm-sec__login .sec-menu__login--create a {
  background: #f4f8ff;
}

#mega-menu-secondary .we-mega-menu-li.mm-sec__login .sec-menu__login--login {
  flex: 0 0 50%;
  margin: 0;
  max-width: 50%;
  padding: 2rem;
}
#mega-menu-secondary .we-mega-menu-li.mm-sec__login .sec-menu__login--login::before {
  color: #1b253c;
  content: "Login Now";
  display: block;
  font-family: var(--secondary-font-family);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 1rem;
}
/* Login - Close */

#mega-menu-secondary .we-mega-menu-li[data-level="0"].mm-sec__about-us > .we-mega-menu-submenu {
  padding: 0;
}

#mega-menu-secondary .we-mega-menu-li[data-level="0"].mm-sec__about-us > .we-mega-menu-submenu img {
  border-radius: 0 0 8px 0;
}

#mega-menu-secondary .we-mega-menu-li[data-level="0"].mm-sec__about-us > .we-mega-menu-submenu .we-mega-menu-col:first-child {
  padding: 24px 16px 24px 24px;
}

#mega-menu-secondary .we-mega-menu-li[data-level="0"].mm-sec__about-us > .we-mega-menu-submenu .we-mega-menu-col {
  padding: 0 4px 4px 0px;
  margin-bottom: 0;
}
/*----- MEGA MENU - Level 1 - Close -----*/

/*----- MEGA MENU - Responsive - Open -----*/
@media screen and (max-width: 991px) {
  #mega-menu-secondary {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  #page #mega-menu-secondary .we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu {
    transition: none !important;
  }

  #page #mega-menu-secondary .we-mega-menu-li[data-level="0"] > .we-mega-menu-submenu:not(:hover) .we-mega-menu-submenu-inner {
    pointer-events: none;
  }
}
/*----- MEGA MENU - Responsive - Close -----*/

/* ----------------------- */
/* This shouldn't be here! */
/* ----------------------- */

/* Login Card - Open */
#page .login-card {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  border: 1px solid #d2d9e8;
  padding: 1.5rem;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition: all 300ms ease;
}

#page .login-card:hover {
  border: 1px solid #f98100;
}

#page .login-card:hover h3 {
  color: #c75300;
}

#page .login-card.teacher-parent:hover .link-button,
#page .login-card:hover .link-button {
  color: #fff;
  background-color: #c75300;
}

#page .login-card img {
  align-self: center;
  margin-bottom: 1.75rem;
}

#page .login-card > h3 {
  color: #1b253c;
  font-family: var(--secondary-font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 8px;
}

#page .login-card .desc {
  font-family: var(--primary-font-family);
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
  margin-bottom: 17px;
}

#page .login-card .link-button {
  color: #fff;
  padding: 12px 16px 10px 16px;
  font-family: var(--primary-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  border-radius: 8px;
  background: #28395f;
  display: inline-flex;
  width: fit-content;
  margin: 0;
  margin-top: auto;
  transition: all 300ms ease;
}

#page .login-card .link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

#page .login-card .link a {
  display: block;
  height: 100%;
  width: 100%;
}

#page .login-card.google .link-button {
  display: flex;
  align-items: center;
  background-color: #4184f2;
  width: fit-content;
  padding: 0;
  border-radius: 0;
}

#page .login-card.google .link-button .icon {
  border: 1px solid #4184f2;
  height: 48px;
  width: 48px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

#page .login-card.google .link-button .icon img {
  width: 18px;
  margin: 0;
}

#page .login-card.google .link-button p {
  color: #fff;
  font-weight: 500;
  font-size: 0.875rem;
  margin: 0;
  line-height: 100%;
  padding: 0 1.25rem;
  font-family: var(--secondary-font-family);
}

#page .login-card.teacher-parent .link-button {
  color: #1b253c;
  background: #1abc9c;
}

/* Login Card - Close */

/* Login Option Page - Open */
#page .login-options-section .options-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}
@media screen and (min-width: 768px) {
  #page .login-options-section .options-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media screen and (min-width: 1024px) {
  #page .login-options-section .options-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
}
/* Login Option Page - Close */

/* Join Option Page - Open */
#page .join-options-section .options-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}
@media screen and (min-width: 768px) {
  #page .join-options-section .options-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
/* Join Option Page - Close */