body,
.editor-styles-wrapper {
background-color: #fff;
color: #000;
}
.editor-styles-wrapper h1.wp-block-post-title {
color: black !important;
}
.wp-block-image img {
/* WP 6.3 doesn't let this work with "defined" image sizes now */
height: auto !important;
}
/* better default to use? */
.wp-block-gallery.has-nested-images figure.wp-block-image {
flex-grow: 0;
}
/* elements that are first remove the owl selector -- talk to visbility selector plugin dev */
.remove-top-margin {
margin-top: 0 !important;
}
/* TODO: parent theme default? */
.wp-element-button > * {
vertical-align: middle;
}
/* TODO: remove from parent */
header .wp-block-navigation {
order: unset;
}
.equal-height-cols>.wp-block-column {
max-width: none;
}
/* Smoother scrolling on same-page transitions */
/* prefers-reduced-motion for accessability */
@media (prefers-reduced-motion:no-preference) {
html{
scroll-behavior: smooth;
}
}
/* hover transition for all transitionable effects */
.gfield input:is(:hover, :active, :focus),
.gfield select:is(:hover, :active, :focus),
.gfield textarea:is(:hover, :active, :focus),
a,
button{
transition: var(--wp--custom--transition);
}
/* block social lacks this option */
.wp-block-social-links svg:hover {
color: var(--wp--preset--color--orange) !important;
}
div h2 a:focus,
div h2 a:hover,
div h3 a:focus,
div h3 a:hover {
color: var(--wp--preset--color--orange) !important;
}
/* customize */
h1:not([class*='wp-block']),
h2:not([class*='wp-block']),
h3:not([class*='wp-block']) {
margin-top: 0; /* WC non-block items */
}
/* parent theme override */
.wp-site-blocks .wp-block-group .wp-block-button__link:is(:hover, :active, :focus) {
background: var(--wp--preset--color--white) !important;
color: var(--wp--preset--color--green) !important;
border-color: var(--wp--preset--color--white) !important;
}
.wp-site-blocks .wp-block-group .wp-block-button__link:is(:hover, :active, :focus) img {
filter: brightness(100);
}
/* --- Gravity Forms customization --- */
:not(.popmake) .gform-body {
border: 1px solid #fff;
padding: 8px;
border-radius: 6px;
}
div#field_1_1 {
grid-column: span 7!important;
}
div#field_submit {
grid-column: span 5!important;
}
/*--- Gravity Forms customization ---*/
.gform-body input[type=submit]{
/* submit button stles */
background-color: #fff!important;
color: #000!important;
width: 100%!important;
font-size: 16px!important;
}
.gform_footer input[type=submit]:is(:hover, :active, :focus) {
/* submit button hover */
}
.gfield input, .gfield select, .gfield textarea {
background-color: transparent!important;
border: none!important;
color: #fff!important;
font-size: 16px!important;
/* gravity form field styles */
}
.gform_fields{
/* Gform field spacing */
grid-row-gap: 0px!important;
grid-column-gap: 0px;
}
/* popup forms */
.popmake .gform-footer input[type=submit]{
/* submit button stles */
background-color: var(--wp--preset--color--white)!important;
color: var(--wp--preset--color--green)!important;
width: 100%!important;
font-size: 16px!important;
}
.popmake .gfield :where(input, select, textarea) {
border: 1px solid #fff!important;
color: #fff!important;
font-size: 16px!important;
/* gravity form field styles */
}
.popmake .gform_fields{
/* Gform field spacing */
grid-row-gap: 1rem!important;
grid-column-gap: 0px;
}
.popmake .gform-footer {
margin-top: 18px;
}
.popmake .gform-body {
border: none;
padding: 0!important;
}
/* Popup */
.pum-overlay {
background-color: rgba(0,0,0,.25);
}
.pum-container {
background-color: var(--wp--preset--color--green)!important;
border-radius: 10px!important;
}
.pum-open-overlay .wp-site-blocks {
filter: blur(2px);
}
.popmake-close {
background-color: transparent!important;
box-shadow: none!important;
}
/* Gutenberg missing features */
/* classes to use (that aren't BlockStyles) */
.card-box-shadow {
box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.08);
-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.08);
}
/* mobile */
@media (max-width: 781px) {
}
/* BlockStyle Variations to use (see functions.php) */
.is-style-image-left .wp-block-columns,
.is-style-image-right .wp-block-columns{gap: 0;}
.is-style-image-left .wp-block-cover,
.is-style-image-right .wp-block-cover{
height: 100%; width: calc(50% - 1rem);
position: absolute;
top: 0;
}
.is-style-image-left .wp-block-cover{left:0}
.is-style-image-right .wp-block-cover{right: 0;}
@media (max-width: 781px) {
.is-style-image-left .wp-block-cover,
.is-style-image-right .wp-block-cover{
position: relative!important;
width: 100%!important;
}
.is-style-image-right .wp-block-columns{
flex-direction: column-reverse;
}
}
/* ------------------------------------------------ */
/* Start of decorative elements*/
.yellow-underline mark,
.butterfly s {
position: relative;
color: unset!important;
text-decoration: none;
}
.yellow-underline mark::after,
.butterfly s::after {
content: "";
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
z-index: -1;
}
.yellow-underline mark::after {
transform: translate(10px,90%);
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
/* background-size: contain; */
background-size: 100% 35%;
}
.butterfly s::after {
max-width: 60px;
aspect-ratio: 60 / 53;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
transform-origin: center bottom;
animation: flap 2s ease-in-out infinite;
}
@keyframes flap {
0%, 100% {
transform: scaleY(1) rotate(0deg) translate(1.5ch, -90%);
}
50% {
transform: scaleY(0.95) rotate(1deg) translate(1.5ch, -90%);
}
}
@media (max-width: 781px) {
.butterfly s::after {
opacity: .25;
}
}
/* Tree background */
.tree-bg {
position: relative;
}
.tree-bg::before {
content: '';
background-repeat: no-repeat;
position: absolute;
top: 50%;
left: 0;
transform: translate(40%, -90%);
width: 217px;
height: 343px;
z-index: -1;
background-image: url('/wp-content/uploads/2025/08/Tree-Clip-Art-Background.png');
transition: var(--wp--custom--transition);
}
.tree-bg:hover::before {
opacity: .15;
}
@media ( max-width: 781px) {
.tree-bg::before{
top: 0!important;
left: 50%!important;
transform: translate(-50%)!important;
opacity: 0.15;
}
}
/* End of decorative elements */
/* ------------------------------------------------ */
/* Custom Block Overrides */
/* -none- */
/* Custom Shortcodes Overrides */
@keyframes fadeInUp {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateY(0%);
opacity: 1;
}
}
.entry-content > *:not(:first-child) {
opacity: 0;
}
.entry-content > *.visible {
animation: 1.5s fadeInUp forwards;
}
/* ------------------------------------------------ */
/* List styles */
ul.wp-block-list li:not(:first-child) {
margin-top: 1ch;
}
ul.wp-block-list li {
list-style: inside;
line-height: 1;
}
ul.wp-block-list li::marker {
font-size: 12px;
}
/* Arrow lists */
ul.wp-block-list.arrow-list {
padding-left: 2.3rem;
}
ul.wp-block-list.arrow-list li {
/* margin-left: 1.4rem; */
list-style: none;
list-style-image: url('data:image/svg+xml,');/* Use translate(X, Y) to position the SVG up, down, left, and right */
}
ul.wp-block-list.arrow-list li::marker{
font-size: 18px;
line-height: 18px;
}
/* End of list styles */
/* ------------------------------------------------ */
/* Button for posts */
.view-event-button span::after {
content: url('data:image/svg+xml,');
margin-left: 1ch;
}
/* ------------------------------------------------ */
/* Footer */
.footer { position: relative;}
.footer > * {
position: relative;
z-index: 1;
}
.footer::after {
content: '';
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
transform: translate(240px, 0);
background-repeat: no-repeat;
background-size: cover;
background-image: url('data:image/svg+xml,');
}
.white-underline::after{
content: '';
display: block;
margin-top: 1rem;
width: 43px; height: 4px;
background-color: #fff;
}
/* End of footer */
/* ------------------------------------------------ */
/* Home page items */
.transpose-up {
/* display: none; */
position: relative;
transform: translateY(-2rem);
}
.do-section-card circle {
fill: transparent;
transition: var(--wp--custom--transition);
}
.do-section-card:is(:hover, :active, :focus) circle{
fill: #f1d6a3;
}
/* end of home page items */
/* ------------------------------------------------ */
/* Event card items */
/* Training */
.category-training .has-border-color{
border-color: #2d7089!important;
}
.category-training .event-date {
background: linear-gradient(125deg,rgba(28, 70, 85, 1) 0%, rgba(45, 112, 137, 1) 100%)!important
}
.category-training :where(.wp-block-button__link, h2, .location p) {
color:#2d7089!important;
}
.category-training path {
fill: #2d7089!important;
}
/* Volunteer */
.category-volunteer .has-border-color{
border-color: #f6c844!important;
}
.category-volunteer .event-date {
background: linear-gradient(125deg,rgba(195, 158, 53, 1) 0%, rgba(246, 200, 68, 1) 100%)!important
}
.category-volunteer :where(.wp-block-button__link, h2, .location p) {
color:#f6c844!important;
}
.category-volunteer path {
fill: #f6c844!important;
}