/* AF Brand Refresh */

/* Variables - Colors - Brand Refresh
************************************/

:root {
    --br_color_purple_main: #6E38D5;
    --br_color_purple_deep: #221551;
    --br_color_purple_violet: #440099;
    --br_color_purple_medium: #A42AF9;
    --br_color_purple_light: #C1A7E2;
    --br_color_purple_lighter: #DACAED;
    --br_color_aqua: #2ED7DE;
    --br_color_aqua_light: #88DBDF;
    --br_color_gray_light: #EFF0F0;
    --br_color_gray_dark: #2D2926;
    --br_regular_font: 'f37_moonregular', sans-serif;
    --br_extrabold_font: 'f37_moonextra_bold';
    --br_black_font: 'f37_moonblack', sans-serif;
}

h1,.h1,.btn  {font-family: var(--br_extrabold_font);}
h2,h3,h4,h5, .h2, .h3, .h4, .h5, .h6,p,a,input,li,ul,div,html,body,span,section.promo-bar .promo.collapsed, #location-finder-list-view .button-cta .btn.btn-result, .form-control, .table>tbody>tr>td, section.main p, .hero.hero-gym .hero-content p, body.v1-template.single-gyms section.pricing p.sub-headline, section.people .people-content p  {font-family: var(--br_regular_font);}

.bg-br-purple-main {background: var(--br_color_purple_main) !important;}
.hero .hero-content.slim {background: var(--br_color_purple_main);}

@media (min-width: 768px) and (max-width: 991px) {
    header.main .nav.nav-menu>li {display: inline;}
}

@media (min-width: 577px) and (max-width: 767px) {
    footer.main .nav>li.last>.sub-menu {display: flex;justify-content: start;}
}

@media (max-width: 576px) {
    footer.main .nav>li.last>.sub-menu {display: flex;justify-content: space-between;}
}

header.main:not(.landing) .nav>li>a {border-top: none !important;}

@media (max-width: 767px) {
    header.main:not(.landing) .nav>li {width: auto;margin: 0 1rem;padding: 1rem;}header.main:not(.landing) .nav>li:not(:first-child) {border-top: 1px solid rgba(255, 255, 255, .5);}
}

header.main {background: var(--br_color_purple_deep) !important;opacity: 1!important;}
header.main .nav.nav-menu>li>a {color: var(--white);background: none;font-weight: 600!important;font-size: 18px!important;padding: 1rem !important;text-transform: capitalize!important;}
header.main .nav.nav-menu>li>a:hover {color: var(--br_color_aqua) !important;}
#navbar ul.navbar-nav>li.current-menu-item>a {color: var(--br_color_aqua_light) !important;}
* #nav-try-us-for-free .btn-pink,* #sticky .btn-pink {color: var(--white) !important;background: var(--br_color_purple_main) !important;font-weight: 300;font-size: 16px!important;font-family:var(--br_extrabold_font);text-transform:uppercase;}
* #nav-try-us-for-free .btn-pink:hover,* #sticky .btn-pink:hover {background: var(--br_color_purple_violet) !important;}

footer.main .container-fluid {max-width: 1320px;}

