/*
Theme Name: Sante Harte
Description: Sante Harte WordPress Theme
Author: Undsgn™
Author URI: http://www.aredcreative.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

html {
  scroll-behavior: smooth;
}

body {
    background: #fff !important;
    font-family: 'Nunito Sans', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Red Hat Display', sans-serif;
}

h1,h2,h3 {
    font-weight: 800 !important;
}

.center {
    text-align: center !important;
}

.clr-white {
    color: #fff;
}

.clr-main-green {
    color: #9cbb82 !important;
} 

.white {
    color: #fff;
}

.back-home a {
    font-weight: 700;    
    color: #000;
}

.back-home .fa {
    margin-right: 5px;
    vertical-align: text-bottom;    
}

.back-home a:hover {
    color: #9cbb82;
    text-decoration: underline;
}

.hero-title {
    font-size: 4em !important;
    font-weight: 900 !important;
    margin-top: 0px;
}

.hero-sub-title {
    font-size: 1.5em;
    line-height: 1.35em;
    margin: 10px auto;
    max-width: 380px;
}

.cta-title-main {
    font-weight: 900 !important;
    margin-top: 0px;
}

.cta-subtitle {
    font-size: 1.2em;
}

.intro-header-title {
    font-weight: 900 !important;
    font-size: 3em !important;
    line-height: 1.1em;
    margin-top: 0px;
}

.service-title,
.service-title a {
    font-weight: 700;
    color: #000 !important;
    text-transform: capitalize;
}

.areas-list-header {
    font-weight: 700;
}

.areas-list li {
    display: inline;
    margin-right: 30px;
}

.areas-list .fa {
    margin-right: 5px;
    color: #9cbb82;
    font-size: 1.2em;
}

.testimonial-img {
    display: inline;
    max-width: 90px;
}

.testimonial-name {
    display: inline;
    position: absolute;
    color: #000;
    font-weight: 700;  
    margin-left: 12px;    
}

.testimonial-name span {
    font-weight: 300;
}

.testimonial-text {
    font-size: 1.5em;
    line-height: 1.5em;
    color: #000 !important;    
}

.faq-accordion .panel {
    border-radius: 6px !important;
}

.faq-accordion .panel-group .panel {
    border-radius: 0px;
    padding: 0;
    background: #f4f9fc;
    margin-bottom: 15px;
    border-radius: 10px;
}

.faq-accordion .panel-title {
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif !important;
    text-decoration: inherit;
}

.faq-accordion .panel-title > a {
    padding: 20px 30px !important;
}

.faq-accordion .uncode-accordion:not(.default-typography) .panel-title > a > span {
    font-size: 1.2em;    
    font-weight: 700 !important;
    font-family: 'Red Hat Display', sans-serif !important;
    line-height: 1.5em;    
    letter-spacing: normal;
    text-transform: inherit;    
}

.faq-accordion .panel-title > a > span:after {
    content: "\f067";
    color: #9cbb84 !important;
    right: 30px !important;
}

.faq-accordion .panel-title.active > a span:after {
    content: "\f068";
    color: #9cbb84 !important;
    right: 20px !important;
    transform: translateY(-50%) rotate(180deg);
}

.faq-accordion .panel-title.active > a {
    color: #9cbb82 !important;
}

.faq-accordion .panel-body {
    padding: 0px 30px 20px;
}

.panel-group .panel-heading + .panel-collapse:before {
    border-style: none;
}

.top-menu {
    background: #fff !important;
    color: #4b4b4b !important;
}

.top-menu.top-menu-enhanced {
    border-bottom: 1px solid #eee;  
    padding-top: 10px;
    padding-bottom: 10px;    
}

.top-menu.top-menu-enhanced .fa-phone-handset:before {
    color: #9cbb82;
}

.top-menu.top-menu-padding .menu-smart > li > a,
.top-menu.top-menu-enhanced .row-menu-inner .menu-horizontal a,
.menu-dark.top-menu .menu-bloginfo-inner, .menu-dark.top-menu p, .top-menu a, .top-menu p {
    font-family: 'Nunito Sans', sans-serif !important;
    color: #4b4b4b !important;
    font-weight: 800 !important;
    font-size: .85em;
}

.menu-smart i.menu-icon {
    color: #9cbb82;
}

.menu-light .menu-smart > li,
.menu-light .menu-smart > li a {
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;    
    border: 2px solid #fff;
    color: #000;
}

.menu-container:not(.vmenu-container):not(.grid-filters) ul.menu-smart > li > a:not(.social-menu-link):not(.vc_control-btn):hover,
.menu-light .menu-smart > li.active > a,
.menu-light .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a,
.menu-light .menu-smart > li > a:hover {
    border-color: #9cbb82;
    border-radius: 5px;
    color: #9cbb82;
}

.mobile-menu-button-light .lines:not(.lines-dropdown), .mobile-menu-button-light .lines:not(.lines-dropdown):before,
.mobile-menu-button-light .lines:not(.lines-dropdown):after, .mobile-menu-button-light .lines:not(.lines-dropdown) > span,
.vmenu-container.menu-light .lines:not(.lines-dropdown), .vmenu-container.menu-light .lines:not(.lines-dropdown):before,
.vmenu-container.menu-light .lines:not(.lines-dropdown):after, .vmenu-container.menu-light .lines:not(.lines-dropdown) > span {
    background: #9dba84;
}

/* BUTTONS */

