.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:530px;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}.page-overview{max-width:580px;margin:25px auto 40px;text-align:center}.page-overview h1{font-size:30px;margin-bottom:20px}.main-wrap{max-width:100%;margin:auto}.flex-container-wrap{display:flex;flex-wrap:wrap;margin:0 auto;column-gap:calc((100% - (32%*3))/2)}.asana-container{width:32%;display:flex;flex-direction:column}.item-1{position:relative;line-height:0;transition:all .35s ease}.pic-container{position:relative}.item-1 .pose-image{max-width:100%;height:auto;box-shadow:0 1px 2px #e6e6e6;cursor:pointer;transition:transform .15s ease-in-out}.item-1:hover .pose-image{box-shadow:1px 1px 4px #999}.more-info-icon{position:absolute;bottom:4px;right:4px;width:15px;opacity:60%;transition:all .25s ease-in-out;cursor:pointer}.item-1:hover .more-info-icon{opacity:80%}.item-2{text-align:left;padding:6px 5px 14px 0}.item-2 h2{font-size:16px;font-weight:700;line-height:1.2;margin:2px 0}.item-2 h2 a{color:#333}p.sanskrit-name{font-size:15px;line-height:1.2;margin:3px 0}a.tag-info{font-size:15px;line-height:1.2;text-transform:capitalize;color:var(--light-blue);text-decoration:none}a.tag-info:hover{text-decoration:underline}.description-container{margin-top:15px;display:none}h2.title-pose-name{font-size:29px}.sanskrit-name span{display:none}.item-2 h3{font-size:18px;margin-bottom:2px}.inline-h3,.inline-h3+p{display:inline}p.data-sort{margin:5px 0}.number-div{float:right;background-color:var(--light-blue);padding:5px 10px;margin-bottom:10px;border-radius:25px;box-shadow:0 0 5px rgba(0,0,0,.2)}p.number-pose{font-size:36px;line-height:33px;color:var(--light-grey);margin-bottom:0}@media (max-width:1169px){.single-page-container{margin-top:25px}.nv-single-page-wrap{margin:0 15px}}@media (max-width:959px){.single-page-container{margin-top:15px}}@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}p.number-pose{font-size:24px;line-height:22px}}@media (max-width:500px){.single-page-container{margin-top:0}.nv-single-page-wrap{margin:0}.flex-container-wrap{column-gap:calc(100% - (49%*2))}.asana-container{width:49%}}@media (max-width:380px){.hero-content h1.custom-post{font-size:33px}.hero-content span.h1p{font-size:20px}.asana-container{width:100%}.asana-container{display:flex;flex-direction:row;margin-bottom:15px}.item-1{width:110px;flex-shrink:0}.item-2{text-align:left;padding:8px 0 0 10px}}