/**
 * Merrick Volunteer pages
 *
 * Volunteer landing-page tabs/cards and Contact Form 7 inquiry layouts for
 * the Volunteer and Volunteer Inquiry pages.
 */

/* --------------------------------------------------------------------------
   Landing-page accents and introduction
   -------------------------------------------------------------------------- */

.merrick-page-volunteer { --merrick-volunteer-coral: #f05142; }

.merrick-page-volunteer [class*="merrick-vol"] { border-left-color: var(--merrick-color-purple) !important; }

.merrick-page-volunteer [class*="merrick-vol"]::before, .merrick-page-volunteer [class*="merrick-vol"]::after { background-color: var(--merrick-color-purple) !important; }

.merrick-page-volunteer [class*="merrick-vol"] li::marker { color: var(--merrick-color-purple) !important; }

.merrick-page-volunteer .ui-tabs-nav a:focus, .merrick-page-volunteer .ui-tabs-nav a:hover { outline-color: var(--merrick-color-purple) !important; }

.merrick-page-volunteer [class*="merrick-vol"] a:hover { color: var(--merrick-color-purple) !important; }

/* Why Volunteer is a text-heavy soft section; keep body copy high contrast. */
.merrick-page-volunteer .tatsu-H1q2o6kvzg {
  background: var(--merrick-color-lavender) !important;
}

.merrick-page-volunteer .tatsu-H1q2o6kvzg p,
.merrick-page-volunteer .tatsu-H1q2o6kvzg li {
  color: var(--merrick-color-charcoal) !important;
}

.merrick-page-volunteer .tatsu-BJIv42kvzg .tatsu-row { align-items: center; }

.merrick-page-volunteer .tatsu-HylHRVn1Dfl img { display: block; width: 100%; height: auto; }

@media (min-width: 768px) and (max-width: 1024px) {
  .merrick-page-volunteer .tatsu-HyRhH21vGe h1 { font-size: 44px; line-height: 1.12; }
}

@media (max-width: 767px) {
  .merrick-page-volunteer #be-content .tatsu-section > .tatsu-section-pad > .tatsu-row-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    width: calc(100% - 48px);
  }

  .merrick-page-volunteer .tatsu-BJIv42kvzg .tatsu-section-pad { padding: 36px 0px 24px; }
  .merrick-page-volunteer .tatsu-BJIv42kvzg .tatsu-row { margin-left: 0px !important; margin-right: 0px !important; }
  .merrick-page-volunteer .tatsu-BJIv42kvzg .tatsu-row > .tatsu-column { padding-left: 0; padding-right: 0; width: 100% !important; }
  .merrick-page-volunteer .tatsu-BJH042Jwfe { margin-bottom: 28px; }
  .merrick-page-volunteer .tatsu-HyRhH21vGe h1 { font-size: 38px; line-height: 1.12; }
}

@media (max-width: 480px) {
  .merrick-page-volunteer .tatsu-HyRhH21vGe h1 { font-size: 34px; }
}

/* The next Volunteer event is supplied by the Events CPT. The shortcode
   returns no markup when no eligible event exists, leaving the following
   stories row in its original position. */
.merrick-page-volunteer.merrick-no-volunteer-event .tatsu-B1eVs63yvfx { display: none; }

.merrick-page-volunteer .merrick-volunteer-event-feature { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 64px; align-items: center; }

.merrick-page-volunteer .merrick-volunteer-event-feature__eyebrow { margin: 0px 0px 4px; color: var(--merrick-color-charcoal); font-size: 16px; line-height: 1.5; }

.merrick-page-volunteer .merrick-volunteer-event-feature h2 { margin: 0px 0px 4px; color: var(--merrick-volunteer-coral); font-size: 38px; line-height: 1.2; }

.merrick-page-volunteer .merrick-volunteer-event-feature__description { margin: 0px 0px 30px; color: var(--merrick-color-charcoal); font-size: 18px; line-height: 1.6; }

.merrick-page-volunteer .merrick-volunteer-event-feature__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 14px 32px; border: 2px solid var(--merrick-color-purple); border-radius: 999px; background: var(--merrick-color-purple); color: var(--merrick-color-white) !important; font-family: Montserrat, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.2; transition: background-color 0.2s, color 0.2s; }

