/*!
Theme Name: clublagree
Theme URI: http://underscores.me/
Author: IPSTUDIO
Author URI: https://ipstudio.co/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ipstudio
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

clublagree is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
ul.location-selector {
	text-transform: uppercase;
}


li#menu-item-75 a {
	margin-right: 0;
}

.navmenu-logo {
	display: none !important;
}

li#menu-item-75 a {
	font-weight: 400;
}
.page-id-6 nav.navbar.navbar-expand-lg.vs-nav {
	background: transparent;
}
/*nav.navbar.navbar-expand-lg.vs-nav {
	background: #000000b0;
}*/
.bg-dark.second-nav {
	background: transparent !important;
	position: relative;
	z-index: 99;
	top:0px;
}
section.hero-section {
	position: relative;
	top: -11px;
}
section.instructors-slider img {
    width: 100% !important;
    height: 100% !important;
}

/*li#menu-item-75 {
	margin-left: 40px;
}*/



.location-hero.mobile-right-left-padding.mt-5 {
	margin-top: 7rem !important;
}
a.hero-btn.light-btn:hover {
	color: black;
}
.link-group.d-flex a {
	color: #474747;
	font-family: 'Montserrat';
}
.link-group.d-flex a:hover {
	color: black;
}
ul#hero a {
	color: black;
}
p.loc-switcher span {
	font-size: 10px;
	text-transform: uppercase;
}
.backtostate i {
	margin-right: 5px;
}
p.loc-switcher small {
	text-transform: capitalize;
	border-bottom: 1px solid;
	margin-left: 10px;
}
.modal-content {
	border-radius: 0px;
}

h5.state-title {
	text-transform: uppercase;
}

h5.city-title {
	text-transform: uppercase;
}

p.loc-switcher {font-family: 'Montserrat';font-style: normal;font-weight: 900;}

.logo {
	width: 208px;
	height: 56px;
	margin: 10px auto;
}
.studio-hero-content {
	padding: 36px 65px;
}
.goback-link {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding-bottom: 3px;
	margin-bottom: 15px;
	display: inline-flex;
	align-items: center;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
}
.location-hero h4 {
	font-size: 15px;
	font-weight: 700;
	margin-top: 30px;
	color: #000;
}
.location-hero h2 {
	font-size: 55px;
	color: #000;
	text-transform: uppercase;
	line-height: 60px;
	font-weight:900;
}
.location-hero p, .content, ul.locations-list-all p {
	font-size: 12px;
	line-height: 21px;
	letter-spacing: 0.1em;
	margin-top: 12px;
	font-family: 'Montserrat';
}
ul.social-icons {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 12px;
}
.link-group {
	margin-top: 18px;
}
.instructors-slider {
    padding: 60px 0px 20px 0px;
    background: #f7f7f7 !important;
}

.link-group a {
	margin-right: 30px;
	font-size: 14px;
	border-bottom: 1px solid #474747;
}
.link-group a:hover {
	border-bottom: 1px solid black;
}
.special-buy-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 30px;
}
.special-buy-list ul  {
	display: flex;
	align-items: center;
	text-transform: uppercase;
	justify-content: flex-start;
	gap: 40px;
}
.btn.btn-outline-primary {
	border: 1px solid #7474c1;
	color: #000;
	font-weight: 400;
	padding: 9px 50px;
	border-radius: 0;
	font-size: 13px;
}
.special-buy-list ul li:last-child {
	margin-bottom: 0;
}
.studio-hero-image img {
	width: 100%;
	height: 439px;
	object-fit: cover;
	object-position: top;
}

/* single location css end */

/* location page slider  start */

.instructors-slider{
	padding: 60px 20px 20px 50px;
	background: #F7F7F7;
}
section.instructors-slider h3 {
	font-size: 28px;
	font-weight: 900;
	text-align: center;
	margin-bottom: 60px;
	text-transform: uppercase;
	color: #000;
}
.single-instructor img {
	/*     width: 100%; */
}
.single-instructor h5 {
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	color: #000;
}
.instructors-slider .tns-controls button:not([disabled]) {
	opacity: 1 !important;
}

