:root {
  --old-blue: var(--blue);
  --blue: #0662cc;
  --old-green: var(--green);
  --green: #039927;

  --header-background: var(--blue);
  --menu-color: #000000;
  --menu-background: var(--green);

  --marquee-color: #000;
  --marquee-popup-color: #000000;
  --marquee-popup-background: var(--green);
  --marquee-popup-active-button-background: var(--blue);
  --marquee-popup-active-button-color: #ffffff;

  --header-logo-width: min(15.5vw, 185px);
  --header-name-width: min(59vw, 712px);

  --hamburger-btn-bg: var(--green);

  --background-color-dark: var(--blue);
}

body {
  background: var(--green);
}
.header-logo {
  aspect-ratio: 1;
  border-radius: 50%;
  border: 5px solid var(--green);
  background: url('/pics/header_logo.png') no-repeat center, #fff;
  background-size: contain;
}
.header-name {
  aspect-ratio: 712/43;
}
.en-header-popup-wrapper {
  background: #000 !important;
}
.en-nav .header-icons-wrapper .enroll-now::before {
  background: var(--green);
}

@media only screen and (min-width: 769px) {
  .en-nav .header-icons-wrapper .enroll-now {
    margin-right: 15px;
  }
  #nav_items_0 {
    left: 1px;
    justify-content: flex-start;
  }
  .leona-logo-header {
    left: 11px;
  }
  .en-header-school-logo .logo-wrapper {
    left: -5px;
    column-gap: clamp(10px, 2.26vw, 22px);
    row-gap: 10px;
    top: -1px;
  }
  .header-motto {
    left: 6px;
  }
  .en-nav .header-icons-wrapper {
    max-width: 1100px;
  }
  #nav_items_0 > .nav_item_last.nav_items_0 {
    background: var(--green);
  }
  #nav_items_0 .nav_item_last a {
    color: #000;
  }
  #nav_items_0 li:hover ul,
  #nav_items_0 li.over ul,
  #nav_items_0 li:focus ul {
    background: var(--green);
  }
  #nav_items_0 li:hover ul li a,
  #nav_items_0 li.over ul li a,
  #nav_items_0 li:focus ul li a {
    color: #000;
  }
  #nav_items_0 > li > ul > li > a:hover,
  #nav_items_0 > li > ul > li:hover > a,
  #nav_items_0 > li > ul > li.over > a,
  #nav_items_0 > li > ul > li:hover > ul > a:hover,
  #nav_items_0 > li > ul > li.over > ul > a:hover,
  #nav_items_0 > li > ul > li > ul > li:hover > a,
  #nav_items_0 > li > ul > li > ul > li.over > a,
  #nav_items_0 > li > ul > li > ul > li:hover > ul > a:hover,
  #nav_items_0 > li > ul > li > ul > li.over > ul > a:hover,
  #nav_items_0 > li > ul > li > ul > li > ul > li:hover > a,
  #nav_items_0 > li > ul > li > ul > li > ul > li.over > a,
  #nav_items_0 > li > ul > li > ul > li > ul > li:hover > ul > a:hover,
  #nav_items_0 > li > ul > li > ul > li > ul > li.over > ul > a:hover,
  #nav_items_0 > li > ul > li > a:focus,
  #nav_items_0 > li > ul > li:focus > a,
  #nav_items_0 > li > ul > li:focus > ul > a:focus,
  #nav_items_0 > li > ul > li.over > ul > a:focus,
  #nav_items_0 > li > ul > li > ul > li:focus > a,
  #nav_items_0 > li > ul > li > ul > li:focus > ul > a:focus,
  #nav_items_0 > li > ul > li > ul > li.over > ul > a:focus,
  #nav_items_0 > li > ul > li > ul > li > ul > li:focus > a,
  #nav_items_0 > li > ul > li > ul > li > ul > li:focus > ul > a:focus,
  #nav_items_0 > li > ul > li > ul > li > ul > li.over > ul > a:focus {
    background: var(--blue);
    color: #fff !important;
  }

  #nav_items_0 .nav_item_last:hover a,
  #nav_items_0 .nav_item_last.over a,
  #nav_items_0 .nav_item_last:focus a {
    color: #000;
  }

  #nav_items_0 li a {
    background: rgba(0, 0, 0, 0.01);
  }
  .glance-inner h2 {
    margin: 0 0 30px;
  }
}

/* sidelinks */
#sidelinks ul li a .link_text {
  background: var(--green);
}

/* first row */
.child_thrives_text h2::before {
  background: var(--blue);
}

/* second row */
.social-box h2 {
  color: var(--blue);
}
.events-box #hp-events .hpeventlinks div a:hover,
.events-box #hp-events .hpeventlinks div a:focus {
  color: #eff2f4 !important;
}
.events-box #hp-events .hpeventlinks div a::after {
  background: #eff2f4;
}
.news-content .en-news-slider .en-news-show-all a::after {
  background: #c67d2f;
}

