/* CMS theme labels shared by RTL and LTR legacy styles. */
.colorDefault { --legacy-theme-color: #82c8ff; }
.colorDarkPink { --legacy-theme-color: #b83d80; }
.colorDarkRed { --legacy-theme-color: #8c1007; }
.colorMintGreen { --legacy-theme-color: #6aceb0; }
.colorLightPink { --legacy-theme-color: #cc689d; }
.colorOrange { --legacy-theme-color: #e87750; }
.colorBrightBlue { --legacy-theme-color: #365ef5; }
.colorLightBlue2 { --legacy-theme-color: #64c9dd; }
.colorGrassGreen { --legacy-theme-color: #58af4b; }
.colorLimeGreen { --legacy-theme-color: #a5bb47; }
.colorDarkPurple { --legacy-theme-color: #7d3e82; }
.colorLightPurple { --legacy-theme-color: #926fe3; }

.main .navGallery .playBtnThumbnail::after,
.main .videoCarousel .playBtn::after {
  border-left-color: var(--legacy-theme-color);
}

.main .sitesList .btnCollapse.collapsed::after,
.main .linkArrow::after,
.main .moreInfoList .arrow div::after {
  border-color: var(--legacy-theme-color);
}

.main .infoCarouselSection .side,
.main .rteContainer ul li::before {
  border-color: var(--legacy-theme-color);
}

.main .mainCarousel .side,
.main .schollHeader .brand .title {
  border-inline-start-color: var(--legacy-theme-color);
}

.main .forGallery .text,
.main .interestBtnSection.whiteBG .interestBtn.collapsed,
.main .sitesList .title,
.main .sitesList .title small,
.main .researchList .linkArrow,
.main .divisionSection .linkArrow,
.main .bannerSection .textSection .rteContainer .pageTitle,
.main .bannerSection .textSection .rteContainer h3,
.main .calendarSection .name,
.main .rteContainer table td:first-child,
.main .rteContainer ol li::before,
.main .rteContainer p q,
.main .rteContainer a,
.main .mainCarousel .text > span > span,
.main .menuLvl2 li:active .link,
.main .menuLvl2 .active .link {
  color: var(--legacy-theme-color);
}

.main .infoCarouselSection,
.main .infoCarouselSection .textContainer,
.main .infoCarouselSection .paragraph > span > span::before,
.main .rteContainer .quote::after,
.main .sitesList .btnCollapse,
.main .sitesList > li:hover .btnCollapse,
.main .btnContainer > .btn,
.main .divisionSection .headContainer,
.main .coursesSection .title::after,
.main .colorBG,
.main .mediaCarouselSection.schoolColor figure,
.main .registration .content li.secondColor .imgContainer,
.main .slick-dots li button,
.main .eventsContainer .specialEvent .textContainer,
.main .eventsContainer .imgContainer .name,
.main .eventsContainer .specialEvent,
.main .navArrow2,
.main .mainCarousel .title > span > span::before,
.main .interestBtnSection .interestBtn.collapsed {
  background-color: var(--legacy-theme-color);
}

.main .btn:visited,
.main .btn:active,
.main .btn.active,
.main .btn:focus,
.main .btn:hover {
  background-color: color-mix(in srgb, var(--legacy-theme-color) 85%, transparent);
}

.main .specialitiesSection .textContainer,
.main .coursesSection .link::after {
  background-color: color-mix(in srgb, var(--legacy-theme-color) 70%, transparent);
}

.main .dataSearchSection .innerContent,
.main .contactUsSection.v2,
.main .eventCarousel,
.main .gradientBG {
  background: linear-gradient(135deg, var(--legacy-theme-color) 0, #0f2d96 99%);
}

.main .navGallery .slick-center > div {
  outline-color: var(--legacy-theme-color);
}

.schoolsList li .imgContainer::after {
  background-color: color-mix(in srgb, var(--legacy-theme-color) 90%, transparent);
}