/* Volunteer: scoped to the existing editable Layout Builder page, in either language. */
.page-node-282 article.node--view-mode-full { --v-teal:#083c49; --v-muted:#edf4f0; color:#253d43; }
.page-node-282 article.node--view-mode-full .node__main-content > .blockbgcolor1 { background:#edf4f0 !important; padding:clamp(28px,5vw,72px) 0 !important; }
.page-node-282 article.node--view-mode-full .node__main-content > .bs-bg-light { background:#f4f6f5 !important; padding:clamp(32px,5vw,72px) 0; }
.page-node-282 article.node--view-mode-full .node__main-content > .bs-pt-5 { padding:clamp(40px,5vw,80px) 0 !important; }
.ht-volunteer-hero { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:center; gap:clamp(28px,4vw,64px); }
.ht-volunteer-hero h2 { color:#083c49; font-size:clamp(30px,3.2vw,48px); line-height:1.14; margin:0 0 24px; max-width:19ch; }
.ht-volunteer-hero__copy { font-size:clamp(17px,1.3vw,19px); line-height:1.6; }
.ht-volunteer-hero__copy p { max-width:48ch; }
.ht-volunteer-hero__photo img { display:block; width:100%; height:auto; border-radius:12px; }
.ht-volunteer-hero__copy .mt-5 { margin-top:28px !important; text-align:left !important; }
.page-node-282 article.node--view-mode-full a[href*="hilltopvolunteers.org"] { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; background:#0b4b5a; border:2px solid #0b4b5a; border-radius:5px; color:#fff; font-weight:700; text-decoration:none; line-height:1.4; }
.page-node-282 article.node--view-mode-full a[href*="hilltopvolunteers.org"]::after { display:none !important; }
.page-node-282 article.node--view-mode-full a[href*="hilltopvolunteers.org"]:hover { background:#06323e; border-color:#06323e; text-decoration:underline; }
.page-node-282 article.node--view-mode-full a:focus-visible, .page-node-282 article.node--view-mode-full iframe:focus-visible { outline:3px solid #0b4b5a; outline-offset:5px; }
.page-node-282 article.node--view-mode-full h2, .page-node-282 article.node--view-mode-full h3 { color:#083c49; }
.page-node-282 article.node--view-mode-full .volunteer-videos > p { max-width:68ch; margin:16px auto 32px; }
.page-node-282 article.node--view-mode-full .volunteer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.page-node-282 article.node--view-mode-full .volunteer-grid article { min-width:0; padding:24px; border-color:#dbe5e6; border-top:3px solid #9ccb52; border-radius:10px; background:#fff; box-shadow:0 6px 20px #083c4908; }
.page-node-282 article.node--view-mode-full .volunteer-grid h3 { margin:0 0 8px; font-size:24px; }
.page-node-282 article.node--view-mode-full .volunteer-grid article > p { color:#4d636a; font-size:15px; margin-bottom:20px; }
.page-node-282 article.node--view-mode-full .video-wrapper { background:#edf2f3; }
.ht-volunteer-team .row { align-items:center; row-gap:28px; }
.ht-volunteer-team .field--name-field-mt-highlight-title { color:#083c49; font-size:clamp(26px,2.5vw,36px); font-weight:700; line-height:1.2; margin-bottom:24px; }
.ht-volunteer-team .field--name-field-mt-highlight-body { line-height:1.65; max-width:65ch; }
.ht-volunteer-team img { border-radius:12px; width:100%; height:auto; }
@media(min-width:768px) { .ht-volunteer-team .mt-highlight-image-wrapper { padding-right:36px; } }
@media(max-width:767px) { .ht-volunteer-hero { grid-template-columns:minmax(0,1fr); } .ht-volunteer-hero h2 { max-width:24ch; } .page-node-282 article.node--view-mode-full .volunteer-grid { grid-template-columns:minmax(0,1fr); } .page-node-282 article.node--view-mode-full .volunteer-grid article { padding:20px; } }
@media(prefers-reduced-motion:reduce) { .page-node-282 article.node--view-mode-full *, .page-node-282 article.node--view-mode-full *::before, .page-node-282 article.node--view-mode-full *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }
/* Keep Drupal's editor controls compact and separate from visitor navigation. */
.contextual .contextual-links { min-width:190px; max-width:260px; padding:6px !important; border:1px solid #d4dfe1; border-radius:6px; background:#fff; box-shadow:0 5px 18px #083c4926; }
.contextual .contextual-links li { margin:0 !important; padding:0 !important; list-style:none !important; }
.contextual .contextual-links li a { display:flex !important; align-items:center; min-height:44px; padding:8px 12px !important; color:#123f4b !important; background:#fff; font-size:14px !important; line-height:1.3 !important; text-transform:none; white-space:normal; }
.contextual .contextual-links li a::before,.contextual .contextual-links li a::after,.contextual .contextual-links li::before { display:none !important; content:none !important; }
.contextual .contextual-links li a:hover,.contextual .contextual-links li a:focus { background:#edf4f0; text-decoration:underline; }

.page-node-282 article.node--view-mode-full .container { width:calc(100% - 48px); max-width:1360px; padding-left:0; padding-right:0; }
.page-node-282 article.node--view-mode-full h2,.page-node-282 article.node--view-mode-full h3 { color:#083c49 !important; }
.ht-volunteer-hero__photo img,.ht-volunteer-team img { border-radius:12px !important; }
@media(max-width:600px){.page-node-282 article.node--view-mode-full .container {width:calc(100% - 32px);}}

/* Prevent scrollbar-width overflow in the existing full-width Giving wrapper. */
.ht-giving .ht-giving__impact { width:100%; margin-left:0; margin-right:0; }
body.section-giving .ht-giving .ht-giving__impact { width:100% !important; margin-left:0 !important; margin-right:0 !important; }body.section-giving .ht-giving .ht-giving__impact { left:0 !important; right:auto !important; }.page-node-282 article.node--view-mode-full .volunteer-grid { display:grid; }.page-node-282 article.node--view-mode-full .video-wrapper { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:6px; }.page-node-282 article.node--view-mode-full .video-wrapper iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.ht-volunteer-video-notice { display:grid; place-items:center; aspect-ratio:16/9; padding:24px; border:1px dashed #9bb2b7; border-radius:6px; background:#edf4f0; color:#234b56; text-align:center; } .ht-volunteer-video-notice p { margin:0; }

/* Three available stories, in a compact responsive grid. */
.page-node-282 article.node--view-mode-full .volunteer-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.page-node-282 article.node--view-mode-full .volunteer-grid article {padding:22px;}
.page-node-282 article.node--view-mode-full .volunteer-grid h3 {font-size:22px;line-height:1.25;}
.page-node-282 article.node--view-mode-full .volunteer-grid .video-wrapper {aspect-ratio:16/9;}
.page-node-282 .ht-volunteer-hero .field {margin-bottom:0;}
@media(min-width:768px) and (max-width:1099px) {.page-node-282 article.node--view-mode-full .volunteer-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:767px) {.page-node-282 article.node--view-mode-full .volunteer-grid {grid-template-columns:minmax(0,1fr);}.page-node-282 article.node--view-mode-full .volunteer-grid article{padding:20px;}}