.merrick-page-volunteer .merrick-volunteer-event-feature__button:hover, .merrick-page-volunteer .merrick-volunteer-event-feature__button:focus { background: var(--merrick-color-white); color: var(--merrick-color-purple) !important; }

.merrick-page-volunteer .merrick-volunteer-event-feature__button:focus-visible { outline: rgba(92, 75, 158, 0.3) solid 3px; outline-offset: 3px; }

.merrick-page-volunteer .merrick-volunteer-event-feature__image { min-width: 0px; aspect-ratio: 16 / 10; overflow: hidden; border: 2px solid var(--merrick-volunteer-coral); border-radius: 16px; background: rgba(92, 75, 158, 0.12); }

.merrick-page-volunteer .merrick-volunteer-event-feature__image img, .merrick-page-volunteer .merrick-volunteer-event-feature__placeholder { display: block; width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1024px) {
  .merrick-page-volunteer .merrick-volunteer-event-feature { gap: 40px; }
  .merrick-page-volunteer .merrick-volunteer-event-feature h2 { font-size: 34px; }
}

@media (max-width: 767px) {
  .merrick-page-volunteer .merrick-volunteer-event-feature { grid-template-columns: 1fr; gap: 28px; }
  .merrick-page-volunteer .merrick-volunteer-event-feature h2 { font-size: 31px; }
  .merrick-page-volunteer .merrick-volunteer-event-feature__description { font-size: 17px; }
}

.merrick-page-volunteer .tatsu-SyQW3h1DMg .tatsu-button { align-items: center; justify-content: center; min-height: 52px; font-family: Montserrat, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.2; text-align: center; transition: background-color 0.2s, border-color 0.2s, transform 0.2s; display: inline-flex !important; padding: 14px 32px !important; border: 2px solid var(--merrick-color-charcoal) !important; border-radius: 999px !important; background: var(--merrick-color-charcoal) !important; color: var(--merrick-color-white) !important; }

.merrick-page-volunteer .tatsu-SyQW3h1DMg .tatsu-button:hover, .merrick-page-volunteer .tatsu-SyQW3h1DMg .tatsu-button:focus { transform: none; background: rgb(245, 245, 244) !important; border-color: rgba(53, 53, 45, 0.95) !important; color: rgb(63, 63, 56) !important; }

.merrick-page-volunteer .tatsu-SyQW3h1DMg .tatsu-button:focus-visible { outline: rgba(92, 75, 158, 0.3) solid 3px; outline-offset: 3px; }

@media (max-width: 480px) {
  .merrick-page-volunteer .tatsu-SyQW3h1DMg .tatsu-button { min-height: 48px; max-width: 100%; padding: 13px 28px !important; }
}

/* --------------------------------------------------------------------------
   Volunteer inquiry forms
   -------------------------------------------------------------------------- */

/* Contact Form 7 markup is shared by the embedded and standalone forms. */
.merrick-page-volunteer .merrick-volunteer-form { color: var(--merrick-color-white); }

.merrick-page-volunteer .merrick-volunteer-form h3, .merrick-page-volunteer .merrick-volunteer-form label, .merrick-page-volunteer .merrick-volunteer-form legend, .merrick-page-volunteer .merrick-volunteer-form p { color: var(--merrick-color-white); }

.merrick-page-volunteer .merrick-volunteer-form h3 { margin-bottom: 8px; }

.merrick-page-volunteer .merrick-volunteer-form .merrick-form-note { margin-bottom: 24px; }

.merrick-page-volunteer .merrick-volunteer-form .merrick-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 20px; }

.merrick-page-volunteer .merrick-volunteer-form label { display: block; margin-bottom: 20px; }

.merrick-page-volunteer .merrick-volunteer-form fieldset { border: 0px; padding: 0px; margin: 0px 0px 24px; min-width: 0px; }

.merrick-page-volunteer .merrick-volunteer-form legend { font-weight: 600; margin-bottom: 10px; }

.merrick-page-volunteer .merrick-volunteer-form input[type="text"], .merrick-page-volunteer .merrick-volunteer-form input[type="email"], .merrick-page-volunteer .merrick-volunteer-form input[type="tel"], .merrick-page-volunteer .merrick-volunteer-form input[type="number"], .merrick-page-volunteer .merrick-volunteer-form input[type="date"], .merrick-page-volunteer .merrick-volunteer-form select, .merrick-page-volunteer .merrick-volunteer-form textarea { box-sizing: border-box; display: block; width: 100%; min-height: 52px; margin-top: 7px; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 8px; background: var(--merrick-color-white); color: rgb(30, 48, 80); line-height: 1.45; height: auto !important; }

