/*!
Theme Name: IPSTUDIO Fitness Websites™
Theme URI: http://ipstudio.co/
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: black-and-white-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.

Black and White IPSTUDIO 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/
*/

/*BLog auther display none*/
.blog-meta-area {
    display: none;
}



/* single location css  */
h1, h2, h3, h4{
	font-weight:700;
}
.ip-pagination ul li, ul.social-icons li{
	    font-size: 20px;
}
.studio-hero-content {
    padding: 36px 65px;
}
.goback-link {
    color: #000;
    text-decoration: none;
    border-bottom: 2px solid var(--btn-border-color);
    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;
}
.cta-banner a:hover {
    color: white;
}
.location-hero h2 {
    font-size: 44px;
    color: #000;
    line-height: 60px;
}
.location-hero p, .content, ul.locations-list-all p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1em;
    margin-top: 12px;
}
ul.social-icons {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 12px;
}
.link-group {
    margin-top: 18px;
}

.link-group a {
    margin-right: 30px;
    font-size: 16px;
    padding: 0 5px;
	border-bottom: 2px solid var(--btn-border-color);
}
.special-buy-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 30px;
}
.special-buy-list ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    align-items: center;
    text-transform: uppercase;
}
.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: 600px;
    object-fit: cover;
}

/* single location css end */

/* location page slider  start */

.instructors-slider{
    padding: 60px 20px 20px 50px;
}
ul.sidebar-menu {  
    top: 23%;   
}
section.instructors-slider h3 {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 60px;
    text-transform: uppercase;
    color: #000;
}
.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;
}

/* 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;
}
.faq-accordion button.accordion-button {    
    font-weight: 700;
}
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*/
.all-studios-wrapper {
    background: rgba(247, 247, 247, 0.64);
}
ul.locations-list-all{
    height: 680px;
    overflow-y: scroll;
    margin: 0;
    list-style: none;
    padding: 0 50px;
    padding-bottom: 60px;
    max-height: 70vh !important;
}
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 var(--btn-border-color);
}
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: 25.3%;
    text-align: center;
    margin-bottom: 26px;
    cursor: pointer;
}
ul.state-selected > li{
    display: none;
}
ul.location-selector li span {
       background: var(--btn-bg);
    font-size: 12px;
    color: var(--btn-color);
    padding: 10px 0px !important;
    border-bottom: 2px solid var(--btn-border-color);
}
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;
}
/* location modal css end */
h2.service-section-h2, 
.slider-content h1, .page-title h1,
h4.team-title, h4.instructor-title, h1.entry-title, .accordian-header button{
	text-transform:uppercase;
}
.accordion-header button.accordion-button {
    text-transform: uppercase;
    letter-spacing: 1px;
}
.wpcf7 label {  
    font-weight: 500 !important;
}
h4.instructor-title{
	font-weight:700 !important;
}
.classes-inner-conent h3 {
    text-transform: uppercase;
    letter-spacing: 1px;
}

body .accordion-button::after{	 
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;   
}
.slider-section img{
	object-position:center !important;
}
.main-logo img {   
    width: 75px;   
}
.main-menu a, .footer-menu-right li a {
    color: var(--link-color);   
}

/* Map CSS Start*/
section.map {  
    padding-top: 80px;
    padding-bottom: 80px;
}

.map-inner iframe {
    width: 100%;
}
.review-sec {
    padding: 5px 25px;
}
.footer-logo {
    width: 100px !important;
    height: auto;
}


/* Map CSS end */
h4.service-img-h3 a{
	text-transform:uppercase;
}
h2.studio-title {
    text-transform: uppercase;
}

/*mobile-app section css*/
section.mobile-app-section {
    background: var(--secondary-color);
    color: var(--primary-color);
	margin-top:75px;  
}

.content-vs {
    padding-top: 35px;
}
.app-mobile-image {
    margin-top: -65px;
}
section.mobile-app-section h2 {
    color: var(--primary-color);
}

ul.all-download {
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

ul.all-download li img {
    width: 123px;
}

/* blog section css */

.blog-section-outer.mb-3.mt-3 {
    width: 80% !important;
    margin: 0 auto;
}

.blog-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 20px;
}
.blog-single-grid {
    box-shadow: 0px 15px 25px 0px rgb(0 0 0 / 5%);
    margin-bottom: 50px;
}
.blog-meta-area {
    padding-bottom: 15px;
}
.blog-content-area {
    padding: 19px;
    background-color: #fff;
    word-wrap: break-word;
}
.post-sidebar img {
    object-fit: cover;
    height: auto;
}
.service-section-img img {   
    width: 150px;
}
/**/
.copyright-text{
	font-weight:600;
}
.copyright-text a {
    color: #333;
}
.slider-content h1>span {
    font-size: 35px;
    line-height: 0px;
}

@media(max-width:767px){
	.app-mobile-image{
		margin-top:10px;
	}
	.studio-hero-content {
		padding: 20px;
	}
	ul.locations-list-all .btn-naked{
		font-size: 16px
	}
	.link-group a{
		font-size:14px;
	}
}
.loc-instructor img {
    height: 300px;
    object-fit: cover;
}
span.navbar-toggler-icon.mobile-menu-bar i {
    color: #f97a1c;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.wpgmp_iw_content {
    text-align: center;
}
h4.service-img-h3 {
    font-weight: 700;
}
@media(max-width:767px){
	.footer-logo {
    display: none;
}
	.footer-logo img {
		width: 75px;
		object-fit: cover;
	}
	h1{
		font-size:35px !important;
	}
	h2{
		font-size:25px !important;
	}
	.team-content h4 {
		font-size: 25px;
	}
	.team-img-sec img {
		height: 100%;
		width: 100%;		
	}
	.faq-inner-section {
		width: 100%;
		margin: 0 auto;
	}
	.footer-logo-social {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		flex-direction: column;
		gap :10px;
	}
	h4.service-img-h3 {		
		font-weight: 700;
	}
	.developer-url {
		width: 100%;
		text-align: right;
		text-align: center;
	}
	.footer-menu-left {
		flex-direction: column;
	}
	.footer{
		width:100%;
	}
	.slider-content h1>span{
		font-size: 22px;
        line-height: 0px;
	}
	.slider-content h1{
		font-size: 32px;
		line-height: 1;
	}
}



.owl-nav {
    display: none;
}

.owl-dots {
    display: none;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}
.page-template-class-single-template section.global-section {
    margin-bottom: 150px;
}
.classes-slider-section img {   
    object-fit: cover;
    object-position: center;
    max-width: 1000px !important;
    max-height: 500px !important;
	height:auto !important;
}
ul.tabs-vs {
    display: flex;
    align-items: center;
	flex-wrap:wrap;
    gap: 15px;
    padding: 0px;
    list-style-type: none;
    justify-content: center;
}
ul.tabs-vs li {
    margin-bottom: 15px;
}