/*
Theme Name: sanoLiving
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for sanoLiving.
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sanoliving
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root{--text:#601e46;--muted:#6d4962;--bg:#fff;--hero-bg:#f0eef7;--accent:#806eb8;--footer:#6a1b4d;--line:#f3956c; --border:#F3956C}
body{margin:0;font-family:"Open Sans",sans-serif !important;color:#000 !important;background:var(--bg); font-size:20px; overflow-x:hidden}
h1 {font-weight: 700!important;}
h1,h2,h3,h4,h5{font-family:"Montserrat",sans-serif;font-weight:600;color:var(--text)}
img {width: 100%; max-width: 100%;}
.custom-container{max-width:1240px}
.primary_btn {background:var(--accent);color:#fff;border-radius:10px;font-family:"Montserrat",sans-serif;font-weight:700;font-size:18px;border:0;padding:15px 18px;box-shadow:none}
.primary_btn:hover {background:#8ba803;color:#fff}

.pull-left { float:left;}
.pull-right { float:right;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.br-0 { border-radius:0; -webkit-border-radius:0;}
.clear { clear:both;}
.mrb-10 { margin:0 10px 10px 0;}
.form-group { margin-bottom:1rem;}

.as-seen,.stats-intro,.stats-circles,.women-deserve,.expect,.cta-section{position:relative}
.brand-logo{width:100%; max-width: 260px; height:auto}
.site-header{box-shadow:0 12px 18px -6px #00000026;position:relative;z-index:20; padding:9px 0;}
.site-header .navbar{padding-top:10px;padding-bottom:10px}

.main_menu {position: relative;}
.main_menu li a {font-family:"Montserrat",sans-serif;font-size:18px; font-weight:700;color:#292A28;padding-inline:7px; text-decoration: none;}
.main_menu li a:hover{color:#6a1b4d; text-decoration: none;}
.main_menu li.current-menu-ancestor>a,.main_menu li.current-menu-item>a,.main_menu li.current-menu-parent>a,.main_menu li.current_page_item>a {color:#6a1b4d; text-decoration: none;}
@media (min-width: 991px) {
    .main_menu li:last-child {margin-left:4px;padding-left:8px; position: relative;}
    .main_menu li:last-child:before {position:absolute; left:0; top:4px; bottom:5px; content:""; background-color: #999; width: 1px;}
}

.hero_section{background-size:100%; background-position:0 0,left top; background-repeat:no-repeat; position:relative; overflow:hidden; padding:25px 0 300px !important;}
.hero_section::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-54px;height:108px;background:var(--bg);border-radius:100% 100% 0 0;z-index:2}
.hero-shell{min-height:390px;position:relative}
.hero-content-wrap{min-height:390px;position:absolute;right:0;top:0;width:50%;padding:0px 5.3vw;z-index:1}

.hero-content{position:relative;z-index:1}
.hero-content h1{margin-bottom:10px}
.hero-content p{font-size:36px;line-height:1.3;margin-bottom:20px;margin-top:-6px;font-family:"Montserrat",sans-serif;font-weight:500;color:var(--text)}

.section-title{margin-bottom:20px!important}
.as-seen{padding-top:0!important;padding-bottom:34px!important; margin-top:-170px; position: relative; z-index: 2;}
.logos-row img{max-height:90px;object-fit:contain}
.logos-row{row-gap:20px!important;column-gap:0}
.logos-row .col-md-2:nth-child(1) img{max-height:28px}
.logos-row .col-md-2:nth-child(2) img{max-height:65px}
.logos-row .col-md-2:nth-child(3) img{max-height:58px}
.logos-row .col-md-2:nth-child(4) img{max-height:80px}
.logos-row .col-md-2:nth-child(5) img{max-height:45px}
.stats-intro h3{margin:18px auto 0; margin-bottom:40px;}
.stats-intro{background:var(--bg);padding-bottom:28px!important}
.stat-image{max-width:200px}
.stats-circles p{  width: 100%; max-width: 240px; margin: 20px auto; font-size:20px; line-height:1.5;}
.stats-circles small{color:#6c4a63;font-size:16px}
.stats-circles{background:var(--bg);padding-bottom:72px!important}
.woman-image{border-radius:180px 180px 0 0;display:block;max-width:88%}
.women-deserve h2,.expect h2{ margin-bottom:10px}
.women-deserve{background:var(--bg);padding-top:42px!important;padding-bottom:36px!important}
.women-deserve .row{--bs-gutter-x:2.6rem}
.women-deserve .col-lg-7{padding-top:6px}
.accordion-item{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.accordion-button{color:#f3956c;font-family:"Montserrat",sans-serif;font-weight:700;font-size:20px;line-height:1.3;padding-left:0;padding-right:36px;background:transparent;position:relative}
.accordion-button:not(.collapsed){color:var(--text);background:transparent;box-shadow:none}
.accordion-button:focus{box-shadow:none}
.accordion-button::after{content:"+";background-image:none;width:24px;height:24px;border-radius:50%;border:2px solid #f3956c;color:#f3956c;font-size:18px;font-weight:700;font-family:"Montserrat",sans-serif;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.accordion-button:not(.collapsed)::after{content:"−";color:var(--text);border-color:var(--text);transform:translateY(-50%); background-image: none!important;}
.accordion-body{font-size:18px;color:var(--text);padding-left:0;padding-right:0;padding-top:0;line-height:1.45}
.expect{background:var(--bg);padding-top:22px!important;padding-bottom:62px!important}
.expect .row{--bs-gutter-x:2.4rem}
.expect .col-lg-6:first-child{text-align:center}
.expect .col-lg-6:first-child img{max-width:90%}
.cta-section{background-position:top; background-size:cover; color:#fff; overflow:hidden; margin-top:0; padding-top:110px!important; padding-bottom:82px!important}
.cta-section h2,.cta-section p{color:#fff}
.cta-section h2{ max-width:980px;margin:0 auto 14px;line-height:1.2}
.cta-section p{max-width:980px;margin:0 auto 18px;font-size:24px!important}
.cta-section .primary_btn {background: #fff; color: var(--accent);}

.site-footer{background:var(--footer);color:#fff;padding-top:20px!important;padding-bottom:20px!important}
.footer-logo{width:100%; max-width:220px;height:auto}
.footer-copy,.footer-copy a{color:#fff;font-size:15px;text-decoration:none}
.social-links a{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff;background-color:#fff;font-size:12px;font-family:"Montserrat",sans-serif;text-decoration:none;margin-left:10px}
.social-links img {height: 18px; width: auto;}
.social-links i{line-height:1}

.inner_section { min-height:500px;}

.inner_hero {background-repeat:no-repeat; background-size: cover; background-position: bottom; padding:70px 0 180px; text-align:center;}
.about-story{background-repeat:no-repeat !important;background-size: contain !important;background-position: center top !important;padding:70px 0}
.inner_hero h1{ color:#601e46;margin:0}
.QuestionFooter{display: none !important;}

.team-info{background-repeat:no-repeat !important;background-position: center top !important;padding:70px 0}
.team_accordian{margin-top:50px}
.team_accordian img { width: 250px; height: 250px; -webkit-border-radius:100%; border-radius:100%;}
.team_accordian .accordion-item {background:#FFFF;border:var(--border) solid 1px!important; -webkit-border-radius:15px!important; border-radius:15px!important; overflow: hidden!important;margin-bottom: 20px;padding: 5px 20px 5px 20px;}
.team_accordian .accordion-button {color: var(--text)!important;}




:root .team_accordian .accordion-button:after {content: "\F282"; font-family: bootstrap-icons;position: absolute; right: 15px;  top: 50%; transform: translateY(-50%); border: 0; }

:root .team_accordian .accordion-button:not(.collapsed)::after{content: "\F286";}


.team_accordian .accordion-body {padding: 40px 20px 40px 20px;border-top:1px solid #EEE}

@media (max-width: 991.98px) {
.inner_hero{padding:74px 0 62px}
}
@media (max-width: 767.98px) {
.inner_hero{background-image:url(images/about/hero-mobile.png)!important; padding:48px 0 42px}
}