/* Styles for Thumbs Up Theme for Service Professionals */ 

:root {
    --sp-orange: #FF9144;
    --sp-logo-orange: #E37222; /* slightly darker, from logo */
    --sp-creamsicle: #FFB078;
    --sp-logo-creamsicle: #FBCE92; /* less orange */
    
    --sp-blue: #263F6A;
    --sp-logo-blue: #263F6A; /* dup. for consistent naming */
    --sp-light-blue: #167EB0;
    --sp-logo-light-blue: #009FDA; /* lighter */
    --sp-dark-blue: #193360; /* e.g., footer credits */
    --sp-text-blue: #374B5E;
    
    --sp-black: #2C2C31;
    --sp-white: #FFFFFF;
    --sp-porcelain: #F7F7F7; /* off white, alt bgd */
    --sp-gray: #3F3F3F;
    --sp-light-gray: #D5D5D5;
    
    --font-size-ms: calc( calc(var(--font-size-sm) + var(--font-size-md)) / 2);
    --font-size-ml: calc( calc(var(--font-size-md) + var(--font-size-lg)) / 2);
    
    --link-color-hover: var(--color-primary-dark);
    
    --button-color: var(--sp-blue);
    --button-border-radius: 8px;
    --button-text-transform: uppercase;
    --button-padding: 20px 30px;
    
    --button-color-hover: var(--sp-blue);
}
.site-header:not(.scroll) {
    --site-header-border-bottom: none;
}
span.orange {
    color: var(--sp-orange);
}
a:not([href]), a.menu-item-link:not([href]) {
    --link-text-decoration: none;
    --link-text-decoration-hover: none;
}
.subheading {
    font-size: var(--font-size-lg);
    font-weight: 400;
    line-height: 1;
    max-width: 500px;
}

/* Menus */ 
.menu-desktop-only {
    display: none;
}
@media only screen and (min-width: 1000px) {
    .menu-desktop-only {
        display: var(--menu-item-display, flex);
    }
    .menu-mobile-only {
        display: none;
    }
}

/* Better Reviews Bundle - 2024-08-21 CW */ 
.rpi-header {
    --head-img-size: 100%;
}
.rpi-header img.rpi-img {
    border-radius: 0;
}
.rpi-slider-btn .rpi-review_us {
    border-radius: 4px;
    font-family: var(--body-font-family);
    font-weight: var(--button-font-weight);
    text-transform: uppercase;
}
.rpi-slider-btn .rpi-review_us:hover, .rpi-slider-btn .rpi-review_us:active, .rpi-slider-btn .rpi-review_us:focus {
    background-color: var(--sp-orange);
    color: var(--sp-blue);
}
.rpi-content .rpi-body .rpi-text {
    line-height: 1.25;
    font-size: var(--font-size-ms);
}
.rpi-card-inner {
    --card-br-color: var(--sp-white);
    --card-bg: var(--sp-white);
    --card-radius: 6px;
    --card-shadow: 2px 2px 10px rgba(0,0,0,.2);
}
@media only screen and (max-width: 600px) {
    .rpi-dots {
        display: none;
    }
}

/* Popmake Popups - 2024-08-22 CW */ 
.pum-theme-service-pros-theme button.pum-close {
    border-radius: 50% !important;
    aspect-ratio: 1/1;
    border: 1px solid var(--sp-orange) !important;
}
.pum-theme-service-pros-theme button.pum-close:hover, .pum-theme-service-pros-theme button.pum-close:active, .pum-theme-service-pros-theme button.pum-close:focus {
    border: 1px solid var(--sp-orange);
    background: transparent !important; 
    color: var(--sp-orange) !important;
}
.pum-theme-service-pros-theme .gform_fields {
    --gf-form-gap-y: 10px;
}

/* Gravity Forms - 2024-08-22 CW */ 
.gf-disclaimer {
    font-size: var(--font-size-sm);
    font-style: italic;
}

/* Service Pros Contractor Commerce Custom Button - 2024-08-22 CW */ 
.spcc-btn-outer, 
.sptu-btn-outer {
    position: fixed;
    bottom: 1vh;
    z-index: 99;
}
.spcc-btn-outer {
    left: 0;
    display: none;
}
.sptu-btn-outer {
    left: 1vh;
}
.spcc-btn.button, .sptu-btn.button {
    --button-color: var(--sp-white);
    color: var(--button-color);
    --button-background: var(--sp-light-blue);
    --button-font-size: var(--font-size-sm);
    --button-line-height: 1;
    border-radius: var(--button-border-radius);
    
    padding: var(--button-padding);
    box-shadow: 2px 2px 10px rgba(255,255,255,.1);
}
.spcc-btn.button {
    --button-border-radius: 0 1rem 1rem 0;
    --button-padding: var(--spacing-sm);
}
.sptu-btn.button {
    --button-border-radius: 1rem;
    --button-padding: .5rem 1rem;
}
@media only screen and (min-width: 550px) {
    .spcc-btn-outer {
        display: block;
    }
    .sptu-btn-outer {
        left: unset;
        right: 1vh;
        
}
}
@media only screen and (min-width: 800px) {
    .spcc-btn-outer {
        bottom: 5vh;
    }
    .spcc-btn.button {
        --button-border-radius: 0 1rem 1rem 0;
    }
}

