/* Ten Billion Hearts Foundation: the site's own fixes, loaded after the kit (copy mode). */

/* Desktop: the last menu item's dropdown ("Get Involved": Get Involved, Our supporters, Get In touch) opens
   from the item's left edge and runs 77px past the right side of the screen, so every page scrolled sideways
   at 1440px (live has the same fault). Open it from the item's right edge instead. */
#menu-main-menu > li:last-child > .sub-menu { left: auto !important; right: 0 !important; }

/* Phone: "please contact us via: tenbillionheartsfoundation@gmail.com" (24px bold) broke mid-word as
   "tenbillionheartsfoundation@g / mail.com" on eight pages (live has the same fault). Size the address so
   it fits on one line. */
@media (max-width: 767px) {
  .et_pb_text a[href^="mailto:"] { font-size: min(1em, 3.6vw) !important; overflow-wrap: normal !important; word-break: normal !important; white-space: nowrap; }
}

/* Phone (audit 2026-10-08): the home slider's arrows sit at mid-height, where they touched the end of the
   slide titles at 390px ("Billion Hearts Academy", "Ensuring inclusive spaces ..."). Below 768px move them
   down to the dots row, left and right of the dots, clear of the text. */
@media (max-width: 767px) {
  .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-prev, .et_pb_slider .et-pb-slider-arrows .et-pb-arrow-next {
    top: auto !important; bottom: 0 !important; margin-top: 0 !important; font-size: 40px !important;
  }
}