.btn:not(.btn-custom-typo):not(.btn-inherit) {
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700 !important;    
    text-transform: capitalize;
}

.menu-smart > li > a > div > div > div.btn span {
    color: #fff;
    font-size: 15px !important;
    font-weight: 800;
    letter-spacing: 0px;
}

.menu-smart > li > a > div > div > div.btn span:before {
    content: url('assets/img/schedule-icon-2.png');
    margin-right: 10px;
}


.btn-main-silver {
    background: #f4f9fc !important;
    border-color: #f4f9fc;
    color: #000;
}

.btn-main-green:hover,
.btn-main-silver:hover {
    background: #333 !important;
    border-color: #333 !important;
    color: #fff;
}

.menu-horizontal .menu-btn-cell,
.btn-main-green {
    border-radius: 8px;    
    background: #9cbb82 !important;
    border-color: #9cbb82;  
    color: #fff !important;
}

.emergency-notice-container {
    background: #9cbb82 !important;
    padding: 8px 20px;    
    
}

.emergency-notice-text {
    margin-top: 0px !important;
    font-weight: 700;
}

.emergency-notice-text .fa-plus {
    color: red;
    margin-right: 3px;
}

.bg-main-green {
    background: #9cbb82 !important;
    color: #fff !important;
}

.bg-main-silver {
    background: #f4f9fc !important;
}

/* HACKS */

.rounded-img {
    border-radius: 10px; 
}

.margtmin150 {
    margin-top: -150px;
}

.margt0 {
    margin-top: 0px !important; 
}

.margt10 {
    margin-top: 10px !important;
}

.margt20 {
    margin-top: 20px !important;
}

.margt25 {
    margin-top: 25px !important;
}

.margt30 {
    margin-top: 30px !important;
}

.margt40 {
    margin-top: 40px !important;
}

.margt50 {
    margin-top: 50px !important;
}

.margt0 {
    margin-top: 0px !important;
} 

.margb20 {
    margin-bottom: 20px !important;
}

.margb25 {
    margin-bottom: 25px !important;
}

.margb30 {
    margin-bottom: 30px !important;
}

.margb40 {
    margin-bottom: 40px !important;
}

/* FOOTER */

.custom-footer {
    background: #f4f9fc;
}

.footer-title {
    font-weight: 700;
    margin-bottom: 25px;
}

.custom-footer .menu li {
    line-height: 2.5em;
}

.custom-footer li a {
    color: #000;
}

.custom-footer li a:hover {
    text-decoration: underline;
}

.footer-fab {
    margin-top: 20px;
}

.footer-fab a {
    color: #9cbb83;
}

.footer-fab a .fab {
    font-size: 22px;
    margin-right: 10px;
}

.footer-fab .fab:hover {
    color: #333;
}