@media (min-width: 768px) {
    footer.main .nav > li:nth-child(3) {
        width: 17%;
    }
    footer.main .nav > li:last-child {
        width: 33%;
    }
}
footer.main .nav>li>.sub-menu>li.facebook, footer.main .nav>li>.sub-menu>li.facebook a,
footer.main .nav>li>.sub-menu>li.twitter, footer.main .nav>li>.sub-menu>li.twitter a,
footer.main .nav>li>.sub-menu>li.facebook, footer.main .nav>li>.sub-menu>li.facebook a,
footer.main .nav>li>.sub-menu>li.instagram, footer.main .nav>li>.sub-menu>li.instagram a,
footer.main .nav>li>.sub-menu>li.pinterest, footer.main .nav>li>.sub-menu>li.pinterest a,
footer.main .nav>li>.sub-menu>li.youtube, footer.main .nav>li>.sub-menu>li.youtube a,
footer.main .nav>li>.sub-menu>li.linkedin, footer.main .nav>li>.sub-menu>li.linkedin a {background-image: url(https://anytimefitness.blob.core.windows.net/shared-assets/sites/af/consumer/img/social-sprite.png);}
footer.main {background: var(--br_color_gray_light) !important;padding: 50px 0;color: var(--br_color_gray_dark) !important;overflow:auto!important;}
footer.main .nav>li>span {font-family: var(--br_black_font) !important;display: inherit;color: var(--br_color_gray_dark) !important;pointer-events: none;padding: 10px 15px 10px 10px;font-size:20px;}
footer.main .nav>li a {color: var(--br_color_gray_dark);text-align: left;font-size:14px;line-height:17px;text-transform: capitalize;letter-spacing: .5px;}
footer.main .nav>li a:hover {color: var(--br_color_purple_main);text-align: left;}
footer.main .nav>li>.sub-menu>li.social, footer.main .nav>li>.sub-menu>li.social a {background-color: var(--br_color_gray_light) !important;}
footer.main .nav>li>.sub-menu>li.social, footer.main .nav>li>.sub-menu>li.social a:hover {color:#000!important;}
footer.main .copy p {font-size:14px;line-height:17px;font-family: var(--br_regular_font);}

section.promo-bar:hover, section.promo-bar {background: var(--white) !important;background: url(/wp-content/themes/anytimefitness/img/brand-refresh-banner-bg.png)!important;background-repeat: no-repeat;background-size: cover!important;display: block;}
section.promo-bar .promo.collapsed {color: var(--white) !important;align-items: stretch;display: revert;padding:1em;text-transform: uppercase;line-height:normal;}
section.promo-bar .promo.collapsed .icon {display: none;}
section.promo-bar.sticky_top {border: 0px!important;}
.banner-subtext, .banner-heading, .banner-button {color: var(--white) !important;display: table-cell;}
.banner-subtext {vertical-align: middle;font-family: var(--br_extrabold_font) !important;font-weight: bold;}
.banner-heading {text-transform: none;font-size: 60px;font-family: var(--br_extrabold_font) !important;font-weight: bold;}
.banner-button {vertical-align: middle;background: var(--br_color_aqua);color: black!important;border-radius: 105px;text-transform: capitalize;}
.banner-table {margin: auto;display: table;width: 60%;vertical-align: middle;}

section.find-location-hero {background: var(--br_color_aqua_light) url(/wp-content/themes/anytimefitness/img/brand-refresh-find-gym-header-bg-1.png) no-repeat;background-size: cover;}
section.find-location-hero h3 {font-family: var(--br_extrabold_font) !important;font-weight: bold;}
h3.find-gym-text {font-size:34px!important;color: var(--br_color_purple_deep) !important;}
p.find-gym-text {font-weight:bold;color: var(--br_color_purple_violet) !important;font-family: var(--br_extrabold_font) !important;}
.location-finder .location-finder-sidebar, .location-finder .location-finder-map {background: var(--br_color_purple_main) !important;}
.location-finder .location-finder-sidebar .location-finder-list-view .results h2 a.view-all-locations,.location-finder .location-finder-sidebar .location-finder-list-view .results h2 a.geolocation-search,.location-finder.active .location-finder-sidebar .location-finder-list-view .results-text, .location-finder .location-finder-sidebar .location-finder-list-view .results-text .icomoon-icon-pinpoint-fill, .location-finder .location-finder-sidebar .location-finder-list-view .list-results .icomoon-icon-pinpoint-fill  {color: var(--white) !important;}
.location-finder .location-finder-sidebar .location-finder-list-view .list-results li .result-content .name {color: var(--br_color_purple_deep);font-weight: bold;}
.result-content .directions {color: var(--br_color_purple_deep) !important;}
.result-content .address, .result-content .link-color {color: var(--br_color_purple_main);}
.location-finder .location-finder-sidebar .location-finder-list-view .list-results li .result-footer a {color: var(--br_color_purple_violet) !important;font-weight: bold;}
.location-finder .location-finder-sidebar .location-finder-list-view .list-results li.active, .location-finder .location-finder-sidebar .location-finder-list-view .list-results li:hover, .location-finder .location-finder-sidebar .location-finder-list-view .list-results li:active, .location-finder .location-finder-sidebar .location-finder-list-view .list-results li:focus {border-color: var(--br_color_aqua_light) !important;}
.location-finder .location-finder-sidebar {background: var(--br_color_purple_main);}
.location-finder .location-finder-sidebar .location-finder-list-view .list-results li .result-content h3 a[data-result] {color: var(--gray-dark);font-family: var(--br_extrabold_font) !important;font-weight: bold;}

.elementor-post__read-more {font-weight: bold;color: var(--br_color_purple_violet) !important;}
h2.elementor-post__title a, .elementor-widget-container h2 {font-family: var(--br_extrabold_font) !important;font-weight: bold;letter-spacing: 1px;}
#locationModule .search-location-wrapper #locationFinder.leftAlign #locationFinderInput, #locationModule .search-location-wrapper #locationFinder.leftAlign .location-finder-input {text-align: center!important;}

/*Temporary Fix for Elementor changes not being pulled in*/
.coach-and-a-plan-for-you {font-size:44px;font-weight:bold;color: var(--br_color_purple_deep);display: block;clear: both;font-family: var(--br_extrabold_font) !important;font-weight: bold;}
.yes-you {font-size:44px;font-weight:bold;color: var(--br_color_purple_violet);font-family: var(--br_extrabold_font) !important;font-weight: bold;}

.btn-purple {background-color: var(--br_color_purple_main) !important;color: var(--white);}
section.hero.affix-button-scroll .sticky-button {background: rgba(98, 68, 187, 0.9);}
h2 strong, h2.headline, h2.state-headline {font-family: var(--br_extrabold_font) !important;font-weight: normal;}

.form-container .form-notes, .form-container .form-notes p {font-size:15px;}

@media (min-width: 1200px){
    header.main .nav-menu {padding-top: 0px !important}
}
@media (max-width:900px) {
    .banner-table {display: grid;width: 50%;}
    section.promo-bar:hover, section.promo-bar {background: url(/wp-content/themes/anytimefitness/img/brand-refresh-banner-mobile-bg.png)!important;background-repeat: no-repeat;background-size: cover!important;}
    .banner-button {padding: 10px;width: 200px;margin: auto;}
}
@media (max-width: 767px){
    header.main:not(.landing) .container-fluid {padding:0;}
    .location-finder .location-finder-sidebar .mobile-tabs .mobile-tab {background: var(--white);}
}
@media (max-width:500px) {
    header nav #sticky>div {height: 35px;padding-top: 20px;padding-bottom: 20px;}
    header.main .logo {padding:15px 15px 0;}
    #sticky .btn-pink {color: var(--white) !important;background: var(--br_color_purple_main) !important;font-weight: 300;font-size: 16px!important;padding: 0.75rem 1.5rem;}
    .banner-table {width: 80%;}
    .banner-heading {padding: 10px 0;}
}
@media (max-width: 767px) {
    footer.main .nav>li {display: flex;align-content: flex-end;flex-direction: column;}
    #menu-item-36760 {order:4;}
    #menu-item-10194 {order:3;}
    #menu-item-10198 {order:2;}
    #menu-item-10202 {order:1;}
}
@media (max-width:440px) {
    .coach-and-a-plan-for-you {font-size: 24px !important;display: inline;clear: none;}
    .yes-you {font-size: 24px !important;}
}