/*** Supergen Bioenergy general school / site wide stylesheet for www.supergen-bioenergy.net  v2 (2014) ***/
/*** Copyright: (c) 2014 The University of Manchester, UK, all rights reserved. ***/
/*** Authors: Robert J Lambert ***/

/*********** Table of Contents **************
:: General School / Site wide Styles
:: IE8, IE7 tweakes & fixes
:: Fluid, Responsive Layouts
*/


/**
 * General School / Site wide Styles
 */
#main.supergen { padding-bottom: 370px; }
#PageFooter.supergen { min-height: 370px; margin-top: -370px; }
#PageFooter.supergen #FooterToe { min-height: 299px; }
#PageHeader #Title { line-height: 2em; }
#MobileTopNav .nav-bar>li:nth-child(even) { margin-right: 0; }
#MobileTopNav .nav-bar>li:nth-child(odd) { margin-right: 2%; }
/******/
.logo-text { font-weight: bold; }
.logo-text .gen { color: #ccd803; }
.home section { position: relative; margin-top: 2em; }
.home .research-projects h1, .home .hub-partners h1 { /* padding-left: 15px; */ }
.home section h1 a { color: #333; }
.home section h1 a:hover { border-bottom-color: #4B4D3E; }
.home .publications-news { padding-bottom: 0em; }
.home .seperator-leaf { position: absolute; /* z-index: 9; */ width: 100%; height: 64px; /* margin-left: -51px; */ bottom: -32px; background: url('http://epsassets.manchester.ac.uk/medialand/supergen/images/elements/double-leaf.png' ) no-repeat 50% 40%; }

.home h1 {margin-bottom:0.2em;}
/******/


/**
 * Intro
 */
.home section ul { left: 0; width: auto; }
.home .intro { background: #B9BE2D; padding: 4% 40% 2% 2%; margin-top: 0; position: relative; background: url('http://epsassets.manchester.ac.uk/medialand/supergen/images/other/3.1b.jpg' ) 50% 40%; /* background-size: 100%; */ }
.home .intro p { font-size: 1.6em; color: #333; background: rgba(255, 255, 255, 0.92); padding: 8%; margin: 0; }
/***/


/**
 * Publications
 */
.home .publications li, .home .publications a { height: 120px; }
.home .publications li { border: 1px solid #d7d7d7; width: 25%; float: left; }
.home .publications .pdfs a { background: url('http://www.adobe.com/images/pdficon_large.png' ) no-repeat 2% 2%; background-size: 3em; padding: 1em 1em 2em 4em; border: 1px solid #E4E4BB; box-shadow: 0 0 5px rgba(0,0,0,0.1); width: 100%; color: #880; overflow: hidden; }
.home .publications .pdfs a:hover { border: 1px solid #890; box-shadow: 0 0 5px rgba(0,0,0,.2); color: #fff; background-color: #98A015; }
/***/


/**
 * News
 */
.home .news .columns { padding: 0; }
.home .news .news-list article a { padding: 1em; background: #FFFFFF url('/medialand/shared/images/icons/general/footer-arrow-right-dark.png') no-repeat 95% 50%; }
.home .news .news-list article a:hover { border: 1px solid #6E8145 !important; box-shadow: 1px 1px 5px rgba(100, 100, 100, 0.8); }
.home .news .news-list article h2 { /*font-size: 1.6em;*/ font-size: 1.2em;}
/***/


/**
 * Research projects
 */
.home .research-projects { /* border-top: 1em solid #890; */ /* padding-top: 1em; */ padding-bottom: 4em; }
.home .research-projects .quarter.columns { padding: 0; }
.home .research-projects .logo, .home .research-projects .title { width: 100%; height: 10em; padding: 5em 0em; text-align: center; vertical-align: middle; overflow: hidden;}
.home .research-projects .logo { padding: 2.5em 1em; border: 1px solid #d7d7d7; }
.home .research-projects .title { position: absolute; top: 0px; left: 0; opacity: 0; text-align: center; background: #8BA34C; padding: 1em; color: #A6AC00; background: #fff; -webkit-transition: opacity 1s linear 1s; transition: opacity 0.2s; }
.home .research-projects .logo:hover .title { opacity: 1; color: #FFF; background: #890; width: 100%; /* height: 170px; */ /* height: 12em; */ /* padding: 1em; */ /* margin: 1em; */ overflow: auto;}
/***/


/**
 * Hub Partners
 */
.home .hub-partners { }
.home .hub-partners .quarter.columns { padding: 0; }
.home .hub-partners .logo, .home .hub-partners .title { width: 100%; height: 12em; padding: 5em 0em; text-align: center; vertical-align: middle; }
.home .hub-partners .logo { padding: 2.5em 1em; border: 1px solid #d7d7d7; }
.home .hub-partners .title { position: absolute; top: 0px; left: 0; opacity: 0; text-align: center; color: #A6AC00; background: #fff; -webkit-transition: opacity 1s linear 1s; transition: opacity 0.2s; }
.home .hub-partners .logo:hover .title { opacity: 1; color: #fff; width: 100%; }
.home .hub-partners .logo.tyndall .title { background: #ff1517; padding-top: 4em; }
.home .hub-partners .logo.aston .title { background: #fc4f15; }
.home .hub-partners .logo.bath .title { background: #060e7d; }
.home .hub-partners .logo.leeds .title { background: #000; }
.home .hub-partners .logo.ncl .title { background: #003974; }
.home .hub-partners .logo.rothamsted .title { background: #004834; /* background: #fffa85; */  /* color: #333; */ }
.home .hub-partners .logo.imperial .title { background: #003672; }
.home .hub-partners .logo.irri {background:#267836;}
.home .hub-partners .logo.irri .title { background: #018300; }
.home .hub-partners .logo.lancaster .title { background: #ea0e1e; }
.home .hub-partners .logo.rgu .title { background: #833488; }
.home .hub-partners .logo.acrenergy .title { background: #001a58; }
.home .hub-partners .logo.dalkia .title { background: #00326f; }
.home .hub-partners .logo.drax .title { background: #13b192; }
.home .hub-partners .logo.northenergy .title { background: rgba(244, 99, 1, 1); }
.home .hub-partners .logo.sustainable { background: #000000; }
.home .hub-partners .logo.sustainable .title { background: #e76828; }
.home .hub-partners .logo.progressive .title { background: #fbbd00; }
.home .hub-partners .logo.uniper .title { background: #0078dc; }
/***/

/***
 * Panels
 ***/
.home .shadow-paper {border-bottom:none;}
.home .panel {padding-top:30px; height:350px; margin-bottom:0;}
.home .panel h1 {font-size:2.2em; margin-bottom:0.8em; }

.duck-egg {background:#f4f4f4;}


/**
 * IE8, IE7 tweakes & fixes
 */
.lt-ie9 #MainNavigation .nav-bar { min-width: 800px; }
.lt-ie9 #MainNavigation .nav-bar>li { padding: 0 1%; margin: 0 5px 0 0; }
.lt-ie9 #MainNavigation .nav-bar>li>a { padding: 0 5px; font-size: 0.9em; }
.lt-ie9 #MainNavigation .nav-bar>li.has-flyout>a:first-child:after { right: -8px; }
.lt-ie9 .nav-bar.vertical>li>a { padding: 8px 15px; font-size: 0.9em; }
.lt-ie9 .news-list.summary article .post-details { display: none; }
/******/


/**
 * Fluid, Responsive Layouts
 */
/*******  Very large screens 1600px+  *******/
@media only screen and (min-width: 1601px) {
}
@media only screen and (max-width: 1600px) {
}

/*******  Most Common Screen Size: 1366px x 768px widescreen  *******/
@media only screen and (max-width: 1366px) {
.nav-bar>li>a { padding: 0 20px; }
}
@media only screen and (max-width: 1200px) {
.nav-bar>li>a { padding: 0 15px; }
.home .publications .pdfs a { background-size: initial; padding: 1em 1em 2em 3em; }
.home .news .news-list article h2 { font-size: 1.1em; }
}
@media only screen and (max-width: 1100px) {
.nav-bar>li>a { padding: 0 10px; }
.home .hub-partners .logo { padding-top: 3em; }
}

/*******  Small Desktop & Tablet Landscape Layout: 1024px  *******/
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1000px) {
.home .hub-partners .logo { padding-top: 3em; }
.home .intro p { font-size: 1.4em; }
}

/*******  Tablet Portrait Layout: 768px  *******/
@media only screen and (max-width: 768px) {
.home .intro { padding: 2% 30% 2% 2%; }
}

/*******  Mobile Layout: 767px-  *******/
@media only screen and (max-width: 767px) {
.home .hub-partners .logo { padding-top: 2.5em; }
.home .intro p { font-size: 1.2em; }

.home .panel {height:auto;}
}
@media only screen and (max-width: 600px) {
.home .publications li { width: 50%; }
.home .publications li, .home .publications a { height: 80px; }
.home .publications .pdfs a { padding: 1em 1em 2em 4em; }
}
/*******  Large Mobile Portrait & Medium Mobile Landscape Layout: 480px-  *******/
@media only screen and (max-width: 480px) {
.home .hub-partners .logo { padding-top: 3em; }
.home .intro { padding: 4em 10% 1em 1em; }
.home .intro p { font-size: 1.1em; }
.home .publications li, .home .publications a { height: 90px; }
.home .publications .pdfs a { background-size: 2em; padding: 0.5em 1em 2em 3em; }
}

/*******  Medium Mobile Portrait & Small Mobile Landscape Layout: 320px-  *******/
@media only screen and (max-width: 320px) {
.home .hub-partners .logo { padding: 4em 0.5em; }
}

/*******  Smaill Mobile Portrait Layout: 240px-  *******/
@media only screen and (max-width: 240px) {
}