/*** REF Research stylesheet for manchester.ac.uk v2 (2013) ***/
/*** Copyright: (c) 2013 The University of Manchester, UK, all rights reserved. ***/
/*** Authors: Robert J Lambert ***/

/*********** Table of Contents ************** 
:: Overall view and Grouped styles
:: Columns and Rows
:: Column Stacking & Nesting
:: Font Sizes
:: Headings
:: Other
:: Transitions
:: 
*/



/**************************************************************************************************************************
***************************************************************************************************************************
***************************************************************************************************************************
********************************************  Universal & Foundation Repo:   **********************************************
***************************************************************************************************************************
***************************************************************************************************************************
**************************************************************************************************************************/



/******************************************
 * Overall view and Grouped styles
************************************************/
section { /* margin-bottom: 15px; clear: both; */ /* padding-right: 15px; */ /* display:table; */ }
section.intro, .main-image { margin-bottom: 15px; /* display:table; */ }
figure { margin: 0; }
/*section.body section.info-graphics { margin-bottom: 15px; }*/
/* .info-graphics, .lead-academics { margin-bottom: 15px; padding-right: 15px; }
@media only screen and (max-width: 767px) {
.info-graphics, .lead-academics { padding-right: 0; }
} */
.main-image p { line-height: 0; }
p img { margin: /* 12px 12px 12px */ 0; }
p img.left, p img { margin: /* 15px */ 0; margin-left: 0; }
p + h4 { margin-top: 30px; }
/*******/



/******************************************
 * Columns and Rows
************************************************/
/***  Simple  ***/
.full.columns.no-padding-left { margin-bottom: 15px }
@media only screen and (max-width: 767px) {
#MainBodyContent { padding-top: 0; }
}
/*******/



/******************************************
 * Column Stacking & Nesting
************************************************/
.flush { padding: 0; /* line-height: 0; */ }
.half.columns.flush.med { padding: 0 5px 0 0; }
.half.columns.flush.med + .half.columns.flush.med { padding: 0 0 0 10px; }
.half.columns.flush.med { padding: 0 6px 0 0; }
.half.columns.flush.med + .half.columns.flush.med { padding: 0 4px; }

.third.columns.flush.med { padding: 0 6px 0 0; }
.third.columns.flush.med + .third.columns.flush.med { padding: 0 4px; }
.third.columns.flush.med + .third.columns.flush.med + .third.columns.flush.med { padding: 0 0 0 6px; }
/* .third.columns.flush.large { padding: 0 10px 0 0; }
.third.columns.flush.large + .third.columns.flush.large { padding: 0 5px; }
.third.columns.flush.large + .third.columns.flush.large + .third.columns.flush.large { padding: 0 0 0 10px; } */
.third.columns.flush.large { padding: 0 10px 0 0; }

