:root {
  --header-background: #5b2793;
  --menu-color: #000000;
  --menu-background: #aa8ac3;

  --marquee-color: #000;
  --marquee-popup-color: #000;
  --marquee-popup-background: #ac8cc5;
  --marquee-popup-active-button-background: #5b2793;
  --marquee-popup-active-button-color: #fff;

  --header-logo-width: min(17.5vw, 192px);
  --header-name-width: min(51vw, 546px);

  --hamburger-btn-bg: #aa8ac3;

  --background-color-dark: #4f2081;
}
body {
  background: #5b2793;
}
.header-logo {
  aspect-ratio: 1;
}
.header-name {
  aspect-ratio: 546/51;
}
.en-header-popup-wrapper {
  background: #5b2793 !important;
}
.en-nav .header-icons-wrapper .enroll-now::before {
  background: #aa8ac3;
}
@media only screen and (min-width: 769px) {
  .child_thrives_text {
    width: clamp(250px, 46vw, 510px);
  }
  .header-logo {
    left: -5px;
    top: -16px;
  }
  .en-header-school-logo .logo-wrapper {
    column-gap: clamp(10px, 1.45vw, 16px);
  }
  #nav_items_0 > .nav_item_last.nav_items_0 {
    background: #ac8cc5;
  }
  #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: #ac8cc5;
  }
  #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: #5b2793;
    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);
  }
}
/* sidelinks */
#sidelinks ul li a .link_text {
  background: #8c94d4;
}
/* first row */
.child_thrives_text h2::before {
  background: #8c94d4;
}
/* second row */
.social-box h2 {
  color: #5b2793;
}
.social-box h2::after {
  content: '';
  position: absolute;
  background: url(/pics/paw_icon.png) no-repeat;
  width: clamp(24px, 3vw, 32px);
  height: auto;
  margin: 2.5px 0 0 8px;
  aspect-ratio: 32/30;
  background-size: contain;
}
.events-box #hp-events .hpeventlinks div a:hover,
.events-box #hp-events .hpeventlinks div a:focus {
  color: #5b2793 !important;
}
.events-box #hp-events .hpeventlinks div a::after,
.news-content .en-news-slider .en-news-show-all a:after {
  background: #5b2793;
}
/* news */
.news-content .en-news-slider .en-news-show-all a:hover,
.news-content .en-news-slider .en-news-show-all a:focus {
  color: #582693 !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: #582693;
}
.hp-news .news-content div.en-news-slider div.en-card-slider-inner-container > a > .en-news-slider-image-container {
  background: #582693 !important;
}
.events-box #hp-events ul li.event div a:hover,
.events-box #hp-events ul li.event div a:focus {
  color: #5b2793 !important;
}
/* fifth row */
.main-fifth-row {
  background-color: #5b2793;
}
.glance-inner .glance_num {
  color: #5b2793;
}
.glance-inner .glance_text,
.glance-inner h2 {
  color: #000003;
}
.glance-inner::before {
  background: transparent;
}
.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;
}
.glance-inner ul li:nth-child(4) .plus_icon::before {
  right: 74px;
}
.glance-inner .glance_text,
.glance-inner .glance_num,
.glance-inner h2 {
  background: rgba(0, 0, 0, 0.01);
}
#cognia_link {
  color: #fff;
}

/* footer */
.footer-logo {
  width: clamp(80px, 10vw, 111px);
  aspect-ratio: 111/160;
}
.footer-name {
  width: clamp(260px, 42vw, 463px);
  aspect-ratio: 463/44;
}
.footer .footer-bottom .edunet {
  background: url('/_MASTER/common_pics/edunet_white.png') no-repeat;
  color: #fff;
}
.footer .footer-bottom {
  background: #5b2793;
}
#footer_links ul li a {
  color: #fff;
}
#footer_links ul li::after {
  background: #fff;
}
.footer-center {
  max-width: 470px;
  top: 0;
}
/* insidepage */
#en-pages-wrapper #en-pages-wrapper-inner a:hover,
#en-pages-wrapper #en-pages-wrapper-inner a:focus{
  color: #4f2081;
}
#pageNav {
  background: #aa8ac3 !important;
}
#pageNav ul li b,
#pageNav ul li a:hover,
#pageNav ul li strong,
#pageNav ul li a:focus {
  color: #fff !important;
  background: #5b2793 !important;
}
#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;
  }
}
@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) {
  #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-inner h2::before,
  .glance-bg {
    display: none;
  }
  .plus_icon::before {
    right: -24px;
  }
  .glance-inner ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}