/* GMG 2026-11-09 style changes for alumni.gmc.edu. Previewed with ?gmgstyle=1; approved by Nick and live since 2026-11-13. */

/* Page titles scale with the screen so the banner photo still shows on phones and tablets. */
.gmc-image-header .gmc-page-title { top: 50%; margin-top: 0; transform: translateY(-50%); max-width: calc(100% - 28px); box-sizing: border-box; }
.gmc-image-header .gmc-page-title h1 { font-size: clamp(30px, 5.2vw, 65px); line-height: 1.1; }
@media only screen and (max-width: 600px) {
	.gmc-image-header { height: 240px; }
	.gmc-image-header .gmc-page-title { padding: 12px 18px; border-left-width: 4px; }
}

/* Phone and tablet header: less empty space above the banner. */
@media only screen and (max-width: 1279px) {
	.header-image .site-header { padding-top: 6px; padding-bottom: 6px; }
	.site-header .menu-toggle { min-height: 72px; margin-top: 0; }
	.site-header > .wrap { min-height: 76px; }
	.header-image .site-header .site-title > a { min-height: 76px !important; width: 132px !important; }
	/* Keep the logo's white badge below the 5px red top bar (JB QA, #23448: logo was cut off at the top). */
	.site-header .title-area { top: -1px; left: 0; }
	.header-image .nav-primary:not(button) { padding-top: 0; }
	.genesis-responsive-menu .genesis-nav-menu .menu-item a { padding-top: 13px; padding-bottom: 13px; }
}

/* Staff: cards in a grid instead of one long column. */
.elementor-element-4211573a > .e-con-inner { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 36px 28px; align-items: start; }
.elementor-element-4211573a > .e-con-inner > .e-con { width: auto !important; max-width: none !important; margin: 0 !important; }
.elementor-element-4211573a > .e-con-inner > .e-con img { width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; object-position: 50% 20%; }


/* Cookie notice on phones: same choices, about half the height. */
@media only screen and (max-width: 600px) {
	#gmg-consent-banner .gmg-banner__inner { padding-top: 12px !important; padding-bottom: 12px !important; }
	#gmg-consent-banner .gmg-banner__desc, #gmg-consent-banner p { font-size: 14px !important; line-height: 1.4 !important; margin-bottom: 8px !important; }
	#gmg-consent-banner .gmg-banner__inner { gap: 10px !important; }
	#gmg-consent-banner .gmg-banner__actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 8px !important; align-items: stretch !important; }
	#gmg-consent-banner .gmg-banner__actions .gmg-btn--choice { flex: 1 1 40% !important; width: auto !important; margin: 0 !important; min-height: 44px; }
	#gmg-consent-banner .gmg-banner__actions .gmg-btn--ghost { flex: 1 1 100% !important; margin: 0 !important; min-height: 44px; }
}