/* location page slider  end */

/* Location page Call to action start */

.cta-banner a {
	text-decoration: none;
	padding: 10px;
	background: var(--secondary-color);
	color: var(--primary-color);
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
	display: block;
	letter-spacing: 0.1em;
}

.cta-banner {
	padding: 0px 0;
}
.cta-banner a:hover {
	color: #fff;
}

/* Location page Call to action end */
/* Location page newsletter start  */

.email-newsletter-horizontal {
	color: var(--secondary-color);
	background: var(--primary-color);
	padding: 50px 0;
	margin-bottom: 50px;
	margin-top: 40px;
}
.email-newsletter-horizontal h5 {
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
}
.email-newsletter-code #mc_embed_signup_scroll {
	display: flex;
}
input#bb_submit {
	background: var(--btn-bg) !important;
	border: none;
	margin-top: 10px;
	color: var(--btn-color) !important;
	font-weight: 400;
	text-transform: uppercase;
	outline: none;
	border-radius: 0;
	font-size: 12px;
}
.email-newsletter-code #bb_submit {
	padding: 7px 20px;
	border-radius: 0 !important;
	outline: none;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	margin-top: 0;
	background: var(--secondary-color);
	color: var(--primary-color);
}
.email-newsletter-code input#bb_email {
	border: none;
	padding: 8px 20px;
	outline: none;
	width: 300px;
	border-radius: 0;
}
/* Location page newsletter ends  */

/* location modal css */


/* All Studios*/

ul.locations-list-all{
	height: 680px;
	overflow-y: scroll;
	margin: 0;
	list-style: none;
	padding: 0 50px;
	padding-bottom: 60px;
}
ul.locations-list-all li {
	margin-top: 58px;
}
ul.locations-list-all h3 {
	font-size: 24px;
}
ul.locations-list-all .btn-naked {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	border-bottom: 2px solid #8e1b3d;
}
li.top-menu-li.loc-switcher span {
	text-transform: capitalize;
}
ul.locations-list-all .link-group {
	margin-top: 0px;
}
ul.locations-list-all p a {
	color: inherit;
	text-decoration: none;
}
.split-content {
	min-height: calc( 100vh - 123px );
	padding: 50px;
}
.split-content h1 {
	font-size: 42px;
	line-height: 50px;
	letter-spacing: 0.1em;
	margin-bottom: 15px;
}
.split-content .content-inner {
	font-family: Crimson Text;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 0.1em;
}
/* location selector */
ul.location-selector li ul {
	display: none;
}
ul.location-selector, ul.location-selector ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
	margin-top:20px;
}
a.goback-link i {
	margin-right: 12px;
}
h5.state-title {
	text-align: center;
}
h5.city-title {
	text-align: center;
}
ul.location-selector li {
	display: inline-block;
	width: 33.3%;
	text-align: center;
	margin-bottom: 26px;
	cursor: pointer;
}
ul.state-selected > li{
	display: none;
}
ul.location-selector li span {
	font-size: 12px;
	padding: 10px 0px !important;
	padding-bottom: 2px !important;
	border-bottom: 1px solid #000;
}
li.top-menu-li.loc-switcher small {
	border-bottom: 1px solid;
}
.city-title, .stateselected .state-title{
	display: none;
}
.stateselected .city-title{
	display: block;
}
.backtostate {
	display: none;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 10px;
	color: rgb(71, 71, 71);
	padding-bottom: 3px;
	width: 100%;
}
.modal-header {
	border: none !important;
}
.state-selected ~ .backtostate{
	display: inline-flex;
	margin-bottom: 24px;
}
.backtostate ion-icon {
	font-size: 16px;
	padding-right: 6px;
}
ul.location-selector > li.active > span {
	display: none;
}
ul.location-selector > li.active ul, ul.location-selector > li.active {
	display: block;
	width: 100%;
}
ul.location-selector > li.active li {
	display: inline-block;
}
.franchise-content p:last-child {
	font-family: Chivo;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 1em;
	color: #000000;
}
nav.navbar.navbar-expand-lg.vs-nav {
	padding: 0;
}
p.loc-switcher {
	margin-right: 10px;
}
p.loc-switcher i {
	font-size: 13px;
}
section#mt_schedule {
    margin-top: 70px;
}
.mobile-app-images {
    margin-bottom: -17px;
}