.merrick-page-volunteer .merrick-volunteer-form textarea { min-height: 120px; resize: vertical; }

.merrick-page-volunteer .merrick-volunteer-form .wpcf7-list-item { display: block; margin: 7px 0px; }

.merrick-page-volunteer .merrick-volunteer-form input[type="checkbox"], .merrick-page-volunteer .merrick-volunteer-form input[type="radio"] { margin: 0px 8px 0px 0px; width: auto !important; height: auto !important; min-height: 0px !important; }

.merrick-page-volunteer .merrick-volunteer-form .merrick-group-fields { margin-top: 8px; padding: 22px; border: 1px solid rgba(255, 255, 255, 0.45); border-radius: 12px; }

.merrick-page-volunteer .merrick-volunteer-form input[type="submit"] { width: auto; min-height: 48px; padding: 12px 24px; border: 2px solid var(--merrick-color-white); border-radius: 999px; background: transparent; color: var(--merrick-color-white); font-weight: 600; height: auto !important; }

.merrick-page-volunteer .merrick-volunteer-form input[type="submit"]:hover, .merrick-page-volunteer .merrick-volunteer-form input[type="submit"]:focus { background: var(--merrick-color-white); color: rgb(87, 68, 154); }

@media (max-width: 767px) {
  .merrick-page-volunteer .merrick-volunteer-form .merrick-form-grid { grid-template-columns: 1fr; }
  .merrick-page-volunteer .merrick-volunteer-form .merrick-group-fields { padding: 18px; }
}

.merrick-page-volunteer .merrick-volunteer-form label, .merrick-page-volunteer .merrick-volunteer-form .wpcf7-list-item-label { line-height: 1.5 !important; }

/* --------------------------------------------------------------------------
   Volunteer opportunity tabs and role cards
   -------------------------------------------------------------------------- */

/* Tatsu/jQuery UI supplies the tab structure and active-state classes. */
.merrick-page-volunteer .tatsu-tabs .be-tab-header { display: flex !important; flex-wrap: nowrap; gap: 8px !important; width: 100%; overflow-x: auto; padding: 2px 0px 8px !important; margin: 0px 0px 22px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none; scrollbar-width: none; }

.merrick-page-volunteer .tatsu-tabs .be-tab-header::-webkit-scrollbar { display: none; }

.merrick-page-volunteer .tatsu-tabs .be-tab-header li { flex: 1 1 0; min-width: 172px; margin: 0px !important; border: 0px !important; background: transparent !important; }

.merrick-page-volunteer .tatsu-tabs .be-tab-header li [role="tab"] { appearance: none; display: block !important; width: 100%; padding: 11px 16px !important; text-align: center !important; border: 1px solid var(--merrick-border-purple-subtle) !important; border-radius: 999px !important; background: var(--merrick-color-lavender) !important; color: var(--merrick-color-charcoal) !important; cursor: pointer; font-family: inherit; font-size: 14px !important; font-weight: 600 !important; line-height: 1.25 !important; white-space: nowrap; transition: background-color 0.2s, border-color 0.2s, color 0.2s; }

.merrick-page-volunteer .tatsu-tabs .be-tab-header li [role="tab"]:hover { background: rgba(92, 75, 158, 0.1) !important; color: var(--merrick-color-purple) !important; }

.merrick-page-volunteer .tatsu-tabs .be-tab-header li.ui-tabs-active [role="tab"] { border-color: var(--merrick-color-purple) !important; box-shadow: rgba(92, 75, 158, 0.2) 0px 2px 7px; background: var(--merrick-color-purple) !important; color: var(--merrick-color-white) !important; }

.merrick-page-volunteer .tatsu-tabs .be-tab-header li [role="tab"]:focus-visible { outline-offset: 2px; outline: 3px solid var(--merrick-color-purple) !important; }

.merrick-page-volunteer .tatsu-tabs .be-tab-content { padding: 0px !important; border: 0px !important; background: transparent !important; }

.merrick-page-volunteer .tatsu-tabs .tatsu-tabs-inner { position: relative; }

.merrick-page-volunteer .tatsu-tabs .be-tab-content { min-height: 0; box-sizing: border-box; }

