/* BASE */
.tw-btn-rounded,
.tw-btn-rounded a {
    border-radius: 12px;
}

/* HEADER */
#sp-header {

    box-shadow: none;
    height:168px;
    background-color: transparent;
    background-image: url(/images/header-path-2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}


#sp-main {
    margin-top: -168px;
}

.logo-image {
    height: 100px;
    margin-top: 30px;
}

/* NAV */
#sp-menu {
    position: static;
    margin-top: -20px;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    display: inline-block;
    padding: 0 15px;
    line-height: 1.5em;
    font-size: 14px;
    margin: 0;
}
.sp-megamenu-parent>li>a.nav-phone {
    background-color:#820304;
    color:#ffffff;
    padding:8px 12px;
    border-radius:10px;
}

/* OFFCANVAS */


/* FOOTER */
#sp-bottom {
    padding: 0;
    background-image: url(/files/2026/06/10/we-care-homes-footer-bk.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    border-top: 2px solid #f7f3f2;
}
.tw-footer-border-right {
    border-width: 0;
    border-right-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #f8c15a, #e3963e) 1;
}
.tw-footer-contact i {
    background: #fff;
    color: var(--sppb-red);
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 100px;
    font-size: 14px;
    line-height: 24px;
}
span.sp-copyright {
    margin-bottom: 20px;
    display: block;
}
#sp-bottom span.sp-copyright a {
    color:#fff;
}

/* HOME */
.tw-home-stage {
    background-image: url(/files/2026/06/10/hero-curve.png), url(/files/2026/06/10/we-care-stage.jpg);
    background-size: contain, cover;
    background-repeat: no-repeat;
    background-position: bottom, 50% 30%;
}

.tw-hp-featurebox .sppb-img-container {
    margin-top:-50px;
}

#tw-familyowned-section {
    background-image: linear-gradient(180deg, #750406 5%, #3d2d2d 20%, #969693 50%, #f9f2e8 80%);
}
.tw-testimonial-block {
  height: stretch;
  height: -webkit-fill-available;
}
.tw-testimonial-info {
    height: stretch;
    height: -webkit-fill-available;
}

/* INTERIOR */


/* MEDIA */

@media only screen and (min-width: 1920px) {
.tw-home-stage
    {
        background-image: url(/files/2026/06/10/hero-curve.png), linear-gradient(90deg, #e2dbd2 0, #e2dbd2 calc(50vw - 960px), transparent calc(50vw - 758px), transparent calc(50vw + 866px), #e2dbd2 calc(50vw + 954px), #e2dbd2 100%), url(/files/2026/06/10/we-care-stage.jpg);
        background-size: contain, contain, 1920px;
        background-position: bottom, bottom, 50% 30%;
    }
}


@media only screen and (max-width: 1200px) {
    .logo-image {
        max-height: 86px;
    }
    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
        display: inline-block;
        padding: 0 10px;
    }
}
@media only screen and (max-width: 991px) {
    .logo-image {
        max-height: 100px;
        margin-top: 60px;
    }
}
@media only screen and (max-width: 767px) {
    .tw-footer-border-right {
        border:none;
    }
}
@media only screen and (max-width: 500px) {
    .logo-image {
        max-height: 86px;
        margin-top: 60px;
    }
    #sp-logo {
        padding-right: 0;
    }
}
@media only screen and (max-width: 400px) {
    .logo-image {
        max-height: 86px;
        margin-top: 60px;
    }
    #sp-logo {
        padding-left: 0;
    }
    #sp-menu {
        padding-left: 0;
    }
}