/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/
/* Add your custom styles here... */
/* custom fonts */
/* Add your custom styles here */
/* @font-face {
font-family: "Committee Light";
src: url("https://www.socalearth.org/wp-content/themes/bb-theme-child/fonts/committee-light.woff2") format("woff2"),
url("https://www.socalearth.org/wp-content/themes/bb-theme-child/fonts/committee-light.woff") format("woff");
font-weight: normal;
}
@font-face {
font-family: "Committee Rough";
src: url("https://www.socalearth.org/wp-content/themes/bb-theme-child/fonts/committee-rough.woff2") format("woff2"),
url("https://www.socalearth.org/wp-content/themes/bb-theme-child/fonts/committee-rough.woff") format("woff");
font-weight: normal;
}
@font-face {
font-family: "Committee Bold";
src: url("https://www.socalearth.org/wp-content/themes/bb-theme-child/fonts/committee-bold.woff2") format("woff2"),
url("https://www.socalearth.org/wp-content/themes/bb-theme-child/fonts/committee-bold.woff") format("woff");
font-weight: normal;
}
@font-face {
font-family: "Manifesto";
src: url("https://www.socalearth.org/wp-content/themes/bb-theme-child/fonts/manifesto.woff2") format("woff2"),
url("https://www.socalearth.org/wp-content/themes/bb-theme-child/fonts/manifesto.woff") format("woff");
font-weight: normal;
} */
body.fl-builder-edit #starroad:not(.fl-block-overlay-active) {
position: static !important;
}
body.fl-builder-edit #starroad.fl-block-overlay-active {
position: relative;
overflow: visible !important;
}
body.fl-builder-edit #starroad:before, body.fl-builder-edit #starroad .fl-row-content-wrap:before {display: none !important;}
.starrow a {
text-decoration: underline !important;
}
/* .starrow a:hover, .starrow a:focus, .starrow a:active {
text-decoration: underline;
} */
a.fl-button {
font-weight: bold !important;
}
.caption > .fl-module-content {
margin-top: -7px !important;
}
@media (max-width: 767px) {
.fl-module.fl-module-video > div {
margin-left: 10px;
margin-right: 10px;
}
.caption > .fl-module-content {
margin-top: -7px !important;
margin-left: 10px;
}
}
.circlesrow .datacircle .fl-post-image {
margin-bottom: 0px !important;
}
.covercaption {
font-size: 13px !important;
}
.underline a {text-decoration: underline !important;}
/* dflip flipbook embed pdfs - global styles */
.fl-html .df-popup-thumb {
width: 100%;
margin: 0 !important;
}
.rat .mejs-time.mejs-currenttime-container:after {content: "Happy Rat Bruxing";}
.cougar .mejs-time.mejs-currenttime-container:after {content: "Cougar Cub Purring";}
.bee .mejs-time.mejs-currenttime-container:after {content: "Bombus Californicus Bee, Buzzing";}
.oak .mejs-time.mejs-currenttime-container:after {content: "Oak Leaves Rustling";}
.insurance .mejs-time.mejs-currenttime-container:after {content: "Like a Good Neighbor?";}
.whale .mejs-time.mejs-currenttime-container:after {content: "Blue Whales Singing";}
/* home styles adds 5102024 */
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div {
float: unset !important;
height: auto !important;
width: auto !important;
overflow: visible !important;
}
@media (min-width: 768px) {
.home .fl-node-g0cfv78iumd3 .fl-post-gallery {
display: flex;
flex-wrap: wrap;
justify-content: center; /* Center align items */
max-width: 100%;
}
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div:nth-of-type(1),
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div:nth-of-type(2),
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div:nth-of-type(3),
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div:nth-of-type(4) {
flex-basis: 28% !important;
margin-left: 2.5%;
margin-right: 2.5%;
}
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div {
flex-basis: 28% !important;
margin-left: 2.5%;
margin-right: 2.5%;
}
.home .fl-node-g0cfv78iumd3 .fl-post-gallery {
max-width: 100%;
}
.home .fl-node-cks1w2xbdfz8 .fl-row-content {
max-width: 1260px;
}
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div,
.home .fl-node-g0cfv78iumd3 .fl-post-gallery .post-708:after {
flex-grow: 0 !important;
flex-shrink: 0 !important;
}
}
@media (min-width: 900px) {
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div:nth-of-type(1),
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div:nth-of-type(2),
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div:nth-of-type(3),
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div:nth-of-type(4) {
flex-basis: 15% !important;
margin-left: 2.6%;
margin-right: 2.6%;
}
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div {
flex-basis: 15% !important;
margin-left: 2.5%;
margin-right: 2.5%;
}
.home .fl-node-g0cfv78iumd3 .fl-post-gallery {
max-width: 100%;
}
.home .fl-node-cks1w2xbdfz8 .fl-row-content {
max-width: 1260px;
}
.home .fl-node-g0cfv78iumd3 .fl-post-gallery > div,
.home .fl-node-g0cfv78iumd3 .fl-post-gallery .post-708:after {
flex-grow: 0 !important;
flex-shrink: 0 !important;
}
}
div#herotextrow p {
font-size: 22px;
}
.health-map .fl-module-content, .framecontain .fl-module-content, .out .fl-module-content {
padding: 50px 40px !important;
}
@media (max-width: 480px) {
.health-map .fl-module-content, .framecontain .fl-module-content, .out .fl-module-content {
padding: 40px 15px !important;
margin-left: 8px;
margin-right: 8px;
/* width: auto !important; */
}
}
.health-map .fl-module-content, .framecontain .fl-module-content {
background-size: 100% 100% !important;
/* background-image: url(https://www.socalearth.org/wp-content/uploads/2024/07/Horizontal-4-1.svg); */
background-image: url('data:image/svg+xml,');
}
.health-map.yellow .fl-module-content, .framecontain.yellow .fl-module-content {
background-image: url('data:image/svg+xml,');
}
.health-map.food .fl-module-content, .framecontain.food .fl-module-content, .framecontain.orange .fl-module-content {
background-image: url('data:image/svg+xml,');
}
.framecontain.lime .fl-module-content {
background-image: url('data:image/svg+xml,');
}
.framecontain.smog .fl-module-content {
background-image: url('data:image/svg+xml,');
}
.framecontain.clear-sky .fl-module-content {
background-image: url('data:image/svg+xml,');
}
.framecontain.sun-bleach .fl-module-content {
background-image: url('data:image/svg+xml,');
}
.framecontain.black .fl-module-content {
background-image: url('data:image/svg+xml,');
}
.framecontain.fauna .fl-module-content {
background-image: url('data:image/svg+xml,');
}
.framecontain.cedb00 .fl-module-content {
background-image: url('data:image/svg+xml,');
}
.framecontain .fl-html {
height: 700px;
background: #000;
}
.framecontain .fl-html iframe {
background: #000;
border: 0px !important;
border-bottom: 0px solid #666 !important;
display: block;
}
.framecontain .fl-html {
height: 700px;
height: auto;
background: #000;
border: 0px solid #666;
}
/* .fl-col.fl-node-0ph4ne2zgwm1 {
position: relative;
} */
.out a:before {
font-size: 12px;
content: "Open in new tab";
/* display: table-cell;
background: #555; */
padding: 2px;
}
.out .fl-icon i, .out .fl-icon i:before {
background: transparent !important;
color: #fff !important;
}
.out .fl-icon i, .out .fl-icon i:before {
font-size: 13px;
line-height: 18px;
width: 18px;
border-radius: 1px;
}
.out {
text-align: right !important;
}
.out > div.fl-module-content {
display: block !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin: 0px !important;
margin-right: 20px !important;
}
.out a {
transform: translateY(-70px);
background: #2e2e2e;
display: flex;
padding: 4px;
color: #fff !important;
border-radius: 0px 0px 6px 6px;
}
@media (max-width: 480px) {
.out a {
transform: translateY(-60px);
}
.out > div.fl-module-content {
margin-left: 8px !important;
margin-right: 8px !important;
}
}
.out a:hover, .out a:focus, .out a:active {
text-decoration: underline !important;
}
/* @media (max-width: 440px) {
.out a {
transform: translateY(-36px);
}
} */
/* food */
/* .framecontain.food .fl-html {
height: auto; width: 1100px; max-width: 100%; margin-left: unset !important;margin-right: unset !important;
}
.framecontain.food {
display: inline-block;
width: auto !important; margin-left: unset !important;margin-right: unset !important;
} */
/* remove df thumb book open animate - just let it be clickable */
body:not(.page-id-65) ._df_thumb * {
transform: unset !important;
}
span.df-book-title {
display: none !important;
}
/* do more with wiggle */
.wiggle .pp-photo-gallery-item:hover, .wiggle img:hover {
transform: scale(1.01) rotate(0.5deg);
transform-origin: bottom right;
}
.wiggle .pp-photo-gallery-item, .wiggle img {
transition: transform 0.7s ease-in-out !important;
}
/* max the flipbox h3 at 30 */
@media (max-width: 1500px) {
.pp-flipbox h3 {
font-size: 30px !important;
}
}
@media (min-width: 1501px) {
.pp-flipbox h3 {
font-size: 34px !important;
}
}
/* inner flipboxes - not bold h3 */
/* body .pp-flipbox-front h3 {
font-weight: 400 !important;
text-transform: capitalize !important;
} */
body:not(.home) .pp-flipbox-front h3 {
font-weight: 400 !important;
text-transform: capitalize !important;
}
/* .buttonframe.black */
.buttonframe.black .fl-module-content a.fl-button, .buttonframe.black .fl-module-content a.fl-callout-cta-link {background-image: url('data:image/svg+xml,');background-color: unset !important;border: 0 !important;background-position: bottom right;background-size: cover;}
.buttonframe.black .fl-module-content a.fl-button:hover, .buttonframe.black .fl-module-content a.fl-button:focus, .buttonframe.black .fl-module-content a.fl-button:active, .buttonframe.black .fl-module-content a.fl-callout-cta-link:hover, .buttonframe.black .fl-module-content a.fl-callout-cta-link:active, .buttonframe.black .fl-module-content a.fl-callout-cta-link:focus, .buttonframe.yellow.purphover .fl-module-content a.fl-button:hover, .buttonframe.yellow.purphover .fl-module-content a.fl-button:focus, .buttonframe.yellow.purphover .fl-module-content a.fl-button:active, .buttonframe.yellow.purphover .fl-module-content a.fl-callout-cta-link:hover, .buttonframe.yellow.purphover .fl-module-content a.fl-callout-cta-link:active, .buttonframe.yellow.purphover .fl-module-content a.fl-callout-cta-link:focus {background-image: url('data:image/svg+xml,');background-color: unset !important;border: 0 !important;background-position: bottom right;background-size: cover;}
.buttonframe.black.built-guide .fl-module-content a.fl-button:hover, .buttonframe.black.built-guide .fl-module-content a.fl-button:focus, .buttonframe.black.built-guide .fl-module-content a.fl-button:active, .buttonframe.black.built-guide .fl-module-content a.fl-callout-cta-link:hover, .buttonframe.black.built-guide .fl-module-content a.fl-callout-cta-link:active, .buttonframe.black.built-guide .fl-module-content a.fl-callout-cta-link:focus {background-image: url('data:image/svg+xml,');background-color: unset !important;border: 0 !important;background-position: bottom right;background-size: cover;}
.buttonframe.black.equity-guide .fl-module-content a.fl-button:hover, .buttonframe.black.equity-guide .fl-module-content a.fl-button:focus, .buttonframe.black.equity-guide .fl-module-content a.fl-button:active, .buttonframe.black.equity-guide .fl-module-content a.fl-callout-cta-link:hover, .buttonframe.black.equity-guide .fl-module-content a.fl-callout-cta-link:active, .buttonframe.black.equity-guide .fl-module-content a.fl-callout-cta-link:focus {background-image: url('data:image/svg+xml,') !important; background-color: unset !important;border: 0 !important;background-position: bottom right;background-size: cover;}
/* .buttonframe.yellow */
.buttonframe.yellow .fl-module-content a.fl-button, .buttonframe.yellow .fl-module-content a.fl-callout-cta-link, .buttonframe.yellow .fl-module-content a.fl-post-grid-more {background-image: url('data:image/svg+xml,');background-color: unset !important;border: 0 !important;background-position: bottom right;background-size: cover;}
.buttonframe.yellow .fl-module-content a.fl-button:hover, .buttonframe.yellow .fl-module-content a.fl-button:focus, .buttonframe.yellow .fl-module-content a.fl-button:active, .buttonframe.yellow .fl-module-content a.fl-callout-cta-link:hover, .buttonframe.yellow .fl-module-content a.fl-callout-cta-link:active, .buttonframe.yellow .fl-module-content a.fl-callout-cta-link:focus, .buttonframe.yellow .fl-module-content a.fl-post-grid-more:hover, .buttonframe.yellow .fl-module-content a.fl-post-grid-more:active, .buttonframe.yellow .fl-module-content a.fl-post-grid-more:focus {background-image: url('data:image/svg+xml,');background-color: unset !important;border: 0 !important;background-position: bottom right;background-size: cover;}
.buttonframe.yellow .fl-module-content a.fl-button:hover, .buttonframe.yellow .fl-module-content a.fl-button:focus, .buttonframe.yellow .fl-module-content a.fl-button:active, .buttonframe.yellow .fl-module-content a.fl-callout-cta-link:hover, .buttonframe.yellow .fl-module-content a.fl-callout-cta-link:active, .buttonframe.yellow .fl-module-content a.fl-callout-cta-link:focus, .buttonframe.yellow .fl-module-content a.fl-post-grid-more:hover, .buttonframe.yellow .fl-module-content a.fl-post-grid-more:active, .buttonframe.yellow .fl-module-content a.fl-post-grid-more:focus {background-image: url('data:image/svg+xml,');background-color: unset !important;border: 0 !important;background-position: bottom right;background-size: cover;}
.page-id-67 .buttonframe.yellow .fl-module-content a.fl-button:hover, .page-id-67 .buttonframe.yellow .fl-module-content a.fl-button:focus, .page-id-67 .buttonframe.yellow .fl-module-content a.fl-button:active, .page-id-67 .buttonframe.yellow .fl-module-content a.fl-callout-cta-link:hover, .page-id-67 .buttonframe.yellow .fl-module-content a.fl-callout-cta-link:active, .page-id-67 .buttonframe.yellow .fl-module-content a.fl-callout-cta-link:focus, .page-id-67 .buttonframe.yellow .fl-module-content a.fl-post-grid-more:hover, .page-id-67 .buttonframe.yellow .fl-module-content a.fl-post-grid-more:active, .page-id-67 .buttonframe.yellow .fl-module-content a.fl-post-grid-more:focus {background-image: url('data:image/svg+xml,');background-color: unset !important;border: 0 !important;background-position: bottom right;background-size: cover;}
.indig .buttonframe.yellow .fl-module-content a.fl-button:hover, .indig .buttonframe.yellow .fl-module-content a.fl-button:focus, .indig .buttonframe.yellow .fl-module-content a.fl-button:active {background-image: url('data:image/svg+xml,');background-color: unset !important;border: 0 !important;background-position: bottom right;background-size: cover;}
.indig .buttonframe.black .fl-module-content a.fl-button:hover, .indig .buttonframe.black .fl-module-content a.fl-button:focus, .indig .buttonframe.black .fl-module-content a.fl-button:active {background-image: url('data:image/svg+xml,');background-color: unset !important;border: 0 !important;background-position: bottom right;background-size: cover;}
.page-id-65 .buttonframe.black .fl-module-content a.fl-button:hover, .page-id-65 .buttonframe.black .fl-module-content a.fl-button:focus, .page-id-65 .buttonframe.black .fl-module-content a.fl-button:active, .page-id-65 .buttonframe.black .fl-module-content a.fl-callout-cta-link:hover, .page-id-65 .buttonframe.black .fl-module-content a.fl-callout-cta-link:active, .page-id-65 .buttonframe.black .fl-module-content a.fl-callout-cta-link:focus {background-image: url('data:image/svg+xml,');background-color: unset !important;border: 0 !important;background-position: bottom right;background-size: cover;}
a {
color: inherit;
}
h1 a, h2 a, h3 a, h4 a, a.fl-post-grid-more, a.fl-button, footer a {
text-decoration: none !important;
}
footer a:hover, footer a:active, footer a:focus {
text-decoration: underline !important;
}
@media screen and (max-width: 420px) {
.df-posts > .df-popup-thumb, .df-popup-thumb {
width: calc(100% - 30px) !important;
}
}
input.gform_button {
background-image: url('data:image/svg+xml,') !important;
background-color: unset !important;
border: 0 !important;
background-position: bottom right !important;
background-size: cover !important;
border-radius: 0 !important;
min-width: 200px !important;
color: #ede499 !important;
}
input#gform_submit_button_3:hover,
input#gform_submit_button_3:active,
input#gform_submit_button_3:focus {
background-image: url('data:image/svg+xml,') !important;
background-color: unset !important;
border: 0 !important;
border-radius: 0 !important;
color: #19332f !important;
}
.invert img { transform: scaleX(-1); }
body:not(.page-id-53, .fl-theme-builder-singular-layer-of-the-month-singular) ul#menu-experiences-menu li span.fl-menu-toggle:before {
border-color: #1b332e !important;
}
.fl-menu-mobile-clone ul#menu-experiences-menu:before {
content: "";
width: 200px;
height: 140px;
background-image: url(https://www.socalearth.org/wp-content/uploads/2024/09/menu-mobile-logo.png);
margin-top: -40px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.circlesrow .datacircle:nth-of-type(even) .fl-post-image img {
border-radius: 0 !important;
mask: url('data:image/svg+xml,') no-repeat center !important;
-webkit-mask: url('data:image/svg+xml,') no-repeat center !important;
mask-size: 100% !important;
-webkit-mask-size: 100% !important;
}
.circlesrow .datacircle:nth-of-type(odd) .fl-post-image img {
border-radius: 0 !important;
mask: url('data:image/svg+xml,') no-repeat center !important;
-webkit-mask: url('data:image/svg+xml,') no-repeat center !important;
mask-size: 100% !important;
-webkit-mask-size: 100% !important;
}
.circlecontain p.fl-post-title {
padding-top: 5px !important;
}
@media (min-width: 768px) {
.circlesrow .fl-post-gallery {
justify-content: space-between !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.circlesrow .fl-post-gallery-post:first-of-type {
margin-left: 0px !important;
}
body:not(.home) .circlesrow .fl-post-gallery-post:last-of-type {
margin-right: 0px !important;
}
}
/* col fix
@media (max-width: 767px) {
.bb-shuffle.fl-col {
max-width: unset !important;
}
} */
@media (max-width: 1200px) and (min-width: 768px) {
.bb-shuffle .fl-module-pp-flipbox {
max-width: 400px;
margin: auto;
}
}
body.error404 #fl-main-content{padding-top: 150px; padding-bottom: 100px; background: #ede499 !important;}
body.error404 #fl-main-content h2 {font-size: 47px !important;}
/* remove dflip download button */
a.df-ui-btn.df-ui-download.df-icon-download {
display: none !important;
}
body.error404 #fl-main-content .fl-post-content:before {
content: "";
background: url(https://www.socalearth.org/wp-content/uploads/2024/09/Owl-Plumber-768x822.png);
height: 280px;
width: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin: 40px auto 50px;
}
@media (min-width: 768px) {
body.error404 #fl-main-content {
padding-top: 100px !important;
}
}