.merrick-page-volunteer .merrick-vol-tab > :is(h2, h3) { margin: 0px 0px 6px !important; font-size: 28px !important; line-height: 1.2 !important; }

.merrick-page-volunteer .merrick-vol-tab > p { max-width: 880px; margin: 0px 0px 20px !important; }

.merrick-page-volunteer .merrick-vol-role-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; align-items: start; }

.merrick-page-volunteer .merrick-vol-role { margin: 18px 0px 0px; padding: 0px; border: 1px solid rgb(217, 217, 217); border-radius: 10px; background: rgb(245, 245, 245); overflow: hidden; }

.merrick-page-volunteer .merrick-vol-role-grid .merrick-vol-role { margin-top: 0px; }

.merrick-page-volunteer .merrick-vol-role > .h4 { background: rgb(236, 236, 236); border-bottom: 1px solid rgb(217, 217, 217); margin: 0px !important; padding: 15px 16px !important; font-size: 19px !important; line-height: 1.3 !important; }

.merrick-page-volunteer .merrick-vol-role > .h5 { margin: 0px !important; padding: 13px 16px 6px !important; font-size: 14px !important; }

.merrick-page-volunteer .merrick-vol-role ul { margin: 0px 16px 12px 34px !important; padding: 0px !important; }

.merrick-page-volunteer .merrick-vol-role li { margin: 0px 0px 5px !important; }

.merrick-page-volunteer .merrick-vol-role p { border-top: 1px solid rgb(222, 222, 222); background: var(--merrick-color-white); margin: 0px !important; padding: 11px 16px !important; font-size: 14px !important; line-height: 1.5 !important; }

.merrick-page-volunteer .merrick-vol-role p strong { display: inline-block; min-width: 112px; color: var(--merrick-color-charcoal); }

@media (max-width: 767px) {
  .merrick-page-volunteer .tatsu-tabs .be-tab-header { margin-right: -16px !important; padding-right: 16px !important; }
  .merrick-page-volunteer .tatsu-tabs .be-tab-header li { flex-basis: auto; min-width: 158px; }
  .merrick-page-volunteer .merrick-vol-role-grid { grid-template-columns: 1fr; }
  .merrick-page-volunteer .merrick-vol-tab > :is(h2, h3) { font-size: 24px !important; }
  .merrick-page-volunteer .merrick-vol-role p strong { display: block; min-width: 0px; margin-bottom: 3px; }
}

.merrick-page-volunteer .tatsu-tabs .be-tab-header li { width: auto !important; float: none !important; display: block !important; }

.merrick-page-volunteer .tatsu-tabs .be-tab-header::before, .merrick-page-volunteer .tatsu-tabs .be-tab-header::after { display: none !important; content: none !important; }

.merrick-page-volunteer .merrick-vol-row { display: grid; grid-template-columns: 120px minmax(0px, 1fr); gap: 10px; margin: 0px; padding: 11px 16px; border-top: 1px solid rgb(222, 222, 222); background: var(--merrick-color-white); font-size: 14px; line-height: 1.5; }

.merrick-page-volunteer .merrick-vol-row strong { color: var(--merrick-color-charcoal); }

.merrick-page-volunteer .merrick-vol-row span { min-width: 0px; }

.merrick-page-volunteer .merrick-vol-role:not(.merrick-vol-idea) > p {
  display: grid;
  grid-template-columns: 120px minmax(0px, 1fr);
  gap: 10px;
}

.merrick-page-volunteer .merrick-vol-role:not(.merrick-vol-idea) > p > strong {
  min-width: 0px;
}

@media (max-width: 767px) {
  .merrick-page-volunteer .merrick-vol-row { grid-template-columns: 1fr; gap: 3px; }
  .merrick-page-volunteer .merrick-vol-role:not(.merrick-vol-idea) > p { grid-template-columns: 1fr; gap: 3px; }
}

.merrick-page-volunteer .merrick-vol-tab { padding-top: 4px; }

.merrick-page-volunteer .merrick-vol-tab > :is(h2, h3) { position: relative; padding-left: 16px; margin: 0px 0px 9px !important; color: var(--merrick-color-charcoal) !important; }

.merrick-page-volunteer .merrick-vol-tab > :is(h2, h3)::before { content: ""; position: absolute; left: 0px; top: 0.12em; width: 5px; height: 1em; border-radius: 4px; background: var(--merrick-color-purple); }

