/* Make style changes in style.less */

.mobile-only { display: none !important; }

@media only screen and (max-width:1024px){ /* TABLET */
    .ctas-content.grid-clear-t-3 .cta-block {min-width: 33.333%;}
    .ctas-content .cta-block .button {padding: 12px 30px;}
    .ctas-content .cta-block a h3 {min-height: 92px;}
    section.find-a-gym-wrapper .section-inner {flex-direction: column;}
}

@media only screen and (max-width:768px){ /* MOBILE */
    .ctas-content.grid-clear-m-1 .cta-block {flex-basis: 100%;max-width: 100%;}
}

@media only screen and (max-width:700px)
{
    header .header-bottom {flex-wrap: wrap;height: auto;}
    header .header-bottom .nav-logo {transform: scale(1);flex-basis: 100%;}
    header .header-bottom .nav-logo a {display: block;width: 80px;margin: -20px auto 15px;}
    header .header-actions { position: absolute; padding-left: 0 !important; }
}

@media only screen and (max-width:590px)
{
    
    .plan-details.load-plans .club_header{display:none;}
    header .header-bottom .header-actions {justify-content: center;margin: 10px auto; padding:0;}
    header .header-bottom .header-right {display: flex;align-items: center;justify-content: space-between;}
    .hero-banner ul li .hero-banner-overlay .hero-banner-overlay-inner h1 {font-size: 60px;}
    .hero-banner ul li .image img {min-height: 350px;object-fit: cover;}
    #footer-main ul#menu-footer-menu-minor {padding: 10px 0;}
    #footer-main ul#menu-footer-menu-minor li {padding: 5px;}
    #footer-main ul#menu-footer-menu-minor li + li {border-left: 1px solid #a55cbe;}
    #footer-main ul#menu-footer-menu-minor li a {font-size: 18px;padding: 0 7px;}

    .club-signup .signup-actions button, .club-signup .af-submit button { padding-left: 15px !important; padding-right: 15px !important; flex-basis: 50%; min-width: 40% !important; }
    .club-signup .signup-actions { width: 100%; flex-wrap: nowrap !important; max-width: 100%; }

    .club-signup .af-field-type-group.af-field-additional-fields .acf-fields > div[data-name*=have_you_been_a_member] .acf-label label { bottom: 0; top: 0; height: 100%; height: 126px; }
    .club-signup .af-field-type-group.af-field-additional-fields .acf-fields > div[data-name*=have_you_been_a_member] span {height: 23px;width: 105px;position: absolute;bottom: 0;left: 19px;margin-top: 29px;}
    .club-signup .af-field-type-group.af-field-additional-fields .acf-fields > div[data-name*=have_you_been_a_member] { min-height: 141px; position: relative; }
}

.club-signup .acf-fields > .acf-field[data-name=please_accept_our_terms_and_conditions] li input { height: 40px; width: 0; opacity: 0; margin:0; }
.club-signup .acf-fields > .acf-field[data-name=please_accept_our_terms_and_conditions] li input + span { border: 1px solid #b8bfc9; position: absolute; left: 0; height: 24px; width: 24px; margin-top: 6px; }
.club-signup .acf-fields > .acf-field[data-name=please_accept_our_terms_and_conditions] li input + span:before { content: ''; display: block; width: 6px; height: 12px; border: 1px solid transparent; transform: rotate(45deg); border-width: 0 2px 2px 0; margin: 2px 0 0 6px; }
.club-signup .acf-fields > .acf-field[data-name=please_accept_our_terms_and_conditions] li input:checked + span:before { border-color: #6d3281; }
.club-signup .acf-fields > .acf-field[data-name=please_accept_our_terms_and_conditions] label { padding-left: 39px; display: block; text-indent: 0; }