/*
Theme Name:  Lifespace Foundation
Theme URL:   https://www.spinutech.com
Description: Child Theme of Lifespace
Author:      Spinutech
Author URL:  https://www.spinutech.com
Template:    Lifespace
Version:     2023
*/

/*Child Variables*/
:root {
    --fontheader:"sofia-pro", serif;
    --fontcontent:"montserrat", sans-serif;
    --white:#fff;
    --lightprimary:#068479;
    --lighttertiary:#E8D29C;
}

/*Theme Overrides*/
html, body {
    color: var(--darkprimary);
}
/*Header*/
#mainheader .header-wrapper{
    background: var(--lightprimary);
}
#mainnav ul.menu > li > a{
    color: var(--white);
    text-transform: uppercase;
}
button.bttn,
a.bttn,
.bttn>a{
    border-radius:999px;
}
.bttn.alt > a{
    background: var(--buttonaltcolorbottom);
    background: linear-gradient(to bottom, var(--buttonaltcolortop) 0%, var(--buttonaltcolorbottom) 100%);
    color: var(--primarycolor) !important;
}
.menu-toggle-wrapper{
    color: var(--white);
}
.menu-toggle span{
    background-color:var(--white);
}

/*Content*/
h1:after, .h1:after, h2:after, .h2:after {
    background: var(--lighttertiary);
}
h5,.h5{
    line-height:1.2em;
}
.image-slider-row.fullwidth .image-slider-col img{
    border-radius: 0 5vw;
}
.image-slider-row.fullwidth.slider-arrows-right .image-slider-col img{
    border-radius: 5vw 0;
}
.hero-square-block .hero-arrow path,
.hero-square-block .hero-arrow line{
    stroke:var(--lighttertiary) !important;
}
.animated-image{
    border-radius: 3vw 0 0 0;
}
.posts-slider-row .posts-slider-col-img img{
    border-radius: 0 3vw;
}
.bg-primary{
    background: var(--lightprimary);
}
.bg-logoimg{
    background-image:url("img/logo-bar.png");
    background-position: bottom center;
    background-repeat: repeat-x;
    box-shadow: inset 0px -120px 120px -120px rgba(0, 0, 0, 0.38);
}
.site-wrapper a.bttn:not(.block):not(.alt){
    border-color:var(--buttoncolorbottom);
    color:var(--buttoncolorbottom) !important;
}
.site-wrapper a.bttn:not(.block):not(.alt):hover{
    color:#fff !important;
}
.site-wrapper a.bttn:not(.block):not(.alt)::before {
    border-radius: 99px;
    scale: 1.01;
}
.site-wrapper a.bttn:not(.block):not(.alt) .icon-external svg path {
    fill: var(--buttoncolorbottom);
}
.site-wrapper a.bttn.alt:not(.block){
    color:var(--lightprimary) !important;
}
.site-wrapper a.bttn.alt:not(.block) .icon-external svg path {
    fill: var(--lightprimary);
}

/*Footer*/

@media (max-width: 1100px) {
    #mainnav ul.menu > li > a{
        color: var(--primarycolor);
        text-transform: inherit;
    }
    #mainnav a.bttn:hover,
    #mainnav .bttn>a:hover{
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}