.merrick-page-volunteer .merrick-vol-tab > p { color: rgb(95, 95, 91); margin: 0px 0px 24px !important; line-height: 1.65 !important; }

.merrick-page-volunteer .merrick-vol-role-grid { gap: 22px; }

.merrick-page-volunteer .merrick-vol-role { height: 100%; border: 1px solid rgba(92, 75, 158, 0.24); border-radius: 12px; background: var(--merrick-color-white); box-shadow: var(--merrick-shadow-card); }

.merrick-page-volunteer .merrick-vol-role > .h4 { position: relative; background: var(--merrick-color-lavender); border-bottom: 1px solid var(--merrick-border-purple-subtle); padding: 16px 18px 16px 24px !important; color: var(--merrick-color-charcoal) !important; }

.merrick-page-volunteer .merrick-vol-role > .h4::before { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 6px; background: var(--merrick-color-purple); }

.merrick-page-volunteer .merrick-vol-role > .h5 { padding: 14px 18px 7px !important; color: var(--merrick-color-purple) !important; }

.merrick-page-volunteer .merrick-vol-role ul { margin: 0px 18px 14px 38px !important; }

.merrick-page-volunteer .merrick-vol-role li::marker { color: var(--merrick-color-purple); }

.merrick-page-volunteer .merrick-vol-role p, .merrick-page-volunteer .merrick-vol-row { padding: 12px 18px; border-color: rgb(229, 226, 238); background: var(--merrick-color-white); color: var(--merrick-color-text-muted); }

.merrick-page-volunteer .merrick-vol-role p:nth-of-type(2n), .merrick-page-volunteer .merrick-vol-row:nth-of-type(2n) { background: rgb(250, 249, 253); }

.merrick-page-volunteer .merrick-vol-row strong, .merrick-page-volunteer .merrick-vol-role p strong { color: var(--merrick-color-charcoal); }

.merrick-page-volunteer .merrick-vol-role a { color: var(--merrick-color-purple); font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: 2px; }

.merrick-page-volunteer .merrick-vol-role a:hover { color: var(--merrick-color-purple); }

/* Match the stronger Home-page animated-number treatment. */
.merrick-page-volunteer .tatsu-an,
.merrick-page-volunteer .tatsu-an-prefix,
.merrick-page-volunteer .tatsu-an-suffix { font-weight: 700 !important; }

/* Stable class is added from the existing tel link in volunteer.js. */
.merrick-page-volunteer .merrick-volunteer-call-tour {
  margin-top: 30px !important;
  padding-top: 26px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.45);
}

.merrick-page-volunteer .merrick-volunteer-call-tour .tatsu-text-inner { padding-top: 0 !important; }

.merrick-page-volunteer .merrick-volunteer-call-tour h3 { margin-bottom: 7px; }

.merrick-page-volunteer .merrick-volunteer-call-tour p { margin-bottom: 8px; }

.merrick-page-volunteer .merrick-volunteer-call-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 11px 18px;
  border: 2px solid var(--merrick-color-white);
  border-radius: 999px;
  color: var(--merrick-color-white) !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s, color .2s;
}