@media(max-width:767px){
	li#menu-item-75 {
		margin: 0;
	}
	.all-locations.mt-5 {
		padding-left: 30px !important;
	}
	section.instructors-slider {
		padding: 60px 10px 20px 10px;
	}
	.studio-hero-image.d-none {
		display: block !important;
		position: relative;
		left: 0;
	}
	.studio-hero-image.m-none {
		display: none;
	}
	#owl-demo .item img{
		height: 250px !important;
    width: 300px !important;
    margin: 0 auto;
	}
	.studio-hero-image.d-none img {
    height: 300px;
}
	a.nav-link {
		margin: 0;
		text-align: center;
	}
	p.loc-switcher span {
		margin-left: 3px;
		margin-right: 3px;
	}
	.bg-dark.second-nav p i {
		padding-right: 7px;
	}
	.bg-dark.second-nav {
		top: 0px;
	}
	button.close {
		margin-top: 20px;
	}
	p.loc-switcher i {
		font-size: 13px;
	}
	.studio-hero-content{
		padding:0px;
	}
	li#menu-item-69 a {
		font-size: 12px !important;
		padding: 10px 35px !important;
	}
}




.logo img { max-width: 100%; height: auto; }

@media ( min-width: 980px ) {
	.logo {
		width: 300px;
		height: auto;
		margin: 10px auto;
	}
}

/* White header */
/*nav.navbar.navbar-expand-lg.vs-nav {
	background: #fff;
}*/
.vs-nav ul.navbar-nav li a {
	color: #000;
}
li.nav-item.btn-nav a{
	background-color: #000;
	color: #fff !important;
}

.vs-nav li.nav-item.sign-in a:after {
	background-color: #000;}

/* Black header */
.home nav.navbar.navbar-expand-lg.vs-nav {
	background: transparent;
}
.home .vs-nav ul.navbar-nav li a {
	color: #fff;
	font-weight:700;
}
.home li.nav-item.btn-nav a{
	background-color: #fff;
	color: #000 !important;
}

.home .vs-nav li.nav-item.sign-in a:after {
	background-color: #fff;}




/* Footer */
@media ( max-width: 768px ) {
	p.loc-switcher {
		margin-bottom: 0px;
	}
	.main-footer {
		padding-top: 15px; padding-bottom: 15px;}
	.footer-menu { padding-top: 5px; padding-bottom: 5px; }
	.footer-brand img {
		width: 45px;
	}
	ul.footer-menu-vs {
		column-count: 2;
		display: inline-block;
	}
	li#menu-item-75 a {
		margin-top: 40px !important;
	}

	.footer-address {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: initial;
		gap: 5px;
	}

	.footer-address {}

	.footer-menu {
		display: flex;}

	.location-hero h2 {
		font-size: 28px;
	}

	.link-group.d-flex {
		margin-top: 0;
	}

	.special-buy-list ul {
		gap: 15px;
	}

	.light-btn, .dark-btn {
		padding: 10px 10px;
		width:auto;
	}
}

/* mobile nav collapse */
.mobileNavClose {
	display: none;
}

.navmenu-logo {
	display: none;
}

i.fa-solid.fa-bars {
	color: white;
}

@media ( max-width: 1111px ) {
	.logo{
		margin: 0 10px;
	}
	li#menu-item-75 {
		margin-left: 0;
	}

	ul#menu-menu-1 li {
		margin: 0px !important;
	}

	ul#menu-menu-1 a {
		margin: 0;
	}
}