.two-thirds.columns.flush { padding: 0; }
.two-thirds.columns.flush + .third.columns.flush { padding: 0; }
@media only screen and (max-width: 767px) {
.columns.flush { padding: 0; }
/* .half.columns.flush, .third.columns.flush, .quarter.columns.flush { padding: 0; } */
.third.columns.flush.med { padding: 0 2px 0 0; }
.third.columns.flush.med + .third.columns.flush.med { padding: 0 2px; }
.third.columns.flush.med + .third.columns.flush.med + .third.columns.flush.med { padding: 0 0 0 2px; }
.third.columns.mobile-two.flush.med:nth-child(odd) { padding: 0 0 0 2px !important; }
.third.columns.mobile-two.flush.med:nth-child(even) { padding: 0 2px 0 0 !important; }
/* .third.columns.mobile-two.flush.med { padding: 0 2px 0 0; }
.third.columns.mobile-two.flush.med + .third.columns.mobile-two.flush.med { padding: 0 0 0 2px; }
.third.columns.mobile-two.flush.med + .third.columns.mobile-two.flush.med + .third.columns.mobile-two.flush.med { padding: 0 2px 0 0; }
.third.columns.mobile-two.flush.med + .third.columns.mobile-two.flush.med + .third.columns.mobile-two.flush.med + .third.columns.mobile-two.flush.med { padding: 0 0 0 2px; } */
}
@media only screen and (max-width: 767px) {
.columns.till-400 { padding: 0 7px 0 0; }
.columns.till-300 + .columns.till-300 { padding: 0 0 0 7px; }
.columns.till-600, .columns.till-500, .columns.till-400, .columns.till-300 { float: left; width: 50% !important; }
}
@media only screen and (max-width: 600px) {
.columns.till-600 { float: none; width: auto !important; }
.columns.till-600 { padding-right: 0; }
.columns.till-600 + .columns.till-600 { padding-left: 0; }
}
@media only screen and (max-width: 500px) {
.columns.till-500 { float: none; width: auto !important; }
.columns.till-500 { padding-right: 0; }
.columns.till-500 + .columns.till-500 { padding-left: 0; }
}
@media only screen and (max-width: 400px) {
.columns.till-400 { float: none; width: auto !important; }
.columns.till-400 { padding-right: 0; }
.columns.till-400 + .columns.till-400 { padding-left: 0; }
}
@media only screen and (max-width: 300px) {
.columns.till-300 { float: none; width: auto !important; }
}
/* div:nth-of-type(2n) { padding-right: 5px; background: #fed; border: 1px dotted #fde; } */
/* .row > .third:nth-of-type(1), .row > section:nth-of-type(1) > .third { padding-right: 5px; background: #fde; border: 1px dashed #fde; }
.row > .third.columns:nth-of-type(2), .row > section:nth-of-type(2) > .third { padding: 0 10px; background: #fed; border: 1px dashed #fed; }
.row > .third:nth-of-type(3), .row > section:nth-of-type(3) > .third { padding-left: 5px; background: #def; border: 1px dashed #def; } */
/* .half { padding-left: 0; padding-right: 10px; background: #efd; }
.half + .half { padding-left: 5px; padding-right: 5px; background: #def; } */
/* .third { padding-left: 0; padding-right: 10px; background: #efd; }
.third + .third { padding-left: 5px; padding-right: 5px; background: #def; }
.third + .third + .third { padding-left: 10px; padding-right: 0; background: #fed; } */
/*******/