.merrick-page-volunteer .merrick-volunteer-call-button::before {
  content: "";
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  background-color: var(--merrick-color-white) !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.36 11.36 0 0 0 3.57.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.57 1 1 0 0 1-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.36 11.36 0 0 0 3.57.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.36 11.36 0 0 0 .57 3.57 1 1 0 0 1-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.merrick-page-volunteer .merrick-volunteer-call-button:hover::before,
.merrick-page-volunteer .merrick-volunteer-call-button:focus-visible::before { background-color: var(--merrick-color-purple) !important; }

.merrick-page-volunteer .merrick-volunteer-call-button:hover,
.merrick-page-volunteer .merrick-volunteer-call-button:focus-visible {
  background: var(--merrick-color-white);
  color: var(--merrick-color-purple) !important;
}

@media (max-width: 767px) {
  .merrick-page-volunteer .merrick-vol-role-grid { gap: 16px; }
  .merrick-page-volunteer .merrick-vol-role { border-radius: 10px; }
  .merrick-page-volunteer .merrick-vol-tab > :is(h2, h3) { padding-left: 13px; }
}

/* Featured "Share an idea" card. The currently effective design is light. */
.merrick-page-volunteer .merrick-vol-idea { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; height: auto; margin-top: 20px; color: var(--merrick-color-white); box-shadow: var(--merrick-shadow-card); border: 1px solid rgba(92, 75, 158, 0.28) !important; background: var(--merrick-color-white) !important; }

.merrick-page-volunteer .merrick-vol-idea > .h4 { padding: 16px 20px 16px 26px !important; background: var(--merrick-color-lavender) !important; color: var(--merrick-color-charcoal) !important; border-bottom: 1px solid var(--merrick-border-purple-subtle) !important; }

.merrick-page-volunteer .merrick-vol-idea > .h4::before { background: var(--merrick-color-purple) !important; }

.merrick-page-volunteer .merrick-vol-idea p, .merrick-page-volunteer .merrick-vol-idea p:nth-of-type(2n) { padding: 16px 20px 6px !important; border: 0px !important; background: var(--merrick-color-white) !important; color: var(--merrick-color-text-muted) !important; line-height: 1.65 !important; }

.merrick-page-volunteer .merrick-vol-idea p:last-child { padding-top: 8px !important; padding-bottom: 20px !important; }

.merrick-page-volunteer .merrick-vol-idea a { display: inline-block; padding: 9px 18px; border: 2px solid var(--merrick-color-purple); border-radius: 24px; background: var(--merrick-color-purple); text-decoration: none; color: var(--merrick-color-white) !important; }

.merrick-page-volunteer .merrick-vol-idea a:hover, .merrick-page-volunteer .merrick-vol-idea a:focus { background: var(--merrick-color-white); color: var(--merrick-color-purple) !important; }

.merrick-page-volunteer .merrick-vol-idea > .h4 { grid-column: 1 / -1; }

.merrick-page-volunteer .merrick-vol-idea p:first-of-type { grid-column: 1; padding: 18px 20px !important; }

.merrick-page-volunteer .merrick-vol-idea p:last-child { grid-column: 2; white-space: nowrap; padding: 18px 20px 18px 8px !important; }

@media (max-width: 767px) {
  .merrick-page-volunteer .merrick-vol-idea { grid-template-columns: 1fr; }
  .merrick-page-volunteer .merrick-vol-idea > .h4, .merrick-page-volunteer .merrick-vol-idea p:first-of-type, .merrick-page-volunteer .merrick-vol-idea p:last-child { grid-column: 1; }
  .merrick-page-volunteer .merrick-vol-idea p:first-of-type { padding: 16px 18px 8px !important; }
  .merrick-page-volunteer .merrick-vol-idea p:last-child { padding: 8px 18px 18px !important; }
}

@media (min-width: 768px) {
  .merrick-page-volunteer .merrick-vol-idea { column-gap: 20px; }
}

.merrick-page-volunteer .tatsu-SyWMPsnywfx .tatsu-section-pad { padding: 32px 0px 64px !important; }

.merrick-page-volunteer .tatsu-SJlrOohJwzg.tatsu-row-wrap { padding-left: 0px !important; padding-right: 0px !important; }

.merrick-page-volunteer .tatsu-SJlrOohJwzg.tatsu-row-wrap > .tatsu-row { box-sizing: border-box; max-width: 100%; box-shadow: rgba(53, 53, 45, 0.1) 0px 5px 18px; width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; padding: 28px 30px !important; border-radius: 12px !important; }

@media (max-width: 767px) {
  .merrick-page-volunteer .tatsu-SyWMPsnywfx .tatsu-section-pad { padding: 24px 0px 48px !important; }
  .merrick-page-volunteer .tatsu-SJlrOohJwzg.tatsu-row-wrap > .tatsu-row { padding: 24px 20px !important; }
  .merrick-page-volunteer .tatsu-S1-1AnyDMx.tatsu-button-wrap { text-align: left !important; margin-top: 8px; }
}

.merrick-page-volunteer .tatsu-By-7DunkDfx .tatsu-section-pad { padding-bottom: 28px !important; }

.merrick-page-volunteer .tatsu-SyWMPsnywfx .tatsu-section-pad { padding-top: 0px !important; }

@media (max-width: 767px) {
  .merrick-page-volunteer .tatsu-By-7DunkDfx .tatsu-section-pad { padding-bottom: 20px !important; }
}

.merrick-page-volunteer .merrick-vol-role, .merrick-page-volunteer .merrick-vol-row, .merrick-page-volunteer .tatsu-SJlrOohJwzg.tatsu-row-wrap > .tatsu-row { min-width: 0px; }

.merrick-page-volunteer .merrick-vol-row span, .merrick-page-volunteer .merrick-vol-role a, .merrick-page-volunteer .merrick-vol-role p { overflow-wrap: anywhere; }

@media (max-width: 767px) {
  .merrick-page-volunteer .tatsu-tabs .be-tab-header { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px; scroll-snap-type: none; display: grid !important; overflow: visible !important; padding: 4px !important; }
  .merrick-page-volunteer .tatsu-tabs .be-tab-header li { min-width: 0px; width: auto !important; flex: 0 0 auto !important; }
  .merrick-page-volunteer .tatsu-tabs .be-tab-header li [role="tab"] { align-items: center; justify-content: center; min-height: 48px; white-space: normal; display: flex !important; padding: 9px 8px !important; }
  .merrick-page-volunteer .merrick-vol-tab > :is(h2, h3) { font-size: 23px !important; }
  .merrick-page-volunteer .merrick-vol-role > .h4 { padding-right: 16px !important; }
  .merrick-page-volunteer .tatsu-Hk5Q8P4n1wzx .tatsu-section-pad { padding: 34px 0px !important; }
  .merrick-page-volunteer .tatsu-B1i7IvVnywzg > .tatsu-row { display: flex !important; flex-wrap: wrap; }
  .merrick-page-volunteer .tatsu-B1i7IvVnywzg > .tatsu-row > .tatsu-column { box-sizing: border-box; padding: 14px 7px; width: 50% !important; }
  .merrick-page-volunteer .tatsu-Hk5Q8P4n1wzx .tatsu-an, .merrick-page-volunteer .tatsu-Hk5Q8P4n1wzx .tatsu-an-suffix { font-size: 32px !important; }
  .merrick-page-volunteer .tatsu-Hk5Q8P4n1wzx .tatsu-an-caption { font-size: 15px !important; line-height: 1.35; }
  .merrick-page-volunteer .tatsu-SJlrOohJwzg.tatsu-row-wrap > .tatsu-row { gap: 8px 0px; }
  .merrick-page-volunteer .merrick-volunteer-form input, .merrick-page-volunteer .merrick-volunteer-form select, .merrick-page-volunteer .merrick-volunteer-form textarea { max-width: 100%; }
}

@media (max-width: 380px) {
  .merrick-page-volunteer .tatsu-tabs .be-tab-header li [role="tab"] { font-size: 12px !important; }
  .merrick-page-volunteer .tatsu-SJlrOohJwzg.tatsu-row-wrap > .tatsu-row { padding: 22px 18px !important; }
}

@media (min-width: 768px) and (max-width: 900px) {
  .merrick-page-volunteer .tatsu-ByS5nip1Dfe, .merrick-page-volunteer .tatsu-H1t9hiTyDGe { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; }
  .merrick-page-volunteer .tatsu-HJ653iakwfg { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; margin-top: 20px !important; transform: translateY(20px) !important; }
  .merrick-page-volunteer .tatsu-ByS5nip1Dfe h4, .merrick-page-volunteer .tatsu-H1t9hiTyDGe h4, .merrick-page-volunteer .tatsu-HJ653iakwfg h4 { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; }
}

@media (min-width: 901px) and (max-width: 1024px) {
  .merrick-page-volunteer .tatsu-ByS5nip1Dfe, .merrick-page-volunteer .tatsu-H1t9hiTyDGe { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; }
  .merrick-page-volunteer .tatsu-HJ653iakwfg { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; transform: translateY(20px) !important; }
  .merrick-page-volunteer .tatsu-ByS5nip1Dfe h4, .merrick-page-volunteer .tatsu-H1t9hiTyDGe h4, .merrick-page-volunteer .tatsu-HJ653iakwfg h4 { word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; }
}

/* --------------------------------------------------------------------------
   Highlight story cards
   -------------------------------------------------------------------------- */

.merrick-page-volunteer .merrick-volunteer-stories .exp-posts-loop,
.merrick-page-volunteer .merrick-volunteer-stories .exp-grid-wrap { height: auto !important; }

.merrick-page-volunteer .merrick-volunteer-stories .be-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch !important; gap: 24px; height: auto !important; }

