/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 30 2026 | 20:54:26 */
/*
 * AR Craftix categorized CSS
 * Source: Appearance > Customize > Additional CSS
 * Original lines: 1200-1970
 * Category: Homepage responsive navbar/menu/hero rules (tablet/mobile/small mobile)
 * Kept verbatim from the supplied Additional CSS.
 */

/* ==========================================================
   13. TABLET
   768px - 1024px
   ========================================================== */

@media (min-width:768px) and (max-width:1024px){

    /* Navbar */
    body.home #navbar > .container{
        width:96%;
    }




    body.home .at-beside-navbar-header{
        display:flex !important;

        width:auto !important;

        float:none !important;
    }


    body.home .main-navigation{
        display:block !important;

        width:auto !important;

        float:none !important;

        margin-left:auto;
        margin-right:auto;

        background:transparent !important;

        box-shadow:none !important;
    }


    body.home .navbar-nav{
        width:auto !important;

        float:none !important;
    }


    body.home .main-navigation li{
        display:inline-block !important;

        width:auto !important;

        float:none !important;

        border:0 !important;
    }


    body.home .main-navigation > ul > li > a,
    body.home .main-navigation .navbar-nav > li > a{
        padding:29px 7px !important;

        font-size:11px;
    }


    /* Tablet submenu */
    body.home .main-navigation ul ul{
        display:none;

        position:absolute !important;

        padding:8px 0 !important;
    }


    body.home .main-navigation li:hover > ul,
    body.home .main-navigation li:focus-within > ul{
        display:block;
    }


    body.home .main-navigation ul ul li{
        display:block !important;

        width:100% !important;
    }


    /* CTA */
    body.home .at-navbar .featured-button{
        min-width:135px;

        margin:0 !important;

        padding:13px 12px !important;

        font-size:9px !important;
    }


    /* Hero */
    body.home aside#fitness_hub_about-1 .container,
    body.home aside#fitness_hub_about-1 .row,
    body.home aside#fitness_hub_about-1 .at-feature-about-img{
        min-height:650px;
    }


    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:nth-child(2){
        padding-right:25px;
    }


    body.home aside#fitness_hub_about-1 .widget-title{
        font-size:52px !important;

        letter-spacing:-3px;
    }


    body.home aside#fitness_hub_about-1 .at-subtitle{
        font-size:50px !important;
    }


    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:nth-child(2) > p{
        font-size:14px;
    }


    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:first-child:before{
        left:-335px;
    }

}


/* ==========================================================
   14. MOBILE NAVBAR + HERO
   ========================================================== */

