/* Fixes on top of the WordPress theme. No visual redesign. */

/* Nothing should push the page sideways on phones (carousel rows, wide flex rows). */
html, body { overflow-x: clip; }

/* Payment options row (HSA / FSA / HRA) overflowed small screens. */
@media (max-width: 600px) {
  .wp-container-core-group-is-layout-f36ac205:has(> p) { flex-direction: column; align-items: center; gap: 4px; }
  .wp-container-core-group-is-layout-f36ac205:has(> p) > p:not(.has-text-align-center) { display: none; }
}

/* Phones: the logo and menu float over the first photo. Start the hero text below them. */
@media (max-width: 781px) {
  body:not(.home) .entry-content > .wp-block-cover.alignfull:first-child,
  body:not(.home) .wp-site-blocks > header + .wp-block-cover.alignfull { padding-top: 165px !important; }
}

/* Phones: sections whose text ran to the screen edge get the same side margin as the rest. */
@media (max-width: 781px) {
  .entry-content .wp-container-core-columns-is-layout-7387b849,
  .entry-content .wp-container-core-columns-is-layout-929090b5,
  .entry-content > .wp-block-group.alignfull.has-white-color.is-layout-constrained { padding-left: 20px !important; padding-right: 20px !important; }
}

/* Texting consent box on the contact form uses the site font. */
.hem-consent, .hem-consent a { font-family: inherit; }
.hem-consent input { width: 18px; height: 18px; flex: 0 0 18px; accent-color: #1f3a5f; }

/* Footer: two columns of campus links on phones instead of one long list. */
@media (max-width: 781px) {
  footer ul.wp-block-post-template:has(> li:nth-child(8)) { display: grid !important; grid-template-columns: 1fr 1fr; gap: 14px 24px; }
  footer ul.wp-block-post-template:has(> li:nth-child(8)) > li { margin: 0 !important; }
}

/* Campus pages on phones: the three "Connect" cards were squeezed by desktop side padding. */
@media (max-width: 781px) {
  .wp-container-core-columns-is-layout-ab0699bd { padding-left: 20px !important; padding-right: 20px !important; }
}