MaxCDN Tools
PROCSSORLEARN MORE
Procssor cleans and organizes your css the way you want it.
Perfect for css consistency when multiple people contribute.

DOWNLOADCOPYRETURN
/*!
 * SlickNav Responsive Mobile Menu v1.0.6
 * (c) 2015 Josh Cope
 * licensed under MIT
 */

 
.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    line-height: 1.125em;
    cursor: pointer;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_menu { *zoom: 1 }
.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
}
.slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em;
}
.slicknav_menu .slicknav_icon:before {
    background: transparent;
    width: 1.125em;
    height: 0.875em;
    display: block;
    content: "";
    position: absolute;
}
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_menu:before {
    content: " ";
    display: table;
}
.slicknav_menu:after {
    content: " ";
    display: table;
    clear: both;
}
.slicknav_nav { clear: both }
.slicknav_nav ul { display: block }
.slicknav_nav li {
    display: block;
    border-bottom: 1px solid #d9cbba;
}
.slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item { cursor: pointer }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_nav .slicknav_row { display: block }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_brand { float: left }
.slicknav_menu {
    font-size: 16px;
    box-sizing: border-box;
}
.slicknav_menu * { box-sizing: border-box }
.slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
.slicknav_menu .slicknav_icon-bar { background-color: #fff }
.slicknav_btn {
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.slicknav_nav {
    color: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
}
.slicknav_nav .slicknav_row { }
.slicknav_nav .slicknav_row:hover {
    background: #ccc;
    color: #fff;
}
.slicknav_nav a {
    text-decoration: none;
    padding: 15px;
    color: #5c5c5c;
}
.slicknav_nav a:hover {
    background: rgba(244, 161, 23, 0.1);
    color: #222;
}
.slicknav_nav .slicknav_txtnode { }
.slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
}
.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
}
.slicknav_brand {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding: 7px 12px;
    height: 44px;
}