.ContactBubble__IconContainer {
    display: none;
}

/* Gravity Forms -2024-08-26 CW */ 
.gform_wrapper {
    --gf-color-primary: var(--sp-orange) !important;
    --gf-color-primary-contrast: var(--sp-blue) !important;
    --gf-ctrl-btn-font-weight: bold !important;
    --gf-ctrl-btn-text-transform: uppercase !important;
    --gf-ctrl-btn-bg-color-hover-primary: var(--sp-blue) !important;
    --gf-ctrl-btn-color-hover-primary: var(--sp-orange) !important;
    --gf-ctrl-btn-color-focus-primary: var(--sp-orange) !important;
    --gf-form-gap-y: var(--spacing-sm);
}

/* Locations Pages */ 
.single-clc_locations:not(.sp-header-bg-blue) .content-sidebar-wrap {
    margin-top: 0;
}
.single-clc_locations .clc-location-before-the-content {
    display: none;
}
.single-clc_locations .clc-locations-list ul {
    display: list-item;
    column-count: 2;
    -webkit-column-count: 2;
}
@media only screen and (min-width: 768px) {
    .single-clc_locations .many-locations .acf-map {
        height: 1100px;
    }
}

/* About Page */ 
.about-services-list {
    --link-text-decoration: none;
    --link-text-decoration-hover: underline;
    --h4-font-size: var(--font-size-md);
}
.about-services-list h4 {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    margin: var(--spacing-sm) 0 var(--spacing-xs) 0;
}
.about-guarantees h2 {
    text-align: center;
    margin-bottom: var(--spacing-md);
}

/* Reviews Page */ 
.reviews-grid a.rpi-url {
    margin-top: var(--spacing-md) !important;
    text-transform: capitalize;
}
.reviews-grid a.rpi-url:hover, .reviews-grid a.rpi-url:active, .reviews-grid a.rpi-url:focus {
    color: var(--sp-orange) !important;
}

/* Footer */ 
.footer-credits {
    --link-color: var(--sp-white);
    --link-color-hover: var(--sp-white);
}

/* 404 */ 
.error404 .site-header:not(.scroll), 
.search-results .site-header:not(.scroll),
.search-no-results .site-header:not(.scroll) {
    background: var(--sp-dark-blue);
}
.error404 h1, 
.search-results h1, 
.search-no-results h1{
    margin-top: 40px;
}
@media only screen and (min-width: 1000px) {
    .error404 h1, 
    .search-results h1, 
    .search-no-results h1 {
        margin-top: 70px;
    }
}

/* Radio Ads */ 
.woaradio-archive-header h1 {
    text-align: center;
    margin-top: 60px;
}
.woaradio-archive .woaradio-header {
    margin-bottom: var(--spacing-sm);
    
}
.woaradio-archive .woaradio-header h3 {
    font-weight: 400;
    --link-color: var(--color-body);
    --link-text-decoration: none;
    --link-text-decoration-hover: underline;
    line-height: var(--line-height-lg);
    font-size: var(--font-size-md);
}
.woaradio-archive .woaradio-header p {
    font-size: var(--font-size-md);
}
.woaradio-header:not(.woaradio-single-header) {
    gap: var(--spacing-sm);
}
.single-radio-ads .content-sidebar-wrap {
    --content-sidebar-wrap-margin-top: var(--spacing-xxxxl);
}
.woaradio-header-guts {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-md);
    --entry-title-font-size: var(--font-size-xxl);
}
.woaradio-header-guts p, .woaradio-header-guts h1 {
    font-size: var(--font-size-xxl);
    font-weight: var(--heading-font-weight);
    color: var(--color-heading);
    line-height: 1;
    margin-bottom: var(--spacing-md);

}
.sp-ra-separator {
    font-weight: 400;
}
.woaradio-allnav {
    margin-bottom: var(--spacing-xxl);
}
.radio-ads .nav-links {
    margin-top: var(--spacing-xxl);
}
.woaradio-allnav, .radio-ads .nav-links {
    --link-text-decoration: none;
    --link-text-decoration-hover: underline;
}
.radio-ads .nav-links:first-of-type .nav-next {
    display: flex;
    flex-basis: 100%;
    justify-content: end;
}

/* Contact Page */ 
.contact-page-details {
    --link-text-decoration: none;
    --link-text-decoration-hover: underline;
}
.contact-page-details h3 {
    color: var(--color-heading);
}

