/* Film grid titles: 17px to 19px for readability */
#drsue-films .dsf-card .dsf-title {
  font-size: 19px;
  line-height: 1.3;
}

/* ==========================================================
   1. BASE: body text
   ========================================================== */

body {
  font-size: 18px !important;
  line-height: 1.4 !important;
}

@media only screen and (min-width: 960px) {
  body {
    font-size: 20px !important;
  }
}


/* ==========================================================
   2. HEADINGS
   ========================================================== */

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 20px;
}

h1 { font-size: 56px; }
h2 { font-size: 46px; }
h3 { font-size: 46px; }
h4 { font-size: 42px; }
h5 { font-size: 36px; }
h6 { font-size: 30px; }

.entry-content h4 {
  margin-top: 0;
}

/* All H2s at 46px: theme, Spectra heading blocks, and the film player */
h2,
.entry-content .wp-block-uagb-advanced-heading h2.uagb-heading-text,
#drsue-films .dsf-head h2 {
  font-size: 46px !important;
  line-height: 1.2 !important;
}

@media only screen and (max-width: 767px) {
  h2,
  .entry-content .wp-block-uagb-advanced-heading h2.uagb-heading-text,
  #drsue-films .dsf-head h2 {
    font-size: 32px !important;
  }
}

/* Page titles */
.entry-title {
  font-family: "Playfair Display", serif !important;
  font-size: 52px;
  font-weight: 400;
  font-style: italic !important;
  color: #4f94ba !important;
  text-align: center;
  text-transform: none !important;
  margin-bottom: 30px;
}

/* Archive titles */
.archive-title {
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 40px;
  font-weight: 400;
  color: #4f94ba;
  margin-bottom: 10px;
}


/* ==========================================================
   3. LAYOUT
   ========================================================== */

@media only screen and (min-width: 960px) {
  .content {
    width: 100%;
  }
}


/* ==========================================================
   4. HEADER AND NAVIGATION
   ========================================================== */

.wp-custom-logo .title-area {
  padding-top: 15px;
  padding-bottom: 15px;
}

.genesis-nav-menu a {
  display: block;
  color: #4f94ba;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 12px 15px 12px 18px !important;
  outline-offset: -1px;
}

/* Hamburger button (mobile) */
.menu-toggle {
  height: 66px;
  line-height: 20px;
  margin: 10px 0;
  padding: 12px;
  color: #fff;
  background-color: #4f94ba;
  border: 5px solid #fff !important;
  border-radius: 0;
  text-transform: uppercase;
}

.menu-toggle:hover {
  border-color: #4f94ba !important;
}

.sub-menu-toggle {
  right: -20px !important;
  color: #4f94ba !important;
}

/* Desktop: show the full menu, hide the hamburger */
@media only screen and (min-width: 960px) {
  .site-header .menu-toggle {
    display: none !important;
  }
  .js .nav-primary {
    display: block !important;
  }
}


/* ==========================================================
   5. HOMEPAGE 2026 (page-id-8281)
   ========================================================== */

/* No all caps on section headings or the film player title */
.page-id-8281 .entry-content h2,
.page-id-8281 #drsue-films .dsf-now {
  text-transform: none !important;
}


/* ==========================================================
   6. FOOTER
   ========================================================== */

.site-footer {
  background-color: #4f94ba;
}

.site-footer p {
  color: #fff;
  text-transform: uppercase;
}


/* ==========================================================
   7. UTILITY CLASSES (add in a block's "Additional CSS class")
   ========================================================== */

.letter-spacing-01 {
  letter-spacing: 1px !important;
}

.wp-block-spacer-NO-CLEAR {
  clear: none !important;
}

.mobile-white-bg {
  background: rgba(170, 68, 143, 0.6);
  padding: 20px;
}

@media only screen and (max-width: 600px) {
  .zak-mobile-header-small {
    font-size: 32px !important;
  }
  .zak-mobile-small {
    font-size: 15px !important;
  }
}