/* ============================================================================
   Newton at Home — editable-page custom styles (V2)

   Newton authored custom CSS via <style> tags inside their editable-page
   content under V1. V2's AdminSafeInlineScrubber strips <style>, so that CSS is
   migrated here — but only the parts that are SAFE, i.e. that style content
   INSIDE div.editable_page. Every rule is scoped under .editable_page so it can
   never modify V2 chrome (nav, banner, layout) or other villages.

   ⚠ Newton is a flagged customer: their V1 CSS also restyled UNAUTHORIZED site
   chrome (nav menu, .dropotron dropdowns, the global .button, #notice_alert,
   bare `a`). None of that was migrated — see the css_we_drop.css ledger. Any
   future Newton template must get the same extra scrutiny.

   Loaded only for newton, only on the pages that render editable content:
     - villages#index              (homepage)
     - editable_pages#show2         (interior pages)
     - fundraising_campaigns#show2  (campaign long_desc renders inside a
                                     div.editable_page wrapper there)
   via a conditional stylesheet_link_tag "villages/newton" in those views.

   Per-template migration notes + keep/drop ledger:
     docs/editable_page_custom_styling_v1_to_v2/newton/

   STRUCTURE
     1. Page: public homepage (villages#index) — also the CANONICAL copy of
        the shared content/footer styles Newton pasted into every template
     2. Page: who_we_are (/pages/1-who-we-are) — new rules only
     3. Page: staff_and_board (/pages/5-staff-&-board) — new rules only
     4. Page: frequently_asked_questions (/pages/2-frequently-asked-questions)
        — new rules only
     5. Page: contact_us — new rules only (incl. the global content-link
        text-decoration:none)
     6. Page: services (/pages/10024-services) — no new rules (see note)
     7. Page: small_appliance_repair_workshop — new rules only
     8. Page: hospitalization_and_rehabilitation_assistance — no new rules
     9. Page: transportation_faqs (/pages/10029-transportation-faqs)
        — no new rules
    10. Page: programs (/pages/10026-programs) — new utility rules
    11. Page: become_a_member (/pages/6-become-a-member) — no new rules
    12. Page: member_testimonials — no new rules (closest match to canonical)
    13. Page: membership_fees (/pages/7-membership-fees) — fee tables,
        .sectiontleft; its copy also had a NEW unauthorized global
        button/input restyle (dropped, see its ledger)
    14. membership_application_form — SPECIAL CASE, nothing migrated: content
        lives in GeneralSetting#member_app_description, rendered .html_safe
        (unscrubbed!) outside .editable_page on memberships#application_form2,
        where this stylesheet isn't linked. Its <style> blocks (global
        h1/h4, p, and 3× button/input repaints) LEAK into V2 until the
        stored content is replaced — see its docs folder.
    15. Page: become_a_volunteer (/pages/10027-become-a-volunteer)
        — no new rules (carries the button/input repaint trio; scrubbed
        here since it IS an editable page)
    16. Page: teen_service — .secimgmainrowteens only; grey-band conflict
        like services (swap secimgmain → secimgmaingrey in stored HTML)
    17. volunteer_application_form — SPECIAL CASE like #14, nothing migrated:
        GeneralSetting#volunteer_app_description renders .html_safe
        (unscrubbed!) on volunteer_infos#application_form2; its global
        h1/h4 + button/input repaints LEAK into V2 until the stored
        content is replaced — see its docs folder.
    18. general_fund (fundraising_campaigns#show2, campaign long_desc) —
        .donatenow + .donatesubtitleorr; also ADDED the stylesheet link to
        that view (long_desc is scrubbed and renders in .editable_page)
    19. Page: about_donations — .circle donation badges only (its broken
        .pagetitle copy is fixed by the canonical rule)
    20. Page: nah_in_the_news — Bootstrap-grid subset + news layout; its
        h4/h6 size overrides are RE-AUTHORED contained to #news-page /
        .side-navigation (would otherwise clobber canonical h6); its
        .mb-4 1.5rem !important variant dropped (fights canonical .mb-4)
    21. women_of_courage_and_conviction (fundraising_campaigns#show2,
        campaign long_desc) — NO <style> blocks; inline styles only, no
        rules migrated, no DB change needed (ledgered for completeness)
   ============================================================================ */


/* ────────────────────────────────────────────────────────────────────────
   1. PAGE: public homepage (villages#index)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/public_homepage/
   ──────────────────────────────────────────────────────────────────────── */
/* Container. Kept: already scoped to the editable-page container itself.
   The font-family is a RE-AUTHOR of their `.container { font-family: Georgia }`
   (V1 layout container, dead in V2): in V1 .container wrapped all main content,
   so plain text rendered Georgia; scoping to .editable_page preserves that for
   content only. */

.editable_page {
  background-color: #FFF;
  padding: 0px 0px;
  width: 100%;
  overflow: auto;
  font-family: Georgia, serif;
}

/* Content links. Color kept from `body div.editable_page a { color:#578A41 }`.
   border-bottom:0 is a RE-AUTHOR of their bare `a { border-bottom: solid 0px }`
   (global; kept only for content). NOTE their later `div.editable_page a
   { color:#fff }` was dead in V1 (lower specificity) — see css_we_drop.css. */
.editable_page a {
  color: #578A41;
  border-bottom: 0px solid;
}