@media ( max-width: 992px ) {
	div#navbarSupportedContent {
		margin-left: -15px;
		margin-right: -15px;
		background: #000;
	}
	.logo img{
		max-width: 100% !important;
		height: auto !important;
	}
	ul#menu-menu-1 li {
		padding-top: 20px;
	}
	.studio-hero-content p {
		width: auto !important;
	}
	li#menu-item-69 {
		padding-top: 40px !important;
	}

	div#navbarSupportedContent {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 999;
		/*display: flex;*/
		align-items: center;
		justify-content: center;
	}

	li#menu-item-75 a {
		font-size: 17px !important;
	}


	.navmenu-logo {
		display: block;
		text-align: center;
		position: absolute;
		top: 150px;
		left: 0;
		right: 0;
		z-index: 22;
	}

	.navmenu-logo img {
		max-width: 250px;
		height: auto;
		margin: 0 auto;
		display: block;
	}

	.vs-nav div#navbarSupportedContent ul {
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		height: 700px;
		min-height: 100%;
		max-height: 100vh;
	}

	.mobileNavClose {
		display: block;
		position: absolute;
		top: 60px;
		right: 30px
	}
	.mobileNavClose .close {
		border: 0;
		background: transparent;
		color: #fff;
		font-size: 24px;
		width: 32px;
		height: 32px;
		text-align: center;
		line-height: 32px;
	}

	.vs-nav li.nav-item.sign-in a.nav-link::after {
		content: "" !important;
		display: block;
		width: 84px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		margin: 0 auto !important;
		left: 0;
		right: 0;
		top: 33px;
	}
	.home .vs-nav li.nav-item.sign-in a.nav-link::after {
		content: "" !important;
		display: block;
		width: 67px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		margin: 0 auto !important;
		left: 0;
		right: 0;
		top: 33px;
	}



	/* location modal on mobile */
	div#locationModal {
		background: #fff;
	}
	div#locationModal .modal-content {
		border: 0;
		height: 100%;

	}

	div#locationModal  .modal-dialog-centered {
		align-items: center;
		position: static;
	}

	div#locationModal .modal-header .btn-close {
		position: fixed;
		top: 45px;
		right: 15px;
		left: initial;
		bottom: initial;
		z-index: 1001;
	}
	
	.vs-nav div#navbarSupportedContent ul li a {
        color: #000 !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .vs-nav div#navbarSupportedContent ul {
        background-color: #fff;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .vs-nav div#navbarSupportedContent ul li {
        width: 100%;
        text-align: center;
    }
    .vs-nav div#navbarSupportedContent ul li.nav-item.btn-nav a {
        background-color: #000;
        color: #fff !important;
    }
	li#menu-item-69 a {
    width: 200px;
    margin: 0 auto;
}
	button.close span {
    color: black;
}


}

@media ( max-width: 767px ) {
	.vs-nav div#navbarSupportedContent ul li.nav-item.btn-nav {
		max-width: 250px;
		display: inline-block;
		margin-top: 40px;
	}

	.vs-nav div#navbarSupportedContent ul {
		background: #000;

	}

	.vs-nav div#navbarSupportedContent ul li a {
		color: #fff !important;
	}

	.vs-nav div#navbarSupportedContent ul li.nav-item.btn-nav a {
		background: #fff !important;
		color: #000 !important;
	}

	.home .vs-nav li.nav-item.sign-in a:after {
		display: none;
	}

	.vs-nav button.navbar-toggler span>i {
		color: #000 !important;
	}
	.home .vs-nav button.navbar-toggler span>i {
		color: #fff !important;
	}

	ul.footer-menu-vs li a { line-height: 1.8; }
	.location-hero .container-fluid.pe-md-0 {
		margin-top: 50px;
	}
}
	
	@media ( max-width: 993px ) {
		p.loc-switcher {
        margin-bottom: 0 !important;
     }
		
	}


.logo img {
	width: 259px;
    height: 66px;
}
/*.owl-nav {
	display: none;
}*/
.instructors-slider {
	padding: 60px 0px 20px 0px;
	background: transparent;
}
.studio-hero-image {
	position: relative;
	left: -14px;
}
/*section.instructors-slider img {
	height: 300px !important;
	width:300px !important;
	margin:0 auto;
}*/

ul.city-list a {
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	color: #000000;
	font-family: 'Montserrat';
}
.location-state h3 {
	font-size: 28px;
	font-weight: 900;
}

ul.city-list {
	list-style-type: none;
	padding: 0;
}
.loaction-inner {
	margin: 40px 0px;
}
.all-locations.mt-5 {
	padding-left: 100px;
}

