/* P66 heading fix (10/28/26)
   The home page slider titles, the menu tile titles and the contact pop-up title were h2 / h3 headings that sit
   before the page H1. They are now plain divs (see partials/landing_2025.php, partials/navigation-grid.php and
   partials/contact_modal.php). These rules copy exactly what the old h2 / h3 rules did, so nothing changes visually. */

.slide-title, .navigation-item-title, .modal-title { font-family: "EB Garamond", serif; }

/* Slider titles (was: #section-landing .landing-slides .landing-slide h2) */
#section-landing .landing-slides .landing-slide .slide-title { font-size: 10rem; line-height: .9; color: #fff; margin-bottom: 3.2rem; }
@media screen and (max-width: 80em) { #section-landing .landing-slides .landing-slide .slide-title { font-size: 10rem; } }
@media screen and (max-width: 64em) { #section-landing .landing-slides .landing-slide .slide-title { font-size: 8rem; } }
@media screen and (max-width: 53.3333em) { #section-landing .landing-slides .landing-slide .slide-title { font-size: 5.6rem; } }
#section-landing .landing-slides .landing-slide .slide-title em { font-style: italic; }
#section-landing .landing-slides .landing-slide .slide-title p { margin: 0; }

/* Menu tile titles (was: #navigation-right.navigation-grid .navigation-items .navigation-item h3) */
#navigation-right.navigation-grid .navigation-items .navigation-item .navigation-item-title { font-family: "EB Garamond", serif; font-size: 4rem; line-height: 1; }
@media only screen and (max-width: 1170px) { #navigation-right.navigation-grid .navigation-items .navigation-item .navigation-item-title { font-size: 3.2rem; } }
@media screen and (max-width: 53.3333em) {
	#navigation-right.navigation-grid .navigation-items .navigation-item .navigation-item-title { font-size: 2.4rem; }
	#navigation-right.navigation-grid .navigation-items .navigation-item .navigation-item-title br { display: none; }
}

/* Contact pop-up title (was: .modal-contact .section-form-wrapper .section-title h2) */
.modal-contact .section-form-wrapper .section-title .modal-title { font-family: "EB Garamond", serif; font-size: 4.8rem; margin-bottom: .8rem; line-height: 1; }
main#main-content { overflow-x: hidden;}