/* Events plugin rendered inside the editable page. */
.editable_page #events_plugin_in_editable_page a {
  color: #000000;
}

/* Their in-content footer (the <footer class="footernh"> block). */
.editable_page footer a {
  color: #ffffff;
}

/* ── Layout wrappers / cards (block 1) ── */

.editable_page .nahwrapper {
  width: 100%;
}

.editable_page .wrappersecondary {
  padding: 20px 100px;
}

.editable_page .cardwrapperbg {
  background-color: #588a42;
  padding: 50px 0px 50px 0px;
  flex-direction: row;
}

.editable_page .cardwrapper {
  padding: 50px 0px 50px 0px;
  flex-direction: row;
}

.editable_page .containerhomeimg {
  width: 960px;
}

.editable_page .cardcontainerimg {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.editable_page .cardcontainer {
  display: flex;
  flex-direction: column;
}

.editable_page .card {
  flex: 1 1 0;
  min-width: 240px;
  background-color: #ffffff;
}

.editable_page .cardrows {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
  flex: 1 1 auto;
  margin-left: auto;
  margin-right: auto;
}

.editable_page .leftcard {
  margin-left: 40px;
  margin-right: 20px;
  padding-bottom: 10px;
}

.editable_page .rightcard {
  margin-left: 20px;
  margin-right: 40px;
  padding-bottom: 10px;
}

.editable_page .toprow {
  margin-bottom: 40px;
}

.editable_page .lastcard {
  margin-top: 0px;
}

/* rules to center iFrame */
.editable_page span.centervideo {
  display: block;
}

.editable_page iframe.centervideo {
  display: block;
  margin-right: auto;
}

.editable_page .videoholder {
  display: grid;
  grid-template-columns: 60% 40%;
  grid-gap: 10px;
  overflow: hidden;
}

/* ── Typography (block 1) ── */

.editable_page .whynewton {
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  font-family: Georgia, serif;
  text-align: center;
  margin-bottom: 3rem;
}

.editable_page .whynewtongrn {
  font-size: 18px;
  font-weight: bold;
  color: #578A41;
  font-family: Georgia, serif;
  text-align: center;
  margin-bottom: 3rem;
}

.editable_page .p-mission {
  font-size: 20px;
  line-height: 1.6;
  text-decoration: none;
  letter-spacing: 1.2px;
  font-weight: 400;
  color: #585858 !important;
  font-family: Georgia, serif;
}

.editable_page .mission {
  color: #585858;
  font-weight: 700;
  font-size: 20px;
  font-family: Georgia, serif;
  line-height: 10em;
  text-align: center;
  letter-spacing: 2px;
}

.editable_page .pmission {
  font-size: 15px;
  line-height: 1.58;
  font-style: italic;
  text-decoration: none;
  letter-spacing: 2px;
  font-weight: 400;
  color: #bd4d20 !important;
  text-align: center;
  padding: 0px 10px 3px 20px;
  font-family: Georgia, serif;
}

.editable_page .heading-1 {
  font-size: 34px;
  line-height: 1.6;
  font-style: italic;
  text-decoration: none;
  letter-spacing: 1.2px;
  font-weight: 400;
  color: #bd4d20 !important;
  text-align: center;
  padding: 0px 80px 3px 80px;
  font-family: Georgia, serif;
}

.editable_page .heading-2 {
  color: #585858;
  font-weight: 700;
  font-size: 20px;
  font-family: Georgia, serif;
  line-height: 1.7em;
}

.editable_page .heading-3 {
  color: #585858;
  font-weight: 700;
  font-size: 20px;
  font-family: Georgia, serif;
  text-align: center;
  line-height: 1.7em;
}

/* NOTE: their homepage HTML uses class="headingss-4" (double s) — this rule is
   dead there, but kept in case other pages use the correct spelling. */
.editable_page .headings-4 {
  color: #448d32;
  font-weight: 700;
  font-size: .8em;
  letter-spacing: 2px;
  text-align: center;
  margin: 0 0 1.5em 0;
}

.editable_page .p-text {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6667;
  color: #585858;
  font-family: Georgia, serif;
}

.editable_page .captiontext {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  color: #585858;
  font-family: Georgia, serif;
}

.editable_page .testimonials {
  font-size: 14px;
  font-family: Georgia, serif;
  font-style: oblique;
  color: #585858;
  line-height: 1.66667;
}

.editable_page .big-quote {
  font-size: 2em;
  font-weight: 400;
}

.editable_page .partners {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.66667;
  text-align: center;
  color: #585858;
  font-family: Georgia, serif;
}

.editable_page .c-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: #585858;
  font-family: Georgia, serif;
  padding: 20px;
  margin-left: 30px;
  margin-right: 30px;
}

.editable_page .p-textwhite {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.66667;
  font-family: Georgia, serif;
}

.editable_page .p-15year {
  color: #54893f;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.66667;
  font-family: Georgia, serif;
}

.editable_page .notetext {
  font-size: 12px;
  font-weight: 600;
  background-color: #f4f4e4;
  color: #585858;
  font-family: Georgia, serif;
  line-height: 1.66667;
}

.editable_page .pagetitle {
  font-size: 24px;
  font-weight: bold;
  color: #578A41;
  font-family: Georgia, serif;
}

.editable_page .subtitle {
  font-size: 18px;
  font-weight: bold;
  color: #578A41;
  font-family: Georgia, serif;
}

