/*
Smart Responsive Menu v1.7
http://www.millan.rs/product/smart-responsive-menu/

Copyright 2008 - 2013 Milan Petrovic (email: milan@gdragon.info)

http://www.dev4press.com
http://www.millan.rs
*/

/* Submenu Size */
.smart-responsive-menu.srm-submenu-narrow .srm-menu ul ul,
.smart-responsive-menu .srm-menu ul.srm-submenu-narrow ul {
    left: 140px;
}

.smart-responsive-menu.srm-submenu-narrow .srm-menu ul a,
.smart-responsive-menu .srm-menu ul.srm-submenu-narrow a {
    width: 120px;
}

.smart-responsive-menu.srm-submenu-wide .srm-menu ul ul,
.smart-responsive-menu .srm-menu ul.srm-submenu-wide ul {
    left: 220px;
}

.smart-responsive-menu.srm-submenu-wide .srm-menu ul a,
.smart-responsive-menu .srm-menu ul.srm-submenu-wide a {
    width: 200px;
}

/* Rounded */
.smart-responsive-menu.srm-rounded .srm-menu {
    border-radius: 6px;
}

.smart-responsive-menu.srm-rounded .srm-menu ul {
    border-radius: 3px;
}

.smart-responsive-menu.srm-rounded .srm-menu ul li:first-child > a {
    border-radius: 3px 3px 0 0;
}

.smart-responsive-menu.srm-rounded .srm-menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;
}

.smart-responsive-menu.srm-rounded .srm-toggle {
    border-radius: 6px;
}

/* Box Shadow */
.smart-responsive-menu.srm-boxshadow .srm-toggle,
.smart-responsive-menu.srm-boxshadow-main .srm-menu,
.smart-responsive-menu.srm-boxshadow .srm-menu {
    box-shadow: 0px 1px 2px rgba(128, 128, 128, 0.8);
}

.smart-responsive-menu.srm-boxshadow-drop .srm-menu ul,
.smart-responsive-menu.srm-boxshadow .srm-menu ul {
    box-shadow: 1px 1px 2px rgba(80, 80, 80, 0.6);
}

.smart-responsive-menu.srm-boxshadow-drop .srm-menu ul ul,
.smart-responsive-menu.srm-boxshadow .srm-menu ul ul {
    box-shadow: 1px 1px 2px rgba(80, 80, 80, 0.3);
}

/* Text Shadow */
.smart-responsive-menu.srm-textshadow .srm-menu a,
.smart-responsive-menu.srm-textshadow .srm-toggle a,
.smart-responsive-menu .srm-menu li.srm-textshadow > a {
    text-shadow: 0 1px 0 #333333;
}

.smart-responsive-menu.srm-textshadow-light .srm-menu a,
.smart-responsive-menu.srm-textshadow-light .srm-toggle a,
.smart-responsive-menu .srm-menu li.srm-textshadow-light > a {
    text-shadow: 0 1px 0 #DDDDDD;
}

.smart-responsive-menu.srm-nosubmenu-textshadow .srm-menu ul a {
    text-shadow: none;
}

/* Transition: Linear */
.smart-responsive-menu.srm-transition-linear .srm-menu ul {
    transition: all .25s linear;
}

/* Transition: Ease */
.smart-responsive-menu.srm-transition-ease .srm-menu ul {
    transition: all .25s ease;
}

/* Transition: Ease In */
.smart-responsive-menu.srm-transition-easein .srm-menu ul {
    transition: all .25s ease-in;
}

/* Transition: Ease Out */
.smart-responsive-menu.srm-transition-easeout .srm-menu ul {
    transition: all .25s ease-out;
}

/* Transition: Ease In Out */
.smart-responsive-menu.srm-transition-easeinout .srm-menu ul {
    transition: all .25s ease-in-out;
}

/* Menu Linking: Arrow */
.smart-responsive-menu.srm-arrows .srm-menu ul li:first-child > a:before {
    content: '';
    position: absolute;
    left: 32px;
    top: -6px;
}

.smart-responsive-menu.srm-arrows .srm-menu ul ul li:first-child a:before {
    left: -6px;
    top: 50%;
    margin-top: -6px;
}

/* Menu Drop Down Mark: Font Plus & Arrow */
.smart-responsive-menu.srm-plus .srm-menu li.parent > a:after,
.smart-responsive-menu.srm-plus .srm-toggle .srm-toggle-menu a:after {
    content: '+';
    margin: 0 0 0 8px;
}

.smart-responsive-menu.srm-plus .srm-menu ul li.parent > a:after,
.smart-responsive-menu.srm-font-arrow .srm-menu ul li.parent > a:after {
    position: absolute;
    right: 8px;
}

.smart-responsive-menu.srm-font-arrow .srm-menu > li.parent > a:after,
.smart-responsive-menu.srm-font-arrow .srm-menu ul li.parent > a:after,
.smart-responsive-menu.srm-font-arrow .srm-toggle .srm-toggle-menu a:after {
    font-size: 0.9em;
    margin: 0 0 0 8px;
}

.smart-responsive-menu.srm-font-arrow .srm-menu > li.parent > a:after,
.smart-responsive-menu.srm-font-arrow .srm-toggle .srm-toggle-menu a:after {
    content: '\2193';
}

.smart-responsive-menu.srm-font-arrow .srm-menu ul li.parent > a:after {
    content: '\2192';
}

/* No Side Borders */
.smart-responsive-menu.srm-no-side-itemborders .srm-menu li,
.smart-responsive-menu.srm-no-side-itemborders .srm-menu li.srm-right {
    border-left: none !important;
    border-right: none !important;
}

