.hero-section *{z-index:99}.hero-section{position:relative;background:url(../../../uploads/yoga-poses-mosaic.jpg) no-repeat center center/cover;height:28vh;max-width:2560px;margin:0 auto 5px;min-height:200px;max-height:380px;display:flex;justify-content:center;align-items:center}.hero-section:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.44)}.hero-content{text-align:center;max-width:600px;padding:25px}.hero-content h1.custom-post,.hero-content span.h1p{color:var(--light-grey)}.hero-content h1.custom-post{font-size:40px;margin-bottom:-10px;font-weight:300;line-height:1.2;text-shadow:2px 1px 4px rgba(0,0,0,.2)}.hero-content span.h1p{font-size:24px;display:block;line-height:1.4;margin-top:5px}.main-wrap{max-width:1170px;margin:auto}.page-overview{max-width:580px;margin:30px auto 40px;text-align:center}.page-overview h1{font-size:30px}.tabs-container{max-width:700px;margin:0 auto;padding-bottom:20px}.tabs-container input{display:none}.tabs-container label{padding:10px 4% 12px;font-size:16px;font-weight:400;line-height:1em;display:inline-block;text-align:center;margin-bottom:-1px;border:1px solid #999;border-width:1px 1px 0}.tabs-container label:hover{cursor:pointer}.tabs-container input:not(:checked)+label{background-color:#8eacbe;color:#fff;transition:background-color .2s ease-in-out}.tabs-container input:not(:checked):hover+label{background-color:#2c3240}.tabs-container input:checked+label{background-color:#fafafa;color:#333}.tabs-container #tab1:checked~.tabs-content #box-tab1,.tabs-container #tab2:checked~.tabs-content #box-tab2{display:block}.tabs-container .tabs-content>div{display:none;padding:3% 5%;text-align:left;overflow:auto;border:1px solid #999;box-shadow:0 2px 5px #e6e6e6;background-color:#fafafa}.tabs-container .tabs-content a{text-decoration:none;color:#333}.tabs-container .tabs-content a:hover{text-decoration:underline;color:#2c3240}.tabs-container .tabs-content ul{list-style:disc;-webkit-padding-start:10px;padding-inline-start:10px}.tabs-container .tabs-content ul li{margin:15px 0;font-size:17px;line-height:1.7}@media (max-width:680px){.hero-section{background:url(../../../uploads/yoga-poses-mosaic-800px..jpg) no-repeat center center/cover;height:16vh}.hero-content{margin:10px auto;padding:0 2%}.hero-content h1.custom-post{font-size:36px}.hero-content span.h1p{font-size:22px}}@media (max-width:380px){.hero-content h1.custom-post{font-size:33px}.hero-content span.h1p{font-size:20px}}