/* ==========================================================================
MGD 2026 — WordPress layer
Reconciles the design with real WordPress output: multi page rendering,
nav menu markup, Gravity Forms, editor content.
========================================================================== */
/* --- 1. Multi page rendering -------------------------------------------- */
.page{ display:block; }
.mgd-section-team .card::before{ content:none; }
/* --- 2. Accessibility ---------------------------------------------------- */
.screen-reader-text{
position:absolute; width:1px; height:1px;
margin:-1px; padding:0; overflow:hidden;
clip:rect(0 0 0 0); clip-path:inset(50%);
white-space:nowrap; border:0;
}
.skip-link:focus{
position:fixed; top:12px; left:12px; z-index:10000;
width:auto; height:auto; margin:0; padding:.8em 1.3em;
clip:auto; clip-path:none;
background:var(--red); color:#fff;
font-family:var(--display); font-stretch:112%; font-weight:700;
font-size:.78rem; letter-spacing:.1em; text-transform:uppercase;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{ outline:2px solid var(--red-hot); outline-offset:2px; }
/* --- 3. Admin bar -------------------------------------------------------- */
body.admin-bar #site-nav{ top:32px; }
@media screen and (max-width:782px){ body.admin-bar #site-nav{ top:46px; } }
/* --- 4. Nav menu from WordPress ------------------------------------------ */
nav.menu .sub li{ display:block; }
/* --- 5. Gravity Forms ----------------------------------------------------
Both MGD forms render inside a light band, so the light treatment is the
default here and the dark one is scoped to .band.rink / .band.ice. */
.gform_wrapper,
.gform_wrapper form{ margin:0; }
.gform_wrapper .gform_fields{
list-style:none; margin:0; padding:0;
display:grid; gap:18px;
}
.gform_wrapper .gfield{ margin:0; padding:0; }
.gform_wrapper .gfield_label,
.gform_wrapper label.gfield_label{
display:block;
font-family:var(--display); font-stretch:106%;
font-size:.7rem; font-weight:700;
letter-spacing:.13em; text-transform:uppercase;
color:#5A6773; margin:0 0 7px;
}
.gform_wrapper .gfield_required{ color:var(--red); margin-left:.25em; }
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"],
.gform_wrapper select,
.gform_wrapper textarea{
width:100%; box-sizing:border-box;
background:#fff;
border:1px solid #C3CDD7;
color:#0B0D0F;
padding:.8em .9em;
font-family:var(--body); font-size:.97rem;
border-radius:2px;
}
.gform_wrapper textarea{ resize:vertical; min-height:92px; }
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus{ outline:none; border-color:var(--red); box-shadow:0 0 0 3px rgba(210,22,42,.12); }
.gform_wrapper ::placeholder{ color:#8A95A0; opacity:1; }
.gform_wrapper select{
appearance:none; -webkit-appearance:none;
background-image:linear-gradient(45deg, transparent 50%, #5A6773 50%),
linear-gradient(135deg, #5A6773 50%, transparent 50%);
background-position:calc(100% - 18px) calc(50% + 2px), calc(100% - 13px) calc(50% + 2px);
background-size:5px 5px, 5px 5px;
background-repeat:no-repeat;
padding-right:2.4em;
}
.gform_wrapper .gform_footer{ margin:22px 0 0; padding:0; }
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"]{
display:inline-flex; align-items:center; gap:.5em;
font-family:var(--display); font-stretch:112%;
font-weight:700; font-size:.79rem;
letter-spacing:.1em; text-transform:uppercase;
padding:1em 1.75em;
border:2px solid var(--red); border-radius:2px;
background:var(--red); color:#fff; cursor:pointer;
transition:background .16s ease, border-color .16s ease;
}
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover{ background:var(--red-deep); border-color:var(--red-deep); }
.gform_wrapper .validation_error{
background:rgba(210,22,42,.08);
border:1px solid var(--red); border-left:3px solid var(--red);
color:#0B0D0F; padding:.9em 1.1em; margin:0 0 20px; font-size:.92rem;
}
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea{ border-color:var(--red); }
.gform_wrapper .validation_message{ color:var(--red-deep); font-size:.84rem; margin-top:6px; }
.gform_wrapper .gform_validation_container,
.gform_wrapper .gfield_visibility_hidden{ display:none !important; }
.gform_wrapper .gfield_description{ color:#6E7A86; font-size:.84rem; padding-top:6px; }
.gform_confirmation_message,
.mgd-confirm{
background:#fff;
border:1px solid #C3CDD7; border-left:3px solid var(--red);
padding:24px 26px; border-radius:2px; color:#48535E;
}
.mgd-confirm h3{ margin-top:0; color:#0B0D0F; }
.mgd-confirm p{ margin-bottom:0; }
/* --- 5b. Longer form field types used by the camp registrations ---------
Gravity Forms renders choices as div.gfield_radio > div.gchoice, and the
field label as a