/*!
 * SVS v6 Local Styles
 * Copyright 2008-2017 Punchmark
 */

.script,
script {
     font-family: "adobe-handwriting-ernie", 'cursive' !important;
    font-weight: 400;
    font-style: normal;
}

small {
    display: block;
    font-family: var(--bs-p-family) !important;
    margin-bottom: 8px !important;
}

section[data-pagebuilder="section"] .testimonials-carousel .owl-carousel .owl-dots button.owl-dot {
    background: var(--bs-input-bg-color) !important;
}

section[data-pagebuilder="section"] .testimonials-carousel .owl-carousel .owl-dots button.owl-dot:hover, 
section[data-pagebuilder="section"] .testimonials-carousel .owl-carousel .owl-dots button.owl-dot:focus, 
section[data-pagebuilder="section"] .testimonials-carousel .owl-carousel .owl-dots button.owl-dot.active:hover, 
section[data-pagebuilder="section"] .testimonials-carousel .owl-carousel .owl-dots button.owl-dot.active:focus,
section[data-pagebuilder="section"] .testimonials-carousel .owl-carousel .owl-dots button.owl-dot.active {
    background: var(--secondary) !important;
}

section[data-pagebuilder="section"] .testimonials-carousel .owl-carousel .owl-dots {
    background: transparent !important;
} 
/*=====================

Header

=====================*/

.alert.alert-global {
    background: var(--secondary) !important;
    color: var(--primary) !important;
}

.alert-global a:hover {
    color: var(--bs-light) !important;
}

@media (max-width: 767px) {
    nav.navbar .navbar-nav .nav-item.item-search-inline form {
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .input-group {
        border-radius: 0 !important;
    }
}

header a#logo {
    padding-top: 0 !important;
}

@media(max-width: 767px) {
    header > div > div.row {
        height: 100px !important;
    }

    header .content-toolbar .content-toolbar-inner>ul>li>a>i,
    header .content-toolbar .content-toolbar-inner>ul>li>a>i:before {
        width: 20px !important;
        height: 20px !important;
        font-size: 20px !important;
    }
    .dropdown-menu .form-label-group>label {
        background: transparent !important;
    }
}

header .content-toolbar .content-toolbar-inner>ul>li.dropdown .dropdown-menu .dropdown-item:hover, 
header .content-toolbar .content-toolbar-inner>ul>li.dropdown .dropdown-menu .dropdown-item:focus {
    color: var(--bs-light) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li:nth-child(3) > a > i + span {
    margin-left: 17px !important;
}

@media (min-width: 768px) {
    header a#logo {
        padding-bottom: 0 !important;
    }
    header .main-content > .row > .col {
        padding-bottom: 12px !important;
    }
}
/*=====================

Footer

=====================*/



footer a,
footer address,
footer div {
    color: var(--bs-light);
}

footer .address-text i{
    margin-right: 5px !important;
    margin-top: 1px;
}

footer > .footer-section > .container-fluid {
    background: var(--bs-section-default-inset) !important;
}

footer .footer-section:first-child .container {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 767px) {
    footer .col-12 > h6,
    footer .col-12 > .h6 {
        padding-left: 1.25rem !important;
    }
}

footer h3, footer .h3 {
    color: var(--bs-p-color);
}

footer .footer-section:nth-child(1) {
  background: var(--bs-section-default-bg) !important;
  margin-left: var(--bs-container-negative-margin);
  margin-right: var(--bs-container-negative-margin);
  width: calc(100% + var(--bs-container-padding-x-2x));
}

footer .footer-section:nth-child(2) {
  margin-left: var(--bs-container-negative-margin);
  margin-right: var(--bs-container-negative-margin);
  width: calc(100% + var(--bs-container-padding-x-2x));
}

@media (max-width: 767px) {
    footer [data-bs-toggle="collapse"] h6::after, footer [data-bs-toggle="collapse"] .h6::after {
        bottom: 7px;
        position: relative;
    }
    footer div.developer-attribution {
        justify-content: flex-start;
        padding-left: 0 !important;
    }
}

footer .social-networks {
    margin-top: 1.05rem !important;
}

footer .social-networks .network + .network {
    margin-left: 0 !important;
} 

