/*** NARG general school / site wide stylesheet for narg.manchester.ac.uk v2 (2014) ***/
/*** Copyright: (c) 2014 The University of Manchester, UK, all rights reserved. ***/
/*** Authors: Robert J Lambert,Ayodele Kolade ***/

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



/******************************************
 * General School / Site wide Styles
************************************************/
#main.narg { padding-bottom: 180px; }
#PageFooter.narg { min-height: 180px; margin-top: -180px; }
#PageFooter.narg #FooterToe { min-height: 180px; height:180px;}
#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%; }
/******/

.row .sixth { width: 16.6667%; }
.home section { position: relative; margin-top: 1em; }
.home section h1 a { color: #333; }
.home section h1 a:hover { border-bottom-color: #4B4D3E; }
.home h1 {margin-bottom:0.2em;}
.home p a {color: #000;}
.home p a:hover {border-bottom-color: #4B4D3E;}

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

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

/**
 * News
 */
.home .news h1 {font-size:30px;}
.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;}
/***/

/**
 * narg Partners
 */
.home .narg-partners { }
.home .narg-partners .quarter.columns { padding: 0; }
.home .narg-partners .logo, .home .narg-partners .title { width: 100%; height: 10em; padding: 4em 0em; text-align: center; vertical-align: middle; }
.home .narg-partners .logo { padding: 2.5em 1em; border: 1px solid #d7d7d7; }
.home .narg-partners .title { position: absolute; top: 0px; left: 0; opacity: 0; text-align: center; background: #fff; -webkit-transition: opacity 1s linear 1s; transition: opacity 0.2s; }
.home .narg-partners .logo:hover .title { opacity: 1; color: #fff; width: 100%; }
.home .narg-partners .logo.manchester .title { background: #6b2c91; padding-top: 3em; }
.home .narg-partners .logo.bp .title { background: #007f00; }
.home .narg-partners .logo.cairn .title { background: #253374; }
.home .narg-partners .logo.eni .title { background: #fdd603; }
.home .narg-partners .logo.equinor .title { background: #ee2049; }
.home .narg-partners .logo.heriot-watt .title { background: #0a469c; }
.home .narg-partners .logo.hunt .title { background: #012d62; }
.home .narg-partners .logo.mazarine .title { background: #2d257a; }
.home .narg-partners .logo.repsol .title { background: #f59c0f; }
.home .narg-partners .logo.shell .title { background: #f0d331; }
.home .narg-partners .logo.total .title { background: #ec1c3c; }
.home .narg-partners .logo.delft .title { background: #00a6d6; }
.home .narg-partners .logo.woodside .title { background: #c41230; }

/***/


.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) {
}
@media only screen and (max-width: 1250px) {
	.home .intro p { font-size: 1.3em; /*padding: 5%;*/}
	 .home .news h1 {font-size:28px;}
}

/*******  Small Desktop & Tablet Landscape Layout: 1024px  *******/
@media only screen and (max-width: 1024px) {
	 .home .news h1 {font-size:24px;}
}
@media only screen and (max-width: 900px) {
	.home .panel {height:380px;}
	 .home .news h1 {font-size:20px;}
}
/*******  Tablet Portrait Layout: 768px  *******/
@media only screen and (max-width: 768px) {
}

/*******  Mobile Layout: 767px-  *******/
@media only screen and (max-width: 767px) {
	.home .panel {height:auto;}
	#PageFooter.narg #FooterToe {height:auto;}
	.home .intro p { font-size: 1.2em;}
	.panel p {font-size: 1em; line-height: 1.4em;}
	.home .narg-partners .logo, .home .narg-partners .title { height: 12em; }
	.home .row .mobile-two:last-child {float: left;}
	 .home .news h1 {font-size:24px;}
}

@media only screen and (max-width: 600px) {
	.home .intro p { font-size: 1em;}
}

/*******  Large Mobile Portrait & Medium Mobile Landscape Layout: 480px-  *******/
@media only screen and (max-width: 480px) {
	.home .intro {padding-right:35%; }
}

/*******  Medium Mobile Portrait & Small Mobile Landscape Layout: 320px-  *******/
@media only screen and (max-width: 320px) {
	.home .intro {padding-right:30%; }
}

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