ul.city-list li {
	margin-bottom: 12px;
}
.studio-hero-content p {
	width: 500px;
}
.all-studios-wrapper.mt-5 {
	margin-top: 100px !important;
}
p.loc-switcher small {
	font-weight: 400;
}
p.loc-switcher {
	margin-bottom: -20px;
}
ul#menu-menu-1 li a {
	font-weight: 700;
}
li#menu-item-75 a {
	font-weight: 400 !important;
}
div#cross p {
	color: white;
}
.location-hero.mobile-right-left-padding.mt-5 .row {
	align-items: center;
}
header.header-wrap {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    z-index: 999;
	
}
nav.navbar.navbar-expand-lg.vs-nav {
    width: 100%;
}
.header-wrap.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear;
}
.header-wrap.scrolled nav.navbar.navbar-expand-lg.vs-nav a {
    color: black;
}

.header-wrap.scrolled .vs-nav li.nav-item.sign-in a:after{
	    background-color: #000;
}
.header-wrap.scrolled .logo img{
	filter: brightness(.0);
}

.header-wrap.scrolled .vs-nav button.navbar-toggler span>i {
    color: black !important;
}
.home  .header-wrap.scrolled li.nav-item.btn-nav a{
	background:black;
	color:white !important;
}
.header-wrap.scrolled .bg-dark.second-nav p{
	color:black !important;
}
.home .top-nav {
    background: transparent !important;
}
/*.top-nav {
    background: white !important;
}*/

section.page-with-sidebar {
    margin-top: 200px;
}
ul.sidebar-menu {
    list-style-type: none;
}

ul.sidebar-menu a {
    color: black;
    font-family: 'Montserrat';
    font-size: 14px;
    line-height: 21px;
}

ul.sidebar-menu li {
    margin-bottom: 20px;
}
li.sidebar-li a {
    border-bottom: 1px solid #000000;
}
.classes-inner-conent h3 {
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: .8px;
    line-height: 40px;
    margin-bottom: 40px;
    font-family: 'Montserrat';
}
.classes-inner-conent p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Montserrat';
    margin-bottom: 40px;
}

/*Contact form style */
.form-feild label {   
    margin-bottom: 8px;    
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
}
.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    border-right: 1px solid #E0E0E0;
}
.form-feild {
    margin-bottom: 40px;
	position:relative;
}
.form-feild input, .form-feild select {
    border: 1px solid #E0E0E0;
    height: 48px;
    width: 100%;
}
.form-feild textarea{
	border: 1px solid #E0E0E0;
    height: 132px;
    width: 100%;
	padding-left: 10px;
	padding-top:10px;
}
.form-feild select {
    padding-left: 10px;
}
h1.entry-title {
    font-size: 32px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 25px;
}
.form-feild input{   
    padding-left: 35px;
}
span.icon-feild {
    position: absolute;
    z-index: 9;
    top: 47px;
    left: 9px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.submit-form {
    width: auto;
    float: right;
    text-align: center;
    padding: 8.5px 45px;
    line-height: 0px;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Montserrat;    
    letter-spacing: 0px;
    
}
.form-feild select {
    padding-left: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/wp-content/uploads/2022/06/chevron-down.png);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 20px;
	background-color: #fff;
}
.page-id-152 article#post-152 {
    width: 954px;
    margin: 0 auto;
    padding-top: 102px;
    padding-bottom: 102px;
}

.page-title.mt-4.mb-4 h3 {
    font-size: 55px;
    font-weight: 900;
    line-height: 40px;
    margin-bottom: 34px;
}
h1.entry-title {
    font-size: 55px;
    font-weight: 900;
    line-height: 40px;
    margin-bottom: 34px;
	    color: black;
}

.accordion-button:not(.collapsed) {
    background: #F5F5F5;
    border-radius: 0px !important;
	color:black;
}

