*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}input,button,textarea,select{font:inherit}/*!Typebase.less v0.1.0 | MIT License*/html{font-family:serif;font-size:100%;-webkit-font-smoothing:antialiased}@media(min-width:40em){html{font-size:137.5%}}p{line-height:1.5rem;margin-top:1.5rem;margin-bottom:0}ul,ol{margin-top:1.5rem;margin-bottom:1.5rem}ul li,ol li{line-height:1.5rem}ul ul,ul ol,ol ul,ol ol{margin-top:0;margin-bottom:0}blockquote{line-height:1.5rem;margin-top:1.5rem;margin-bottom:1.5rem}h1,h2,h3,h4,h5,h6{font-family:sans-serif;margin-top:1.5rem;margin-bottom:0;line-height:1.5rem}h1{font-size:2.8rem;line-height:3rem;margin-top:2.25rem}h2{font-size:2.1rem;line-height:2.25rem;margin-top:1.95rem}h3{font-size:1.4rem}h4{font-size:.7rem}h5{font-size:.4666666667rem}h6{font-size:.35rem}table{margin-top:1.5rem;border-spacing:0;border-collapse:collapse}table td,table th{padding:0;line-height:33px}code{vertical-align:bottom}.lead{font-size:1.4rem}.hug{margin-top:0}@font-face{font-family:indieflower;src:url(/IndieFlower-Regular.ttf)}body{color:#0d0807}a{color:#2ec4b6}a:visited{color:#29afa3}a:focus{background:rgba(46,196,182,.3);border-radius:5px;outline:none}a:hover{color:#1f867c}.yoga-class{text-align:center;margin-top:80px}.yoga-class:first-child{margin-top:40px}.yoga-class h1,.yoga-class h2,.yoga-class h3,.yoga-class h4,.yoga-class h5,.yoga-class h6{color:#b75ca2;margin:0;margin-bottom:15px;font-family:indieflower}.yoga-class p{margin:0}.yoga-class .address{margin-top:15px}.yoga-class .description{margin:20px -15px;font-family:Helvetica,sans-serif;color:#606d5d;background-color:azure;padding:10px 15px}@media(min-width:40em){.yoga-class .description{margin:20px 60px}}.yoga-class .description p{margin-bottom:10px}.yoga-class .description p:last-child{margin-bottom:0}.yoga-class .where-and-when{margin:5px}.yoga-class .where-and-when .where,.yoga-class .where-and-when .when{display:inline-block;border-radius:3px;padding:3px 10px;font-family:sans-serif}.yoga-class .where-and-when .where{background-color:#2ec4b6}.yoga-class .where-and-when .where::before{content:"📍 "}.yoga-class .where-and-when .when{background-color:#ffcab1}.yoga-class .where-and-when .when::before{content:"🗓 "}.yoga-class .indicator{display:inline-block;border-radius:3px;padding:3px 10px;font-family:sans-serif;font-family:sans-serif;font-weight:700;text-transform:uppercase}.yoga-class .book{margin-top:15px}.yoga-class div.code{margin-top:15px}.yoga-class pre{display:inline-block}.book-btn{background:#ff854b;color:#fff;border-radius:5px;font-family:sans-serif;padding:7px 15px;text-decoration:none;display:inline-block}.book-btn:visited{color:#fff}.book-btn:focus{outline:5px solid red;color:#ffdbcb}.book-btn:hover{background:#ff7332}.book-btn:active{background:#fe5100}.book-btn:active{outline:none}.button-row{margin-top:25px;display:flex;flex-direction:column}.button-row p{margin:10px auto auto}.button-row p pre{display:inline-block}.logo{margin:0 auto;font-family:indieflower;text-align:center;font-size:36px;text-wrap:nowrap}.logo a{text-decoration:none;color:#1b7169}.logo a:active{background:0 0;color:#165d56}.main-header{background-color:rgba(255,202,177,.8);display:flex;flex-direction:row;height:55px;position:relative;z-index:100;backdrop-filter:blur(10px)}.main-header nav.bigonly{margin:0 auto;display:none}@media(min-width:40em){.main-header nav.bigonly{display:block}}.main-header nav.bigonly>ul{padding:0;list-style:none;height:100%;margin:0}.main-header nav.bigonly>ul>li{display:inline-block;height:100%}.main-header nav.bigonly>ul>li>a{display:inline-flex;height:100%;padding:0 30px;font-family:sans-serif;text-decoration:none;color:#606d5d;font-weight:700;font-size:1.1em;border-radius:0!important}.main-header nav.bigonly>ul>li>a>span{padding-top:5px;border-bottom:5px solid transparent;display:inline-block;margin:auto;transition:all .1s}.main-header nav.bigonly>ul>li>a.active{border-top:2px solid #606d5d;padding-bottom:2px}.main-header nav.bigonly>ul>li>a:hover{background-color:#606d5d}.main-header nav.bigonly>ul>li>a:hover>span{color:#fff;transform:translate(0,-5px);border-color:#fff}nav.expandable{position:absolute;width:100%;z-index:999;-webkit-user-select:none;user-select:none}nav.expandable #main-expandable-input{visibility:0;position:fixed;top:-999px}nav.expandable input:checked~.rotating-burger{position:fixed}nav.expandable input:checked~.rotating-burger>span{transform:rotate(45deg)translateY(-20px)}nav.expandable input:checked~.rotating-burger>span:nth-last-child(2){transform:rotate(-45deg)translateY(19px)}nav.expandable input:checked~.rotating-burger>span:nth-last-child(3){opacity:0}nav.expandable #expanded-menu-closer{display:none;backdrop-filter:blur(5px)}@media(min-width:40em){nav.expandable input:checked~#expanded-menu-closer{width:100vw;height:100vh;z-index:1000;position:fixed;display:block}}nav.expandable .rotating-burger{display:inline-block;cursor:pointer;position:absolute;z-index:1005;top:5px;right:11px;width:33px;height:33px;margin-top:11px}nav.expandable .rotating-burger>span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#0d0807;border-radius:3px;transform-origin:4px 0;transition:all .1s ease-in-out}nav.expandable .rotating-burger>span:first-child{transform-origin:0% 0%}nav.expandable .rotating-burger>span:nth-last-child(2){transform-origin:0% 100%}nav.expandable .rotating-burger:hover>span{background:#2ec4b6}nav.expandable .expanded-menu{height:100vh;background:#fff;position:fixed;top:0;margin:0;padding:15px 0 0;z-index:1004;width:100%;right:-100%;overflow-y:auto;display:flex;flex-direction:column}nav.expandable .expanded-menu h1,nav.expandable .expanded-menu h2,nav.expandable .expanded-menu h3,nav.expandable .expanded-menu h4,nav.expandable .expanded-menu h5,nav.expandable .expanded-menu h6{text-align:center}@media(min-width:40em){nav.expandable .expanded-menu{transition:all .1s ease-in-out;width:400px;right:-400px}}nav.expandable .expanded-menu ul{list-style:none;padding:0;margin:30px 0 0}nav.expandable .expanded-menu ul li{padding:0;margin:0}nav.expandable .expanded-menu ul a{display:block;padding:15px;border-radius:0!important;text-align:center;text-decoration:none;font-family:sans-serif;transition:all .05s ease-out}nav.expandable .expanded-menu ul a.active{font-weight:700}nav.expandable .expanded-menu ul a:active{color:#e6e6e6}nav.expandable .expanded-menu ul a:hover{background:#2ec4b6;color:#fff}nav.expandable .expanded-menu ul a:active{background:#249b90}nav.expandable .expanded-menu .social{margin-top:auto;margin-bottom:15px;text-align:center}nav.expandable .expanded-menu .social .social-link{padding:15px}nav.expandable input:checked~.expanded-menu{right:0;box-shadow:0 0 50vw rgba(16.9173553719,72.0826446281,66.9338842975,.3)}main{padding:30px 15px;max-width:1000px;margin:auto}.hero-pic{height:410px;background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:99}.pic-flowers{background-image:url(/flowers.jpeg)}.main-footer{display:grid;background:#0d0807;color:#ffcab1;padding:90px 50px 70px;position:relative;margin-top:110px}.main-footer .footer-columns{display:grid;grid-template-columns:1fr;gap:30px;margin:auto}@media(min-width:60em){.main-footer .footer-columns{grid-template-columns:repeat(3,1fr)}}.main-footer .footer-columns>div{text-align:center}@media(min-width:60em){.main-footer .footer-columns>div{text-align:left}}.main-footer .footer-columns>div h1,.main-footer .footer-columns>div h2,.main-footer .footer-columns>div h3,.main-footer .footer-columns>div h4,.main-footer .footer-columns>div h5,.main-footer .footer-columns>div h6{margin:0}.main-footer .footer-columns .social-link{padding:15px}.main-footer .footer-columns ul{margin-bottom:0}.main-footer .legal-footer{text-align:center;margin-top:20px;font-size:.8em;color:lightgrey}.main-footer ul{list-style:none;padding-left:0;margin-left:0}.main-footer::before{display:block;content:" ";width:100%;height:100px;position:absolute;top:-94px;background-image:url(/asanas.svg);background-size:auto 100%;background-repeat:repeat-x;background-position-x:center}.asanas{height:300px}.welcome{margin-top:30px}@media(min-width:60em){.welcome{display:flex;align-items:center}}.welcome .section{margin:auto}@media(min-width:60em){.welcome .section{height:100%}}.welcome .section>video{margin:auto;display:block}.social-link{height:32px;display:inline-block}.social-link svg{height:32px;fill:#606d5d}.social-link:hover svg{fill:#ff6218}.social-link.social-facebook:hover>svg{fill:#249b90}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s}.popup-box{background:#fff;padding:20px;max-width:400px;text-align:center;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);position:relative}.close-btn{position:absolute;top:10px;right:15px;font-size:20px;cursor:pointer;border:none;background:0 0}.show-popup{visibility:visible;opacity:1}.popup-title{font-size:20px;font-weight:700;margin-bottom:10px}.popup-text{font-size:16px;margin-bottom:15px}.popup-btn{background:#c77fb6;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.popup-btn:hover{background:#b75ca2;text-decoration:none;color:#fff}.popup-btn:focus{background:#b75ca2;text-decoration:none;color:#fff}.popup-btn:active{background:#9c4487;text-decoration:none;color:#fff}.hero-section{text-align:center;padding:3rem 1rem;background:linear-gradient(135deg,rgba(255,202,177,.1),rgba(46,196,182,.1));border-radius:10px;margin:2rem 0}.hero-section h1,.hero-section h2,.hero-section h3,.hero-section h4,.hero-section h5,.hero-section h6{margin:0;padding:9}.welcome-section{display:grid;grid-template-columns:1fr;gap:2rem;margin:2rem 0}@media(min-width:40em){.welcome-section{grid-template-columns:1fr 1fr}}.welcome-section .welcome-content{font-size:1.1rem;line-height:1.6;color:#606d5d}.welcome-section .video-container{width:100%;max-width:500px;margin:0 auto}.welcome-section .video-container video{width:100%;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.yoga-classes-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin:3rem 0}@media(min-width:40em){.yoga-classes-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:60em){.yoga-classes-grid{grid-template-columns:repeat(2,1fr)}}.yoga-class-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:2rem;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.yoga-class-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.yoga-class-card .class-header{margin-bottom:1.5rem;min-height:7rem;display:flex;flex-direction:column}.yoga-class-card .class-header img{width:100%;height:auto;object-fit:cover;border-radius:10px}.yoga-class-card .class-header h2{font-size:1.5rem;margin-bottom:.75rem;color:#c77fb6;min-height:3.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yoga-class-card .class-header .indicator{display:block;font-size:.8rem;color:#2ec4b6;margin-bottom:.5rem;min-height:1.5rem}.yoga-class-card .class-header .where-and-when{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:#606d5d;min-height:1.5rem;margin-top:auto}.yoga-class-card .class-header .where-and-when .where,.yoga-class-card .class-header .where-and-when .when{display:flex;align-items:center;gap:.5rem}.yoga-class-card .description{margin-bottom:1.5rem;flex-grow:1;min-height:8rem}.yoga-class-card .description p{margin-bottom:1rem;line-height:1.6}.yoga-class-card .description .description-preview{display:block}.yoga-class-card .description .description-full{display:none}.yoga-class-card .description .description-full.active{display:block}.yoga-class-card .description .read-more-btn{background:0 0;border:none;color:#c77fb6;font-weight:600;cursor:pointer;padding:0;margin-top:.5rem;display:inline-block}.yoga-class-card .description .read-more-btn:hover{text-decoration:underline}.yoga-class-card .description .read-more-btn i{margin-left:.25rem;transition:transform .3s ease}.yoga-class-card .description .read-more-btn.active i{transform:rotate(180deg)}.yoga-class-card .location-details{margin-bottom:1.5rem;min-height:5rem}.yoga-class-card .location-details .address{font-size:.9rem;line-height:1.5}.yoga-class-card .location-details .address i{color:#c77fb6;margin-right:.5rem}.yoga-class-card .location-details .address .map-links{margin-top:.5rem;display:flex;gap:1rem}.yoga-class-card .location-details .address .map-links .map-link{color:#2ec4b6;text-decoration:none;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.yoga-class-card .location-details .address .map-links .map-link:hover{text-decoration:underline}.yoga-class-card .pricing{margin-bottom:1.5rem;min-height:3rem}.yoga-class-card .pricing .code{font-size:1.1rem;font-weight:600;color:#c77fb6}.yoga-class-card .pricing .pricing-note{margin-top:.5rem;font-size:.8rem;color:#606d5d}.yoga-class-card .book{margin-top:auto;min-height:3rem}.yoga-class-card .book .book-btn{display:inline-block;background-color:#c77fb6;color:#fff;padding:.75rem 1.5rem;border-radius:30px;text-decoration:none;font-weight:600;transition:background-color .3s ease;text-align:center;width:100%}.yoga-class-card .book .book-btn:hover{background-color:#b75ca2}.benefits-section{margin:4rem 0;padding:2rem;background:linear-gradient(135deg,rgba(255,202,177,.1),rgba(46,196,182,.1));border-radius:15px}.benefits-section h2{text-align:center;color:#c77fb6;font-size:2rem;margin-bottom:2rem;font-family:indieflower}.benefits-section .benefits-image{float:right;max-width:40%;margin:0 0 2rem 2rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.benefits-section .benefits-list ul{list-style:none;padding:0}.benefits-section .benefits-list ul li{margin:1rem 0;display:flex;align-items:center;font-size:1.1rem}.benefits-section .benefits-list ul li i{color:#2ec4b6;margin-right:1rem}.about-section{margin:4rem 0;padding:2rem}.about-section h2{text-align:center;color:#c77fb6;font-size:2rem;margin-bottom:2rem;font-family:indieflower}.about-section .about-content{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:40em){.about-section .about-content{grid-template-columns:2fr 1fr}}.about-section .about-content .about-text p{margin-bottom:1.5rem;line-height:1.6;font-size:1.1rem;color:#606d5d}.about-section .about-content .about-text p:last-child{margin-bottom:0}.about-section .about-content .about-image img{width:100%;border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.waterlooville-banner{grid-column:1/-1;background-color:#c77fb6;color:#fff;padding:1.5rem 2rem;border-radius:14px;font-size:1.2rem;font-weight:600;text-align:center;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,8%)}.waterlooville-banner a{color:#fff;text-decoration:underline;font-weight:700}.waterlooville-banner a:hover{color:#e6c6de}@media(max-width:40em){.waterlooville-banner{font-size:1rem;padding:1rem}}