@media (max-width:767px){

    body.admin-bar.home .navbar.at-sticky{
        top:0 !important;
    }


    /* Navbar */
    body.home.menu-default .navbar,
    body.home.menu-default.header-enable-top .navbar,
    body.home .navbar.at-navbar{
        min-height:70px;
    }


    body.home #navbar > .container{
        width:100%;

        min-height:70px;

        padding-left:20px;
        padding-right:20px;

        display:block;
    }


    /*
     * Keep Fitness Hub original mobile header/toggle layout
     */
    body.home .navbar-header{
        display:block !important;

        width:100% !important;

        min-height:70px !important;

        padding:0 !important;
    }


    body.home .navbar-header .custom-logo-link{
        float:left !important;

        min-height:70px;

        display:flex;

        align-items:center;
    }


    body.home .custom-logo-link img{
        max-width:145px !important;
        max-height:40px !important;
    }


    /* Original-style hamburger */
    body.home .navbar .navbar-toggle{
        position:relative !important;

        display:block;

        float:right !important;

        margin-top:8px !important;
        margin-right:15px !important;
        margin-bottom:8px !important;

        padding:9px 10px !important;

        background:transparent !important;

        border:1px solid transparent !important;
        border-radius:4px !important;

        transform:none !important;
    }


    body.home .navbar .navbar-toggle:hover,
    body.home .navbar .navbar-toggle:focus{
        background:transparent !important;
    }


    body.home .navbar .navbar-toggle i{
        color:#ffffff !important;
    }



    /* ======================================================
       MOBILE MENU
       ====================================================== */

    body.home .at-beside-navbar-header{
        width:100% !important;

        float:none !important;
    }


    body.home .main-navigation{
        width:100% !important;

        float:none !important;

        background:#0d0e14 !important;

        border-top:1px solid rgba(121,121,121,.18);

        box-shadow:
            0 15px 30px rgba(0,0,0,.28) !important;
    }


    body.home .main-navigation ul{
        width:100% !important;
    }


    /* Remove white background from ALL menu states */
    body.home .main-navigation .navbar-nav > li,
    body.home .main-navigation .navbar-nav > li:hover,
    body.home .main-navigation .navbar-nav > li:focus,
    body.home .main-navigation .navbar-nav > li:focus-within,
    body.home .main-navigation .navbar-nav > li.active,
    body.home .main-navigation .navbar-nav > li.open,
    body.home .main-navigation .navbar-nav > li.current-menu-item,
    body.home .main-navigation .navbar-nav > li.current_page_item,
    body.home .main-navigation .navbar-nav > li.current-menu-ancestor,
    body.home .main-navigation .navbar-nav > li.current_page_ancestor{
        display:block !important;

        width:100% !important;

        background:transparent !important;
        background-color:transparent !important;

        border-top:1px solid rgba(121,121,121,.12) !important;
    }


    /* Main mobile links */
    body.home .main-navigation .navbar-nav > li > a{
        position:relative !important;

        padding:
            14px
            20px !important;

        color:#d2d2d7 !important;

        background:transparent !important;
        background-color:transparent !important;

        border:0 !important;

        box-shadow:none !important;

        text-shadow:none !important;

        font-size:13px;

        line-height:1.4;

        transition:
            color .25s ease,
            padding-left .25s ease !important;
    }


    /* Remove desktop underline */
    body.home .main-navigation
    .navbar-nav > li > a:after{
        display:none !important;
    }


    /* Mobile active indicator */
    body.home .main-navigation
    .navbar-nav > li > a:before{
        content:"" !important;

        position:absolute;

        left:0;
        top:50%;

        width:3px;
        height:0;

        background:#003da3;

        transform:translateY(-50%);

        transition:height .25s ease;
    }


    body.home .main-navigation
    .navbar-nav > li:hover > a:before,

    body.home .main-navigation
    .navbar-nav > li:focus-within > a:before,

    body.home .main-navigation
    .navbar-nav > li.current-menu-item > a:before,

    body.home .main-navigation
    .navbar-nav > li.current_page_item > a:before,

    body.home .main-navigation
    .navbar-nav > li.current-menu-ancestor > a:before{
        height:22px;
    }


    /* Main link hover/current */
    body.home .main-navigation
    .navbar-nav > li:hover > a,

    body.home .main-navigation
    .navbar-nav > li > a:hover,

    body.home .main-navigation
    .navbar-nav > li > a:focus,

    body.home .main-navigation
    .navbar-nav > .active > a,

    body.home .main-navigation
    .navbar-nav > .open > a,

    body.home .main-navigation
    .navbar-nav > .current-menu-item > a,

    body.home .main-navigation
    .navbar-nav > .current_page_item > a,

    body.home .main-navigation
    .navbar-nav > .current-menu-ancestor > a{
        color:#ffffff !important;

        background:transparent !important;
        background-color:transparent !important;

        box-shadow:none !important;
    }


    body.home .main-navigation
    .navbar-nav > li:hover > a{
        padding-left:25px !important;
    }


    /* Bootstrap hover fix */
    body.home .navbar-default .navbar-nav > li > a:hover,
    body.home .navbar-default .navbar-nav > li > a:focus,
    body.home .navbar-default .navbar-nav > .active > a,
    body.home .navbar-default .navbar-nav > .active > a:hover,
    body.home .navbar-default .navbar-nav > .active > a:focus,
    body.home .navbar-default .navbar-nav > .open > a,
    body.home .navbar-default .navbar-nav > .open > a:hover,
    body.home .navbar-default .navbar-nav > .open > a:focus{
        background:transparent !important;
        background-color:transparent !important;
    }


    /* ======================================================
       MOBILE SUBMENU
       ====================================================== */

    body.home .main-navigation ul.sub-menu{
        position:static !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;

        padding:
            0
            0
            8px
            15px !important;

        background:#08090e !important;

        border:0 !important;
        border-radius:0 !important;

        box-shadow:none !important;
    }


    body.home .main-navigation ul.sub-menu li,
    body.home .main-navigation ul.sub-menu li:hover,
    body.home .main-navigation ul.sub-menu li:focus,
    body.home .main-navigation ul.sub-menu li:focus-within,
    body.home .main-navigation ul.sub-menu li.current-menu-item{
        background:transparent !important;
        background-color:transparent !important;

        border:0 !important;
    }


    body.home .main-navigation ul.sub-menu li > a{
        display:block !important;

        width:100% !important;

        padding:
            10px
            20px
            10px
            35px !important;

        color:#c3c3ca !important;

        background:transparent !important;
        background-color:transparent !important;

        border:0 !important;

        box-shadow:none !important;

        font-size:12px !important;
        line-height:1.45;

        transition:
            background-color .25s ease,
            color .25s ease,
            padding-left .25s ease !important;
    }


    body.home .main-navigation ul.sub-menu li:hover > a,
    body.home .main-navigation ul.sub-menu li > a:hover,
    body.home .main-navigation ul.sub-menu li > a:focus,
    body.home .main-navigation ul.sub-menu li.current-menu-item > a{
        color:#ffffff !important;

        background:rgba(0,61,163,.18) !important;

        padding-left:40px !important;
    }


    /* ======================================================
       MOBILE HERO
       ====================================================== */

    body.home aside#fitness_hub_about-1
    section.at-feature-about,

    body.home aside#fitness_hub_about-1
    .container{
        min-height:auto;
    }


    body.home aside#fitness_hub_about-1
    .container{
        padding:0;
    }


    body.home aside#fitness_hub_about-1
    .row{
        min-height:auto;

        margin:0;

        display:flex;

        flex-direction:column;
    }


    /* Content first */
    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:nth-child(2){
        order:1;

        width:100%;

        padding:
            65px
            25px
            60px;

        display:block;
    }


    /* Image second */
    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:first-child{
        order:2;

        width:100%;

        height:470px;

        padding:0;
    }


    body.home aside#fitness_hub_about-1
    .at-feature-about-img{
        min-height:470px;

        height:470px;
    }


    /* Remove desktop curve */
    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:first-child:before{
        display:none;
    }


    /* Small label */
    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:nth-child(2):before{
        margin-bottom:22px;

        font-size:9px;

        letter-spacing:2.1px;
    }


    /* Heading */
    body.home aside#fitness_hub_about-1
    .widget-title{
        max-width:100%;

        font-size:46px !important;

        line-height:.98 !important;

        letter-spacing:-2.8px;
    }


    body.home aside#fitness_hub_about-1
    .at-subtitle{
        margin-top:12px !important;

        font-size:47px !important;

        letter-spacing:-2px;
    }


    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:nth-child(2) > p{
        max-width:100%;

        margin-top:5px;

        font-size:15px;

        line-height:1.7;
    }


    /* Buttons */
    body.home aside#fitness_hub_about-1
    .btn.btn-reverse{
        min-width:205px;

        padding:16px 20px !important;
    }


    body.home aside#fitness_hub_about-1
    .btn.btn-primary:not(.btn-reverse){
        margin-left:20px;
    }


    /* Decorative bottom line */
    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:nth-child(2):after{
        left:25px;

        width:calc(100% - 50px);
    }


    /* Mobile image overlay */
    body.home aside#fitness_hub_about-1
    .at-feature-about-img:before{
        background:
            linear-gradient(
                180deg,
                rgba(8,9,14,.65) 0%,
                transparent 26%,
                transparent 74%,
                rgba(8,9,14,.45) 100%
            ),
            radial-gradient(
                circle at 75% 35%,
                rgba(0,61,163,.16),
                transparent 50%
            );
    }

}