.accordion-item {
    border-radius: 0px !important;
    outline:none;
}
button.accordion-button.collapsed {
    background: #F5F5F5;
}
button.accordion-button {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    padding: 24px;
	text-transform: uppercase;
}
.accordion-body h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    font-family: 'Montserrat';
    padding: 24px 0;
}
ul#menu-menu-1 li.btn-nav.solid-btn a.active {
    background-color: #000 !important;
}
.accordion-body p {
    font-size: 12px;
    font-weight: 400;
    line-height: 19px;
    font-family: 'Montserrat';
    padding: 0px 0px 24px;
}
.accordion-item {
    border: 0px;
}
.faq-inner .container.mb-5.mt-5 {
    width: 954px;
}
.accordion-button:not(.collapsed)::after{
	background-image: var(--bs-accordion-btn-icon) !important;
}
@media(max-width:767px){
	.page-id-152 article#post-152 {
    width: 100%;
   
}
	.faq-inner .container.mb-5.mt-5 {
    width: auto;
}
	ul.sidebar-menu {
    padding: 0;
    margin-bottom: 40px;
}
	.page-title.mt-4.mb-4 h3 {
    font-size: 30px;
    margin-bottom: 20px;
}
	.classes-inner-conent h3 {
    font-size: 30px;
    margin-bottom: 20px;
}
	h1.entry-title {
   font-size: 30px;
		margin-bottom: 20px;}
}
.all-locations.mt-5 {
    margin-top: 50px!important;
}

/*New Css*/
/*Workout Page Css*/
h3, h4{
	margin: 2rem 0;
}
.inner-page-banner .hero-bg-image:before {
    height: 100% !important;
    opacity: 0.38;
    background: #000 !important;
}
.content p{
	margin : 1rem 0px;
	font-size: calc(1.1 * 1rem);
	font-weight:400;
	line-height: 1.7;
	font-family: 'Heebo', sans-serif;
}
.hero-content.banner-title {
    width: 100%;
}
.about-content h3.h3-sub-title {
    margin-top: 0px;
	letter-spacing:0px;
}
.hero-content.banner-title h2 {
    width: 100%;
    color: #fff;
    margin-bottom: 0px;   
    line-height: calc(1.4 * (1 + (1 - 2.9)/25));
}
.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
	position: relative;
    width: 100%;
}
.accordian {   
    width: 80%;
    margin: 0 auto;
	padding-right: 4vw;
    padding-left: 4vw; 
	position:relative;
}
.accordian:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #000;
    display: block;
    margin: 0 auto;
}

.active, .accordion:hover {
  background-color: #fff;
}
button.accordion:after {
    content: "+";
    font-size: 20px;
    position: absolute;
    right: 26px;
	top:25px;
}
ul#menu-menu-1 li a.active {
    background-color: transparent !important;
}
button.active.accordion:after {
    content: "-";
    font-size: calc(1.5 * 1rem);
    position: absolute;
    right: 26px;
	top:25px;
}
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
section.hero-section.inner-page-banner{
	top:0px !important;
}
.new-header ul#menu-menu-1 li a {
    color: #fff !important;
}
header.header-wrap.scrolled div#navbarSupportedContent ul#menu-menu-1 li a {
    color: #000 !important;
}
header.header-wrap.scrolled div#navbarSupportedContent ul#menu-menu-1 li.btn-nav a {
    color: #fff !important;
}
.hero-content.banner-title {
    width: 100%;
    top: calc(50% - -50px) !important;
}
.about-content h4 {
    font-weight: 700;
    letter-spacing: 0;
}

.content-wrapper {
    padding-top: calc(10vmax / 10);
    padding-bottom: calc(10vmax / 10);
    padding-right: 4vw;
    padding-left: 4vw;
    margin: 0 auto;
    justify-content: center;
    display: flex;   
	
}
.content {
    width: 100%;
}

.inner-page-banner .hero-bg-image img {
    object-position: 0px 0px;
	height:98vh;
}
.inner-title {	
		z-index: 99;
		position: absolute;
		top:50%;
	}
