/* Copy of the live Customizer Additional CSS as published 2026-11-11 (including the phone-column hotfix).
   Additional CSS is saved per theme, so the child theme carries it here. */
/* River-trike responsive corrections, 2026-10-22.
   Intentionally site-wide for #interior content and mobile footer.
   Combine BEFORE WRA-Release-COMPLETE.css. No menus/fields hidden. */
#interior {
  box-sizing: border-box;
  width: calc(100% - 48px);
  max-width: 1100px;
  margin: 48px auto;
  padding: clamp(20px, 3vw, 40px);
  background: #fff;
  border: 1px solid #d3ddd6;
  border-radius: 10px;
}
#interior > [data-aos] { min-width: 0; }
#interior :is(h1,h2,h3,h4,h5,h6) { letter-spacing: .025em; line-height: 1.3; overflow-wrap: break-word; }
#interior h1 { font-size: clamp(28px, 3.5vw, 42px); }
#interior :is(p,li) { letter-spacing: normal; line-height: 1.65; }
#interior img { max-width: 100%; height: auto; }
#interior iframe { max-width: 100%; }
#interior #texty h2 { text-transform: none; font-size: clamp(24px, 2.5vw, 30px); }
#interior #texty p { font-size: 18px; }
#interior a:focus-visible, .foot a:focus-visible { outline: 3px solid #e2a03b; outline-offset: 3px; }
/* Dark overlay gives footer links a consistent readable background. */
.foot {
  background-image: linear-gradient(rgb(14 42 58 / 88%), rgb(14 42 58 / 88%)), url("https://winyahrivers.org/wp-content/themes/river-trike/images/global/bg-foot.jpg");
}
.foot .footLinks a { color: #fff; letter-spacing: normal; }
.foot .footLinks a:hover { color: #fcefd2; text-decoration: underline; }
@media (max-width: 900px) {
  #interior { width: calc(100% - 24px); margin: 24px auto; padding: 20px; }
  /* Theme blog markup uses repeated #alpha IDs; scope to its image/text pair. */
  #interior > [data-aos] > #alpha.three,
  #interior > [data-aos] > #alpha.seven { float: none; width: 100%; }
  #interior #texty h2 { margin: 16px 0 12px; }
  #interior #texty p { margin: 0 0 20px; }
  #interior #thumby { min-height: 0; margin: 0 0 16px; }
  #interior #thumby img { width: auto; max-width: 100%; max-height: 420px; object-fit: contain; display: block; margin: 0 auto; }
  #interior .splitNews { margin: 28px auto; width: 100%; border-color: #d3ddd6; }
  .foot { padding: 32px 20px; }
  .foot > [data-aos] { display: flex; flex-wrap: wrap; gap: 16px; }
  .foot .footLinks { float: none; width: calc(50% - 8px); min-width: 0; padding: 0; }
  .foot .footLinks ul { padding: 0; }
  .foot .footLinks li { margin: 0; font-size: 16px; line-height: 1.4; }
  .foot .footLinks a { display: flex; align-items: center; min-height: 44px; padding: 8px 4px; overflow-wrap: break-word; }
  .foot .rightSide { float: none; width: 100%; max-width: 100%; }
  .foot .address { max-width: 100%; }
}
@media (max-width: 600px) {
  #interior { width: calc(100% - 16px); padding: 16px; margin: 20px auto; }
  #interior :is(p,li) { font-size: 17px; }
  #interior :is(ul,ol):not(.gfield_radio):not(.gfield_checkbox):not(.gform_fields) { padding-left: 24px; padding-right: 0; }
  #interior > [data-aos] > h1 { margin-bottom: 20px; text-transform: none; }
  #interior :is(img.alignleft,img.alignright) { float: none; display: block; margin: 16px auto; }
}
@media (prefers-reduced-motion: reduce) {
  #interior [data-aos], .foot [data-aos] { transform: none !important; opacity: 1 !important; transition: none !important; }
}

/* WRA release — COMPLETE replacement for earlier WRA-only CSS, 2026-10-22.
   Keep unrelated site CSS. Keep #wra-release-page outside the form.
   Never force conditional fields/pages/hidden inputs to display. */
body:has(#wra-release-page) > .headBar { position: relative; }
/* The mobile theme otherwise reserves another 200px for its empty banner. */
.container:has(#wra-release-page) > .banner { padding-top: 0; }
#interior:has(#wra-release-page) {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 1000px;
  margin: 24px auto;
  padding: 24px;
}
#interior:has(#wra-release-page) > [data-aos] { min-width: 0; }
#interior:has(#wra-release-page) > [data-aos] > h1 {
  font-size: clamp(26px, 4vw, 38px);
  line-height: 1.25;
  letter-spacing: .02em;
  margin: 0 0 24px;
  overflow-wrap: break-word;
}
form.wra-release-live {
  --wra-river: #0e3a52;
  --wra-forest: #2e4a3c;
  --wra-mist: #eef3ef;
  --wra-line: #8aa0ac;
  --wra-gold: #e2a03b;
  --wra-key: #fcefd2;
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  min-width: 0;
  margin: 16px auto;
  padding: 28px;
  background: #fff;
  color: #14303f;
  border: 1px solid #d3ddd6;
  border-top: 5px solid var(--wra-river);
  border-radius: 14px;
  box-shadow: 0 6px 24px rgb(14 58 82 / 8%);
  font: 400 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: normal;
  text-align: left;
}
.wra-release-live *, .wra-release-live *::before,
.wra-release-live *::after { box-sizing: border-box; }
.wra-release-live :is(.gform_body, .gform_page, .gform_fields, .gfield, .ginput_container) {
  min-width: 0;
  max-width: 100%;
}
.wra-release-live .gfield { overflow-wrap: break-word; }
.wra-release-live p { font-size: 16px; line-height: 1.65; text-align: left; margin: 0 0 16px; }
.wra-release-live li { line-height: 1.6 !important; text-align: left; }
.wra-release-live :is(h2, h3, .gsection_title) {
  font-family: Georgia, serif;
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: none;
  text-align: left;
  color: var(--wra-river);
}
.wra-release-live .wra-masthead {
  background: var(--wra-river);
  color: #fff;
  padding: 24px;
  border-radius: 10px;
  border-bottom: 4px solid var(--wra-gold);
}
.wra-release-live .wra-masthead h2 { color: #fff; font-size: clamp(26px, 4vw, 34px); margin: 8px 0; }
.wra-release-live .wra-masthead p { color: #fff; margin: 0; }
.wra-release-live .gsection_title { font-size: 24px; margin: 0 0 12px; }
.wra-release-live :is(.gfield_label, legend.gfield_label) { color: var(--wra-river); font-weight: 650; line-height: 1.5; }
.wra-release-live .gfield_label > .gfield_required { margin-left: .35em; }
.gform_wrapper form.wra-release-live .gfield_description { font-size: 16px; line-height: 1.6; letter-spacing: normal; }
.wra-release-live input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not(.gfield_signature_text_input),
.wra-release-live select, .wra-release-live textarea {
  max-width: 100%;
  min-height: 48px;
  padding: 12px;
  background: #fafcfb;
  border: 1.5px solid var(--wra-line);
  border-radius: 8px;
  color: #14303f;
  font: inherit;
  font-size: 16px;
  line-height: 1.5;
}
.wra-release-live :is(.ginput_container_text, .ginput_container_email, .ginput_container_phone, .ginput_container_select) > :is(input, select) { width: 100%; }
.wra-release-live textarea { width: 100%; min-height: 120px; resize: vertical; }
.wra-release-live :is(input[type="checkbox"], input[type="radio"]) { width: 24px; height: 24px; flex: 0 0 24px; accent-color: var(--wra-river); }
.wra-release-live :is(.gchoice, .ginput_container_consent) {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-height: 48px;
  padding: 12px;
  margin-block: 8px;
  background: var(--wra-mist);
  border: 1px solid #c5d1c9;
  border-radius: 8px;
}
.gform_wrapper form.wra-release-live :is(.gchoice, .ginput_container_consent) label { flex: 1; min-width: 0; max-width: none; margin: 0; font-size: 16px; line-height: 1.5; }
.gform_wrapper form.wra-release-live .gfield_consent_description {
  height: auto;
  max-height: none;
  overflow: visible;
  padding: 16px;
  margin-block: 12px;
  border: 1px solid #c5d1c9;
  border-radius: 8px;
}
/* Current GF also puts a separate scroll box INSIDE the description. */
.gform_wrapper form.wra-release-live .gfield_consent_description_text {
  width: 100%;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0;
  font-size: 16px;
  line-height: 1.65;
  text-align: left;
  letter-spacing: normal;
}
.wra-release-live .wra-release-text h3 { font-size: 20px; border-top: 1px solid #d3ddd6; padding-top: 18px; margin: 24px 0 8px; }
.wra-release-live .wra-release-text h3:first-child { border: 0; padding: 0; margin-top: 0; }
.wra-release-live .wra-release-text p { margin: 8px 0 16px; }
.wra-release-live .wra-key { background: var(--wra-key); padding-inline: 2px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.wra-release-live .wra-info { background: var(--wra-mist); padding: 18px; border-left: 4px solid var(--wra-forest); border-radius: 8px; }
.wra-release-live .wra-info h3 { font-size: 20px; margin: 0 0 12px; }
.wra-release-live .wra-info p { margin: 0; }
.wra-release-live .wra-version { font-size: 14px; color: #445c69; }
.wra-release-live .gf_page_steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0 0 16px; }
.gform_wrapper form.wra-release-live .gf_step { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; min-width: 0; }
.gform_wrapper form.wra-release-live .gf_step_label { padding: 0; font-size: 14px; line-height: 1.3; letter-spacing: normal; }
.gform_wrapper form.wra-release-live .gf_step_number { flex: 0 0 30px; width: 30px; height: 30px; font-size: 15px; line-height: 26px; }
.wra-release-live :is(.gform_page_footer, .gform_footer) { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 20px; border-top: 1px solid #d3ddd6; }
.gform_wrapper form.wra-release-live :is(.gform_button, .gform_next_button, .gform_previous_button) {
  min-height: 48px;
  max-width: 100%;
  padding: 12px 22px;
  background: var(--wra-river);
  color: #fff;
  border: 2px solid var(--wra-river);
  border-radius: 9px;
  font: 700 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: normal;
  text-transform: none;
  white-space: normal;
  float: none;
  cursor: pointer;
}
.gform_wrapper form.wra-release-live .gform_previous_button { background: #fff; color: var(--wra-river); }
.wra-release-live :is(input, select, textarea, button, a, [tabindex]):focus-visible { outline: 3px solid var(--wra-gold); outline-offset: 3px; }
.wra-release-live :is(.gfield_signature_ui_container, .gfield_signature_container, .gfield_signature_toolbar) { max-width: 100%; }
.wra-release-live .gfield_signature_container canvas { max-width: 100%; }
#interior:has(#wra-release-page) .gform_confirmation_message { max-width: 760px; margin: 24px auto; padding: 20px; background: #eef3ef; border: 1px solid #c5d1c9; border-radius: 10px; color: #14303f; font: 400 16px/1.6 system-ui, sans-serif; letter-spacing: normal; }
@media (max-width: 640px) {
  #interior:has(#wra-release-page) { width: calc(100% - 16px); margin: 16px auto; padding: 12px 0; border: 0; background: transparent; }
  #interior:has(#wra-release-page) > [data-aos] > h1 { padding-inline: 8px; font-size: 26px; }
  form.wra-release-live { margin: 12px 0; padding: 16px; border-radius: 10px; }
  .wra-release-live .wra-masthead { padding: 16px; }
  .wra-release-live .gform_fields { grid-template-columns: minmax(0, 1fr); column-gap: 0; row-gap: 20px; }
  .wra-release-live .gform_fields > .gfield { grid-column: 1 / -1; }
  .gform_wrapper form.wra-release-live .gfield_consent_description { padding: 12px; }
  .wra-release-live .wra-info { padding: 12px; }
  .wra-release-live :is(.gform_page_footer, .gform_footer) > :is(.gform_button, .gform_next_button, .gform_previous_button) { flex: 1 1 120px; margin: 0; }
}
@media (max-width: 359px) {
  .wra-release-live .gf_page_steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* WRA giving-page layout compatibility. Preserve all existing site CSS. */
#interior:has(#wra-membership-layout),
#interior:has(#wra-sponsorship-layout) {
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 1100px;
  margin: 32px auto;
  padding: clamp(16px, 3vw, 40px);
}

#interior:has(#wra-membership-layout) .wp-block-table {
  letter-spacing: normal;
}

#interior:has(#wra-membership-layout) .wp-block-button__link {
  max-width: 100%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal;
  white-space: normal;
}

#interior:has(#wra-sponsorship-layout) .wra-sponsor-row {
  color: #0b5481;
}

#interior:has(#wra-sponsorship-layout) .wra-sponsor-row .wp-block-columns {
  gap: 16px;
}

#interior:has(#wra-sponsorship-layout) .wra-sponsor-row .wp-block-column > p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 600px) {
  #interior:has(#wra-membership-layout),
  #interior:has(#wra-sponsorship-layout) {
    width: calc(100% - 16px);
    margin: 20px auto;
    padding: 16px;
  }
}

/* 2026-11-11 phone-column hotfix. The parent stylesheet loads after this
   CSS, so the plain #interior rules above lose to its 70% width and 50px
   padding. ".container > #interior" outranks the parent but stays below
   the page-scoped #interior:has(...) rules. Phones and small tablets only. */
@media (max-width: 900px) {
  .container > #interior { box-sizing: border-box; width: calc(100% - 24px); margin: 24px auto; padding: 20px; }
}
@media (max-width: 600px) {
  .container > #interior { width: calc(100% - 16px); margin: 20px auto; padding: 16px; }
}