/* ==========================================================
   15. SMALL MOBILE
   ========================================================== */

@media (max-width:480px){

    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:nth-child(2){
        padding:
            50px
            20px
            52px;
    }


    body.home aside#fitness_hub_about-1
    .widget-title{
        font-size:39px !important;

        letter-spacing:-2px;
    }


    body.home aside#fitness_hub_about-1
    .at-subtitle{
        font-size:41px !important;
    }


    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:nth-child(2) > p{
        font-size:14px;

        line-height:1.65;
    }


    /* Stack hero buttons */
    body.home aside#fitness_hub_about-1 .btn{
        display:table;

        margin-left:0 !important;
    }


    body.home aside#fitness_hub_about-1
    .btn.btn-primary:not(.btn-reverse){
        margin-top:15px;
    }


    /* Hero image */
    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:first-child,

    body.home aside#fitness_hub_about-1
    .at-feature-about-img{
        height:380px;

        min-height:380px;
    }


    /* Circle mark */
    body.home aside#fitness_hub_about-1
    .row > .col-sm-6:first-child:after{
        top:18px;
        right:18px;

        width:62px;
        height:62px;

        font-size:8px;
    }

}


/* ==========================================================
   16. EXTRA SMALL MOBILE
   ========================================================== */

@media (max-width:360px){

    body.home aside#fitness_hub_about-1
    .widget-title{
        font-size:35px !important;
    }


    body.home aside#fitness_hub_about-1
    .at-subtitle{
        font-size:37px !important;
    }


    body.home .custom-logo-link img{
        max-width:125px !important;
    }

}