@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
@import url('/resources/Site/dudley-native-20260919.css');
body:has(.farm-native-gadget) .zonePlace:not(:has(.farm-native-gadget)){display:none!important;}
body:has(.farm-native-gadget) :is(.zonePlace,.WaPlaceHolder,.WaPlaceHolder>div,.WaLayoutContainerOnly,.WaLayoutTable,.WaLayoutTable>tbody,.WaLayoutRow,.WaLayoutItem,.WaGadgetOnly,.gadgetStyleBody,.gadgetContentEditableArea):is(:has(.farm-native-gadget),.farm-native-gadget,.farm-native-gadget *){margin:0!important;padding:0!important;border:0!important;background:transparent!important;max-width:none!important;width:100%!important;min-width:0!important;}
body:has(.farm-native-gadget) .WaLayoutSeparator{display:none!important;}
body:has(.farm-native-gadget) .WaGadgetOnly:not(.farm-native-gadget){display:none!important;}
#farm-site :is(.event-row,.notice-event,.event-card){position:relative;}
#farm-site :is(.event-row,.notice-event,.event-card) h3 a{color:inherit;text-decoration:none;}
body:not([contenteditable="true"]):not(.pageModeEdit) #farm-site :is(.event-row,.notice-event,.event-card) h3 a::after{content:"";position:absolute;inset:0;}

/* Readability fixes, applied in Wild Apricot Website > CSS, October 8, 2026.
   Existing native Content gadgets remain the source of truth. */
#farm-site.farm-native {
  --serif: Georgia, 'Times New Roman', serif;
  --sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --muted: #465344;
  font: 17px/1.65 var(--sans);
}
#farm-site.farm-native :is(h1, h2, h3) {
  font-family: var(--serif);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -.015em;
  overflow-wrap: break-word;
}
#farm-site.farm-native.living p {
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.65;
}
#farm-site.farm-native :is(.button, .text-link, .nav-links a, .filters button, .toggle button, .amounts button) {
  font-size: 15px;
  line-height: 1.45;
}
#farm-site.farm-native :is(.story small, .giving-box small, .event-facts small, .member-note, .breadcrumb, .form-note) {
  font-size: 14px !important;
  line-height: 1.6;
}
#farm-site.farm-native.living :is(.notice-event, .event-row, .site-footer) p {
  font-size: 15px;
}
#farm-site.farm-native :is(.footer-links, .row-status, .row-status strong, .visit-strip span, .visit-strip a) {
  font-size: 14px;
}
#farm-site.farm-native .footer-bottom {font-size: 12px;}
#farm-site.farm-native .eyebrow {font-size: 12px; letter-spacing: .1em;}
#farm-site.farm-native.living .role p {color: var(--muted);}
#farm-site.farm-native.living .role span {color: var(--red);}
#farm-site.farm-native.living .volunteer-section .role p {color: #fff3dd;}
#farm-site.farm-native.living .volunteer-section .role span {color: #f4dba8;}
#farm-site.farm-native input::placeholder {color: #596252; opacity: 1;}
#farm-site.farm-native :is(.story, .give, .details, .roles) > * {min-width: 0;}

/* The Friends page uses a native editor table for its two narrative columns.
   Keep its text editable and let each column use the full phone width. */
#farm-site.farm-native[data-page-key="friends"] .give:has(table) {grid-template-columns: 1fr;}
#farm-site.farm-native[data-page-key="friends"] .give:has(table) .giving-box {width: 100%; max-width: 520px;}
#farm-site.farm-native[data-page-key="friends"] table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 32px 0;
  font: 17px/1.65 var(--sans);
}
#farm-site.farm-native[data-page-key="friends"] table td {
  vertical-align: top;
  padding: 0;
  overflow-wrap: break-word;
}
#farm-site.farm-native[data-page-key="friends"] table td:first-child {padding-right: 32px;}
#farm-site.farm-native[data-page-key="friends"] table td:empty {display: none;}
#farm-site.farm-native[data-page-key="friends"] table font {
  font-family: inherit;
  font-size: inherit !important;
  line-height: inherit;
}
#farm-site.farm-native[data-page-key="friends"] table td > p {
  font-size: 24px;
  line-height: 1.35;
  color: var(--ink);
  margin: 0 0 12px;
}
#farm-site.farm-native[data-page-key="friends"] table ul {
  margin: 16px 0 28px;
  padding-left: 1.4em;
}
#farm-site.farm-native[data-page-key="friends"] table li {
  margin: 0 0 .7em;
  padding-left: .2em;
  line-height: 1.65;
}
/* Flatten extra list indentation introduced by copying into the rich editor. */
#farm-site.farm-native[data-page-key="friends"] table li[style*="list-style: none"] > ul {
  padding-left: 0;
  margin-top: 0;
}
#farm-site.farm-native[data-page-key="friends"] table td:first-child > ul > li:has(> font > strong) {
  list-style: none;
  margin: 24px 0 12px;
  padding: 0;
  font-size: 20px;
}
@media (max-width: 760px) {
  #farm-site.farm-native[data-page-key="friends"] table,
  #farm-site.farm-native[data-page-key="friends"] table > tbody,
  #farm-site.farm-native[data-page-key="friends"] table > tbody > tr,
  #farm-site.farm-native[data-page-key="friends"] table > tbody > tr > td {
    display: block;
    width: 100%;
  }
  #farm-site.farm-native[data-page-key="friends"] table > tbody > tr > td:empty {display: none;}
  #farm-site.farm-native[data-page-key="friends"] table td:first-child {padding-right: 0;}
  #farm-site.farm-native[data-page-key="friends"] table td + td:not(:empty) {
    margin-top: 32px;
    padding-top: 28px;
    border-top: 1px solid var(--line);
  }
}
@media (max-width: 650px) {
  #farm-site.farm-native.living[data-page-key] h1 {font-size: 36px !important;}
  #farm-site.farm-native.living[data-page-key] h2 {font-size: 30px !important;}
  #farm-site.farm-native.living[data-page-key] h3 {font-size: 25px !important;}
  #farm-site.farm-native .notice-event {gap: 14px;}
  #farm-site.farm-native .date-stamp {flex-shrink: 0;}
  #farm-site.farm-native .newsletter form {flex-direction: column; gap: 12px;}
  #farm-site.farm-native .newsletter :is(input, .button) {width: 100%; font-size: 16px;}
  #farm-site.farm-native .nav-row > .button {font-size: 14px; padding-inline: 12px;}
  #farm-site.farm-native .footer-links {flex-wrap: wrap;}
}