.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:420px;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:730px;margin:25px auto 40px;text-align:center}.page-overview h1{font-size:30px;margin-bottom:20px}.main-wrap{max-width:100%;margin:auto;min-height:600px}.search-sort-wrap{display:flex;flex-direction:row;justify-content:center;margin:40px 0 45px;gap:10px}.form-container{display:flex;align-items:center;border:1px solid #d1d1d1;border-radius:50px;height:35px;width:100%;max-width:330px;box-shadow:1px 1px 4px #e6e6e6}.form-container input{height:28px;width:100%;border:none;outline:none;background-color:transparent}img.cross-icon{display:none;cursor:pointer;width:12px;margin:0 14px 0 0;opacity:.7}img.search-icon{width:16px;height:16px;margin:0 7px 0 14px}.dropdown{position:relative;display:inline-block}.dropdown-btn{display:inline-flex;justify-content:center;align-items:center;background-color:var(--light-blue);color:var(--light-grey);border:none;width:90px;height:35px;border-radius:25px;box-shadow:1px 1px 4px #e6e6e6}.dropdown-btn .info-btn{color:var(--light-grey)}.dropdown-btn:hover{background-color:var(--dark-blue)}.dropdown-btn img{width:19px;margin-right:6px}#dropdown-content{transition:opacity .35s ease}.dropdown-content{position:absolute;top:100%;width:400px;margin-top:5px;font-size:16px;background-color:rgba(255,255,255,.94);box-shadow:1px 1px 2px #e6e6e6;border-radius:4px;z-index:99;text-align:right}.close-btn{width:40px;height:40px;display:inline-block;position:relative;cursor:pointer}.close-btn img{width:14px;margin:14px 14px 0 0;opacity:.7}.sort-box-wrap{display:flex;flex-wrap:wrap;gap:60px;padding:0 5px 20px 30px;margin-top:-30px;text-align:left}.sort-box-wrap p{margin:15px 2px 10px 0;font-size:17px;font-weight:600}.dropdown-content label{display:block;margin:10px 0;cursor:pointer}.dropdown-content input[type=checkbox]{vertical-align:middle;margin-right:5px}.flex-container-wrap{display:flex;flex-wrap:wrap;column-gap:calc((100% - (24%*4))/3)}.asana-container{width:24%;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.1;margin:2px 0;cursor:pointer}.item-2 h2:hover{text-decoration:underline}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}.up-button{display:none;position:fixed;bottom:10px;right:10px;z-index:99}.up-button a{display:block;margin:0 auto;padding-right:5px;text-align:right}.up-button img{width:40px;transition:.2s ease-in-out}.up-button img:hover{transform:scale(1.055)}.up-button.sticky{display:block}.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:5px}.description-container p:nth-of-type(-n+2){margin-bottom:20px}.caution-txt{display:block;margin-bottom:20px}.asana-container.active{width:100%;flex-direction:row;margin:10px auto 50px auto}.asana-container.active .item-1{padding-right:3%;flex-shrink:0}.asana-container.active .item-1 .pose-image{width:500px;box-shadow:1px 1px 4px #999}.asana-container.active .item-1 .pose-image:hover{transform:scale(1)}.asana-container.active .item-1 .more-info-icon{display:none}.asana-container.active .item-2{padding:0}.asana-container.active .item-2 h2{font-size:24px;margin:10px 0}.asana-container.active .item-2 .sanskrit-name{font-size:18px}.asana-container.active .item-2 .tag-info{display:none}.asana-container.active .description-container{display:block}.asana-container.active .description-container p>b{font-size:16.5px}.asana-container.active .sanskrit-name span{display:inline}.tag-description,.tag-description+p{display:inline;text-transform:capitalize}@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}.search-sort-wrap{margin:30px 0 35px;justify-content:center}.flex-container-wrap{column-gap:calc((100% - (32.33%*3))/2)}.asana-container{width:32.33%}}@media (max-width:500px){.main-wrap{min-height:1035px}.flex-container-wrap{column-gap:calc(100% - (49%*2))}.asana-container{width:49%}.form-container{max-width:440px}.dropdown-content{width:220px}.sort-box-wrap{display:flex;flex-direction:column;gap:0px;padding:0 5px 20px 15px}.sort-box.sort-levels{padding-bottom:1px}}@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:5px}.item-1{width:110px;flex-shrink:0}.item-2{text-align:left;padding:0 0 0 10px}}@media (max-width:880px){.asana-container.active .item-1{max-width:380px}}@media (max-width:680px){.asana-container.active{flex-direction:column;max-width:440px}.asana-container.active .item-1{flex-shrink:unset;max-width:100%;padding-right:0}.asana-container.active .item-2 h2{margin:12px 0 5px}}@media (max-width:380px){.asana-container.active .item-1{width:100%}.asana-container{margin-bottom:15px}}