/* news */
.news-content .en-news-slider .en-news-show-all a:hover,
.news-content .en-news-slider .en-news-show-all a:focus {
  color: #c67d2f !important;
}
.hp-news .news-content div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-title:hover,
.hp-news .news-content div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-title:focus {
  color: #c67d2f;
}
.hp-news .news-content div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container {
  background: var(--blue) !important;
}
.events-box #hp-events ul li.event div a:hover,
.events-box #hp-events ul li.event div a:focus {
  color: #eff2f4 !important;
}

/* fifth row */
.main-fifth-row {
  background-color: #014d71;
}
.glance-inner .glance_num,
.glance-inner .glance_text,
.glance-inner h2 {
  color: #fff;
}
.glance-inner::before {
  background: var(--green);
}
.plus_icon::before {
  content: '+';
  position: absolute;
  font-size: clamp(30px, 6vw, 70px);
  right: clamp(10px, 3vw, 32px);
  top: 0px;
}
.glance-inner ul li:nth-child(3),
.glance-inner ul li:nth-child(4) {
  margin-top: 28px;
}
.glance-inner ul li:nth-child(4) .plus_icon::before {
  right: clamp(30px, 6.6vw, 74px);
}

#cognia_link {
  color: #fff;
  right: clamp(30px, 13vw, 150px);
}
#stm_badge {
  background: url(/pics/stm_badge.png) no-repeat;
  width: clamp(90px, 12.7vw, 140px);
  background-size: contain;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  right: -10px;
  top: -45px;
  color: #fff;
}

/* footer */
.footer-logo {
  width: clamp(90px, 15vw, 177px);
  aspect-ratio: 177/161;
}
.footer-name {
  width: clamp(280px, 58.2vw, 647px);
  aspect-ratio: 647/40;
}
.footer .footer-bottom .edunet {
  background: url('/_MASTER/common_pics/edunet_black.png') no-repeat;
  color: #000;
}
.footer .footer-bottom {
  background: var(--green);
}
#footer_links ul li a {
  color: #000;
}
#footer_links ul li::after {
  background: #000;
}
.footer-center {
  max-width: clamp(300px, 57vw, 650px);
}
#footer_links ul li a:hover,
#footer_links ul li a:focus {
  color: #eff2f4;
}

/* insidepage */
#en-pages-wrapper #en-pages-wrapper-inner a:hover,
#en-pages-wrapper #en-pages-wrapper-inner a:focus {
  color: var(--blue);
}
#en-pages-wrapper-inner #pageNav {
  background: var(--green) !important;
}
#en-pages-wrapper-inner #pageNav ul li b,
#en-pages-wrapper-inner #pageNav ul li a:hover,
#en-pages-wrapper-inner #pageNav ul li strong,
#en-pages-wrapper-inner #pageNav ul li a:focus {
  color: #fff !important;
  background: var(--blue) !important;
}
#en-pages-wrapper-inner #pageNav ul li a {
  color: #000 !important;
}
@media only screen and (max-width: 1150px) {
  #nav_items_0 > li.nav_items_0 {
    margin: 0 clamp(10px, 2.2vw, 25px) 0 0;
  }
  #en-pages-wrapper-inner #form-wrap #edunet_webform .item-wrap .no-question table {
    margin: 0 auto !important;
  }
  #en-pages-wrapper-inner #form-wrap #edunet_webform .item-wrap .no-question table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .leona-logo-header {
    left: 0;
  }
}
@media only screen and (max-width: 850px) {
  #nav_items_0 .nav_item_last a {
    padding: 12.5px 25px 12.5px 9px;
  }
  #nav_items_0 > .nav_item_last > a::before,
  #nav_items_0 > .nav_item_last.over > a::before {
    right: 6px;
  }
}
@media only screen and (max-width: 768px) {
  #stm_badge{
    position: static;
  }
  .glance-inner {
    column-gap: 40px;
  }
  .glance-inner h2::before {
    background: var(--green);
  }
  #nav_items_0 > li.nav_items_0 {
    margin: 0;
  }
  #nav_items_0 li ul li a {
    background: #fff;
    color: var(--menu-color) !important;
  }
  #nav_items_0 li ul li a {
    border-color: var(--menu-color) !important;
  }
  nav.en-nav > ul > li.hasSubNav::before {
    top: 14px;
  }
  .glance-bg {
    display: none;
  }
  .plus_icon::before {
    right: -24px;
  }
  .glance-inner ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.child_thrives_img{
	background: url(/pics/child-thrives-2.jpg) no-repeat center;
}