/* SP Blocks - 2024-08-22 CW Mods to GS Blocks -- this should be merged */ 
/* Schedule Stripe White */ 
.sp-schedule-stripe-on-white a.woa-phone-link {
    --link-text-decoration: none;
    font-weight: 600;
}

/* Alt w/ Bottom Arc */
.sp-home-how-can-we-help-bottom-arc {
    z-index: -1;
}

/* Home Hero */ 
.sp-home-hero .clc-stacked-content-image-image {
    padding-bottom: 0;
}
.sp-home-hero .clc-preheader span.preheading {
    font-size: var(--font-size-lg);
}
.sp-home-hero .clc-header {
    --h3-font-size: var(--font-size-lg);
    max-width: 520px;
}

/* Locations Map */ 
.clc-locations-list li {
    color: var(--sp-white);
}

/* Consistent Button */ 
.clc-consistent-button.aligncenter {
    text-align: center;
}
/* SP Schedule Stripe */ 
.sp-schedule-stripe-2 h3 {
    color: var(--sp-white);
}
/* Split Content Inner OG */ 
.clmt-split-content.sp-top-bottom-borders {
    border-top: none;
    border-bottom: none;
    
}
.clmt-split-content.sp-top-bottom-borders .clmt-split-content-photo {
    margin: var(--spacing-xl) 0; 
}

.sp-smaller-text {
    font-size: 0.8em;
}

.sp-top-bottom-borders {
    border-bottom: 1px solid var(--sp-light-gray);
    border-top: 1px solid var(--sp-light-gray);
}

.sp-top-border {
    border-top: 1px solid var(--sp-light-gray);
}

.sp-bottom-border {
    border-bottom: 1px solid var(--sp-light-gray);
}

.sp-blue-gradient-bg, .pinparrot-blue-block {
    background: linear-gradient(111deg, rgba(22, 45, 87, 1) 0%, rgba(48, 78, 130, 1) 100%) !important;
}

.sp-blue-shape-bg {
    background: var(--sp-dark-blue) url('/wp-content/uploads/2024/08/blue-bar-bgd-.svg') bottom right no-repeat;
    background-size: cover;
    color: white;
}

.clc-stacked-content-block.sp-blue-gradient-bg .clcsc-bg-screen, .pinparrot-blue-block span.wp-block-cover__background {
    background-image: url(data:image/png;base64,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);
    opacity: 0.5;
}

.clc-faq-question {
    display: block;
    background: var(--sp-dark-blue);
    color: var(--sp-white);
    padding: 20px !important;
}


.stacked-keep-image-top .clc-stacked-content-image {
    align-items: flex-start;
}

.stacked-keep-image-top .clc-stacked-content-image-image {
    position: sticky;
    top: 200px;
    border-radius: var(--button-border-radius);
    padding: 30px 20px 20px;
}

.clc-stacked-content-image-image {
    padding: 30px 20px 20px;
}

.stacked-image-frame .clc-stacked-content-image-image .clcsc-image-screen {
    background: url(/wp-content/uploads/2024/08/sp-frame-resize-2.svg);
    background-size: cover;
}

.sp-home-hero .clc-stacked-content-image-image .clcsc-image-screen,
.sp-our-guarantees .clc-stacked-content-image-image .clcsc-image-screen {
    background: none !important;
}

.sp-our-guarantees .clc-stacked-content-image-image {
    padding: 0;
}


.clc-stacked-content-image-image img,
.clmt-split-content-photo,
.clc-faq-question {
    border-radius: var(--button-border-radius);
}

.invert-faq-colors .clc-faq-question {
    display: block;
    background: var(--sp-white);
    color: var(--sp-dark-blue);
    padding: 20px !important;
}

.clmt-icon-list-item-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.clmt-icon-list-item-icon .material-symbols-outlined {
    font-size: 48px;
}

.site-footer .clmt-icon-list-item-icon .material-symbols-outlined {
    font-size: 32px;
}






.before-header {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    color: var(--sp-white);
    width: calc(100% - (var(--side-spacing)* 2));
    margin: auto;
}

.before-header.scroll,
.before-header.scroll a {
    color: var(--sp-black) !important;
}

.before-header .sp-ph-info {
    display: flex;
    justify-content: space-between;
    align-content: baseline;
    font-size: 0.9em;
    padding-top: 10px;
    width: 100%;
    flex-basis: 100%;
    white-space: nowrap;
}

.before-header .sp-ph-info > div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.before-header .clc-consistent-button button {
    width: 100vw;
    border-radius: 0 !important;
}

.before-header span,
.before-header a {
    display: flex;
}

.before-header a {
    color: var(--sp-white);
}

.before-header a:hover {
    text-decoration: none;
}

.before-header .material-symbols-outlined {
    padding-right: 5px;
}

.before-header .sp-preheader-time {
    padding-right: 10px;
}