.merrick-page-volunteer .merrick-volunteer-stories .be-grid > article { position: static !important; align-self: stretch !important; width: auto !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-post-inner { display: flex; height: 100%; flex-direction: column; overflow: hidden; border: 1px solid var(--merrick-post-card-border); border-radius: var(--merrick-post-card-radius); background: var(--merrick-color-white); }

.merrick-page-volunteer .merrick-volunteer-stories .exp-post-thumb { aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--merrick-post-card-radius) var(--merrick-post-card-radius) 0 0; background: var(--merrick-color-purple); }

.merrick-page-volunteer .merrick-volunteer-stories .be-grid-placeholder { display: none !important; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-post-thumb-inner,
.merrick-page-volunteer .merrick-volunteer-stories .exp-post-thumb img { display: block; width: 100%; height: 100%; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-post-thumb img { object-fit: cover; }

.merrick-page-volunteer .merrick-volunteer-stories .merrick-volunteer-story-placeholder img { object-fit: cover; padding: 0px; background: var(--merrick-color-purple); }

.merrick-page-volunteer .merrick-volunteer-stories .exp-posts-loop-thumb { transition: transform .3s; }

.merrick-page-volunteer .merrick-volunteer-stories article:hover .exp-posts-loop-thumb { transform: scale(1.025); }

.merrick-page-volunteer .merrick-volunteer-stories .exp-post-details { display: flex; flex: 1; flex-direction: column; padding: var(--merrick-post-card-padding) !important; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-post-details-inner,
.merrick-page-volunteer .merrick-volunteer-stories .exp-post-content { display: flex; flex: 1; flex-direction: column; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-post-title-meta { margin: 0 0 12px !important; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-post-title { margin: 0 !important; font-size: var(--merrick-post-card-title-size) !important; font-weight: 800 !important; line-height: 1.3 !important; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-post-title a { color: var(--merrick-color-charcoal) !important; text-decoration: none !important; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-post-title a:hover,
.merrick-page-volunteer .merrick-volunteer-stories .exp-post-title a:focus { color: #f05142 !important; }

.merrick-page-volunteer .merrick-volunteer-stories .merrick-volunteer-story-meta { margin: 0 0 12px !important; color: var(--merrick-color-purple); font-size: var(--merrick-post-card-meta-size); font-weight: 700; letter-spacing: .03em; line-height: 1.4; text-transform: uppercase; }

.merrick-page-volunteer .merrick-volunteer-stories .merrick-volunteer-story-excerpt { display: -webkit-box; overflow: hidden; margin: 14px 0 20px !important; color: var(--merrick-color-text-muted); font-size: var(--merrick-post-card-excerpt-size); line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-read-more { align-items: center; align-self: flex-end; gap: 5px; margin-top: auto; padding: 0 !important; color: var(--merrick-color-charcoal) !important; font-family: Montserrat, Arial, sans-serif; font-size: var(--merrick-post-card-link-size); font-weight: 700; line-height: 1.4; text-decoration: none; display: inline-flex !important; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-read-more::before { display: none !important; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-read-more::after { position: static !important; display: inline-block !important; width: auto !important; height: auto !important; inset: auto !important; background: none !important; color: currentcolor; content: '→' !important; font-family: Arial, sans-serif; font-size: 17px; line-height: 1; transition: transform .2s; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-read-more:hover,
.merrick-page-volunteer .merrick-volunteer-stories .exp-read-more:focus { color: var(--merrick-color-purple) !important; }

.merrick-page-volunteer .merrick-volunteer-stories .exp-read-more:hover::after,
.merrick-page-volunteer .merrick-volunteer-stories .exp-read-more:focus::after { transform: translateX(2px); }

@media (max-width: 1000px) {
  .merrick-page-volunteer .merrick-volunteer-stories .be-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .merrick-page-volunteer .merrick-volunteer-stories .be-grid { grid-template-columns: 1fr; }
  .merrick-page-volunteer .merrick-volunteer-stories .exp-posts-loop-thumb { transition: none; }
}

/* Keep the phone pill outline continuous over the purple form section. */
.merrick-page-volunteer #form .merrick-volunteer-call-button { border-color: var(--merrick-color-white) !important; }

/* Keep submission feedback readable against the purple form section. */
.merrick-page-volunteer #form .wpcf7-response-output {
  background: #fff;
  color: #34342f;
}