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--beige) !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);
}
/* --- Custom List icons --- */
.wp-block-list li{
margin-left: 2rem;
margin-bottom: 1rem;
list-style-image: url('data:image/svg+xml,')!important;/* Use translate(X, Y) to position the SVG up, down, left, and right */
}
.wp-block-list li::marker{
font-size: 1.5em;
line-height: 0.1em;
}
.wp-site-blocks strong {
font-weight: 700;
}
/*--- Gravity Forms customization ---*/
.gform_footer input[type=submit]{
/* submit button stles */
background-color: var(--wp--preset--color--green)!important;
font-weight: 700!important;
font-size: var(--wp--preset--font-size--large)!important;
padding: 9px 23px!important;
border-radius: 10px!important;
}
.gform_footer input[type=submit]:is(:hover, :active, :focus) {
/* submit button hover */
background-color: var(--wp--preset--color--white)!important;
color: var(--wp--preset--color--green)!important;
}
@media (max-width: 781px) {
.gform_footer input[type=submit]{
width: 100%!important;
box-sizing: border-box;
}
}
.gfield input, .gfield select, .gfield textarea {
/* gravity form field styles */
background-color: transparent!important;
color: #ffffff88!important;
font-size: var(--wp--preset--font-size--small)!important;
border: 1px solid #3D3D3D!important;
border-radius: 10px!important;
padding: 20px calc(2rem + 17px)!important;
}
.gfield :where(input, select, textarea):not(:placeholder-shown) {
color: var(--wp--preset--color--white)!important;
}
.gfield input:is(:hover, :active, :focus),
.gfield select:is(:hover, :active, :focus),
.gfield textarea:is(:hover, :active, :focus) {
/* gfom field style hover/focus */
border-color: var(--wp--preset--color--white)!important;
}
.gform_fields{
/* Gform field spacing */
grid-row-gap: 15px!important;
}
.gfield_required{
/* required label */
}
/* Form icons */
.gfield .ginput_container{position: relative;}
.gfield .ginput_container::before {
content: '';
display: block;
top: 0; left: 1rem;
position: absolute;
height: 100%;
background-repeat: no-repeat;
background-position: center;
}
#field_1_1 .ginput_container::before {
width: 19px;
background-image: url('data:image/svg+xml,');
}
#field_1_4 .ginput_container::before{
width: 20px;
background-image: url('data:image/svg+xml,');
}
#field_1_5 .ginput_container::before {
width: 25px;
background-image: url('data:image/svg+xml,');
transform: translateX(-3px);
}
/* end of form icons */
@media (min-width: 781px) {
.hero-form {
max-width: 400px;
position: relative;
}
.hero-form::before {
content: '';
position: absolute;
width: 1px;
height: 95%;
top: 5%;
left: 0;
background: #5F6A75;
background: linear-gradient(175deg, rgba(95, 106, 117, 1) 0%, rgba(0, 0, 0, 1) 100%);
transform: translateX(-100%);
}
}
/* Gutenberg missing features */
/* classes to use (that aren't BlockStyles) */
/* -------------------------------------------- */
/* Start of text background styles */
.text-bg {
position: relative;
overflow: hidden;
}
.text-bg > *:not(.background-word) {
position: relative;
z-index: 1;
}
.background-word {
font-size: var(--wp--preset--font-size--h-1);
line-height: 1;
font-weight: 700;
color: rgba(255,255,255,.1);
position: absolute;
z-index: 0;
margin: 0;
white-space: nowrap;
transform: translateY(-100%);
transition: top .01s ease;
}
/* End of text background styles */
/* -------------------------------------------- */
/* Start of playground background */
@media ( min-width : 781px) {
.playground-bg::after {
content: url('/wp-content/uploads/2025/09/Playground-2.png');
display: block;
position: absolute;
background-repeat: no-repeat;
background-position: left 120%;
width: 331px;
height: 329px;
z-index: 10;
bottom: 0;
left: 0;
transform: translateY(75px);
z-index: -1;
}
}
@media ( max-width : 1200px) {
.playground-bg::after {
opacity: .25;
}
}
.playground-bg {
overflow: hidden;
}
/* -------------------------------------------- */
/* Start of underline elements */
.underline::after {
content: '';
width: 75px;
height: 5px;
display: block;
margin-top: 1rem;
}
.green-und::after {
background-color: var(--wp--preset--color--green);
}
.white-und::after {
background-color: var(--wp--preset--color--white);
}
.darkgray-und::after{
background-color: #5F6A75;
}
.center-und::after {
margin-inline: auto;
}
/* end of underline elements */
/* -------------------------------------------- */
/* Start of wheel */
@media (max-width: 781px) {
.wheel {display: none;}
}
@media (min-width: 781px) {
.wheel .wp-block-safe-svg-svg-icon {
position: absolute;
z-index: 1;
top: 50%;
right: 0%;
transform: translate(50%, -50%);
max-height: 692px;
}
.wheel svg {
animation: wheel 120s linear infinite;
}
}
@media ( max-width : 1200px) {
.wheel svg{
opacity: .25;
}
}
@keyframes wheel {
0% {
transform: rotate(0deg);
}
100% {
transform:rotate(360deg);
}
}
/* End of wheel */
/* -------------------------------------------- */
/* Start of hero styles */
.hero {
position: relative;
}
.hero > * {
position: relative;
z-index: 1;
}
.hero::before {
content: '';
position: absolute;
top: 50%; left: 50%;
width: 100%; height: 120%;
max-width: 1480px;
transform: translate(-50%, -50%);
z-index: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
overflow: visible;
background-image: url('data:image/svg+xml,');
}
@media (max-width: 781px) {
.hero::before {
background-image: url('data:image/svg+xml,');
}
}
/* End of hero styles */
/* -------------------------------------------- */
/* BlockStyle Variations to use (see functions.php) */
/* Custom Block Overrides */
/* -none- */
/* Custom Shortcodes Overrides */