/* Gradient: Chrome */
.smart-responsive-menu.srm-gradient-chrome .srm-menu,
.smart-responsive-menu.srm-gradient-chrome .srm-toggle {
    background-image: linear-gradient(bottom, rgba(0,0,0,0) 50%, rgba(255,255,255,0.05) 0%);
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0) 50%, rgba(255,255,255,0.05) 0%);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 50%, rgba(255,255,255,0.05) 0%);
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,0) 50%, rgba(255,255,255,0.05) 0%);
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0) 50%, rgba(255,255,255,0.05) 0%);
}

.smart-responsive-menu.srm-gradient-chrome .srm-menu > li.hover > a,
.smart-responsive-menu.srm-gradient-chrome .srm-menu > li.current > a,
.smart-responsive-menu.srm-gradient-chrome .srm-menu > li.current-menu-item > a,
.smart-responsive-menu.srm-gradient-chrome .srm-menu > li.gradient > a {
    background-image: linear-gradient(bottom, rgba(0,0,0,0) 50%, rgba(255,255,255,0.1) 0%);
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0) 50%, rgba(255,255,255, 0.1) 0%);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 50%, rgba(255,255,255,0.1) 0%);
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,0) 50%, rgba(255,255,255,0.1) 0%);
    background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0) 50%, rgba(255,255,255,0.1) 0%);
}

/* Gradient: Linear */
.smart-responsive-menu.srm-gradient-linear .srm-menu,
.smart-responsive-menu.srm-gradient-linear .srm-toggle {
    background-image: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
    background-image: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%);
    background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
    background-image: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
    background-image: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
}

.smart-responsive-menu.srm-gradient-linear .srm-menu > li.hover > a,
.smart-responsive-menu.srm-gradient-linear .srm-menu > li.current > a,
.smart-responsive-menu.srm-gradient-linear .srm-menu > li.current-menu-item > a,
.smart-responsive-menu.srm-gradient-linear .srm-menu > li.gradient > a {
    background-image: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);
    background-image: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
    background-image: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);
    background-image: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);
    background-image: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);
}

/* Gradient: Light Chrome */
.smart-responsive-menu.srm-gradient-lightchrome .srm-menu,
.smart-responsive-menu.srm-gradient-lightchrome .srm-toggle {
    background-image: linear-gradient(bottom, rgba(0,0,0,0) 50%, rgba(128,128,128,0.05) 0%);
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(128,128,128,0.05) 0%);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(128,128,128,0.05) 0%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(128,128,128,0.05) 0%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(128,128,128,0.05) 0%);
}

.smart-responsive-menu.srm-gradient-lightchrome .srm-menu > li.hover > a,
.smart-responsive-menu.srm-gradient-lightchrome .srm-menu > li.current > a,
.smart-responsive-menu.srm-gradient-lightchrome .srm-menu > li.current-menu-item > a,
.smart-responsive-menu.srm-gradient-lightchrome .srm-menu > li.gradient > a {
    background-image: linear-gradient(top, rgba(0,0,0,0) 50%, rgba(128,128,128,0.05) 0%);
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0, 0.05) 0%);
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(128,128,128,0.05) 0%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(128,128,128,0.05) 0%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(128,128,128,0.05) 0%);
}

.smart-responsive-menu.srm-gradient-chrome.srm-mobile-display .srm-menu,
.smart-responsive-menu.srm-gradient-chrome.srm-mobile-display .srm-menu > li.hover > a,
.smart-responsive-menu.srm-gradient-chrome.srm-mobile-display .srm-menu > li.current > a,
.smart-responsive-menu.srm-gradient-chrome.srm-mobile-display .srm-menu > li.current-menu-item > a,
.smart-responsive-menu.srm-gradient-chrome.srm-mobile-display .srm-menu > li.gradient > a,
.smart-responsive-menu.srm-gradient-linear.srm-mobile-display .srm-menu,
.smart-responsive-menu.srm-gradient-linear.srm-mobile-display .srm-menu > li.hover > a,
.smart-responsive-menu.srm-gradient-linear.srm-mobile-display .srm-menu > li.current > a,
.smart-responsive-menu.srm-gradient-linear.srm-mobile-display .srm-menu > li.current-menu-item > a,
.smart-responsive-menu.srm-gradient-linear.srm-mobile-display .srm-menu > li.gradient > a,
.smart-responsive-menu.srm-gradient-lightchrome.srm-mobile-display .srm-menu,
.smart-responsive-menu.srm-gradient-lightchrome.srm-mobile-display .srm-menu > li.hover > a,
.smart-responsive-menu.srm-gradient-lightchrome.srm-mobile-display .srm-menu > li.current > a,
.smart-responsive-menu.srm-gradient-lightchrome.srm-mobile-display .srm-menu > li.current-menu-item > a,
.smart-responsive-menu.srm-gradient-lightchrome.srm-mobile-display .srm-menu > li.gradient > a {
    background-image: none;
}

/* Compact */
.smart-responsive-menu.srm-compact .srm-menu a {
    padding: 8px 16px;
}

.smart-responsive-menu.srm-compact .srm-toggle a {
    padding: 8px 12px;
}

.smart-responsive-menu.srm-compact .srm-menu > li > ul {
    top: 32px;
}

.smart-responsive-menu.srm-compact .srm-menu ul ul {
    left: 180px;
}

.smart-responsive-menu.srm-compact.srm-submenu-narrow .srm-menu ul ul {
    left: 140px;
}

.smart-responsive-menu.srm-compact.srm-submenu-wide .srm-menu ul ul {
    left: 220px;
}

.smart-responsive-menu.srm-compact .srm-menu ul a {
    padding: 6px 10px;
}