.before-header .clmt-icon-list-item {
    margin: 0 !important;
}

.site-header {
    position: fixed;
    background: transparent;
    top: 0;
    padding-top: 80px;
    width: 100vw !important;
}

.site-header,
a.menu-item-link>span {
    transition: .4s all ease-in-out !important;
}

body.admin-bar .before-header,
body.admin-bar .site-header {
    top: 32px;
}


.site-header.scroll {
    background: var(--sp-white);
}

.site-header button.menu-toggle .menu-toggle-icon {
    color: var(--sp-white);
}

.title-area {
    transition: none !important;
}

.site-header.scroll .title-area {
    background: url('/wp-content/uploads/2024/08/service-professionals-logo_no-subtext.svg') center center no-repeat;
}


.site-header.scroll .title-area.title-area-first img {
    opacity: 0;
}



.site-header.scroll button.menu-toggle .menu-toggle-icon {
    color: var(--sp-blue);
}

.site-header a.menu-item-link {
    color: var(--sp-blue);
}

.site-header.scroll a.menu-item-link {
    color: var(--sp-black);
}

.site-header a.menu-item-link-current,
.site-header.scroll a.menu-item-link-current {
    color: var(--sp-orange);
}

.sp-menu-button a {
    background: var(--sp-orange);
    color: var(--sp-blue) !important;
    border-radius: 4px;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: bold;
    justify-content: center;
}

@media only screen and ( min-width: 768px ) {

    .before-header {
        width: 100%;
    }

    .before-header .clc-consistent-button {
        display: none;
    }

    .before-header .sp-ph-info {
        padding-top: 0;
    }

}


@media only screen and ( min-width: 1000px ) {

    .site-header a.menu-item-link {
        color: white;
    }

    .site-header .sub-menu a.menu-item-link {
        color: var(--sp-blue);
    }

    .site-header a.menu-item-link > span {
        transition: 0.1s !important;
    }

    .site-header.scroll a.menu-item-link {
        color: var(--sp-black);
    }

    .site-header a.menu-item-link:hover,
    a.menu-item-link-current {
        color: var(--sp-orange);
    }

    .sp-menu-button a:hover {
        background: white;
        color: var(--sp-orange) !important;
    }

    .site-header.scroll .sp-menu-button a:hover {
        background: var(--sp-dark-blue);
    }

    .site-header .sub-menu {
        border: 1px solid #f5f5f5;
    }

}



.home .content-sidebar-wrap {
    margin-top: 0 !important;
}


.sp-home-hero {
    padding-top: 110px !important;
    padding-bottom: 0 !important;
}

.sp-home-hero .clc-stacked-content-image-image,
.sp-home-hero .clcsc-image-screen img {
    width: 180px !important;
    height: 180px !important;
}

.sp-home-hero .clc-preheader,
.sp-internal-hero .clc-header {
    margin-top: var(--heading-margin-top, 0);
    margin-bottom: var(--heading-margin-bottom, var(--spacing-md));
    color: var(--heading-color, var(--color-heading));
    font-weight: var(--heading-font-weight, unset);
    font-family: var(--heading-font-family, unset);
    font-style: var(--heading-font-style, normal);
    line-height: var(--heading-line-height, var(--line-height-sm));
    letter-spacing: var(--heading-letter-spacing, normal);
    text-transform: var(--heading-text-transform, none);
    font-size: var(--h1-font-size, var(--font-size-xxxxl));
}

.sp-home-hero .clc-preheader {
    text-align: center;
}

.sp-home-hero .clc-header {
    font-size: var(--h3-font-size, var(--font-size-xl));
    font-weight: normal !important;
    line-height: 1.6em;
    max-width: 480px;
    color: var(--sp-white);
}

.sp-home-hero .clc-header a {
    color: var(--sp-creamsicle);
}

.sp-home-hero .clc-header a:hover {
    color: var(--sp-orange);
}

.sp-home-hero .clmt-icon-list-item-title {
    font-weight: normal !important;
    line-height: 1.2em;
}

.sp-home-hero .clmt-icon-list-flex-container {
    justify-content: center;
    width: 100%;
    gap: 20px;
    flex-direction: column;
    padding: 10px 0 25px;
}

.sp-our-guarantees .clmt-icon-list-item,
.sp-home-hero .clmt-icon-list-item {
    flex-direction: row;
    flex-wrap: nowrap;
}

.sp-home-hero .clmt-icon-list-item-content {
    flex-direction: row;
}

.sp-home-hero .wp-block-button,
.sp-home-hero a.button {
    width: 100%;
}

.sp-home-hero .fallback-cta {
    padding: 25px 0;
    color: white;
    font-size: 1.2em;
}

.sp-home-how-can-we-help {
    padding: 20px;
}

.pre-title {
    font-size: 0.5em;
    font-weight: 400;
    letter-spacing: 1px;
}

