style.css
:root {
--fontTitle: 'geom-graphic', sans-serif;
}
/* Utility */
.font-title {
font-family: var(--fontTitle);
}
.has-items-rounded > * {
border-radius: 8px;
}
.has-items-shadowed > * {
box-shadow: 0 0 2px rgba(0,0,0,.4);
}
/* Force Equal Heights */
.has-equal-heights {
& .pp-infobox, & .pp-infobox-link, & .fl-module-content.fl-node-content, & .pp-infobox-wrap {
height: 100%;
}
}
/* Centered */
.is-content-centered,
.is-content-centered .pp-dual-button-content {
text-align: center !important;
}
/* Display */
.has-list-style-none ul {
margin: 0;
padding: 0;
}
.home-section.no-padding > .fl-row-content-wrap {
padding: 0 !important;
}
.has-list-style-none li {
list-style: none;
padding:0;
margin: 0;
}
/* Spacing */
.is-margin-0 {
margin: 0 !important;
}
/* Padding */
.has-content-padding .pp-infobox-title-wrapper, .has-content-padding .pp-infobox-description {
padding-left: 40px;
padding-right: 40px;
}
.module-flexed > .fl-module:has(h2), .module-flexed > .fl-module:has(h3) {
padding: 80px 70px;
}
/* Color */
/* Blog Link Styling */
.single-post .article-meta a,
.pp-content-post a,
.pp-accordion .pp-accordion-content a,
.single-post .entry-content a,
body .fl-post-grid-text a {
color: var(--wp--preset--color--wpbf-palette-color-1);
}
.text-white {
color: #fff;
}
/* Link Dark */
.has-link-dark a {
color: var(--wp--preset--color--wpbf-palette-color-1);
font-weight: 700;
}
.wp-block-group a:hover,
#sidebar a.wp-block-latest-posts__post-title:hover,
.single-post .article-meta a:hover,
.single-post .entry-content a:hover,
.pp-content-post a:hover,
.has-link-dark a:hover {
color: var(--wp--preset--color--wpbf-palette-color-2);
}
.has-link-dark-alt a {
color: var(--wp--preset--color--wpbf-palette-color-3);
font-weight: 700;
}
.has-link-dark-alt a:hover {
color: var(--wp--preset--color--wpbf-palette-color-1);
}
/* Link Underline */
.has-link-underline a,
.has-link-underline ul li a {
position: relative;
text-decoration: none !important;
}
.has-link-underline a::after,
.has-link-underline ul li a::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background-color: var(--wp--preset--color--wpbf-palette-color-2);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.25s ease-in-out;
}
.has-link-underline a:hover::after, .has-link-underline ul li a:hover::after {
transform: scaleX(1);
}
/* Pre-Header */
#pre-header a {
color: var(--wp--preset--color--wpbf-palette-color-1);
}
#pre-header a:hover {
color: var(--wp--preset--color--wpbf-palette-color-3);
}
/* Navigation Buttons */
#navigation .wpbf-button-small {
padding: 0;
}
#navigation .wpbf-button-small a {
padding: 10px 20px;
line-height: 1.7;
color: #fff;
}
#navigation .wpbf-button-small {
margin-right: 5px;
border-radius: 5px;
}
#navigation .wpbf-button-small + .wpbf-button-small {
margin-right: 0;
}
#navigation .wpbf-button-small a:hover {
color: #000;
}
/* Mobile Menu */
.wpbf-mobile-menu .wpbf-button-small {
padding: 0;
display: block;
text-align: left;
}
.wpbf-mobile-menu a {
line-height: 1.7;
}
.wpbf-mobile-menu .sub-menu a {
color: #fff;
text-transform: none;
}
/* Main Footer */
footer {
position: relative;
overflow: hidden;
}
footer .fl-col-group h2 {
text-transform: uppercase;
letter-spacing: .5px;
}
/* Footer Col 1*/
/* Footer Socials */
footer .pp-social-icons a {
color: var(--base-color) !important;
}
@media (min-width: 960px){
footer .fl-col-group .fl-col:first-of-type {
padding-right: 60px;
}
}
/* Footer Col 2 */
.has-link-icons ul li a::before,
.has-link-icons .widget_nav_menu ul li a::before {
font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome";
font-weight: 900;
content: "\f105";
margin-right: 8px;
display: inline-block;
color: var(--wp--preset--color--wpbf-palette-color-2);
transform: translateX(0);
transition: transform 0.2s ease;
}
.has-link-icons ul li a:hover::before,
.has-link-icons .widget_nav_menu ul li a:hover::before {
transform: translateX(3px);
}
/* Footer Col 4*/
footer .fl-col-group .fl-col:last-of-type .fl-list .fl-list-item {
margin-bottom: 10px;
}
footer .fl-list-item-icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
background: var(--wp--preset--color--wpbf-palette-color-2);
border-radius: 50%;
}
footer .fl-list-item-content-text h2,
footer .fl-list-item-content-text h2 {
margin: 0;
font-size: 14px;
}
footer .fl-col-group .fl-col:last-of-type .fl-list .fl-list-item:last-of-type .fl-list-item-content-icon:has(.fa-clock) {
vertical-align: top;
}
/* Footer Service Areas */
.footer-service-area nav {
max-width: 1240px;
text-align: center;
margin: 0 auto;
}
.footer-service-area h2 {
margin-bottom: 0;
text-align: center;
}
#menu-footer-service-areas.menu a {
padding: 2px 5px;
font-size: 14px;
line-height: 1.85;
}
#menu-footer-service-areas.fl-menu-horizontal {
gap: 5px;
justify-content: center;
}
#menu-footer-service-areas::before {
display: none;
}
#menu-footer-service-areas.fl-menu-horizontal li {
border: none;
display: flex;
gap: 5px;
align-items: center;
}
#menu-footer-service-areas.fl-menu-horizontal li:not(:last-of-type):after {
content: "•";
color: var(--wp--preset--color--wpbf-palette-color-2);
}
/* Decorative Footer SVG */
footer .fl-row-content-wrap {
position: relative;
z-index: 2;
}
#sripes-svg {
opacity: .4;
position: absolute;
top: -100px;
right: -700px;
width: 1440px;
fill: rgba(255,255,255,0.1);
z-index: -1;
}
@media (max-width: 1200px){
#sripes-svg {
display: none;
}
}
/* Footer Credit */
#footer > .wpbf-inner-footer {
max-width: 100%;
background: var(--wp--preset--color--wpbf-palette-color-2);
color: var(--brand-color);
}
#footer > .wpbf-inner-footer a {
color: var(--brand-color);
font-weight: 700;
}
/* Homepage Sections */
.home-section .fl-row-fixed-width {
max-width: 1200px;
margin: 0;
padding: 0;
}
.home-section:not(.home-section-cta) > .fl-row-content-wrap {
padding-top: 70px;
padding-bottom: 70px;
}
/* Checkerboard Section */
.is-content-checkerboard .fl-module-pp-image, .is-content-checkerboard .fl-module-pp-image > .fl-module-content *, .is-content-checkerboard .fl-module-pp-image > .fl-module-content {
height: 100%;
object-fit: cover;
}
.is-content-checkerboard .fl-module:has(.fl-module) {
justify-content: center;
}
.is-content-checkerboard .module-flexed {
margin: 0 !important;
gap: 0 !important;
align-items: stretch;
}
.home-section:not(.home-section-cta).is-content-checkerboard > .fl-row-content-wrap {
padding: 0;
}
/* Home Section 1 */
.home-section-1:not(.home-section-cta) > .fl-row-content-wrap {
padding-top: 120px;
padding-bottom: 120px;
}
.home-section-1 > .fl-row-content-wrap::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(15, 23, 42, 0.4) 0%, rgba(15, 23, 42, 0.8) 100%);
z-index: 1;
}
.home-section-1 > .fl-row-content-wrap .fl-row-content {
position: relative;
z-index: 2;
}
/* Home CTA */
.home-section-cta {
background: var(--wp--preset--color--wpbf-palette-color-2);
color: #fff;
}
.home-section-cta h2,
.home-section-cta h3 {
color: #fff;
margin: 0;
}
.home-section-cta.home-section-cta-alt {
background: var(--wp--preset--color--wpbf-palette-color-1);
}
/* Home Section: Why Choose Us */
.why-choose-us-grid h4 {
font-size: 21px;
letter-spacing: 1px;
text-transform: uppercase;
}
.grid-common-problems .fl-col-group:has(h4) {
h4 {font-size: 23px;}
p {font-size: 14px;}
}
/* Home Section Services */
.home-section-4, .home-section-6, .home-section-8, .home-section-10,
.home-section-12 {
background: var(--wp--preset--color--wpbf-palette-color-6);
}
/* Home Section 8 */
.home-section-8 .fas::before {
color: var(--wp--preset--color--wpbf-palette-color-2);
}
/* FAQ section */
.pp-accordion-content p:last-of-type {
margin: 0;
}
/* Section Process Numbers */
.step-process {
counter-reset: step-counter;
}
.step-process > .fl-module {
position: relative;
margin-bottom: 16px;
}
.step-process.all-dots > .fl-module {
margin-bottom: 26px;
}
.is-grid-padding-right .step-process > .fl-module {
padding-right: 10px;
}
.step-process h4,
.step-process .fl-heading-text {
position: relative;
padding-left: 55px;
margin-top: 0;
margin-bottom: 8px;
counter-increment: step-counter;
text-transform: uppercase;
}
.step-process h4::before,
.step-process .fl-heading-text::before {
content: counter(step-counter);
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
border: 2px solid var(--wp--preset--color--wpbf-palette-color-2);
color: var(--wp--preset--color--wpbf-palette-color-2);
border-radius: 50%;
font-family: inherit;
font-weight: 700;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
}
.step-process p {
padding-left: 55px;
margin-top: 0;
font-size: .85rem;
}
.step-process > .fl-module::after {
content: ".\A.\A.";
white-space: pre-line;
position: absolute;
left: 16px;
top: 42px;
color: var(--wp--preset--color--wpbf-palette-color-2);
font-size: 24px;
font-weight: bold;
line-height: 10px;
text-align: center;
}
.step-process:not(.all-dots) > .fl-module:last-child::after {
display: none;
}
/* Mobile */
@media (max-width: 768px){
.is-gap-0-mobile,
.is-gap-0-mobile .fl-module:has(.fl-module) {
gap: 0 !important;
}
.has-padding-40-mobile .fl-row-content {
padding: 40px;
}
.on-mobile-center, .on-mobile-center h2, .on-mobile-center h3, .on-mobile-center h4, .on-mobile-center .pp-sub-heading, .on-mobile-center .pp-button-wrap {
text-align: center;
}
.on-mobile-center .pp-dual-button-inner {
justify-content: center;
display: flex;
}
}
/* Blog Cards */
.post-links a,
.article-footer a,
.blog-cards .pp-content-category-list.pp-post-meta a {
background: var(--wp--preset--color--wpbf-palette-color-2) !important;
padding: .3rem .85rem !important;
border-radius: 5px !important;
font-size: .75rem !important;
}
.blog-cards .pp-content-category-list.pp-post-meta a:hover {
background: var(--wp--preset--color--wpbf-palette-color-1) !important;
}
.blog-cards .pp-content-category-list.pp-post-meta {
background: transparent !important;
top: unset;
left: 5px !important;
bottom: 0 !important;
}
.blog-cards .pp-content-grid-image.pp-post-image {
position: relative;
}
/* Single Blog */
.single-post[itemtype="https://schema.org/Blog"] h1.entry-title {
font-size: clamp(28px, 5vw, 40px);
}
.single-post #main .wp-block-image img,
.single-post .wpbf-post-image.wp-post-image {
border-radius: 8px;
}
/* Sidebar */
#sidebar .wp-block-latest-posts.wp-block-latest-posts__list li {
margin-bottom: 8px;
}
.wpbf-sidebar .widget {
padding: 0;
background: none;
}
/* WP Block Buttons */
.wp-block-button__link.wp-element-button:hover {
background: var(--wp--preset--color--wpbf-palette-color-1) !important;
border-color: var(--wp--preset--color--wpbf-palette-color-1) !important;
}
.wp-block-button__link.wp-element-button {
border-color: var(--wp--preset--color--wpbf-palette-color-2);
}
#sidebar a.wp-block-latest-posts__post-title {
margin-bottom: 10px;
}