/* =========================================================
   FONT + COLOR SETTINGS
========================================================= */
@font-face {font-family:'Raleway';src:url('assets/fonts/Raleway/Raleway-VariableFont_wght.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face {font-family:'Raleway';src:url('assets/fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf') format('truetype');font-style:italic;font-weight:100 900;font-display:swap}

:root {
--skin-green:#81b63a;
--skin-green-dark:#6d9d2d;
--skin-purple:#454273;
--skin-purple-dark:#343258;
--skin-red:#cc0033;
--skin-text:#4c4c47;
--skin-heading:#3c4143;
--skin-link:#285caa;
--skin-link-hover:#173b76;
--skin-light:#f4f4f4;
--skin-border:#dddddd;
--skin-white:#ffffff;
--skin-shadow:0 8px 24px rgba(0,0,0,.10);
--skin-radius:3px;
--skin-font:'Raleway',Arial,Helvetica,sans-serif;
}


/* =========================================================
   BASE / RESET
========================================================= */
*, *:before, *:after {box-sizing:border-box}
html {font-size:14px;font-weight:400;scroll-behavior:smooth}
body {margin:0;background:#FFFFFF;color:var(--skin-text);font-family:var(--skin-font);font-size:15px;font-weight:400;line-height:1.48}
p {margin:0 0 16px}
ul, ol {margin-top:0;margin-bottom:16px}
li {line-height:1.45}
.mainwrapper a {color:var(--skin-link)}
.mainwrapper a:hover, .mainwrapper a:focus {color:var(--skin-link-hover)}
.mainwrapper img {max-width:100%;height:auto}
.SiteWrap, .mainwrapper {min-height:100%}
.mainwrapper table {max-width:100%}
.mainwrapper td, .mainwrapper th {vertical-align:top}

@media only screen and (max-width:767px) {
body {font-size:14px;line-height:1.48}
}


/* =========================================================
   TYPOGRAPHY
========================================================= */
h1, h2, h3, h4, h5, h6, .moduletitle {font-family:var(--skin-font) !important;line-height:1.18}
h1, .moduletitle {margin:0 0 15px;color:var(--skin-heading);font-size:34px;font-weight:500}
h2 {margin:0 0 13px;color:var(--skin-heading);font-size:27px;font-weight:500}
h3 {margin:0 0 11px;color:var(--skin-purple);font-size:22px;font-weight:650}
h4 {margin:0 0 10px;color:var(--skin-purple);font-size:19px;font-weight:700}
h5 {margin:0 0 9px;color:var(--skin-purple);font-size:16px;font-weight:700}
h6 {margin:0 0 8px;color:var(--skin-heading);font-size:13px;font-weight:600}
.right-pane .moduletitle {font-size:21px}
blockquote {margin:28px 0;padding:0 0 0 20px;border-left:4px solid var(--skin-green);color:#737373;font-size:20px;font-style:italic;line-height:1.4}

@media only screen and (max-width:767px) {
h1, .moduletitle {font-size:29px}
h2 {font-size:24px}
h3 {font-size:20px}
h4 {font-size:18px}
}


/* =========================================================
   CMS CONTENT / PAGE LAYOUT
========================================================= */
.skin-container {width:100%;max-width:1080px;margin:0 auto;padding-left:20px;padding-right:20px}
.contentareawrap {min-height:620px;background-color:#FFFFFF;background-image:url('art/background.png');background-repeat:no-repeat;background-position:center -213px;background-size:2000px auto}
.skin-top-pane-wrap {padding-top:28px}
.top-pane .panelwrapper {width:100%;margin:0;padding:0}
.skin-content-section {padding:18px 0 92px}
.skin-top-pane-wrap + .skin-content-section {padding-top:18px}
#start-content {margin-top:0}
.HideDesktop {display:none}
.noSelect {-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.noSelect:focus {outline:none !important}
.WideRight .contentareawrap .col-md-8 {width:60%;max-width:60%;flex:0 0 60%}
.WideRight .contentareawrap .col-md-4 {width:40%;max-width:40%;flex:0 0 40%}
.HalfRight .contentareawrap .col-md-8 {width:50%;max-width:50%;flex:0 0 50%}
.HalfRight .contentareawrap .col-md-4 {width:50%;max-width:50%;flex:0 0 50%}

/* Keep older content-class hooks useful after the skin swap. */
.ContentWrapper {display:block;width:100%;margin:0}
.GalleryFullWidth {width:100%;max-width:100%;margin-bottom:35px}
.MainSectionHeader {width:100%}
.ServicesPhotos {max-width:390px;margin-bottom:15px}
.Callout1 {margin-bottom:25px;padding:18px 18px 4px;background:#f5f5f5;border-left:4px solid var(--skin-green)}
.Callout1 h1, .Callout1 .moduletitle {font-size:25px}
.sslwarning {display:none}
.DonateNowForm {margin-top:-20px}
.TopLogos1 {max-width:100%}
.MobileHide768 {display:block}

/* Right-column modules retain the light-box feel from the original site. */
.right-pane .panelwrapper {margin-bottom:20px;padding:16px;background:rgba(244,244,244,.94);border:1px solid rgba(0,0,0,.035)}
.right-pane .panelwrapper img {height:auto}

/* Small cleanup for common old embedded forms. */
.mainwrapper input[type='text'], .mainwrapper input[type='email'], .mainwrapper input[type='tel'], .mainwrapper input[type='password'], .mainwrapper select, .mainwrapper textarea {max-width:100%;padding:8px 9px;border:1px solid #cfcfcf;border-radius:2px;background:#FFFFFF;color:#333;font-family:var(--skin-font)}
.mainwrapper input[type='submit'], .mainwrapper input[type='button'], .mainwrapper button:not(.skin-nav-toggle) {border-radius:2px}

@media only screen and (max-width:991px) {
.WideRight .contentareawrap .col-md-8, .WideRight .contentareawrap .col-md-4, .HalfRight .contentareawrap .col-md-8, .HalfRight .contentareawrap .col-md-4 {width:100%;max-width:100%;flex:0 0 100%}
.HideDesktop {display:block !important}
.MobileHide {display:none !important}
.right-pane {margin-top:28px}
}

@media only screen and (max-width:900px) {
.contentareawrap {background-image:url('art/background-mobile.png');background-position:center -233px;background-size:2000px auto}
.skin-top-pane-wrap {padding-top:20px}
.skin-content-section {padding-bottom:70px}
}

@media only screen and (max-width:620px) {
.skin-container {padding-left:18px;padding-right:18px}
.skin-content-section {padding-top:12px;padding-bottom:54px}
.ServicesPhotos {max-width:100%}
}


/* =========================================================
   STATIC LEFT NAV
========================================================= */
.LeftNav ul {margin-left:0;padding-left:0;list-style:none}
.LeftNav ul li {list-style:none}
.LeftNav ul li::before {content:none}
.LeftNav ul a {display:block;margin-bottom:7px;padding:10px 12px;background:#efefef;color:var(--skin-heading);font-weight:650;text-decoration:none}
.LeftNav ul a:hover, .LeftNav ul a:focus {background:var(--skin-purple);color:#FFFFFF}

@media only screen and (max-width:767px) {
.LeftNav {display:none}
}


/* =========================================================
   DESKTOP STICKY HEADER
========================================================= */
.skin-header-shell {position:sticky;top:0;z-index:1000;background:#FFFFFF;box-shadow:0 3px 10px rgba(0,0,0,.09)}
.skin-site-header {position:relative;background:var(--skin-green)}
.skin-header__inner {min-height:142px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.skin-brand {display:flex;align-items:center;flex:0 1 auto;text-decoration:none !important}
.skin-brand img {display:block;width:100%;height:auto}
.skin-header-address {flex:0 0 auto;color:#FFFFFF;font-size:14px;font-weight:600;line-height:1.5;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.14)}
.skin-nav-toggle {display:none;width:46px;height:42px;flex:0 0 46px;margin:0 0 0 auto;padding:8px 9px !important;border:1px solid rgba(255,255,255,.72);border-radius:3px;background:rgba(255,255,255,.10);color:#FFFFFF;cursor:pointer}
.skin-nav-toggle:hover, .skin-nav-toggle:focus {border-color:#FFFFFF;background:rgba(255,255,255,.18);outline:none}
.skin-nav-toggle:focus-visible {outline:2px solid #FFFFFF;outline-offset:3px}
.skin-nav-toggle__icon {width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}
.skin-nav-toggle__icon > span {display:block;width:100%;height:3px;flex:0 0 3px;border-radius:2px;background:currentColor;transform-origin:center;transition:transform .2s ease,opacity .15s ease}
.skin-nav-toggle.is-open .skin-nav-toggle__icon {justify-content:center}
.skin-nav-toggle.is-open .skin-nav-toggle__icon > span:nth-child(1) {transform:translateY(3px) rotate(45deg)}
.skin-nav-toggle.is-open .skin-nav-toggle__icon > span:nth-child(2) {opacity:0}
.skin-nav-toggle.is-open .skin-nav-toggle__icon > span:nth-child(3) {transform:translateY(-3px) rotate(-45deg)}


/* =========================================================
   NAVIGATION
========================================================= */
.skin-nav-band {position:relative;background:var(--skin-purple)}
.skin-nav-band__inner {display:flex;align-items:stretch;justify-content:center;min-height:46px}
.skin-nav {display:flex;align-items:stretch;width:100%}
.skin-nav__generated {width:100%}
.skin-nav__list {display:flex;align-items:stretch;justify-content:center;width:100%;margin:0;padding:0;list-style:none}
.skin-nav__item, .skin-nav__item--parent {position:relative;margin:0;padding:0;list-style:none}
.mainwrapper .skin-nav__link {display:flex;align-items:center;height:100%;min-height:46px;padding:0 20px;color:#FFFFFF;font-size:13px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
.mainwrapper .skin-nav__item:hover > .skin-nav__link, .mainwrapper .skin-nav__item:focus-within > .skin-nav__link, .mainwrapper .skin-nav__item.active > .skin-nav__link, .mainwrapper .skin-nav__item--parent:hover > .skin-nav__link, .mainwrapper .skin-nav__item--parent:focus-within > .skin-nav__link {background:rgba(255,255,255,.12);color:#FFFFFF}
.mainwrapper .skin-nav__item.active > .skin-nav__link {box-shadow:inset 0 -3px 0 var(--skin-red)}
.skin-nav__item--parent > .skin-nav__link {padding-right:34px}
.skin-nav__item--parent > .skin-nav__link:after {content:"";position:absolute;right:18px;top:50%;width:6px;height:6px;border-right:2px solid rgba(255,255,255,.82);border-bottom:2px solid rgba(255,255,255,.82);transform:translateY(-70%) rotate(45deg)}
.skin-nav__submenu {display:none;position:absolute;left:0;top:100%;z-index:110;min-width:220px;margin:0;padding:4px 0;background:var(--skin-purple-dark);border-top:3px solid var(--skin-red);box-shadow:var(--skin-shadow);list-style:none}
.skin-nav__submenu .skin-nav__item {width:100%}
.mainwrapper .skin-nav__submenu .skin-nav__link {min-height:0;padding:12px 16px;color:#FFFFFF;font-size:13px;font-weight:600;line-height:1.25;white-space:normal}
.mainwrapper .skin-nav__submenu .skin-nav__link:hover, .mainwrapper .skin-nav__submenu .skin-nav__link:focus, .mainwrapper .skin-nav__submenu .active > .skin-nav__link {background:rgba(255,255,255,.10);color:#FFFFFF}
.skin-nav__item:hover > .skin-nav__submenu, .skin-nav__item:focus-within > .skin-nav__submenu, .skin-nav__item--parent:hover > .skin-nav__submenu, .skin-nav__item--parent:focus-within > .skin-nav__submenu {display:block}
.skin-nav__submenu .skin-nav__submenu {left:100%;top:-3px}

@media only screen and (max-width:1080px) and (min-width:901px) {
.skin-header__inner {gap:20px}
.skin-brand img {max-width:545px}
.skin-header-address {font-size:13px}
.mainwrapper .skin-nav__link {padding-left:14px;padding-right:14px;font-size:12px}
.skin-nav__item--parent > .skin-nav__link {padding-right:29px}
.skin-nav__item--parent > .skin-nav__link:after {right:14px}
}


/* =========================================================
   MOBILE HEADER / NAV
   Matches the clean template behavior: header scrolls normally.
========================================================= */
@media only screen and (max-width:900px) {
.skin-header-shell {position:relative;top:auto;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.skin-header__inner {min-height:104px;gap:16px}
.skin-brand {max-width:calc(100% - 64px)}
.skin-brand img {width:100%;max-width:455px}
.skin-header-address {display:none}
.skin-nav-toggle {display:block}
.skin-nav-band__inner {display:block;min-height:0;padding-left:0;padding-right:0}
.skin-nav {display:none;width:100%;padding:5px 18px 12px;background:var(--skin-purple)}
.skin-nav.is-open {display:block}
.skin-nav__generated {width:100%}
.skin-nav__list {display:block;width:100%}
.skin-nav__item, .skin-nav__item--parent {display:block;width:100%}
.mainwrapper .skin-nav__link {display:block;min-height:0;padding:13px 7px;border-bottom:1px solid rgba(255,255,255,.18);font-size:14px;white-space:normal}
.mainwrapper .skin-nav__item:hover > .skin-nav__link, .mainwrapper .skin-nav__item:focus-within > .skin-nav__link, .mainwrapper .skin-nav__item.active > .skin-nav__link, .mainwrapper .skin-nav__item--parent:hover > .skin-nav__link, .mainwrapper .skin-nav__item--parent:focus-within > .skin-nav__link {background:transparent;color:#FFFFFF;box-shadow:none}
.mainwrapper .skin-nav__item.active > .skin-nav__link {padding-left:13px;background:rgba(255,255,255,.11);border-left:3px solid var(--skin-red)}
.skin-nav__item--parent > .skin-nav__link {padding-right:28px}
.skin-nav__item--parent > .skin-nav__link:after {right:8px}
.skin-nav__submenu {display:block;position:static;min-width:0;margin:0;padding:4px 0 6px 14px;background:transparent;border-top:0;box-shadow:none}
.skin-nav__submenu .skin-nav__submenu {margin-left:10px}
.mainwrapper .skin-nav__submenu .skin-nav__link {padding:9px 8px 9px 13px;border-bottom:0;border-left:2px solid rgba(255,255,255,.35);color:#FFFFFF;font-size:13px}
}

@media only screen and (max-width:520px) {
.skin-header__inner {min-height:92px;padding-left:14px;padding-right:14px}
.skin-brand {max-width:calc(100% - 60px)}
.skin-brand img {max-width:390px}
.skin-nav-toggle {width:44px;height:40px;flex-basis:44px}
}


/* =========================================================
   FOOTER
========================================================= */
.skin-site-footer {position:relative;margin-top:0;background:var(--skin-green);color:#FFFFFF}
.skin-footer-accent {height:7px;background:var(--skin-red)}
.skin-footer-callouts {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:18px;padding-top:0;transform:translateY(-52px);margin-bottom:-42px}
.mainwrapper .skin-footer-callout {display:block;text-decoration:none !important;transition:transform .18s ease,filter .18s ease}
.mainwrapper .skin-footer-callout:hover, .mainwrapper .skin-footer-callout:focus {transform:translateY(-3px);filter:brightness(1.025)}
.skin-footer-callout img {display:block;width:100%;max-width:455px;margin:0 auto}
.skin-footer__inner {min-height:72px;display:flex;align-items:center;justify-content:center;padding-top:14px;padding-bottom:18px;text-align:center}
.skin-footer__copy {display:block;margin:0;color:#FFFFFF;font-size:11px;font-weight:500;line-height:1.55}
.mainwrapper .skin-footer__copy a {color:#FFFFFF;text-decoration:none}
.mainwrapper .skin-footer__copy a:hover, .mainwrapper .skin-footer__copy a:focus {color:#FFFFFF;text-decoration:underline}

@media only screen and (max-width:767px) {
.skin-site-footer {margin-top:26px}
.skin-footer-callouts {grid-template-columns:1fr;gap:8px;transform:none;margin-bottom:0;padding-top:22px}
.skin-footer-callout img {max-width:455px}
.skin-footer__inner {min-height:74px;padding-top:14px;padding-bottom:18px}
.skin-footer__copy {font-size:10px}
}


/* =========================================================
   BREADCRUMBS / SMALL CMS DETAILS
========================================================= */
.breadcrumb {margin:0 0 18px;padding:0;background:transparent;font-size:12px}
.breadcrumb > li + li:before {content:"/";padding:0 7px;color:#aaa}
.breadcrumb a {text-decoration:none}


/* =========================================================
   PRINT
========================================================= */
@media print {
.skin-header-shell, .skin-site-footer {position:static;box-shadow:none}
.skin-nav-band, .skin-footer-callouts {display:none !important}
.contentareawrap {background:none}
}