/* FONTS AREA */
.yoga-classes-list-nav { font-size: 2.5vw; }
.yoga-classes-child-title, /* { font-size: 1.5vw; } */
.yoga-classes-heading-title { font-size: 1.875vw; }
.yoga-class-wrapper { font-size: 1.125em; }
.yoga-class-info-wrapper p { font-size: 1em; }
/* SPACES AREA */
.yoga-classes-accordion-wrapper { margin-bottom: 1vw; }
.yoga-classes-content-wrapper { padding: 2.125vw; }

/* HEADING AREA */
.yoga-classes-heading-link { padding: 1em 1.6875em; font-size: 1em; background: #f5f5f5; border-radius: 15px; }
.yoga-classes-heading-title { padding: 0.43em 0.7667em 0.43em 2.5em; margin: 0px; position: relative; display: inline-block; width: 100%; }
.yoga-classes-heading-desc { margin-top: 1em; display: inline-block; max-width: 95%; }
.yoga-class-category-icon { position: absolute; left: 0px; top: 0px; max-height: 100%; }
.yoga-class-category-chevron { position: absolute; top: 53%; right: 20px; display: inline-block; margin: 0; width: 0.68em; height: 0.68em; vertical-align: middle; font-size: inherit; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.yoga-class-category-chevron:before { position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; display: block; content: ''; border-color: #26353d; border-width: 0 2px 2px 0; border-style: solid; -webkit-transform: rotate(45deg) translate(-25%,-25%); -ms-transform: rotate(45deg) translate(-25%,-25%); transform: rotate(45deg) translate(-25%,-25%); box-sizing: border-box; -webkit-box-sizing: border-box; }
.yoga-classes-accordion-wrapper.active .yoga-class-category-chevron:before { -webkit-transform: rotate(225deg) translate(-25%,-25%); -ms-transform: rotate(225deg) translate(-25%,-25%); transform: rotate(225deg) translate(-25%,-25%); }

/* LINK AREA */
.yoga-classes-list-nav-wrapper, .yoga-classes-lists-main-wrapper { position: relative; display: inline-block; }
.yoga-classes-list-nav-main.sticky { z-index: 8686; position: fixed; width: inherit !important; }
.yoga-classes-list-nav-main.absolute-sticky { position: absolute !important; top: auto !important; bottom: 0px !important; }
.yoga-classes-list-nav { margin-bottom: 0.5em; padding-left: 1.8em; position: relative; display: inline-block; }
.yoga-classes-list-nav span { font-size: 0.73em; }

/* CONTENT AREA */
.yoga-classes-content-wrapper { display: none; }
.yoga-classes-accordion-wrapper.active .yoga-classes-content-wrapper { display: inline-block; }
.yoga-classes-child-title { margin: 0px; margin-bottom: 0.5em; }
.yoga-classes-lists { padding-left: 0.86em; }
.yoga-class-wrapper { margin-bottom: 1em; float: left; clear: left; width: 100%; }
.yoga-class-title { margin: 0px; margin-bottom: 1em; display: inline-block; width: auto; font-size: inherit; border-bottom: 1px solid #b20932; }
.yoga-class-info-wrapper p { line-height: 1.8em; color: #26353d; }

@media screen and (min-width: 1500px) {
        
        /* FONTS AREA */
        .yoga-classes-list-nav { font-size: 2.5em; }
        .yoga-classes-child-title, .yoga-classes-list-nav, /*  { font-size: 1.875em; } */
        .yoga-classes-heading-title { font-size: 1.875em; }
        .yoga-class-wrapper { font-size: 1.125em; }
        .yoga-class-info-wrapper p { font-size: 1em; }
        /* SPACES AREA */
        .yoga-classes-accordion-wrapper { margin-bottom: 1em; }
        .yoga-classes-content-wrapper { padding: 2.125em; }
        
}
@media screen and (max-width: 1200px) and (min-width: 1101px) {
    
}
@media screen and (max-width: 1100px) and (min-width: 992px) {

}

/* IPAD PRO */
/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
        
}

/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
        
}

/* Landscape phone to portrait tablet */
@media screen and (min-width: 992px ) {
        
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 991px ) {
        
        /* FONTS AREA */
        .yoga-classes-list-nav { font-size: 3.7825vw; }
        .yoga-classes-child-title, .yoga-classes-list-nav, /*  { font-size: 2.27vw; } */
        .yoga-classes-heading-title { font-size: 2.86vw; }
        .yoga-class-wrapper { font-size: 1.7vw; }
        .yoga-class-info-wrapper p { font-size: 1.513vw; }
        /* SPACES AREA */
        .yoga-classes-accordion-wrapper { margin-bottom: 1.513vw; }
        .yoga-classes-content-wrapper { padding: 3.22vw; }
        
        /* NAVIGATION AREA */
        .yoga-classes-list-nav-main { padding: 1em; margin-bottom: 1em; width: 90%; background: rgba(255,255,255, 0.8); }
}

/* Landscape phone to portrait tablet */
@media screen and (max-width: 768px ) {
    
}
@media screen and (max-width: 767px ) {
        
}
@media screen and (max-width: 736px){

}
@media screen and (max-width: 695px ) {

        
}	

@media screen and (max-width: 667px){	
       
}
@media screen and (max-width: 640px){
        
        /* FONTS AREA */
        .yoga-classes-list-nav { font-size: 7.565vw; }
        .yoga-classes-child-title,  /*  { font-size: 4.5vw; } */
        .yoga-classes-heading-title { font-size: 5.72vw; }
        .yoga-class-wrapper { font-size: 3.4vw; }
        .yoga-class-info-wrapper p { font-size: 3.02vw; }
        /* SPACES AREA */
        .yoga-classes-accordion-wrapper { margin-bottom: 3.02vw; }
        .yoga-classes-content-wrapper { padding: 6.44vw; }
        
}
@media screen and (max-width: 580px) {
    
}

/* Landscape phones and down */
@media screen and (max-width: 568px) {
        
}
@media screen and (max-width: 480px) {
 
        
}

@media screen and (max-width: 420px) {
        
}
@media screen and (max-width: 414px){
        
}
@media screen and (max-width: 375px){
        
}
@media screen and (max-width: 360px){
        
}