/******************************************
 * Block Grids (from foundation-repo)
************************************************/ 
/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; margin: 0 -8px; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; padding: 0 8px 8px; }
.block-grid.two-up { margin: 0 -15px; margin: 0 -8px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; padding: 0 8px 8px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up { margin: 0 -12px; margin: 0 -8px; }
.block-grid.three-up > li { width: 33.33333%; padding: 0 12px 12px; padding: 0 8px 8px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up { margin: 0 -8px; }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.six-up { margin: 0 -8px; }
.block-grid.six-up > li { width: 16.66667%; padding: 0 8px 8px; }
.block-grid.six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.seven-up { margin: 0 -8px; }
.block-grid.seven-up > li { width: 14.28571%; padding: 0 8px 8px; }
.block-grid.seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.eight-up { margin: 0 -8px; }
.block-grid.eight-up > li { width: 12.5%; padding: 0 8px 8px; }
.block-grid.eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.nine-up { margin: 0 -8px; }
.block-grid.nine-up > li { width: 11.11111%; padding: 0 8px 8px; }
.block-grid.nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.ten-up { margin: 0 -8px; }
.block-grid.ten-up > li { width: 10%; padding: 0 8px 8px; }
.block-grid.ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.eleven-up { margin: 0 -8px; }
.block-grid.eleven-up > li { width: 9.09091%; padding: 0 8px 8px; }
.block-grid.eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.twelve-up { margin: 0 -8px; }
.block-grid.twelve-up > li { width: 8.33333%; padding: 0 8px 8px; }
.block-grid.twelve-up > li:nth-child(12n+1) { clear: both; }
.block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
.block-grid > li { clear: none !important; }
@media only screen and (max-width: 767px) {
.block-grid.mobile-one-up > li { width: 100%; }
.block-grid.mobile-two-up > li { width: 50%; }
.block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.mobile-three-up > li { width: 33.33333%; }
.block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.mobile-four-up > li { width: 25%; }
.block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.mobile-five-up > li { width: 20%; }
.block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; }
.block-grid.mobile-six-up > li { width: 16.66667%; }
.block-grid.mobile-six-up > li:nth-child(6n+1) { clear: both; }
.block-grid.mobile-seven-up > li { width: 14.28571%; }
.block-grid.mobile-seven-up > li:nth-child(7n+1) { clear: both; }
.block-grid.mobile-eight-up > li { width: 12.5%; }
.block-grid.mobile-eight-up > li:nth-child(8n+1) { clear: both; }
.block-grid.mobile-nine-up > li { width: 11.11111%; }
.block-grid.mobile-nine-up > li:nth-child(9n+1) { clear: both; }
.block-grid.mobile-ten-up > li { width: 10%; }
.block-grid.mobile-ten-up > li:nth-child(10n+1) { clear: both; }
.block-grid.mobile-eleven-up > li { width: 9.09091%; }
.block-grid.mobile-eleven-up > li:nth-child(11n+1) { clear: both; }
.block-grid.mobile-twelve-up > li { width: 8.33333%; }
.block-grid.mobile-twelve-up > li:nth-child(12n+1) { clear: both; }
}
/*******/
.block-grid.three-up { left: 0; margin: 0;}
.block-grid.three-up > li { padding: 0; }
.block-grid.three-up > li:nth-child(1n) { padding-right: 10px; }
.block-grid.three-up > li:nth-child(2n) { padding: 0 5px; }
.block-grid.three-up > li:nth-child(3n) { padding: 0 0 0 10px; }
.block-grid.three-up > li:nth-child(4n) { padding-right: 10px; }
.block-grid.three-up > li:nth-child(5n) { padding: 0 5px; }
.block-grid.three-up > li:nth-child(6n) { padding: 0 0 0 10px; }
.lt-ie9 .block-grid.three-up > li { padding: 0 5px !important; }
/* .block-grid.mobile-two-up { left: 0; margin: 0;}
.block-grid.mobile-two-up > li { padding: 0; }
.block-grid.mobile-two-up > li:nth-child(1n) { padding-right: 10px; }
.block-grid.mobile-two-up > li:nth-child(2n) { padding: 0 5px; }
.block-grid.mobile-two-up > li:nth-child(3n) { padding: 0 0 0 10px; }
.block-grid.mobile-two-up > li:nth-child(4n) { padding-right: 10px; }
.block-grid.mobile-two-up > li:nth-child(5n) { padding: 0 5px; }
.block-grid.mobile-two-up > li:nth-child(6n) { padding: 0 0 0 10px; } */




/******************************************
 * Font Sizes
************************************************/
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, th, td { font-size: 14px; /* font-size: 1.4rem; */ line-height: 1.4em; /* letter-spacing: -0.01em; */ word-wrap: normal; }
.font-smaller-still, .font-smaller-still p, .font-smaller-still a, .font-smaller-still li { font-size: 0.8em; }
.font-smaller, .font-smaller p, .font-smaller a, .font-smaller li { font-size: 0.9em; }
.font-bit-smaller, .font-bit-smaller p, .font-bit-smaller a, .font-bit-smaller li { font-size: 0.98em; }
.font-bit-larger, .font-bit-larger p, .font-bit-larger a, .font-bit-larger li { font-size: 1.05em; }
.font-larger, .font-larger p, .font-larger a, .font-larger li { font-size: 15px; line-height: 1.4em; }
.font-larger-still, .font-larger-still p, .font-larger-still a, .font-larger-still li { font-size: 16px; line-height: 1.4em; }
@media only screen and (max-width: 1024px) {
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, th, td { font-size: 13px; }
.font-larger, .font-larger p, .font-larger a, .font-larger li { font-size: 14px; }
.font-larger-still, .font-larger-still p, .font-larger-still a, .font-larger-still li { font-size: 15px; }
}
@media only screen and (max-width: 800px) {
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, th, td { font-size: 13px; }
.font-larger, .font-larger p, .font-larger a, .font-larger li { font-size: 14px; }
.font-larger-still, .font-larger-still p, .font-larger-still a, .font-larger-still li { font-size: 15px; }
}
@media only screen and (max-width: 320px) {
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, p, blockquote, th, td { font-size: 12px; }
.font-larger, .font-larger p, .font-larger a, .font-larger li { font-size: 13px; }
.font-larger-still, .font-larger-still p, .font-larger-still a, .font-larger-still li { font-size: 13px; line-height: 1.5em; }
}
/*******/



/******************************************
 * Headings 
************************************************/
h1, h2, h3, h4, h5, h6, th { font-family: "Open Sans"; }
h1, h2, h3, h4, h5, h6 { margin-top: 1.3em; margin-bottom: 0.5em; /* margin-bottom: 15px; */ padding: 0; /* line-height: 1.4em;*/ /* letter-spacing:  0.04em; */ font-weight: normal; color: #292929; /* text-rendering: optimizeLegibility; */ }
#MainNavigation h1, #MainNavigation h2, #MainNavigation h3, #MainNavigation h4, #MainNavigation h5, #MainNavigation h6 { margin-top: 10px; margin-bottom: 2px; }
h1 { font-size: 36px; /* margin-bottom: 6px; */ }
h2 { font-size: 30px; /* margin-bottom: 5px; */ }
h3 { font-size: 26px; /* margin-bottom: 4px; */ }
h4 { font-size: 22px; /* margin-bottom: 4px; */ }
h5 { font-size: 18px; /* margin-bottom: 4px; */ }
h6 { font-size: 16px; /* margin-bottom: 3px; */ }
h1, h2, h3, h4 { font-weight: normal; /* -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; */ }
h5, h6, .side-nav-title small, .three.columns.right h1, .three.columns.right h2, .three.columns.right h3 { font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { line-height: 1.3em; }
.three.columns.right h1, .three.columns.right h2, .three.columns.right h3 { margin-bottom: 0.2em; }
/*.versatile header h1 { margin-bottom: 0.2em; }*/
/*h2 + h3, h2 + h4, h2 + h5, h2 + h6 { margin-top: 1px; }*/
h3 + h4, h3 + h5, h3 + h6 { margin-top: 2px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; }
h1>strong, h2>strong, h3>strong, h4>strong, h2>strong { font-weight: normal; }
/* h1:first-of-type { margin-top: 0 !important; } */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #888; line-height: 0; }
h1.icon, h2.icon { background-repeat: no-repeat; }
h1.icon { min-height: 50px; margin-top: 20px; padding-left: 55px; /*line-height: 1.2em;*/ background-size: 45px; background-repeat: no-repeat; }
h2.icon { min-height: 40px; margin-top: 20px; padding-left: 40px; /*line-height: 1.1em;*/ background-size: 35px; background-repeat: no-repeat; }
h1.icon.none, h2.icon.none { min-height: inherit; margin-top: 0; /* line-height: 1em; */ }
h2.icon + h4 { margin-top: 0; }
h1.icon.none, h2.icon.none, h3.icon.none, h4.icon.none, h5.icon.none, h6.icon.none { margin-left: 0; padding: 0; line-height: 1.1em; text-align: left; background: none; }
h1.icon.about-us, h2.icon.about-us { background-image: url("/medialand/shared/images/icons/headings/about-us.png"); }
h1.icon.accommodation, h2.icon.accommodation { background-image: url("/medialand/shared/images/icons/headings/accommodation.png"); }
h1.icon.collaborate, h2.icon.collaborate { background-image: url("/medialand/shared/images/icons/headings/collaborate.png"); }
h1.icon.industry, h2.icon.industry { background-image: url("/medialand/shared/images/icons/headings/industry.png"); }
h1.icon.news-and-events, h2.icon.news-and-events { background-image: url("/medialand/shared/images/icons/headings/news-and-events.png"); }
h1.icon.people, h2.icon.people { background-image: url("/medialand/shared/images/icons/headings/people.png"); }
h1.icon.public, h2.icon.public { background-image: url("/medialand/shared/images/icons/headings/public.png"); }
h1.icon.research, h2.icon.research { background-image: url("/medialand/shared/images/icons/headings/research.png"); }
h1.icon.schools-and-colleges, h2.icon.schools-and-colleges { background-image: url("/medialand/shared/images/icons/headings/schools-and-colleges.png"); }
h1.icon.search, h2.icon.search { background-image: url("/medialand/shared/images/icons/headings/search.png"); }
h1.icon.staff-spotlight, h2.icon.staff-spotlight { background-image: url("/medialand/shared/images/icons/headings/staff-spotlight.png"); }
h1.icon.study, h2.icon.study { background-image: url("/medialand/shared/images/icons/headings/study.png"); }
@media only screen and (max-width: 1200px) {
h1 { font-size: 34px; }
h1.icon { min-height: 40px; margin-top: 0; padding-left: 46px; background-size: 40px; }
h2 { font-size: 26px; }
h2.icon { min-height: 30px; /* margin-top: 0; */ padding-left: 36px; background-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
}
@media only screen and (max-width: 1024px) {
h1 { font-size: 30px; }
h1.icon { min-height: 38px; padding-left: 44px; background-size: 38px; }
h2 { font-size: 24px; }
h2.icon { min-height: 28px; padding-left: 34px; background-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 17px; }
h6 { font-size: 16px; }
}
@media only screen and (max-width: 767px) {
h1 { font-size: 32px; }
h1.icon { min-height: 36px; padding-left: 40px; line-height: 1.2em; background-size: 36px; }
h2 { font-size: 26px; }
h2.icon { min-height: 30px; padding-left: 34px; line-height: 1.3em; background-size: 30px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 17px; }
h6 { font-size: 16px; }
}
/* @media only screen and (max-width: 480px) {
h1 { font-size: 26px; }
h1.icon { min-height: 32px; padding-left: 38px; line-height: 1.3em; background-size: 32px; }
h2 { font-size: 20px; }
h2.icon { min-height: 20px; padding-left: 30px; line-height: 1.3em; background-size: 28px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; }
}
@media only screen and (max-width: 320px) {
h1, h1.icon { line-height: 1.1em; }
h1 { font-size: 22px; }
h1.icon { min-height: 30px; padding-left: 34px; background-size: 30px; }
h2 { font-size: 19px; }
h2.icon { min-height: 20px; padding-left: 30px; line-height: 1.3em; background-size: 28px; }
h3 { font-size: 17px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }
}
@media only screen and (max-width: 240px) {
h1 { font-size: 20px; line-height: 1.1em; }
h1.icon { min-height: 24px; padding-left: 28px; background-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }
} */
.lt-ie9 h2.icon { min-height: 44px; padding-left: 55px; line-height: 1.8em; background-size: 30px; }
/*******/



/*
******  Content Boxes  *******/
/*.red-highlight { font-size: 1.3em; }*/
/*******/



/*
******  Other  *******/
.marginator, .marginator-15, .marginator-30, .marginator-45, .marginator-60, .marginator-75, .marginator-90, .marginator-105, .marginator-120, .marginator-135, .marginator-160, .marginator-175, .marginator-190 { display: block; clear: both; margin: auto; }
.marginator, .marginator-15 { height: 15px; }
.marginator-30 { height: 30px; }
.marginator-45 { height: 45px; }
.marginator-60 { height: 60px; }
.marginator-75 { height: 75px; }
.marginator-90 { height: 90px; }
.marginator-105 { height: 105px; }
.marginator-120 { height: 120px; }
.marginator-135 { height: 135px; }
.marginator-150 { height: 150px; }
.marginator-165 { height: 165px; }
.marginator-180 { height: 180px; }
.marginator-195 { height: 195px; }
.marginator-210 { height: 210px; }
/*******/

/* .related-links-panel { padding: 0 15px; } */

/*
******  Transitions  *******/
.lead-academics a, .lead-academics a:before, .lead-academics a:hover:before, .ui-accordion-content, .trans { -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; -ms-transition: 0.3s all ease-out; -o-transition: 0.3s all ease-out; transition: 0.3s all ease-out; }
.info-graphics figure { -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; -ms-transition: 0.3s all ease-out; -o-transition: 0.3s all ease-out; transition: 0.3s all ease-out; }
/******/

/**************************************************************************************************************************
***************************************************************************************************************************
***************************************************************************************************************************
********************************************  Universal & Foundation Repo end   **********************************************
***************************************************************************************************************************
***************************************************************************************************************************
**************************************************************************************************************************/