.copyright-footer {
    font-size: 13px;
}

.copyright-footer .menu li {
    font-size: 13px;
    display: inline;
    margin-left: 20px;
}

.copyright-footer .menu {
    float: right;
}

.date {
    font-size: 13px;
}

@media (min-width: 960px) {
    .menu-smart {
        padding: 2.6em 13px 2.6em 13px;
    }
    
    .menu-smart > li > a {
        padding: 0px 20px 0px 20px;
    }
}

@media (max-width: 959px) {
    .menu-horizontal-inner {
        text-align: center;
    }
    
    .menu-container:not(.grid-filters) ul.menu-smart a:not(.social-menu-link):not(.vc_control-btn) {
        font-size: 16px !important;
    }
    
    .faq-img-container {
        text-align: center;
    }
    
    .faq-img-container img {
        max-width: 300px;
    }
    
}

@media (max-width: 958px) {
    
    .copyright-footer {
        text-align: center;
    }
    
    .copyright-footer .menu {
        float: none;
    }
    
    .copyright-footer ul {
        margin-top: 0px;
    }    
    
    .copyright-footer .menu li {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media (max-width: 569px) {
    .btn:not(input):not(.checkout-button):not(.btn-no-scale), .btn-link:not(input):not(.checkout-button):not(.btn-no-scale) {
        transform: scale(1);
        transform-origin: inherit;
    }
    
    .copyright-footer .col-lg-6:last-child {
        padding-top: 0px !important;
    }
    
    .hero-title {
        font-size: 3em !important;
    }
    
}

@media (max-width: 480px) {
    
    .emergency-notice-text {
        font-size: 12px !important;
    }    
    
    .hero-title {
        font-size: 2.6em !important;    
    }
    
    .hero-sub-title {
        font-size: 1.4em;
    }
    
    .testimonial-text {
        font-size: 1em;
    }
    
    .testimonial-name {
        display: block;
        position: inherit;
        margin: 15px auto;
    }
    
    .faq-accordion .panel-title > a {
        padding: 20px 20px !important;
    }    
    
    .faq-accordion .panel-title > a > span:after {
        right: 20px !important;
    }
    
    .faq-accordion .panel-body {
        padding: 0px 20px 20px;
    }
    
    .faq-accordion .uncode-accordion:not(.default-typography) .panel-title > a > span {
        font-size: .99em;
    }
    
    .faq-img-container img {
        max-width: 230px;
    }
    
    .intro-header-title {
        font-size: 2.1em !important;
    }    
    
    .top-menu.top-menu-padding .menu-smart > li > a, .top-menu.top-menu-enhanced .row-menu-inner .menu-horizontal a,
    .menu-dark.top-menu .menu-bloginfo-inner, .menu-dark.top-menu p, .top-menu a, .top-menu p {
        font-size: 11px;
    }
    
    .copyright-footer .menu li {
        margin-left: 6px;
        margin-right: 6px;
    }
    
}

@media (max-width: 375px) {
    
    .hero-title {
        font-size: 2.4em !important;
    }
    
    .hero-sub-title {
        font-size: 1.2em;
    }
    
    .intro-header-title {
        font-size: 2em !important;
    }
    
    .testimonial-text {
        font-size: 1em;
    }
    
    .testimonial-name {
        display: block;
        position: inherit;
        margin-left: 0px;
    }
    
    .client-reviews-section .row-parent {
        padding-left: 10px;
        padding-right: 10px;
    }
    
}

@media (max-width: 320px) {
    .emergency-notice-text {
        font-size: .8em;
    }
    
    .hero-title {
        font-size: 1.95em !important;
    }
    
    .hero-sub-title {
        font-size: 15px;
        line-height: 1.5em;
    }
    
    .areas-list li {
        margin-right: 10px;
        font-size: 14px;
    }
    
    .testimonial-text {
        font-size: .9em;
    }
    
    .btn:not(input):not(.checkout-button):not(.btn-no-scale), .btn-link:not(input):not(.checkout-button):not(.btn-no-scale) {
        transform: scale(.9);
    }
}