.inner-title>h2 {
    color: #fff;
}
.h3-sub-title {
    font-size: calc(2 * 1rem);
    font-weight: 900;
    margin-bottom: 2rem;
}
.about-content {
    padding-top: 66px;
}
button.accordion {
    padding-right: 0px;
    padding-left: 0px;
}
a.solid-btn-vs {
    padding: 0.7em 1.169em;
    background-color: #000;
    text-transform: uppercase;
    font-family: Heebo;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    line-height: undefined;
    letter-spacing: .02em;
    font-size: 1.1rem;
    color: #fff;
}
section.class-section {
    padding-top: 3.3vmax;
    padding-bottom: 3.3vmax;
}
header.header-wrap.scrolled div#navbarSupportedContent ul#menu-menu-1>li>ul.dropdown-menu>li a {
    color: #fff !important;
}
.vs-nav ul.navbar-nav li ul.dropdown-menu li>a {
    color: #fff;
}
.class-content {
    text-align: center;
}
section.accordian-sec {
    padding-top: 3.3vmax;
    padding-bottom: 3.3vmax;
}

.button-div {
    text-align: center;
    margin-top: 50px;
   line-height: undefined;
  
}
h2.sub-title {
    font-size: calc(2.9 * 1rem);
    font-weight: 900;
}
.h3-sub-title {
    font-size: calc(2 * 1rem);
    font-weight: 900;
}
section.certi-content {
    padding-bottom: 117px;
}
.about-content .btn-div {
    padding-top: 40px;
}
.without-image .hero-slider {
    min-height: 66vh;
    background-color: #000;
}
/*New Header css*/
.new-header .logo img {
    width: auto;
    max-width: 100%;
    max-height: 53px;
}
nav.navbar.navbar-expand-lg.vs-nav.new-header {
    padding-left: 4vw;
    padding-right: 4vw;
}
nav.navbar.navbar-expand-lg.vs-nav.new-header .container-fluid {
    padding: 0px;
}
.p-4vw{
	padding:4vw;	
}
ul.dropdown-menu {
    background-color: #000;
    border-radius: 0px;
    padding: 20px;
}
ul.dropdown-menu li a {
    padding: 0.1em 0 !important;
    text-transform: uppercase;
    margin: 0px !important;
}
ul.dropdown-menu li a:hover {
    background-color: transparent;
}
.box-title {
    width: 80%;
    margin: 0 auto;
    padding-right: 4vw;
    padding-left: 4vw;
    position: relative;
}
.box-title h2 {
    padding-top: 17px;
}
hr.vs-hr {
    margin-bottom: 20px;
}
.panel { 
    min-width: 70%;
    max-width: 300px;
    margin: 0 auto;
}
button.accordion {
    font-size: calc(1.5 * 1rem);
    color: #000;
}
.panel p {
    font-size: calc(1.5 * 1rem);
    line-height: 1.7;
    margin-top: 1rem;
    margin-bottom: 1rem;
	padding-bottom:30px;
}

.locations-content button.accordion {
		font-size: calc(1.2 * 1rem);
		font-weight: 900;
	}
	h4.accordion {
		margin: 0px;
	}
	h4.accordion:after {
		content: "+";
		font-size: 24px;
		position: absolute;
		right: 26px;		
	}
	h4.active.accordion:after {
		content: "-";
		font-size: calc(1.5 * 1rem);
		position: absolute;
		right: 26px;		
	}
	.locations-content .accordian:first-child::before {		
		content: "";
		width: 100%;
		height: 1px;
		background-color: #000;
		display: block;
		margin: 0 auto;
	}
	.panel.locations-name p {		
		font-weight: 700;
	}
	.locations-content {
		padding-bottom: 3.3vmax;		
	}

	.panel.locations-name p a {
		color: #000 !important;
	}
	.locations-content .accordian {
		width: 75%;
	}
.faq-accordion .accordian h4 {
    padding-left: 0px;
    padding-right: 0px;
}

.faq-accordion .accordian {
    width: 100%;
    padding: 0px;
}
.new-top-nav p.loc-switcher {
    color: #fff;
}
.hero-content h1 {
    font-weight: 900;
}


