/*
    JQuery Simple MobileMenu Slide
    https://github.com/Position2/jQuery-Simple-MobileMenu
    */
    /*Main style*/
    body.mmactive {
        overflow: hidden;
    }
    .mobile_menu {
        display: none;
        padding: 0;
        position: relative;
    }
    .sm_menu_outer.active .mobile_menu {
        display: block;
        top: 87px;
    }
    .sm_menu_outer {
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -9;
        width: 100%;
        opacity: 0;
        background-color: #9E925E;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }
    .sm_menu_outer.active {
        opacity: 1;
        z-index: 999;
    }
    .sm_menu_outer .mobile_menu li.back a:before {
        content: '\f053';
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 21px;
        color: #FFF;
        margin-right: 15px;
    }
    .sm_menu_outer .mobile_menu a {
        font-size: 1.5rem;
        color: #FFF;
        display: block;
        padding: 12px 15px;
        padding-right: 30px;
        text-decoration: none;
    }
    /*Sub Menu animation */
    .sm_menu_outer.slide .mobile_menu .submenu  {
        padding: 0;
        background-color: #9E925E;
        height: calc(100vh - 87px);
        position: absolute;
        right: -100%;
        transition: all 0.5s ease 0s;
        width: 100%;
        z-index: 999;
    }
    .sm_menu_outer.slide .mobile_menu li.active > .submenu {
        top: 0;
        right: 0;
    }
    .sm_menu_outer .mobile_menu li {
        list-style-type: none;
        border-bottom: 1px solid #6b633f;
        color: #FFF;
    }
    .hasChild {
        display: flex;
        align-items: center;
        flex: 1 1 auto;
    }
    .hasChild a {
        flex-grow: 1;
    }
    .hasChild span {
        position: absolute;
        width: 50px;
        text-align: right;
        padding-right: 15px;
        right: 0;
    }
    .hasChild span:after {
        content: '\f054';
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 21px;
        color: #FFF;
    }
    /*Hamburger Animation */
    #sm_menu_ham {
        cursor: pointer;
        float: right;
        height: 25px;
        position: fixed;
        right: 5px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        width: 30px;
        top: 30px;
        right: 15px;
        z-index: 9999;
    }
    #sm_menu_ham span {
        background-color: #000;
        border-radius: 5px;
        display: block;
        height: 2px;
        left: 0;
        opacity: 1;
        position: absolute;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.25s ease-in-out 0s;
        -moz-transition: all 0.25s ease-in-out 0s;
        -o-transition: all 0.25s ease-in-out 0s;
        transition: all 0.25s ease-in-out 0s;
        width: 30px;
    }
    #sm_menu_ham span:nth-child(1) {
        top: 0;
    }
    #sm_menu_ham span:nth-child(2),
    #sm_menu_ham span:nth-child(3) {
        top: 10px;
    }
    #sm_menu_ham span:nth-child(4) {
        top: 20px;
    }
    #sm_menu_ham.open span:nth-child(1) {
        left: 50%;
        top: 18px;
        width: 0;
    }
    #sm_menu_ham.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #sm_menu_ham.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #sm_menu_ham.open span:nth-child(4) {
        left: 50%;
        top: 18px;
        width: 0;
    }
    /* CUSTOM STYLES */
    .mobileTop {
        display: flex;
        flex-direction: column;
        padding: 2rem 0;
        height: 200px;
        background: #0070AF;
    }
    .mobileLogin {
        font-size: 1.25rem;
        text-align: center;
        margin-top: auto;
    }
    .mobileLogin ul {
        padding: 0;
    }
    .sm_menu_outer .mobile_menu .mobileLogin li {
        display: inline-block;
        border: none;
        color: #FFF;
    }
    .sm_menu_outer .mobile_menu .mobileLogin .welcome li {
        display: block;
    }
    .sm_menu_outer .mobile_menu .mobileLogin a.logBtn {
        display: inline-block;
        font-size: 1.25rem;
        padding: 8px 15px;
        margin: 5px;
        text-align: center;
        color: #FFF;
        border: 2px solid #FFF;
    }
    .mobileLogin a.signout:after {
        content: '\f2f5';
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        display: inline-block;
        margin-left: 8px;
    }
    .mobileLogin a.logBtn.signIn:after, .mobileLogin a.signout:after {
        content: '\f2f6';
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        display: inline-block;
        margin-left: 8px;
    }
    .mobileLogin a.logBtn.join:after {
        content: '\f234';
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        display: inline-block;
        margin-left: 8px;
    }
    .mobileLogin .welcome li a {
        font-size: 1.25rem;
        display: inline-block;
        color: #FFF;
        padding: 0;
    }
    @media (min-width: 1201px) {
        #sm_menu_ham, .sm_menu_outer {
            display: none;
        }
    }