.sp-home-how-can-we-help .clmt-icon-list-title h2 {
    text-align: center;
    padding-bottom: 30px;
    line-height: 2em;
}

.sp-home-how-can-we-help .clmt-icon-list-item-title h3 {
    text-transform: uppercase;
    font-weight: 400;
}

.sp-home-how-can-we-help .clmt-icon-list-item-title a {
    text-decoration: none !important;
}

.sp-home-how-can-we-help .clmt-icon-list-item {
    margin-bottom: 45px !important;
}

.arc-bg { 
    height: 75px; 
}

.sp-home-meet-rich .clc-preheader {
    font-size: 1.4em;
}

.sp-home-meet-rich .clc-stacked-content-image-image img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.sp-home-meet-rich .clc-header {
    margin-top: var(--heading-margin-top, 0);
    margin-bottom: var(--heading-margin-bottom, var(--spacing-md));
    color: var(--heading-color, var(--color-heading));
    font-weight: 600;
    font-family: var(--heading-font-family, unset);
    font-style: var(--heading-font-style, normal);
    line-height: var(--heading-line-height, var(--line-height-sm));
    letter-spacing: var(--heading-letter-spacing, normal);
    text-transform: var(--heading-text-transform, none);
    font-size: var(--h1-font-size, var(--font-size-xxxxl));
}

.sp-blue-bg-content {
    background: var(--sp-blue) url('/wp-content/uploads/2024/08/blue-bar-bgd-.svg') bottom right no-repeat;
    padding: 30px;
    color: white;
}

.sp-blue-bg-content h2,
.sp-blue-bg-content h3,
.sp-blue-bg-content h4 {
    color: white;
}

.sp-blue-bg-content .button,
.sp-blue-bg-content button {
    border: 1px solid white;
    color: white;
    background: transparent;
}

.sp-blue-bg-content .button:hover,
.sp-blue-bg-content button:hover {
    color: var(--sp-blue);
    background: var(--sp-orange);
    border: 1px solid var(--sp-orange);
}

.sp-our-guarantees .clc-stacked-content-content {
    padding-right: 0;
}

.sp-our-guarantees .clc-stacked-content-image {
    align-items: flex-end;
}

.sp-our-guarantees .clc-header,
.sp-our-guarantees .clc-preheader {
    text-align: center;
}







#site-footer {
    background-color: var(--sp-dark-blue);
    color: var(--sp-white);
}

.footer-content-inner > .wp-block-group__inner-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
}

.sp-footer-notwidget {
    padding: 20px;
    width: 100%;
}

.sp-footer-notwidget a {
    color: var(--sp-white);
    --link-text-decoration-hover: underline;
}

.sp-footer-notwidget a:hover {
    text-decoration: var(--link-text-decoration-hover);
}

.sp-footer-notwidget.spf-one {
    text-align: center;
}

.sp-footer-notwidget.spf-one img {
    max-width: 260px;
}

.sp-footer-notwidget.spf-two {
    border-top: 1px solid rgba( 255,255,255,0.5 );
    border-bottom: 1px solid rgba( 255,255,255,0.5 );
}

#site-footer .clc-menu-block {
    border: none;
    --sub-menu-border: none;
}
@media only screen and (min-width: 961px) {
    .sp-footer-notwidget.spf-two {
        border-top: none;
    }
}


#site-footer ul#menu-footer-menu,
#site-footer ul#menu-service-areas {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

#site-footer .clc-menu-block .menu-item-has-children>a:after {
    display: none;
}

#site-footer .clc-menu-block .sub-menu {
    display: block;
    position: unset;
    background: transparent;
    padding-left: 10px;
    opacity: 1;
    width: auto;
    padding-right: 20px;
}

#menu-footer-menu > .menu-item,
#menu-service-areas > .menu-item {
    font-weight: bold;
}

#site-footer .clc-menu-block .sub-menu > .menu-item {
    font-weight: normal;
}

.sp-footer-contacts .clmt-icon-list-item {
    flex-direction: row;
}

.sp-footer-contacts .clmt-icon-list-flex-container .clmt-icon-list-item:last-of-type {
    margin-bottom: 0 !important;
}



#site-footer > .footer-credits {
    flex-basis: 100%;
    width: 100%;
    padding-top: var(--padding-bottom-sm, var(--padding-sm));
}


/* Our Guarantees Continued */ 
#after-entry-guarantees .clmt-icon-list .clmt-icon-list-flex-container {
    justify-content: flex-start;
}


@media only screen and ( min-width: 500px ) {

    .sp-home-hero .clmt-icon-list-item {
        flex-basis: calc( 50% - 20px );
    }

    .sp-home-how-can-we-help .clmt-icon-list-flex-container {
        gap: 20px;
    }

    .sp-home-how-can-we-help .clmt-icon-list-item {
        margin: 0 0 30px 0 !important;
        flex-basis: calc( 50% - 20px );
        max-width: 390px;
    }
}


