:root {
  --primary-clr: #8C0F21;
  --secondary-clr: #ffc444;

  --header-background: var(--primary-clr);
  --menu-color: #000000;
  --menu-background: var(--secondary-clr);

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

  --header-logo-width: min(15.3vw, 193px);
  --header-name-width: min(59vw, 711px);

  --hamburger-btn-bg: var(--secondary-clr);

  --background-color-dark: var(--primary-clr);
}
body {
  background: var(--primary-clr);
}
.header-logo {
  aspect-ratio: 1;
}
.header-name {
  aspect-ratio: 711/50;
}
.header-motto {
  color: #ffffff;
}
.en-header-popup-wrapper {
  background: var(--primary-clr) !important;
}
.en-nav .header-icons-wrapper .enroll-now::before {
  background: #f7c13d;
}
@media only screen and (min-width: 769px) {
  #nav_items_0 > .nav_item_last.nav_items_0 {
    background: #fac33e;
  }
  #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: #fac33e;
  }
  #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(--primary-clr);
    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);
  }
  .main-fifth-row .main-row-inner {
    padding: 105px 0 72.7px;
  }

  .glance-inner h2 {
    margin: 0 0 30px;
  }
  .en-header-school-logo .logo-wrapper {
    column-gap: 0;
  }
  .en-public-header .en-nav {
    width: min(100%, 1120px);
  }
  .en-nav .header-icons-wrapper {
    max-width: 1100px;
  }
  .header-logo {
    top: -20px;
    left: 3px;
    background: url('/pics/header_logo.png') center/contain no-repeat #fff;
    border: 5px solid var(--secondary-clr);
    border-radius: 50%;
  }
  .header-name {
    left: 27px;
  }
  .header-motto {
    top: 0;
    left: 26px;
  }
  .leona-logo-header {
    left: 30px;
  }
}
/* sidelinks */
#sidelinks ul li a .link_text {
  background: var(--primary-clr);
  color: white;

}

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

/* second row */
.social-box h2 {
  color: var(--primary-clr);
}
.events-box #hp-events .hpeventlinks div a:hover,
.events-box #hp-events .hpeventlinks div a:focus {
  color: #9c1d1d !important;
}
.events-box #hp-events ul li.event div a:hover,
.events-box #hp-events ul li.event div a:focus {
  color: #9c1d1d !important;
}
.events-box #hp-events .hpeventlinks div a::after,
.news-content .en-news-slider .en-news-show-all a::after {
  background: #9c1d1d !important;
}

/* news */
.news-content .en-news-slider .en-news-show-all a:hover,
.news-content .en-news-slider .en-news-show-all a:focus {
  color: var(--primary-clr) !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: var(--primary-clr);
}
.hp-news .news-content div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container {
  background: var(--primary-clr) !important;
}

/* fifth row */
.main-fifth-row {
  background-color: var(--primary-clr);
  margin: 0;
}
.glance-inner .glance_num,
.glance-inner .glance_text,
.glance-inner h2 {
  color: #ffffff;
}
.glance-inner::before {
  background: #fac33e;
}
.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: 48px;
}
#cognia_link {
  color: #000;
  right: clamp(90px, 14vw, 160px);
}

#avid_link {
  background: url('/_MASTER/common_pics/avid_logo.png') no-repeat center;
  width: clamp(80px, 12vw, 139px);
  height: auto;
  aspect-ratio: 139/41;
  background-size: contain;
  position: absolute;
  right: -10px;
  top: -5px;
  color: #000;
}

/* footer */
.footer-logo {
  width: clamp(130px, 25vw, 280px);
  aspect-ratio: 280/95;
}
.footer-name {
  width: clamp(270px, 49.2vw, 541px);
  aspect-ratio: 541/38;
}
.footer .footer-bottom .edunet {
  /* background: url('/_MASTER/common_pics/edunet_black.png') no-repeat; */
  color: #000;
}
.footer .footer-bottom {
  background: var(--primary-clr);
}
#footer_links ul li a {
    color: #ffffff;
}
#footer_links ul li::after {
  background: #ffffff;
}
.footer-center {
  max-width: clamp(300px, 50vw, 545px);
}
#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: #c15840;
}
#en-pages-wrapper-inner #pageNav {
  background: var(--primary-clr);
}
#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: #000 !important;
  background: #f7c13d !important;
}
#en-pages-wrapper-inner #pageNav ul li a {
  color: #ffffff !important;
}

#awards-row .main-row-inner {
  min-height: 260px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
#awards-row .main-row-inner img {
  width: clamp(140px, 18vw, 200px);
}

.child_thrives_img {
  background: url(/pics/2022_where_your_child_thrives.png) no-repeat center !important;
  background-size: contain !important;
}
@media only screen and (max-width: 1200px) {
  .leona-logo-header {
    left: 0;
  }
}
@media only screen and (max-width: 1150px) {
  #nav_items_0 > li.nav_items_0 {
    margin: 0 clamp(10px, 2.2vw, 25px) 0 0;
  }
}
@media only screen and (max-width: 950px) {
  .header-name,
  .header-motto {
    left: 10px;
  }
  #awards-row .main-row-inner {
    min-height: auto;
    padding: 20px 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) {
  :root {
    --header-name-width: min(51vw, 711px);
  }
  .header-name,
  .header-motto {
    left: 0;
  }
  #avid_link {
    position: static;
  }
  .glance-inner {
    column-gap: 40px;
  }
  .glance-inner h2::before {
    background: #f7e00b;
  }
  #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_text {
  width: 100% !important;
}
header #nav_items_0 { display: none !important; }