/* Lower School carousel: use the school's red and navy for its controls. */
body.page-id-33464 .asm-large-carousel .elementor-swiper-button {
  background: #fff !important;
  border: 2px solid #002860 !important;
  color: #bf0a30 !important;
  opacity: 1 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}

body.page-id-33464 .asm-large-carousel .elementor-swiper-button svg,
body.page-id-33464 .asm-large-carousel .elementor-swiper-button svg * {
  fill: currentColor !important;
}

body.page-id-33464 .asm-large-carousel .elementor-swiper-button:hover,
body.page-id-33464 .asm-large-carousel .elementor-swiper-button:focus-visible {
  border-color: #bf0a30 !important;
  color: #002860 !important;
}

/* Course guide headings and links, limited to the two learning pages. */
body.page-id-33464 .asm-course-accordion,
body.page-id-33514 .asm-course-accordion {
  --n-accordion-title-font-size: 20px !important;
  --n-accordion-title-normal-color: #fff !important;
  --n-accordion-title-hover-color: #fff !important;
  --n-accordion-title-active-color: #fff !important;
  --n-accordion-icon-normal-color: #fff !important;
  --n-accordion-icon-hover-color: #fff !important;
  --n-accordion-icon-active-color: #fff !important;
}

body.page-id-33464 .elementor-element-f2a86fd h2.edukul-special-text:last-child,
body.page-id-33514 .elementor-element-f2a86fd h2.edukul-special-text:last-child {
  margin: 12px 0 20px;
  color: #d82830 !important;
  font-family: "Raleway", Arial, sans-serif !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 500 !important;
  line-height: 1.2;
}

body.page-id-33464.elementor-page .elementor-widget-n-accordion.asm-course-accordion .e-n-accordion-item > .e-n-accordion-item-title,
body.page-id-33514.elementor-page .elementor-widget-n-accordion.asm-course-accordion .e-n-accordion-item > .e-n-accordion-item-title,
body.page-id-33464.elementor-page .elementor-widget-n-accordion.asm-course-accordion .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:hover,
body.page-id-33514.elementor-page .elementor-widget-n-accordion.asm-course-accordion .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:hover {
  min-height: 62px;
  padding: 16px 22px !important;
  border: 0 !important;
  border-radius: 5px;
  background-color: #bf0a30 !important;
  background-image: linear-gradient(90deg, #bf0a30 0%, #002860 100%) !important;
  color: #fff !important;
  font-family: "Raleway", Arial, sans-serif !important;
  font-size: clamp(16px, 1.6vw, 20px) !important;
  font-weight: 700 !important;
}

body.page-id-33464 .asm-course-accordion .e-n-accordion-item-title-text,
body.page-id-33514 .asm-course-accordion .e-n-accordion-item-title-text,
body.page-id-33464 .asm-course-accordion .e-n-accordion-item-title-icon,
body.page-id-33514 .asm-course-accordion .e-n-accordion-item-title-icon {
  color: #fff !important;
  font-family: "Raleway", Arial, sans-serif !important;
}

body.page-id-33464 .asm-course-accordion .e-n-accordion-item-title-text,
body.page-id-33514 .asm-course-accordion .e-n-accordion-item-title-text {
  font-size: clamp(16px, 1.6vw, 20px) !important;
  font-weight: 700 !important;
}

body.page-id-33464 .asm-course-accordion .e-n-accordion-item-title-icon svg,
body.page-id-33514 .asm-course-accordion .e-n-accordion-item-title-icon svg,
body.page-id-33464 .asm-course-accordion .e-n-accordion-item-title-icon svg *,
body.page-id-33514 .asm-course-accordion .e-n-accordion-item-title-icon svg * {
  fill: #fff !important;
  stroke: #fff !important;
}

/* Keep the Upper School's typeface aligned with the rest of the site. */
body.page-id-33514 .asm-main-column .elementor-heading-title,
body.page-id-33514 .asm-main-column .elementor-widget-text-editor,
body.page-id-33514 .asm-main-column .elementor-widget-text-editor p,
body.page-id-33514 .asm-main-column .elementor-widget-text-editor li,
body.page-id-33514 .asm-main-column .elementor-widget-text-editor table {
  font-family: "Raleway", Arial, sans-serif !important;
}

/* The homepage quick-link menu should remain opaque over photographs. */
body.home .asm-sticky-side,
body.home .asm-sticky-side a {
  background: #bf0a30 !important;
  background-image: none !important;
  opacity: 1 !important;
}

body.home .asm-sticky-side a:nth-child(2) {
  background: #c9173a !important;
}

body.home .asm-sticky-side a:hover,
body.home .asm-sticky-side a:focus-visible {
  background: #970b27 !important;
}

/* Match the former Sports schedule after moving its rows into Elementor. */
body.page-id-33712 .asm-oct-sports-table .asm-table-widget {
  --asm-table-header-start: #fff;
  --asm-table-header-end: #fff;
  --asm-table-header-color: #313131;
  --asm-table-odd-background: #fff;
  --asm-table-even-background: #fff;
  --asm-table-hover-background: #fff;
  --asm-table-body-color: #313131;
  --asm-table-border-color: #e0e0e0;
  --asm-table-border-width: 1px;
  --asm-table-radius: 0px;
  --asm-table-cell-padding-y: 20px;
  --asm-table-cell-padding-x: 25px;
}

body.page-id-33712 .asm-oct-sports-table .asm-styled-table {
  min-width: 700px;
}

body.page-id-33712 .asm-oct-sports-table .asm-styled-table thead th {
  font-size: 18px !important;
  font-weight: 700 !important;
}

body.page-id-33712 .asm-oct-sports-table .asm-styled-table td {
  vertical-align: top !important;
  line-height: 1.6 !important;
}

@media (max-width: 767px) {
  body.page-id-33712 .elementor-element.elementor-element-5a17aa9 {
    --min-height: 210px !important;
    min-height: 210px !important;
  }

  body.page-id-33464 .elementor-element-f2a86fd h2.edukul-special-text:last-child,
  body.page-id-33514 .elementor-element-f2a86fd h2.edukul-special-text:last-child {
    font-size: 28px !important;
  }

  body.page-id-33464.elementor-page .elementor-widget-n-accordion.asm-course-accordion .e-n-accordion-item > .e-n-accordion-item-title,
  body.page-id-33514.elementor-page .elementor-widget-n-accordion.asm-course-accordion .e-n-accordion-item > .e-n-accordion-item-title {
    min-height: 56px;
    padding: 14px 16px !important;
    font-size: 16px !important;
  }

  body.page-id-33464 .asm-course-accordion .e-n-accordion-item-title-text,
  body.page-id-33514 .asm-course-accordion .e-n-accordion-item-title-text {
    font-size: 16px !important;
  }
}