@media only screen and (max-width: 767px) {
    #after-entry-guarantees .clmt-icon-list .clmt-icon-list-item {
        margin-left: 0;
        margin-right: 0;
    }
    #after-entry-guarantees .clc-stacked-content-content-content {
        margin-top: var(--spacing-sm);
    }
    .after-entry .clc-stacked-content-block, 
    #after-entry-guarantees .clc-stacked-content-content, 
    .after-entry.template-part {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@media only screen and ( min-width: 768px ) {

    .before-header .sp-ph-info {
        padding: 15px 0 0;
        font-size: 1em;
        justify-content: flex-end;
        width: var(--site-header-wrap-width,calc(100% - (var(--side-spacing) * 2)));
        max-width: var(--site-header-wrap-max-width, var(--wrap-max-width));
        margin: auto;
    }

    .before-header .material-symbols-outlined {
        padding-right: 8px;
    }

    .before-header .sp-ph-info .sp-preheader-time {
        padding-right: 20px;
    }

    ul#menu-header-right-main-nav {
        padding-top: 18px;
    }

    .site-header {
        padding-top: 33px;
    }

    .sp-home-hero {
        padding-top: 140px !important;
    }

    .sp-home-hero .clc-preheader {
        text-align: left;
    }

    .sp-home-hero .clc-stacked-content-image-image {
        display: flex;
        align-items: flex-end;
    }

    .sp-home-hero .clc-stacked-content-image-image img {
        position: relative;
        left: 60px;
    }

    .sp-home-hero .clc-stacked-content-content {
        padding-right: 0;
        align-items: flex-start;
    }

    .sp-home-hero .clc-stacked-content-image-image,
    .sp-home-hero .clcsc-image-screen img {
        width: 100% !important;
        height: 100% !important;
    }

    .sp-home-hero .clmt-icon-list-flex-container {
        justify-content: space-between !important;
        width: 100%;
        padding: 0 0 15px 0;
    }

    .sp-home-hero .wp-block-button,
    .sp-home-hero a.button {
        width: auto;
    }

    .sp-home-how-can-we-help .clmt-icon-list-title h2 {
        padding-bottom: 40px;
    }
    #after-entry-guarantees .clmt-icon-list-flex-container .clmt-icon-list-item {
        flex-basis: 40%;
    }


}


