/* Sidebar Menu Styles */

#mCSB_1_container {
    height: 100%;
}

#navigation #main-menu.is-touchable li.menu-item-has-children > a:after {
    content: "\f054";
    font-size: 1em;
    display: block;
    padding-top: 10px;
}

#navigation #main-menu.is-touchable li.menu-item-has-children > a.mobile-menu-displayed:after {
    content: "\f078";
}

#main-menu {
    list-style: none;
    padding-bottom: 0 !important;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#main-menu li:last-child {
    margin-top: auto;
    margin-bottom: 30px;
}

#main-menu .menu-item svg {
    fill: #fff;
    width: 55px;
}

.main-menu li {
    font-size: 18px;
    font-family: Gilroy-Light, sans-serif;
}

.main-menu li > a {
    border: none;
    padding: 15px;
}

.home-page .main-menu li.current_page_item > a {
    background: #9c2137 !important;
}

.sub-menu li {
    margin: 0;
}

.nav-search {
    background: #53748A;
    height: 100px;
}

.nav-search a:first-child {
    display: none;
}

.nav-search a {
    height: 100%;
}

.nav-search a:hover {
    background: #0F2E3A !important;
}

.nav-search i {
    font-size: 2em;
    vertical-align:center;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* Login Page Styles */

.page-template-login #wpadminbar {
    display: none;
}

#woffice-login #loginform input#user, #woffice-login #loginform input#pass {
    height: 50px;
}

#woffice-login #login-logo h3 {
    font-size: 32px;
    font-family: Gilroy-SemiBold, sans-serif;
    color: #9C2136;
    text-align: center;
    margin-top: 15px;
}

#woffice-login a#login-logo:hover {
    text-decoration: none;
}

/*.page-template-login #wmpci-popup-wrp {*/
/*    display: none;*/
/*}*/

/* MOBILE ONLY */
@media (max-width: 767px) {

    #nav-trigger {
        background: #9c2137 !important;
    }

    #navigation #main-menu > li:first-child {
        display: none;
    }
}

/* PHONE ONLY */
@media (max-width: 450px) {
    #navigation #main-menu.is-touchable ul.sub-menu li a {
        padding-left: 65px !important;
    }

    #navigation #main-menu li a, #navigation #main-menu.is-touchable ul.sub-menu li a {
        text-align: left !important;
        font-size: 18px !important;
    }
    #navigation #main-menu.is-touchable li.menu-item-has-children > a:after {
        float: right;
        display: inline;
    }

    ul#main-menu li a svg {
        padding-right: 15px
    }

    #main-menu li:last-child {
        margin-bottom: 60px;
    }
}