.apply-form input {
    width: 100%;
    padding: 12px;
    margin: 6px 0 4px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;
    font-family: sans-serif;
    font-size: 12px;
    line-height: normal;
    box-sizing: border-box;
    border-radius: 2px;
}
.apply-form span.wpcf7-form-control.wpcf7-radio input {
    width: auto;
}
div#wpcf7-f216-p217-o1 {
    width: 50%;
    margin: 0 auto;   
    padding-right: 4vw;
    padding-left: 4vw;
}
span.wpcf7-form-control.wpcf7-checkbox input {
    width: auto;
}
.apply-form label {
    font-size: calc(1.1 * 1rem) !important;
    font-family: Heebo;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0em;
    text-transform: none;
    line-height: 1.7em;
}
span.cap {
    font-size: calc(.7 * 1rem) !important;
    font-family: Heebo;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0em;
    text-transform: none;
    line-height: 1.7em;
}
.apply-form {
    position: relative;
    margin: 0 0 24px;
}
span.wpcf7-list-item-label {
    font-size: calc(.7 * 1rem) !important;
    margin-left: 5px;
    position: absolute;
    margin-top: -1px;
}
span.wpcf7-form-control-wrap[data-name="LastName"] {
    margin-top: 4px !important;
    position: relative;
    top: 5px;
}
.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
    display: block;
    margin: 0px;
}
section.form-instructor {
    padding-top: 6.6vmax;
    padding-bottom: 6.6vmax;
}
div#wpcf7-f216-o1 {
    width: 50%;
    margin: 0 auto;
}
select.wpcf7-form-control.wpcf7-select {
    margin-top: 10px;
}
.apply-form input.wpcf7-submit.btn.dark-btn {
    background-color: #000000;
    color: #fff;
    border-radius: 0px;
    padding: 10px 10px;
    border: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-align: center;
    border: 1px solid;
    width: 200px;
}
@media screen and (min-width: 1296px)
.h3-sub-title {
    font-size: calc(2 * 1rem);
    font-weight: 900;
}
h4 {
    font-size: calc(1.2 * 1rem) !important;
	font-weight:900;
}


@media(min-width:900px){
	.inner-title {
		justify-content: center;   
		z-index: 99;
		position: absolute;
		top: calc(50% - 14px);
		left: calc(50% - 25rem);
	}
}
@media(max-width:1200px){
	br{
		display:none;
	}
}
@media(max-width:767px){
	.apply-form input.wpcf7-submit.btn.dark-btn{
		width : 100%;
	}
	div#wpcf7-f216-o1 {
		width: 100%;
		margin: 0 auto;
	}
	h2.sub-title {	
		font-size: calc((2.9 - 1) * calc(.012 * min(100vh, 900px)) + 1rem);
	}
	br{
		display:none;
	}
	.content {
		width: 100%;
	}
	.accordian {
		width: 100%;
	}
	.box-title h2 {
		padding-top: 17px;		
	}
	.h3-sub-title {		
		font-size: calc((2 - 1) * calc(.012 * min(100vh, 900px)) + 1rem);
	}
	.content p {   
		font-size: calc((1.1 - 1) * calc(.012 * min(100vh, 900px)) + 1rem);
	}
	.gallery-grid .col-md-3{
		width:50%;
	}
	.box-title {
		width: 100%;	
	}
	.button-div {	
		margin-top: 80px;		
	}
	.vs-nav.new-header button.navbar-toggler span>i {
		color: #fff !important;
	}
	section.about-studio .container, 
	section.accordian-sec .container,
	section.class-section .container{
		max-width: 100%;
	}
	p.loc-switcher {
		color: #fff !important;
	}
	.rules-content {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
	.locations-content .accordian {
		width: 100%;
	}
	.content{
		width:100% !important;
	}
	button.close span {
		color: #fff;
	}
	ul#menu-menu-1 li ul.dropdown-menu {
		display: none;
	}
	ul#menu-menu-1 li ul.dropdown-menu.show {
		display: block;
		height: auto;
		position:relative;
		top:-17px;
	}
	header.header-wrap.scrolled div#navbarSupportedContent ul#menu-menu-1 li a {
		color: #fff !important;
	}
	header.header-wrap.scrolled div#navbarSupportedContent ul#menu-menu-1 li.btn-nav a {
		color: #000 !important;
	}
}