footer .social-networks .network {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

@media (max-width: 767px) {
    footer .required-links li + li {
        margin-left: 0 !important;
        margin-right: 1.25rem !important;
    }
}

footer .marketing-card p {
    color: var(--bs-p-color) !important;
}

footer .footer-section:nth-child(2) * {
    color: var(--bs-p-color) !important;
}

footer .footer-section:nth-child(3) {
    padding-top: 40px;
}

footer .form-control {
    border-color: var(--bs-p-color) !important;
}

footer .form-control::placeholder {
    color: var(--bs-p-color) !important;
    opacity: 0.75 !important;
}

footer .subscribe-widget-xl .btn-primary {
    background: var(--bs-p-color) !important;
    color: var(--bs-light) !important;
}

footer .subscribe-widget-xl .btn-primary:hover,
footer .subscribe-widget-xl .btn-primary:focus {
    background: #333333 !important;
}

footer .custom-footer-grid-container {
    width: 100%;
    display: block;
    position: relative;
}

footer .subscribe-widget-xl {
    margin-top: 50px;
}

footer .footer-collapse-heading {
    background: var(--primary);
}

footer .h6, footer h6 {
    font-size: 20px;
    font-weight: 700;
}

footer address,
footer address *,
footer .address-text,
footer .address-text * {
    font-size: 0.75rem !important;
}

footer .custom-footer-grid-item img {
    max-width: 30px;
}

@media(min-width: 768px) {
    footer .h6.footer-bottom-right {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}
/* ======================= 
    Card Section 
======================= */

section.card-section .custom-footer-grid-container .custom-footer-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: 1fr;
    gap: 16px;
    justify-content: center;
}

section.card-section .custom-footer-grid-container .custom-footer-grid .custom-footer-grid-item {
    height: 100%;
    justify-self: center;
}

@media (max-width: 1024px) {
    section.card-section .custom-footer-grid-container .custom-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    section.card-section .custom-footer-grid-container .custom-footer-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

section.card-section .marketing-card {
	padding: 20px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	height: 100%;
    max-height: 325px;
    /* height: 235px; */
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background-color: #f8f8f8f8;

	/* height: 100% !important; */
    flex-direction: column !important;
	border-radius: 6px !important;
}

section.card-section .marketing-card h3 {
    font-size: 19px !important;
}

section.card-section .marketing-card p {
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 300;
}

@media (max-width: 767px) {
    section.card-section .marketing-card {
        width: 100%;
        max-width: 510px !important;
        margin: 0 auto !important;
    }
}

/* ======================= 
    Porting over Old Styles
======================= */


@media(min-width: 768px) {
    section.desktop-half-width {
        padding: 0 20px!important
    }

    section.desktop-half-width .widget-banner,section.desktop-half-width [data-pagebuilder=widget]>.d-block {
        display: flex!important
    }

    section.desktop-half-width .widget-banner-image,section.desktop-half-width .widget-image-wrapper,section.desktop-half-width [data-widget-element=widgetImage] {
        width: 50%!important;
        max-width: 50%!important;
        margin-left: 0!important;
        margin-right: auto!important
    }

    section.desktop-half-width .widget-banner-image [data-widget-element=widgetImage],section.desktop-half-width .widget-image-wrapper [data-widget-element=widgetImage] {
        width: 100%!important;
        max-width: 100%!important
    }

    section.desktop-half-width.alt {
        background: #fff!important
    }

    section.desktop-half-width.alt>.container,section.desktop-half-width.alt>.container-fluid {
        background: var(--dark)!important
    }

    section.desktop-half-width [data-pagebuilder=widget] .widget-text-overlay {
        position: static!important
    }

    section.desktop-half-width [data-pagebuilder=widget].left-side-text>.d-block {
        flex-direction: row-reverse!important
    }

    section.desktop-half-width [data-pagebuilder=widget].left-side-text [data-widget-element=widgetImage] {
        margin-right: 0!important;
        margin-left: auto!important
    }
}

.warranties-section .row {
    justify-content: center
}

.warranties-section .warranty-ico-image img {
    height: 50px!important;
    max-height: 50px!important;
    min-height: 50px!important;
    width: auto!important;
    max-width: unset!important
}

.warranties-section .row [data-pagebuilder=column] [data-widget-element=widgetParagraph] {
    line-height: 1rem!important;
    display: block!important;
    margin-bottom: 0!important
}

@media(min-width: 992px) {
    .warranties-section .row {
        flex-wrap: nowrap!important
    }

    .warranties-section .row [data-pagebuilder=column]+[data-pagebuilder=column] {
        border-left: 1px solid rgba(0,0,0,.1)
    }

    .warranties-section .row [data-pagebuilder=column] .widget {
        justify-content: center
    }
}

@media(max-width: 991px) {

    .warranties-section .warranty-ico-image {
        width: 50px!important;
        min-width: 50px!important;
        max-width: 50px!important
    }

    .warranties-section .warranty-ico-image+.flex-column {
        width: 100%!important
    }

}

.extra-border {
    position: relative;
}

.extra-border::after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border: 5px solid #fff;
}

section.drop-a-hint-section.inset {
    background: #fff!important
}

section.drop-a-hint-section.inset>[data-pagebuilder=section-container] [data-pagebuilder=widget] {
    background: #f8f8f8!important;
    position: relative;
    padding: 40px 20px;
    display: flex!important;
    align-items: center!important;
    flex-direction: row-reverse!important
}

section.drop-a-hint-section.inset>[data-pagebuilder=section-container] [data-pagebuilder=widget]::after {
    content: "";
    background: 0 0;
    border: 5px solid #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    z-index: 1
}

section.drop-a-hint-section.inset>[data-pagebuilder=section-container] [data-pagebuilder=widget] .content-block {
    position: relative;
    z-index: 10
}

section.drop-a-hint-section.inset>[data-pagebuilder=section-container] [data-pagebuilder=widget] a.widget-inner {
    max-width: 300px;
    max-height: 100%;
    position: relative;
    z-index: 20
}

@media (max-width: 991px) {
    section.drop-a-hint-section.inset>[data-pagebuilder=section-container] [data-pagebuilder=widget] a.widget-inner {
        display: none !important;
    }
}

/*=================

Smaller staff titles on mobile - client request post launch 2026

===================*/

@media(max-width: 767px) {
    section[data-pagebuilder="section"] .meet-our-staff-grid .widget .staff-member-name, 
    section[data-pagebuilder="section"] .meet-our-staff-grid .widget .staff-member-title {
        font-size: 19px !important;
    }
}