/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 16px; height: 2px; }
.slicknav_menu .slicknav_icon-bar.first {width: 20px;}
.slicknav_menu .slicknav_icon-bar.last {width: 24px;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block; }
.slicknav_nav li { border-bottom: 1px solid #405972; }
.slicknav_nav li.slicknav_open {border: none;}
.slicknav_nav .sub-menu li { border-top: 1px solid #34495E; border-bottom: none; }
.slicknav_nav .sub-menu li:first-child {border-color: #E5E5E5;}
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
.mlogo {
    padding: 5px 0 5px 15px;
    display: inline-block;
    height: 50px;
}
@media only screen and (max-width: 700px) {
    #page {
        padding-top: 63px;
    }
    #page::after {
        content: "";
        position: fixed;
        width: 100%;
        height: 64px;
        border-bottom: 3px #3498DB solid;
        background: #34495E;
        top: 0;
    }
}
/* Button */
.slicknav_btn {
    margin: 14px 15px 0 0;
    text-decoration:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #3498DB;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    background:#34495E;
    position: fixed;
    width: 100%;
    z-index: 99;
}
.slicknav_nav
 {
    color:#fff;
    position: fixed;
    width: 100%!important;
    display: block!important;
    z-index: 999;
    background: #34495E;
    overflow: scroll;
    top: 64px;
    margin:0;
    padding:0 15px;
    left: 0;
    height: 100%!important;
    
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    
    transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    
}
.slicknav_open .slicknav_nav {  
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.admin-bar .slicknav_nav {
    top: 110px;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:scroll;
}
.slicknav_nav ul {
    padding:0;
    margin:0;
}
ul.sub-menu {
    background: #405972;
}
.slicknav_nav .slicknav_row {
    padding:15px 0;
    margin:0;
}
.slicknav_nav a{
    font-size: 18px;
    text-decoration:none;
    color:#fff;
    padding:15px 0;
    margin:0;
}
.slicknav_nav ul.sub-menu a{
    font-size: 16px;
    padding:15px;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}