.charitable-campaign-wrap .charitable-campaign-hero {
position: relative;
width: 100%;
min-height: 420px;
margin: 0;
display: block;
}
.charitable-campaign-wrap .charitable-campaign-hero__banner {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
z-index: 1;
}
.charitable-campaign-wrap .charitable-campaign-hero__overlay {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
gap: 32px;
padding: 32px;
min-height: 420px;
align-items: end;
}
.charitable-campaign-wrap .charitable-campaign-hero__identity {
display: flex;
align-items: flex-end;
gap: 20px;
min-width: 0;
align-self: end;
}
.charitable-campaign-wrap .charitable-campaign-hero__avatar {
width: clamp(105px, 12vw, 157px);
height: clamp(105px, 12vw, 157px);
flex-shrink: 0;
background: #fff;
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 4px;
overflow: hidden;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
.charitable-campaign-wrap .charitable-campaign-hero__avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.charitable-campaign-wrap .charitable-campaign-hero__title {
color: #fff;
font-size: clamp(28px, 3.6vw, 44px);
font-weight: 700;
margin: 0 0 16px 0;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
flex: 1 1 auto;
line-height: 1.15;
}
.charitable-campaign-wrap .charitable-campaign-hero__widget-shell {
background: #fff;
border: 1px solid rgba(255, 255, 255, 0.7);
border-radius: 0;
overflow: hidden;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
position: relative;
align-self: end;
}
.charitable-campaign-wrap .charitable-campaign-hero__raised {
background: var(--charitable-hero-accent, #1d3a8a);
color: #fff;
padding: 10px 16px;
}
.charitable-campaign-wrap .charitable-campaign-hero__raised-text {
font-size: 13px;
font-weight: 600;
margin-bottom: 6px;
}
.charitable-campaign-wrap .charitable-campaign-hero__progress {
background: rgba(255, 255, 255, 0.25);
height: 4px;
border-radius: 2px;
overflow: hidden;
}
.charitable-campaign-wrap .charitable-campaign-hero__progress span {
display: block;
height: 100%;
background: #fff;
}
.charitable-campaign-wrap .charitable-campaign-hero__widget {
padding: 14px 16px 16px;
}
.charitable-campaign-wrap .charitable-campaign-hero__widget .charitable-mini-widget {
max-width: none;
width: 100%;
} .charitable-campaign-wrap .charitable-campaign-hero__widget .charitable-mini-widget__cta {
background-color: var(--charitable-hero-button, var(--charitable-hero-accent, #1d3a8a));
} @media ( max-width: 800px ) {
.charitable-campaign-wrap .charitable-campaign-hero__overlay {
grid-template-columns: 1fr;
padding: 24px 16px;
min-height: 320px;
gap: 16px;
}
.charitable-campaign-wrap .charitable-campaign-hero {
min-height: auto;
}
}
:root {
--charitable_campaign_theme_primary: #F9F6EE;
--charitable_campaign_theme_secondary: #24231E;
--charitable_campaign_theme_tertiary: #61AA4F;
--charitable_campaign_theme_button: #61AA4F;
} .charitable-campaign-wrap.template-environmental .charitable-campaign-row {
color: #76838B;
}  .charitable-campaign-wrap.template-environmental .charitable-campaign-column:nth-child(even) {
padding: 20px 25px 0 25px;
background-color: #F9F6EE;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-column:nth-child(odd) {
padding-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
background-color: transparent;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-column:first-of-type {
padding: 15px !important;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-column:nth-child(odd) .charitable-campaign-field.charitable-campaign-field-photo {
margin-top: 0;
margin-bottom: 0;
} .charitable-campaign-wrap.template-environmental .charitable-campaign-row h1,
.charitable-campaign-wrap.template-environmental .charitable-campaign-row h2,
.charitable-campaign-wrap.template-environmental .charitable-campaign-row h3,
.charitable-campaign-wrap.template-environmental .charitable-campaign-row h4,
.charitable-campaign-wrap.template-environmental .charitable-campaign-row h5,
.charitable-campaign-wrap.template-environmental .charitable-campaign-row h6 {
color: #24231E}
.charitable-campaign-wrap.template-environmental h5.charitable-campaign-field-headline {
color: #24231E !important;
font-weight: 500;
text-transform: uppercase;
font-size: 21px;
line-height: 23px;
} .charitable-campaign-wrap.template-environmental  .charitable-campaign-field-text .charitable-campaign-builder-placeholder-preview-text {
padding: 0;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-row .charitable-campaign-field-text h5 {
color: #61AA4F;
} .charitable-campaign-wrap.template-environmental .charitable-campaign-field_campaign-title h1 {
margin: 5px 0 5px 0;
color: #24231E !important;
font-size: 68px !important;
line-height: 72px !important;
font-weight: 500 !important;
} .charitable-campaign-wrap.template-environmental  .charitable-campaign-field-campaign-description .charitable-campaign-builder-placeholder-preview-text {
padding: 0;
color: #D8DAD7;
}
.charitable-campaign-wrap.template-environmental  .charitable-campaign-field-campaign-description .charitable-campaign-builder-placeholder-preview-text,
.charitable-campaign-wrap.template-environmental  .charitable-campaign-field-campaign-description .charitable-campaign-builder-placeholder-preview-text p {
font-size: 24px !important;
line-height: 38px !important;
font-weight: 300 !important;
}
.charitable-campaign-wrap.template-environmental  .charitable-campaign-field-campaign-description h5.charitable-field-template-headline {
font-size: 36px;
line-height: 42px;
color: #24231E !important;
font-weight: 700;
} .charitable-campaign-wrap.template-environmental .charitable-campaign-field-campaign-summary {
padding-left: 0;
padding-right: 0;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-field-campaign-summary div {
color: #92918E;
font-weight: 400;
font-size: 14px;
line-height: 16px;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-field-campaign-summary div.campaign-summary-item span {
color: #24231E;
font-weight: 600;
font-size: 32px;
line-height: 38px;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-field-campaign-summary .campaign-summary-item {
border: 0;
margin-top: 5px;
margin-bottom: 5px;
text-align: left;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-field-campaign-summary .campaign-summary-item.campaign_hide_percent_raised {
width: 34%;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-field-campaign-summary .campaign-summary-item.campaign_hide_amount_donated {
width: 43%;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-field-campaign-summary .campaign-summary-item.campaign_hide_number_of_donors {
width: 23%;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-field-campaign-summary .campaign-summary-item.campaign_hide_time_remaining {
width: 100%;
} .charitable-campaign-wrap.template-environmental .charitable-campaign-field-donate-button button.button,
.charitable-campaign-wrap.template-environmental .charitable-campaign-field-donate-button a.donate-button {
background-color: #61AA4F !important;
border-color: #61AA4F !important;
text-transform: uppercase;
border-radius: 10px;
margin-top: 0;
margin-bottom: 0;
width: 100%;
font-weight: 400;
min-height: 50px;
height: 50px;
font-size: 16px;
line-height: 16px;
border-radius: 0;
color: #FFFFFF;
display: flex; align-items: center; justify-content: center; text-align: center !important;
text-decoration: none !important;
transition: filter 0.3s; } .charitable-campaign-wrap.template-environmental .charitable-tab-wrap {
font-size: 14px;
line-height: 24px;
}
.charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article {
color: #76838B;
margin-top: 20px;
} .charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav {
border: 1px solid transparent;
background-color: transparent;
width: auto;
margin-left: 0;
margin-right: 0;
}
.charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav li {
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
background-color: transparent;
margin: 0 10px 0 0;
}
.charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav li a {
color: black;
display: block;
text-transform: none;
}
.charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav li.active {
background-color: #F9F6EE;
color: white;
text-decoration: none;
}
.charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav li:hover {
background-color: #F9F6EE;
color: white;
text-decoration: none;
filter: brightness(90%);
}
.charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav li.active a,
.charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav li:hover a {
color: black;
} .charitable-campaign-wrap.template-environmental .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-boxed li {
background-color: transparent;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-boxed li a {
color: #61AA4F;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-boxed li:hover {
background-color: #F9F6EE;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-boxed li:hover a {
color: black;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-boxed li.active {
background-color: #F9F6EE;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-boxed li.active a {
color: black;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-rounded li {
background-color: transparent;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-rounded li a {
color: #61AA4F;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-rounded li:hover {
background-color: #61AA4F;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-rounded li:hover a {
color: white;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-rounded li.active {
background-color: #61AA4F;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-container .section[data-section-type="tabs"] article nav.charitable-tab-style-rounded li.active a {
color: white;
} .charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav.tab-size-small li {
}
.charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav.tab-size-small li a {
font-weight: 500;
font-size: inherit;
line-height: inherit;
}
.charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav.tab-size-medium li {
}
.charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav.tab-size-medium li a {
font-weight: 500;
font-size: inherit;
line-height: inherit;
}
.charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav.tab-size-large li {
}
.charitable-campaign-wrap.template-environmental .section[data-section-type="tabs"] article nav.tab-size-large li a {
font-weight: 500;
font-size: inherit;
line-height: inherit;
}
.charitable-campaign-wrap.template-environmental  article nav.tab-size-small li {
font-size:10px;
padding:0
}
.charitable-campaign-wrap.template-environmental  article nav.tab-size-small li a {
font-size:16px;
padding:18px
}
.charitable-campaign-wrap.template-environmental  article nav.tab-size-medium li {
font-size:14px;
padding:0
}
.charitable-campaign-wrap.template-environmental  article nav.tab-size-medium li a {
font-size:21px;
padding:23px
}
.charitable-campaign-wrap.template-environmental  article nav.tab-size-large li {
font-size:21px;
padding:0
}
.charitable-campaign-wrap.template-environmental  article nav.tab-size-large li a {
font-size:30px;
padding:32px
} .charitable-campaign-wrap.template-environmental .charitable-campaign-field.charitable-campaign-field-social-links .charitable-placeholder {
padding: 0;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-field.charitable-campaign-field-social-links .charitable-field-template-social-linking,
.charitable-campaign-wrap.template-environmental .charitable-campaign-field.charitable-campaign-field-social-sharing .charitable-field-template-social-sharing {
display: flex;
}
.charitable-campaign-wrap.template-environmental {
container-type: inline-size;
container-name: campaign-environmental-area;
}
@container campaign-environmental-area (max-width: 700px) {
.charitable-campaign-wrap.template-environmental  .charitable-campaign-container {
display: flex;
flex-direction: column;
word-break: break-word;
}
.charitable-campaign-wrap.template-environmental  .charitable-campaign-container .charitable-campaign-row {
display: table;
}
.charitable-campaign-wrap.template-environmental .charitable-campaign-column:first-of-type {
padding: 0 !important;
max-width: 100%;
}
.charitable-campaign-wrap.template-environmental  .charitable-campaign-container .charitable-tabs {
margin-top: 0px;
}
}
@container campaign-environmental-area (max-width: 400px) {
.charitable-campaign-wrap.template-environmental .charitable-campaign-field.charitable-campaign-field-social-sharing .charitable-field-row {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
}
@container campaign-environmental-area (min-width: 940px) {
.charitable-campaign-wrap .charitable-campaign-column,
.charitable-campaign-wrap .charitable-campaign-column:nth-child(even),
.charitable-campaign-wrap .charitable-campaign-column:nth-child(odd) {
flex: 0 0 100% !important;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
}
.charitable-preview.charitable-builder-template-environmental {