/* Custom CSS for Plumbing Child Theme
-------------------------------------------------------------- */

/* Base settings */
html .scheme_light,
html body.scheme_light,
html .scheme_light:where(.editor-styles-wrapper) {
    --theme-color-text_link: #0071bc !important; /* Custom link color */
    --theme-color-text_link_hover: #00568f !important; /* Custom link hover color */
    --theme-color-alter_link2: #0071bc !important; /* Custom alternate link color */
    --theme-color-alter_link2_hover: #00568f !important; /* Custom alternate link hover color */
}
.sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(
        .sc_button_bg_image
    ) {
    background-color: #0071bc !important;
    border-color: #0071bc !important;
}
.sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(
        .sc_button_bg_image
    ):hover {
    background-color: #00568f !important;
}

body h1 {
    font-size: 3.7em;
    line-height: 1em !important;
    word-break: keep-all;
    /*preventbreakinginsidewords*/
    overflow-wrap: normal;
    /*don’tforcebreaksinthemiddle*/
    hyphens: none;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
}

/* Responsive styles for testimonials section */
.sc_testimonials_item_content {
    position: relative;
    max-height: 150px !important;
    overflow: hidden !important;
}

/* Fade effect at bottom */
.sc_testimonials_item_content.fade::after {
    content: '';
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    transition: opacity 0.3s ease;
}

/* Hide fade when expanded */
.sc_testimonials_item_content.expanded {
    max-height: none !important;
    overflow: visible !important;
}

.sc_testimonials_item_content.expanded::after {
    opacity: 0;
}

/* Toggle button styling */
.expand-toggle {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    color: grey;
    opacity: 0.4;
    cursor: pointer;
    font-size: 5em; /* smaller size */
    user-select: none;
    line-height: 1;
    background: transparent;
    padding: 0;
    box-shadow: none;
    border: none;
    width: auto;
    text-align: center;
    z-index: 1;
}

#sticky-components {
    .fixed-tel {
        position: fixed;
        bottom: 50px;
        right: 50px;
        width: 70px;
        height: 70px;
        line-height: 50px;
        z-index: 9999;
        text-align: center;
    }

    .fixed-tel:before {
        content: '';
        width: 70px;
        height: 70px;
        background-color: var(--theme-color-text_link);
        position: absolute;
        border-radius: 100%;
        box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12),
            0 1px 1px 0 rgba(0, 0, 0, 0.24);
        z-index: 1;
        top: 0;
        left: 0;
    }
    .fixed-tel:after {
        content: '\e9b8'; /* replace with your Fontello icon code */
        font-family: 'fontello'; /* name of the font family from your fontello.css */
        font-size: 1.5rem;
        color: #fff;
        z-index: 2;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.dis_block .elementor-counter-number-wrapper {
    width: max-content;
    text-align: left;
}

/* Hero section */
#hero-section-image .sc_fly_static {
    height: 250px;
}

/* Post page */
.services_page_content h2.wp-block-heading {
    font-size: var(--theme-font-h5_font-size);
}
.post_meta .post_meta_item.post_author,
.author_info.vcard {
    display: none;
}

/*===========
** Responsive
===========*/
@media screen and (max-height: 767px) {
    body h1 {
        font-size: 2.7em;
        line-height: 1em !important;
    }
    body img.logo_image {
        max-height: 45px !important;
    }
}