/* One banner height on every page. The old site banner is 200px of
   padding above and below the title from 992px up (about 465px). */
body.elementor-page .asm-page-hero,
body.page-id-33052 .elementor-element-65251b9,
body.page-id-33712 .elementor-element-5a17aa9 {
  --min-height: 240px;
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  background-position: center center !important;
  background-size: cover !important;
}

@media (min-width: 992px) {
  body.elementor-page .asm-page-hero,
  body.page-id-33052 .elementor-element-65251b9,
  body.page-id-33712 .elementor-element-5a17aa9 {
    --min-height: 465px;
    height: 465px !important;
    min-height: 465px !important;
    max-height: 465px !important;
  }
}

/* Keep Discover titles on one line inside the shared banner. */
body.elementor-page .asm-page-hero .asm-page-hero-title,
body.page-id-33052 .elementor-element-fdcbb58,
body.page-id-33712 .elementor-element-f485b5e {
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: min(1180px, calc(100% - 40px)) !important;
  align-self: center !important;
}

body.elementor-page .asm-page-hero .elementor-heading-title,
body.page-id-33052 .elementor-element-fdcbb58 .elementor-heading-title,
body.page-id-33712 .elementor-element-f485b5e .elementor-heading-title {
  font-size: clamp(34px, 3.6vw, 54px) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  white-space: normal !important;
  text-align: left !important;
}

/* Lower and Upper School carousel arrows: solid school colors. */
body.page-id-33464 .elementor-widget-image-carousel .elementor-swiper-button,
body.page-id-33514 .elementor-widget-image-carousel .elementor-swiper-button {
  width: 44px !important;
  height: 44px !important;
  background-color: #fff !important;
  background-image: none !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 .elementor-widget-image-carousel .elementor-swiper-button svg,
body.page-id-33514 .elementor-widget-image-carousel .elementor-swiper-button svg,
body.page-id-33464 .elementor-widget-image-carousel .elementor-swiper-button svg *,
body.page-id-33514 .elementor-widget-image-carousel .elementor-swiper-button svg *,
body.page-id-33464 .elementor-widget-image-carousel .elementor-swiper-button i,
body.page-id-33514 .elementor-widget-image-carousel .elementor-swiper-button i {
  color: #bf0a30 !important;
  fill: #bf0a30 !important;
}

/* IB Diploma: one typeface, including the title that was saved as Verdana. */
body.page-id-33534 .asm-main-column :is(p, li, span, h2, h3, h4, h5, h6, td, th, a, caption) {
  font-family: "Raleway", Arial, sans-serif !important;
}

/* Phone: show every course column. A sideways table hid the course list. */
@media (max-width: 767px) {
  body.page-id-33534 .asm-ib-table .elementor-widget-container,
  body.page-id-33534 .asm-ib-table .asm-ib-table-scroll {
    overflow: visible !important;
  }

  body.page-id-33534 .asm-ib-table table,
  body.page-id-33534 .asm-ib-table tbody,
  body.page-id-33534 .asm-ib-table tfoot,
  body.page-id-33534 .asm-ib-table tr,
  body.page-id-33534 .asm-ib-table th,
  body.page-id-33534 .asm-ib-table td,
  body.page-id-33534 .asm-ib-table caption {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  body.page-id-33534 .asm-ib-table table {
    min-width: 0 !important;
  }

  body.page-id-33534 .asm-ib-table tr {
    margin: 0 0 10px !important;
  }

  body.page-id-33534 .asm-ib-table th {
    text-align: left !important;
  }

  body.page-id-33534 .asm-ib-table::after {
    content: none !important;
  }
}