/* 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_extrabold_font: 'f37_moonextra_bold';
    --br_regular_font: 'f37_moonregular', sans-serif;
}

p,h1,h2,h3,h4,h5,a,input,li,ul,div,html,body,span,section.promo-bar .promo.collapsed,.h1, .h2, .h3, .h4, .h5, .h6  {font-family: var(--br_regular_font) !important;}
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;text-transform: capitalize!important;}
header.main .nav.nav-menu>li>a:hover {color: var(--br_color_purple_light) !important;}
#navbar ul.navbar-nav>li.current-menu-item>a {color: var(--br_color_aqua_light) !important;}
* #sticky .btn-pink {color: var(--white) !important;background: var(--br_color_purple_main) !important;text-transform: capitalize;font-weight: 300;font-size: 18px!important;}

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 {display: inherit;color: var(--br_color_gray_dark) !important;font-size: 16px;pointer-events: none;padding: 10px 15px 10px 10px;font-weight: bold;font-size:20px;}
footer.main .nav>li a {color: var(--br_color_gray_dark);text-align: left;font-weight: bold;font-size:16px;text-transform: capitalize;letter-spacing: 1px;}
footer.main .nav>li a:hover {color: #000;text-align: left;font-weight: bold;}
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;}

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;}

@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 .navbar-toggler .icon-bar+.icon-bar {margin-top: 0!important;}
    .location-finder .location-finder-sidebar .mobile-tabs .mobile-tab {background: var(--white);}
}
@media (max-width:500px) {
    header nav #sticky>div {height: 35px;padding-bottom: 20px;}
    #sticky .btn-pink {color: var(--white) !important;background: var(--br_color_purple_main) !important;text-transform: capitalize;font-weight: 300;font-size: 18px!important;padding: 0;}
    .banner-table {width: 80%;}
    .banner-heading {padding: 10px 0;}
}
@media (max-width: 480px) {
    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;}
}