.editable_page .subtitlegrey {
  font-size: 14px;
  font-weight: bold;
  color: #585858;
  font-family: Georgia, serif;
  text-align: center;
  margin-bottom: 1rem;
}

.editable_page .subtitleor {
  font-size: 18px;
  font-weight: bold;
  /*color: #d46424;*/
  color: #578A41;
  font-family: Georgia, serif;
  text-align: center;
  margin-bottom: 1rem;
}

.editable_page h6 {
  color: #585858;
  font-weight: 700;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 1em;
}

.editable_page .cards {
  margin-left: 20px;
  margin-right: 20px;
  padding: 1rem;
  background-color: #ffffff;
  margin-top: 1rem;
}

.editable_page .sectionstrip {
  background-color: #aea82e;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.editable_page .sectionstripwhite {
  background-color: #ffffff;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.editable_page .b-ul {
  font-size: 14px;
  font-weight: 400;
  color: #202020;
  font-family: Georgia, serif;
  line-height: 1.66667;
  list-style-type: none;
}

.editable_page .bold-ul {
  font-size: 13px;
  font-weight: 400;
  color: #202020;
  font-family: Georgia, serif;
  line-height: 1.66667;
  list-style-type: none;
}

.editable_page .inlink {
  font-size: 14px;
  font-weight: 700;
  color: #BE5901;
  font-family: Georgia, serif;
  text-decoration: none;
}

/* Their in-content button (used on homepage CTAs). This is NOT the global
   V1 theme `.button` — that one was dropped. */
.editable_page .buttonnah {
  line-height: 1;
  background-color: #fff;
  text-decoration: none;
  border: 2px solid #d46424;
  color: #202020;
  font-size: 13px;
  font-weight: 600;
  border-radius: .25rem;
  padding: 0.85em 1em 0.85em 1em;
  margin: 5px;
  font-family: Georgia, serif;
}

.editable_page .b-list {
  font-size: 13px;
  font-weight: 500;
  color: #202020;
  font-family: Georgia, serif;
  line-height: 1.66667;
  list-style-type: none;
  padding-bottom: 20px;
}

.editable_page .bulletlist {
  font-size: 13px;
  font-weight: 400;
  color: #ffffff;
  font-family: Georgia, serif;
  line-height: 1.66667;
  list-style-type: none;
  padding-bottom: 10px;
}

.editable_page .sectionwhoweare {
  background-color: #ffffff;
  padding: 0% 2% 0% 2%;
  max-width: 100% !important;
  padding: 0 3%;
}

.editable_page .sectionrow {
  width: 100%;
  display: flex;
}

.editable_page .sectioncolumnwrap {
  width: 100%;
  position: relative;
  display: flex;
}

.editable_page .sectionitemwrap {
  padding: 10px;
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
}

.editable_page .sectionwidgetcontainer {
  transition: background .3s,
    border .3s, border-radius .3s, box-shadow .3s,
    transform var(--e-transform-transition-duration, .4s);
}

.editable_page .sectionheadingtitle {
  color: #585858;
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  margin: 0;
  line-height: 1;
  text-align: center;
  font-family: Georgia, serif;
}

.editable_page .sectionspacerinner {
  height: var(--spacer-size);
}

.editable_page .sectionimg {
  text-align: center;
}

/* ── Image/section rows (block 2) ── */
/* `.secimgmain` itself had no live declarations (only a commented-out
   background) — nothing to keep. */

.editable_page .secimgmaingrey {
  background-color: #F3F3F3;
}