@media only screen and ( min-width: 960px ) {

    .sp-footer-notwidget {
        width: 33%;
        flex-basis: 33%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .sp-footer-notwidget.spf-one,
    .woa-social-icons {
        text-align: left;
    }

    .sp-footer-notwidget.spf-two {
        padding: 40px 0;
    }

}

/* This is when the mobile menu turns off */
@media only screen and ( min-width: 1000px ) {

    .site-header {
        padding-top: 0;
    }

}


@media only screen and ( min-width: 1024px ) {

    .sp-home-hero .clmt-icon-list-flex-container {
        padding: 0px 80px 15px 0;
    }

    .sp-our-guarantees .clc-header,
    .sp-our-guarantees .clc-preheader {
        text-align: left;
    }

    .sp-our-guarantees .clmt-icon-list-flex-container {
        gap: 30px;
    }

    .sp-our-guarantees .clmt-icon-list-item {
        margin: 0 !important;
        flex-basis: calc( 50% - 30px );
    }

    .sp-footer-notwidget {
        padding: 30px;
    }

    .sp-home-how-can-we-help .clmt-icon-list-item  {
        max-width: 23%;
    }

}


@media only screen and ( min-width: 1200px ) {

    .sp-footer-notwidget {
        padding: 40px;
    }
    .sp-our-guarantees .clmt-icon-list-item {
        margin: 0 !important;
        flex-basis: calc( 50% - 20px );
    }

}






/* SERVICE AREAS MAP */
/* Service Areas Map Block Styles */

.acf-map {
    margin: 0 !important;
}

.acf-map button,
.gm-ui-hover-effect {
    outline: none !important;
}

.gm-style-iw-t button {
    display: none !important;
}

.clc-locations-list ul li {
    margin-left: 30px;
}

.sp-service-areas-stripe,
.acf-map > div {
    background: var(--sp-blue) !important;
}

.sp-service-areas-stripe > .wp-block-group__inner-container {
    margin: 0 !important;
}

.sp-service-areas-stripe .acf-map {
    border: none;
}

.clc-locations-list {
    padding: 2em 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sp-service-areas-stripe h2,
.clc-locations-list a {
    color: white;
}

.clc-locations-list ul {
    margin: 0;
}

.clcl-location-state-description {
    display: none;
}


@media only screen and ( min-width: 768px ) {

    .sp-service-areas-stripe {
        background: none;
    }

    .sp-service-areas-stripe .wp-block-group__inner-container {
        max-width: none !important;
    }

    .sp-service-areas-stripe h2 {
        text-align: left !important;
        /*padding-left: 30px;*/
    }

    .sp-service-areas-stripe .locations-maps {
        display: flex;
    }

    .sp-service-areas-stripe .clc-locations-list {
        order: 1;
        flex-basis: 35%;
        flex-shrink: 0;
        display: flex;
        position: relative;
        z-index: 9;
        max-width: 600px;
        border-radius: 40px;
        background: var(--sp-blue);
        right: -40px;
        border-right: 2px solid var(--sp-dark-blue);
        justify-content: center;
        --link-text-decoration: none;
        --link-text-decoration-hover: underline;
    }

    .sp-service-areas-stripe .clc-locations-list ul {
        display: flex;
        flex-direction: column;
    }

    .sp-service-areas-stripe .acf-map {
        min-height: 70vh;
        order: 2;
    }

}


@media only screen and ( min-width: 1000px ) {

    .sp-service-areas-stripe .lpe-service-area-intro,
    .sp-service-areas-stripe .clc-locations-list ul {
        max-width: 400px;
    }

    .sp-service-areas-stripe .lpe-service-area-intro {
        padding: 1em !important;
    }

    .sp-service-areas-stripe .clc-locations-list ul {
        /*margin-right: 6vw;*/
    }

}





/* INTERNAL PAGES */

.sp-internal-hero {
    padding-top: 110px !important;
    margin-top: -72px !important;
}

.sp-internal-hero h1 {
    text-align: center;
}

.sp-internal-hero.clcsc-no-image .clc-stacked-content-content-content {
    display: flex;
    justify-content: center;
}

.sp-internal-hero-reviews-guy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    width: fit-content;
}

.sp-internal-hero-reviews-guy img {
    max-width: 70%;
    margin-right: 10%;
    max-height: 300px;
}

.sp-internal-hero-reviews-guy .rplg-badge2 {
    margin: 0 !important;
}

.sp-internal-hero-reviews-guy .rplg-badge2 .rplg-badge2-border {
    background-color: var(--sp-orange) !important;
}


/* FOR WHEN USING THE DEFAULT REVIEWS GUY */

.sp-internal-hero.clcsc-no-image .clc-stacked-content-image {
    display: none;
}


.sp-schedule-stripe-on-white > .wp-block-group__inner-container {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: 1.2em;
}

.sp-schedule-stripe-on-white > .wp-block-group__inner-container a {
    white-space: nowrap;
}

.sp-schedule-stripe-on-white > .wp-block-group__inner-container p {
    text-align: right;
}

.sp-schedule-stripe-on-white > .wp-block-group__inner-container button {
    font-size: 0.9em;
    text-transform: uppercase;
    border-radius: 8px;
}


.sp-trust-the-union {
    background-color: #f5f5f5;
    padding: 30px 20px;
}

.sp-trust-the-union-inner > .wp-block-group__inner-container {
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.sp-trust-the-union-inner > .wp-block-group__inner-container .wp-block-group:first-of-type {
    margin-bottom: 30px;
}


.sp-schedule-stripe-2 {
    background: var(--sp-dark-blue) url('/wp-content/uploads/2024/08/blue-bar-bgd-.svg') bottom right no-repeat;
    background-size: cover;
    color: white;
    text-align: center;
    padding: 30px 0;
}

.sp-schedule-stripe-2 h2 {
    color: white;
}


.sp-our-services-list h2 {
    text-align: center;
}

.sp-our-services-list .clmt-icon-list-item {
    padding-top: 30px;
}

.sp-our-services-list .clmt-icon-list-item a {
    text-decoration: none;
}

.sp-our-services-list .clmt-icon-list-item a:hover {
    text-decoration: underline;
}

.sp-our-services-list .clmt-icon-list-item-title {
    text-align: center;
}

.sp-our-services-list .clmt-icon-list-item-content {
    text-align: left;

}

.sp-our-services-list .clmt-icon-list-item-the-content {
    padding-top: 25px;
}

.sp-our-services-list .clmt-icon-list-item-the-content ul li {
    padding-bottom: 12px;
}


/* BLOG */
.blog .entry img:hover, .blog .entry img:active, .blog .entry img:focus {
    opacity: .8;
}
.blog {
    --button-link-color-hover: var(--color-primary-dark);
}
.button-secondary {
    --button-background-hover: var(--color-primary);
}
.blog .site-header:not(.scroll), 
.post-type-archive-radio-ads .site-header:not(.scroll), 
.single-radio-ads .site-header:not(.scroll) {
    background: var(--sp-dark-blue);
}
.blog .site-header.scroll {
    background: var(--sp-white);
}
.blog .content-sidebar-wrap {
    margin-top: 80px;
}

@media only screen and ( min-width: 1000px ) {
    .blog .content-sidebar-wrap {
        margin-top: 110px;
    }

}

.blog .entries-wrap {
    row-gap: 0;
}

.blog .entry-title,
.blog .entry-meta,
.blog .entry-excerpt {
    text-align: left;
}

.blog .entry {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.blog .entry img {
    border-radius: 8px;
}


/* BLOG SINGLE */

.sp-header-bg-blue .site-header,
.single-post .site-header,
.blog.paged .site-header:not(.scroll) {
    background: var(--sp-dark-blue);
}

.sp-header-bg-blue .site-header.scroll,
.single-post .site-header.scroll,
.blog.paged .site-header {
    background: white;
}

.sp-header-bg-blue .entry-title,
.single-post .entry-title {
    margin-top: 40px;
    margin-bottom: 5px;
}
.blog.paged .content-sidebar-wrap {
    margin-top: 80px;
}

@media only screen and ( min-width: 1000px ) {

    .sp-header-bg-blue .entry-title,
    .single-post .entry-title {
        margin-top: 60px;
    }
    .blog.paged .content-sidebar-wrap {
        margin-top: 110px;
    }

}

/* CONTACT PAGE */

.sp-contact-page-contacts a {
    text-decoration: none !important;
}


.sp-contact-page-contacts .clmt-icon-list-item {
    min-width: 250px;
    margin-bottom: 40px !important;
}

.sp-on-contact-page.clc-consistent-button {
    display: flex;
    justify-content: center;
}

.sp-on-contact-page.clc-consistent-button button {
    text-transform: uppercase;
    font-size: 1.2em;
    width: 100%;
}

@media only screen and ( min-width: 500px ) {

    .sp-on-contact-page.clc-consistent-button button {
        width: 80%;
    }

}


@media only screen and ( min-width: 768px ) {

    .sp-internal-hero {
        margin-top: -77px !important;
    }

    .sp-internal-hero.clcsc-no-image .clc-stacked-content-content {
        flex-direction: row;
        flex-basis: 100% !important;
    }

    .sp-internal-hero.clcsc-no-image .clc-stacked-content-content-content {
        justify-content: center;
    }

    .sp-schedule-stripe-on-white > .wp-block-group__inner-container {
        padding: 30px;
        font-size: 1.6em;
    }

    .sp-contact-page-contacts .clmt-icon-list-item {
        flex-basis: 30%;
    }

    .sp-on-contact-page.clc-consistent-button button {
        width: 40%;
    }

}


@media only screen and ( min-width: 800px ) {

    .sp-internal-hero {
        margin-top: -85px !important;
    }

    .sp-trust-the-union-inner > .wp-block-group__inner-container {
        flex-direction: row;
        gap: 40px;
    }

}

@media only screen and ( min-width: 1000px ) {

    .sp-internal-hero {
        padding-top: 140px; !important;
        margin-top: -96px !important;
    }

    .sp-internal-hero h1 {
        text-align: left;
        padding-left: 30px;
    }

}


@media only screen and ( min-width: 1300px ) {

    .sp-internal-hero-reviews-guy {
        align-items: flex-end;
        margin-right: 30px;
    }

    .sp-internal-hero-reviews-guy img {
        margin-right: -10%;
    }

    .sp-internal-hero h1 {
        padding-left: 0;
    }

}

/*
--------------------------------------------------
FAQ Alternate Style: Dark (Top Block Look)
--------------------------------------------------
Usage: Add the class 'faq-dark-style' to your FAQ block (in the block editor or HTML) to apply this style.
Example: <div class="faq-block faq-dark-style"> ... </div>
--------------------------------------------------
*/

.faq-dark-style .woa-faq-inner .woa-faq-item{
    border: none !important;
    margin: unset !important;
}
.faq-dark-style .woa-faq-question:hover{
    background: var(--color-primary-dark);
    color: var(--button-color-hover);
    transition: var(--transition);
}

.faq-dark-style .woa-faq-question{
    background: var(--sp-dark-blue);
    color: var(--sp-white);
    border: none;
    border-radius: var(--button-border-radius);
    font-family: var(--body-font-family);
    font-size: var(--font-size-base);
    font-weight: var(--button-font-weight, var(--body-font-weight));
    padding: 20px;
    display: block;
    margin-bottom: 15px;
}

.faq-dark-style .woa-faq-inner .woa-faq-item .woa-faq-question::before{
    display: inline-block;
    width: unset !important;
    height: unset !important;
    border-color: unset !important;
    border-style: unset !important;
    border-top: 0;
    margin-right: 5px !important;
    margin-bottom: unset !important;
    border-right-width: unset !important;
    border-bottom-width: unset !important;
    border-left: 0;
    -webkit-transform: unset !important;
    transform:unset !important;
    content: "+" !important;
    font-weight: 700;
}
.faq-dark-style .woa-faq-inner .woa-faq-item .woa-faq-question.active::before{
    content: "−" !important;
}

.faq-dark-style {
    background: transparent !important;
}