/* Fareedah Children School — extras that sit on top of Tailwind */

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Source Sans 3", system-ui, sans-serif;
}

h1, h2, h3, .font-display {
  font-family: "Playfair Display", Georgia, serif;
}

.slide {
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.slide.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
  z-index: 1;
}

.slide:not(.is-active) {
  opacity: 0;
  pointer-events: none;
  transform: scale(1.04);
  z-index: 0;
}

.dropdown-menu {
  display: none;
}

.dropdown:hover > .dropdown-menu,
.dropdown:focus-within > .dropdown-menu {
  display: block;
}

.section-title::after {
  content: "";
  display: block;
  width: 64px;
  height: 3px;
  margin: 14px auto 0;
  background: #c4a44a;
}

.section-title.left::after {
  margin-left: 0;
}

.page-hero {
  background-size: cover;
  background-position: center;
}

.mobile-sub {
  display: none;
}

.mobile-sub.open {
  display: block;
}

#mobile-menu:not(.open) {
  display: none;
}

#mobile-menu.open {
  display: block;
}

@media (max-width: 639px) {
  body > div.bg-forest-900 a[href^="mailto:"] {
    display: none;
  }
}

input, select, textarea {
  font-family: inherit;
}

.stat-num {
  font-variant-numeric: tabular-nums;
}