.editable_page .secimgmaincontainer {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.editable_page .secimgmainrow {
  width: 100%;
  display: flex;
}

.editable_page .secimgmainrowtop {
  width: 100%;
  display: flex;
  background-color: #f1ab10;
  color: #ffffff;
}

.editable_page .secimgmainrowtopbrw {
  width: 100%;
  display: flex;
  background-color: #be5109;
  color: #ffffff;
}

.editable_page .secimgmaincolumnleftwrap {
  width: 100%;
  position: relative;
  display: flex;
}

.editable_page .calcolumnleftwrap {
  position: relative;
  flex-basis: 60%;
}

.editable_page .secimgmaincolumnrightwrap {
  width: 100%;
  position: relative;
  display: flex;
}

.editable_page .eventcolumnrightwrap {
  position: relative;
  flex-basis: 100%;
}

.editable_page .secelement {
  width: 100%;
}

.editable_page .secimg {
  padding: 0px 20px 0px 20px;
}

.editable_page .secimg15 {
  padding: 0px 0px 0px 0px;
}

.editable_page .secimgl {
  padding: 0px 0px 0px 30px;
  border: 0px solid orange;
}

.editable_page .secimg img {
  max-width: 100%;
  height: auto;
}

/* ── Partners grid + utility classes (block 3) ── */

.editable_page .gridpartners {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 40px;
}

.editable_page .p-8 {
  padding: 2rem;
}

.editable_page .bg-gray-200 {
  --bg-opacity: 1;
  background-color: #edf2f7;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.editable_page .gap-8 {
  grid-gap: 2rem;
  gap: 4rem;
}

.editable_page .shadow-lg {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
}

.editable_page .p-4 {
  padding: 1rem;
}

.editable_page .rounded {
  border-radius: .25rem 2.25px;
}

.editable_page .bg-white {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.editable_page .w-full {
  width: 200px;
}

.editable_page .mb-4 {
  margin-bottom: 1rem;
}

.editable_page .mb-2 {
  margin-bottom: .5rem;
}

.editable_page .text-xl {
  font-size: 1.25rem;
}

.editable_page .font-bold {
  font-weight: 700;
}

/* Bare element selectors re-scoped to content. Matches their V1 (global)
   behavior for images/embeds inside their pages. */
.editable_page img,
.editable_page video {
  max-width: 100%;
  height: auto;
}

.editable_page audio,
.editable_page canvas,
.editable_page embed,
.editable_page iframe,
.editable_page img,
.editable_page object,
.editable_page svg,
.editable_page video {
  display: block;
  vertical-align: middle;
}

.editable_page .partnerlinks {
  font-size: 13px;
  color: #d46424;
  font-family: Georgia, serif;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.86667;
}

/* ── Footer block + grids (block 4) ── */
/* CANONICAL .grid: block 3 also declared `.grid { display:grid }` (subset) —
   this fuller block-4 definition is the one kept. */
.editable_page .grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 10px;
}

.editable_page .gridsubscribe {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 10px;
}

.editable_page .grid > div {
  color: #ffffff;
  text-align: center;
}

.editable_page .footernh {
  background-color: #588a42;
  color: #fff;
  margin: 20px auto;
  width: 100%;
  max-width: 100%;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
}

.editable_page .outerfooterwrapper {
  background-color: #f3f3f3;
  margin: 20px auto;
  width: 100%;
  max-width: 100%;
  padding: 10px;
  text-align: center;
}

.editable_page .footerwrapper {
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.editable_page .footercolumntext {
  padding-left: 40px;
  text-align: justify;
  list-style-type: none;
}

.editable_page .footerlinks {
  font-size: 13px;
  color: #ffffff;
  font-family: Georgia, serif;
  text-decoration: none;
  font-weight: 500;
  line-height: 1.86667;
}

.editable_page .footertitle {
  color: #ffffff;
  font-weight: 600;
  font-family: Georgia, serif;
  font-size: 13px;
  padding-left: 40px;
  text-align: justify;
}

.editable_page .staytuned {
  color: #ffffff;
  font-weight: 600;
  font-family: Georgia, serif;
  font-size: 13px;
  padding-left: 100px;
  text-align: justify;
}

.editable_page .socialmedia {
  margin-bottom: 1rem;
  box-sizing: border-box;
  line-height: 1;
  font-size: 14px;
  font-weight: 600;
  border-radius: .25rem;
  padding: 0.1em 0.1em;
  margin: 3px;
  font-family: Georgia, serif;
  text-align: justify;
}

.editable_page .allrights {
  text-align: center;
  font-size: 8px;
  font-weight: 300;
}

.editable_page .emailinput {
  margin-left: auto;
  padding: .5rem;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.editable_page .emailsubmitbutton {
  background-color: #d46424;
  padding: .5rem;
  font-size: 12px;
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.editable_page .donatelink {
  background-color: #d46424;
  font-weight: bold;
  border-radius: .25rem;
  font-size: 15px;
  text-align: center;
  color: #fff;
  padding: 1.5rem 2rem 1.5rem 2rem;
}

.editable_page a.buybutton {
  background-color: #bd6a35;
  border: none;
  color: white;
  padding: 4px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  transition-duration: 0.4s;
}

.editable_page .button1 {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.6);
}

/* Their design: no bullets inside editable-page lists. (The companion
   selector div#donation_campaign_desc ul li was dropped — outside scope.) */
.editable_page ul li {
  list-style: none;
}

.editable_page h3.footertitle {
  color: #ffffff;
}

.editable_page h3.staytuned {
  color: #ffffff;
}

.editable_page .emailcontainer {
  grid-column: 5 / span 2;
}

/* ── Media queries (in-scope selectors only) ── */

@media screen and (min-width: 500px) {
  .editable_page .hv_flex_container .left_col {
    flex-basis: 50%;
    flex-grow: 1;
  }

  .editable_page .hv_flex_container .right_col {
    flex-basis: 50%;
    flex-grow: 1;
  }
}

@media (min-width: 768px) {
  .editable_page .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 600px) {
  .editable_page .card {
    min-width: 300px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .editable_page .lastcard {
    margin-top: 40px;
  }

  .editable_page .videoholder {
    grid-template-columns: 100%;
  }

  .editable_page .left_col {
    flex-basis: auto;
  }

  .editable_page .right_col {
    flex-basis: auto;
  }

  .editable_page .secimgmainrow {
    flex-wrap: wrap;
    padding: 0px 10px 0px 10px;
  }

  .editable_page .secimg {
    padding: 0px 20px 0px 20px;
  }

  .editable_page .calcolumnleftwrap {
    flex-basis: 100%;
  }

  .editable_page .grid {
    flex-wrap: wrap;
    justify-content: space-around;
    padding-left: 20px;
    padding-right: 20px;
  }

  .editable_page .footercolumntext,
  .editable_page .footertitle {
    padding-left: 0px;
  }

  .editable_page .emailcontainer {
    grid-column: 1 / span 2;
  }

  .editable_page .emailinput {
    margin-left: 0;
  }
}

@media screen and (min-width: 737px) and (max-width: 1200px) {
  .editable_page .containerhomeimg {
    width: 960px;
  }
}


/* ────────────────────────────────────────────────────────────────────────
   2. PAGE: who_we_are (/pages/1-who-we-are)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/who_we_are/
   This template's <style> was a drifted copy of the homepage blocks; the
   canonical section-1 rules cover the duplicates (drift recorded in the
   template's css_we_drop.css). Only its genuinely new rules live here.
   ──────────────────────────────────────────────────────────────────────── */

/* Small green sub-heading (used for "Newton at Home History" / "… Today"). */
.editable_page .subtitlesm {
  font-size: 15px;
  font-weight: bold;
  /*color: #508d24;*/
  color: #578a41;
  font-family: Georgia, serif;
}

/* Footer social-media links (Facebook / Instagram / LinkedIn). */
.editable_page .sociallinks {
  font-size: 13px;
  font-weight: 500;
  color: #ff6900;
  font-family: Georgia, serif;
  text-decoration: none;
  letter-spacing: 1px;
}

@media screen and (max-width: 600px) {
  .editable_page ul {
    padding-right: 0px;
  }
}


/* ────────────────────────────────────────────────────────────────────────
   3. PAGE: staff_and_board (/pages/5-staff-&-board)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/staff_and_board/
   Another drifted copy of the shared blocks; only its new rules live here
   (drift + duplicates recorded in the template's css_we_drop.css).
   ──────────────────────────────────────────────────────────────────────── */

/* Page wrapper for the bio layout. */
.editable_page .wrapper {
  padding: 40px 20px;
  line-height: 1.66667;
  margin-left: auto;
  margin-right: auto;
}

/* Staff/board contact line under each portrait (name, title, mailto). */
.editable_page .biocontact {
  font-size: 12px;
  font-weight: bold;
  /*color: #508d24;*/
  color: #578a41;
  font-family: Georgia, serif;
}

/* Bio paragraph text. */
.editable_page .p-bio {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.66667;
  color: #585858;
  font-family: Georgia, serif;
}

@media screen and (min-width: 500px) {
  .editable_page .wrapper {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}


/* ────────────────────────────────────────────────────────────────────────
   4. PAGE: frequently_asked_questions (/pages/2-frequently-asked-questions)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/frequently_asked_questions/
   Another drifted copy of the shared blocks; only its new rules live here
   (drift + duplicates recorded in the template's css_we_drop.css).
   ──────────────────────────────────────────────────────────────────────── */

/* Center images inside the .nahwrapper banner. */
.editable_page .nahwrapper img {
  display: block;
  margin: auto;
}

/* Donate-page text classes (declared here; not used in this template's HTML —
   presumably referenced by their donation/fundraising content). */
.editable_page .donate {
  font-size: 18px;
  font-weight: bold;
  color: #d75428;
  font-family: Georgia, serif;
}

.editable_page .donatesubtitle {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.66667;
  color: #585858;
  font-family: Georgia, serif;
}

.editable_page .donatesubtitleor {
  font-size: 14px;
  font-weight: bold;
  color: #d46424;
  font-family: Georgia, serif;
  text-align: center;
  margin-bottom: 1rem;
}


/* ────────────────────────────────────────────────────────────────────────
   5. PAGE: contact_us
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/contact_us/
   Another drifted copy of the shared blocks; only its new rules live here
   (drift + duplicates recorded in the template's css_we_drop.css).
   ──────────────────────────────────────────────────────────────────────── */

/* No underline on content links. From this template's extended
   `body div.editable_page a { … text-decoration: none }`. Newton's V1 links
   were never underlined anywhere (their theme used border-bottom, which every
   template zeroes out), so this applies to ALL their editable pages — V2 has
   no global anchor reset, so without it links would gain a default underline
   that never existed in V1. The font-family in the same original rule is
   already inherited from the canonical `.editable_page { font-family }`. */
.editable_page a {
  text-decoration: none;
}

/* Contact info text / links / labels. */
.editable_page .contactinfo {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.66667;
  color: #585858;
  font-family: Georgia, serif;
  margin: 5px;
}

.editable_page .contactlinks {
  /*color: #508d24;*/
  color: #578A41;
  font-size: 14px;
  font-weight: bold;
}

.editable_page .contactinfolabel {
  font-size: 17px;
  font-weight: bold;
  color: #585858;
  font-family: Georgia, serif;
}

/* RE-AUTHOR of `div.editable_page p { margin: 5px 0 }` — a page-wide element
   selector that would tighten paragraph spacing on EVERY Newton editable page
   (other templates relied on default margins). Scoped to the contact classes
   this page actually uses, preserving the tight label/info stacking. */
.editable_page p.contactinfolabel,
.editable_page p.contactinfo {
  margin-top: 5px;
  margin-bottom: 5px;
}


/* ────────────────────────────────────────────────────────────────────────
   6. PAGE: services (/pages/10024-services)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/services/
   NO NEW RULES — everything safe in this template is already canonical
   above. One rendering change to review with the customer: its enabled
   `.secimgmain { background:#F3F3F3 }` (grey section bands) conflicts with
   the homepage, whose copy keeps it commented out; canonical = transparent.
   To restore the bands on this page, swap secimgmain → secimgmaingrey
   (already canonical, same #F3F3F3) in the stored HTML.
   ──────────────────────────────────────────────────────────────────────── */


/* ────────────────────────────────────────────────────────────────────────
   7. PAGE: small_appliance_repair_workshop
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/small_appliance_repair_workshop/
   Another drifted copy of the shared blocks; only its new rules live here
   (drift + duplicates recorded in the template's css_we_drop.css).
   ──────────────────────────────────────────────────────────────────────── */

/* Orange (brown-ish, "brw") variant of the section column wrapper. Declared
   here; not used in this template's HTML — companion to the already-canonical
   .secimgmainrowtopbrw. */
.editable_page .secimgmaincolumnleftwrapbrw {
  width: 100%;
  position: relative;
  display: flex;
  background-color: #be5109;
}

@media screen and (max-width: 600px) {
  .editable_page .secimgmainrowtopbrw {
    flex-wrap: wrap;
    padding: 0px 10px 0px 10px;
  }
}


/* ────────────────────────────────────────────────────────────────────────
   8. PAGE: hospitalization_and_rehabilitation_assistance
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/hospitalization_and_rehabilitation_assistance/
   NO NEW RULES — everything safe in this template is already canonical
   above; drift + duplicates recorded in the template's css_we_drop.css.
   ──────────────────────────────────────────────────────────────────────── */


/* ────────────────────────────────────────────────────────────────────────
   9. PAGE: transportation_faqs (/pages/10029-transportation-faqs)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/transportation_faqs/
   NO NEW RULES — everything safe in this template is already canonical
   above; drift + duplicates recorded in the template's css_we_drop.css.
   ──────────────────────────────────────────────────────────────────────── */


/* ────────────────────────────────────────────────────────────────────────
   10. PAGE: programs (/pages/10026-programs)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/programs/
   Shared blocks are drifted duplicates (see the template's css_we_drop.css);
   what's new is its tailwind-style utility block, kept scoped below.
   ──────────────────────────────────────────────────────────────────────── */

.editable_page .relative {
  position: relative;
}

.editable_page .min-h-screen {
  min-height: 100vh;
}

.editable_page .bg-green-500 {
  --bg-opacity: 1;
  background-color: #578A41;
  background-color: rgba(80, 141, 36, var(--bg-opacity));
}

.editable_page .bg-orange-500 {
  --bg-opacity: 1;
  background-color: #d46424;
  background-color: rgba(212, 100, 36, var(--bg-opacity));
}

.editable_page .z-0 {
  z-index: 0;
}

.editable_page .flex-col {
  flex-direction: column;
}

/* Declared twice in the original (identical) — kept once. */
.editable_page .flex {
  display: flex;
}

.editable_page .text-2xl {
  font-size: 1.5rem;
}

.editable_page .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.editable_page .gap-4 {
  grid-gap: 1rem;
  gap: 1rem;
}

.editable_page .text-center {
  text-align: center;
}

.editable_page .justify-center {
  justify-content: center;
}

.editable_page .text-white {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

/* Album link chips (yellow / orange). */
.editable_page .link-alb {
  background-color: #f1ab10;
  margin: -10px auto 0;
  padding: 20px 10px;
  width: 160px;
  /* max-width: 100%;*/
  text-align: center;
}

.editable_page .link-albbrw {
  background-color: #be5109;
  margin: -10px auto 0;
  padding: 20px 10px;
  width: 160px;
  /* max-width: 100%;*/
  text-align: center;
}

.editable_page .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.editable_page .py-2 {
  /* padding-top: 1.5rem;*/
  padding-bottom: .5rem;
}


/* ────────────────────────────────────────────────────────────────────────
   11. PAGE: become_a_member (/pages/6-become-a-member)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/become_a_member/
   NO NEW RULES — everything safe in this template is already canonical
   above; drift + duplicates recorded in the template's css_we_drop.css.
   ──────────────────────────────────────────────────────────────────────── */


/* ────────────────────────────────────────────────────────────────────────
   12. PAGE: member_testimonials
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/member_testimonials/
   NO NEW RULES — the closest copy of the homepage blocks yet; everything
   safe is already canonical above. Drift + duplicates recorded in the
   template's css_we_drop.css.
   ──────────────────────────────────────────────────────────────────────── */


/* ────────────────────────────────────────────────────────────────────────
   13. PAGE: membership_fees (/pages/7-membership-fees)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/membership_fees/
   Shared blocks are drifted duplicates; new here: fee-table styling (bare
   table/th/td re-scoped), .sectiontleft, .b-list li. ⚠ This template also
   tried a global button/input repaint (body input[type=submit] etc.) —
   dropped as unauthorized, recorded in its css_we_drop.css.
   ──────────────────────────────────────────────────────────────────────── */

/* Left-aligned section heading ("Full Membership", "Social Membership", …). */
.editable_page .sectiontleft {
  color: #585858;
  font-size: 18px;
  font-weight: bold;
  font-family: Georgia, serif;
  padding-left: 50px;
}

/* Per-item spacing (this copy moves .b-list's padding-bottom onto its <li>s). */
.editable_page .b-list li {
  padding-bottom: 10px;
}

/* ── Fee tables (bare element selectors re-scoped to content) ── */

.editable_page table {
  border-collapse: collapse;
  border: 1.3px solid #000000;
}

.editable_page th {
  vertical-align: top;
  padding: 5pt 5pt 5pt 5pt;
  overflow: hidden;
  overflow-wrap: break-word;
  border: 1.3px solid #000000;
  background-color: #F3F3F3;
  font-size: 14px;
  font-weight: 700;
  font-family: Georgia, serif;
}

.editable_page td {
  vertical-align: top;
  padding: 5pt 5pt 5pt 5pt;
  overflow: hidden;
  overflow-wrap: break-word;
  border: solid #000000 1pt;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  font-family: Georgia, serif;
}

.editable_page table.a {
  table-layout: auto;
  width: 80%;
}

/* Their later `div.editable_page td` override (block 4 of the original) —
   kept AFTER the element rule so the cascade matches V1: cells end up with
   the light grey border, centered. (The div#donation_campaign_desc half of
   the original selector was dropped — outside scope.) */
.editable_page td {
  text-align: center;
  /* vertical-align: top; */
  border: 1px solid #ccc;
}


/* ────────────────────────────────────────────────────────────────────────
   15. PAGE: become_a_volunteer (/pages/10027-become-a-volunteer)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/become_a_volunteer/
   NO NEW RULES — everything safe is already canonical above. Its copy also
   carried the global button/input repaint trio (dropped, recorded in its
   css_we_drop.css).
   ──────────────────────────────────────────────────────────────────────── */


/* ────────────────────────────────────────────────────────────────────────
   16. PAGE: teen_service
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/teen_service/
   Shared blocks are drifted duplicates; one new rule below. Grey-band
   conflict as on services: its enabled .secimgmain grey stays dropped —
   swap secimgmain → secimgmaingrey in the stored HTML to restore bands.
   ──────────────────────────────────────────────────────────────────────── */

/* Teens-orange variant of the section row (companion to the canonical
   .secimgmainrowtop / .secimgmainrowtopbrw). Declared by the template; not
   used in its HTML (which references an undefined `secimgmainrowtopw` typo). */
.editable_page .secimgmainrowteens {
  width: 100%;
  display: flex;
  background-color: #eb9643;
  color: #ffffff;
}


/* ────────────────────────────────────────────────────────────────────────
   17. volunteer_application_form (volunteer_infos#application_form2)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/volunteer_application_form/
   SPECIAL CASE like #14 — NOTHING MIGRATED. Content renders .html_safe
   (unscrubbed) outside .editable_page where this stylesheet isn't linked;
   its global h1/h4 + 3× button/input repaints leak into V2 until the
   stored GeneralSetting#volunteer_app_description is replaced.
   ──────────────────────────────────────────────────────────────────────── */


/* ────────────────────────────────────────────────────────────────────────
   18. general_fund (fundraising_campaigns#show2 — campaign long_desc)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/general_fund/
   long_desc is scrubbed and renders inside a div.editable_page wrapper, so
   this stylesheet was also linked on fundraising_campaigns#show2 as part of
   this template. Shared blocks are drifted duplicates; two new rules below.
   ──────────────────────────────────────────────────────────────────────── */

/* Donate-page headline (the general-fund HTML itself uses an inline-styled
   span instead). Bright green as authored — donate-content-only class, no
   canonical conflict. */
.editable_page .donatenow {
  font-size: 24px;
  font-weight: bold;
  color: #098408;
  /*font-family: Roboto, Helvetica, Arial, Lucida, sans-serif;*/
  font-family: Georgia, serif;
  text-align: center;
  margin-bottom: 3rem;
}

/* Double-r variant of the canonical .donatesubtitleor (same values) — kept so
   whichever spelling their donation content uses is covered. */
.editable_page .donatesubtitleorr {
  font-size: 14px;
  font-weight: bold;
  color: #d46424;
  font-family: Georgia, serif;
  text-align: center;
  margin-bottom: 1rem;
}


/* ────────────────────────────────────────────────────────────────────────
   19. PAGE: about_donations
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/about_donations/
   Shared blocks are drifted duplicates; one new rule below. Its .pagetitle
   copy had a missing-semicolon bug (whole declaration dead in V1) — the
   canonical .pagetitle fixes it.
   ──────────────────────────────────────────────────────────────────────── */

/* Donation-amount circle badges ("$1000 — Support our general fund", …);
   the circle backgrounds come from inline styles in the stored HTML. */
.editable_page .circle {
  border-radius: 50%;
  margin: 10px;
  text-align: center;
  line-height: 14px;
  font-size: 13px;
  align-content: center;
  border: 5px solid #e5e5e5;
  font-weight: 800;
  width: 130px;
  height: 130px;
}


/* ────────────────────────────────────────────────────────────────────────
   20. PAGE: nah_in_the_news
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/nah_in_the_news/
   Shared blocks are drifted duplicates; new here: a Bootstrap-grid subset
   + the news-page layout. The template's h4/h6 size overrides are kept
   CONTAINED to #news-page / .side-navigation (globalizing them would
   clobber the canonical homepage h6). Its .mb-4 1.5rem !important variant
   was dropped (fights the canonical partners-block .mb-4).
   ──────────────────────────────────────────────────────────────────────── */

/* News paragraph text (block 1 of the original). */
.editable_page .pnews {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.66667;
  color: #585858;
  font-family: Georgia, serif;
}

/* ── Bootstrap-grid subset (block 4) ── */

/* Bootstrap container (block 1 also had `.container { font-family }` — that
   V1-layout variant stays dropped; Georgia is inherited from the canonical
   .editable_page container rule anyway). */
.editable_page .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.editable_page .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.editable_page .mb-3,
.editable_page .my-3 {
  margin-bottom: 1rem !important;
}

.editable_page .col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.editable_page .col,
.editable_page .col-1,
.editable_page .col-10,
.editable_page .col-11,
.editable_page .col-12,
.editable_page .col-2,
.editable_page .col-3,
.editable_page .col-4,
.editable_page .col-5,
.editable_page .col-6,
.editable_page .col-7,
.editable_page .col-8,
.editable_page .col-9,
.editable_page .col-auto,
.editable_page .col-lg,
.editable_page .col-lg-1,
.editable_page .col-lg-10,
.editable_page .col-lg-11,
.editable_page .col-lg-12,
.editable_page .col-lg-2,
.editable_page .col-lg-3,
.editable_page .col-lg-4,
.editable_page .col-lg-5,
.editable_page .col-lg-6,
.editable_page .col-lg-7,
.editable_page .col-lg-8,
.editable_page .col-lg-9,
.editable_page .col-lg-auto,
.editable_page .col-md,
.editable_page .col-md-1,
.editable_page .col-md-10,
.editable_page .col-md-11,
.editable_page .col-md-12,
.editable_page .col-md-2,
.editable_page .col-md-3,
.editable_page .col-md-4,
.editable_page .col-md-5,
.editable_page .col-md-6,
.editable_page .col-md-7,
.editable_page .col-md-8,
.editable_page .col-md-9,
.editable_page .col-md-auto,
.editable_page .col-sm,
.editable_page .col-sm-1,
.editable_page .col-sm-10,
.editable_page .col-sm-11,
.editable_page .col-sm-12,
.editable_page .col-sm-2,
.editable_page .col-sm-3,
.editable_page .col-sm-4,
.editable_page .col-sm-5,
.editable_page .col-sm-6,
.editable_page .col-sm-7,
.editable_page .col-sm-8,
.editable_page .col-sm-9,
.editable_page .col-sm-auto,
.editable_page .col-xl,
.editable_page .col-xl-1,
.editable_page .col-xl-10,
.editable_page .col-xl-11,
.editable_page .col-xl-12,
.editable_page .col-xl-2,
.editable_page .col-xl-3,
.editable_page .col-xl-4,
.editable_page .col-xl-5,
.editable_page .col-xl-6,
.editable_page .col-xl-7,
.editable_page .col-xl-8,
.editable_page .col-xl-9,
.editable_page .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.editable_page .img-fluid {
  max-width: 100%;
  height: auto;
}

/* Bootstrap img reset (bare element re-scoped; complements the canonical
   .editable_page img rules from the homepage partners block). */
.editable_page img {
  vertical-align: middle;
  border-style: none;
}

/* Content headings: Georgia bold across heading levels; h2 black.
   (Size-only h4/h6 overrides are contained below — see RE-AUTHOR NOTE.) */
.editable_page h2,
.editable_page .h2 {
  color: #000;
}

.editable_page h1,
.editable_page h2,
.editable_page h3,
.editable_page h4,
.editable_page h5,
.editable_page h6,
.editable_page .h1,
.editable_page .h2,
.editable_page .h3,
.editable_page .h4,
.editable_page .h5,
.editable_page .h6 {
  font-family: Georgia, serif;
  font-weight: 700;
}

/* RE-AUTHOR: contained to the news page's own wrappers (see header note). */
.editable_page #news-page h4,
.editable_page .side-navigation h4 {
  font-family: Georgia, serif;
  font-weight: 700;
  font-size: 10px;
}

.editable_page #news-page h6,
.editable_page .side-navigation h6 {
  font-family: Georgia, serif;
  font-weight: 700;
  font-size: 13px;
}

/* ── News page layout ── */

.editable_page #news-page .row {
  margin-bottom: 3rem !important;
}

.editable_page #news-page {
  flex: 0 0 75%;
  max-width: 75%;
  border: 0px solid green;
  padding-right: 35px;
}

.editable_page .side-navigation {
  flex: 0 0 25%;
  max-width: 30%;
  padding-left: 25px;
}

.editable_page .side-navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #D1DCE5;
}

.editable_page .side-navigation li {
  padding: 7px 0;
  border-top: 1px solid #D1DCE5;
  font-size: .85rem;
  font-family: Georgia, serif;
}

/* Bootstrap border-box reset, contained to editable content. */
.editable_page *,
.editable_page *::before,
.editable_page *::after {
  box-sizing: border-box;
}

/* Base 3-column story image width (the original declared this both inside a
   min-576px media query and unconditionally — identical values, kept once;
   the ≤600px override below restores full width on phones). */
.editable_page .col-sm-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

@media screen and (max-width: 600px) {
  .editable_page .col-sm-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    /*max-width: 100%;*/
    min-width: 100%;
  }

  .editable_page #news-page {
    flex: 0 0 100%;
    min-width: 100%;
    padding-right: 35px;
  }

  .editable_page .side-navigation {
    min-width: 100%;
  }

  .editable_page .col-sm-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .editable_page .pnews {
    font-size: 16px;
  }
}


/* ────────────────────────────────────────────────────────────────────────
   21. women_of_courage_and_conviction (fundraising_campaigns#show2)
   docs: docs/editable_page_custom_styling_v1_to_v2/newton/women_of_courage_and_conviction/
   NO <style> blocks — inline styles only (scrubber-safe). Nothing migrated
   and no DB content change needed; the canonical content styles reach it
   via the fundraising_campaigns#show2 link added with template 18.
   ──────────────────────────────────────────────────────────────────────── */