/*** Footer stylesheet for manchester.ac.uk v2 (2013) ***/
/*** Copyright: (c) 2013 The University of Manchester, UK, all rights reserved. ***/
/*** Authors: Robert J Lambert ***/
/*** Thanks: Sticky Footer Solution by Steve Hatcher, stever.ca, cssstickyfooter.com ***/

/*********** Table of Contents **************
:: The Whole Footer
:: Footer Tip - The graphic pattern at the crown of the footer
:: Footer Toe - The main body of the footer containing Address, Contact, Follow Uss & Quick Links
:: Footer Under - The global notices at the very bottom containing Copyright, Disclaimer, Privacy etc.
:: IE8, IE7 tweakes & fixes
:: Fluid, Responsive Layouts
::: Tablet Landscape Layout: 1024px
::: Tablet Portrait Layout: 768px
::: Mobile Layout: 767px-
*/



/******************************************
 * The Whole Footer
************************************************/
#PageFooter { line-height: 1.6; position: relative; height: 315px; min-height: 315px; margin-top: -315px /* negative value of footer height */; clear: both; color: #eaeaea; background: #131313; }
#PageFooter.materials { /* height: 340px; */ min-height: 340px; margin-top: -360px }
#PageFooter div, #PageFooter li, #PageFooter a, #PageFooter p { letter-spacing: normal; }
#PageFooter h3 { padding: 0px; margin-bottom: 8px; margin-top: 8px; color: #dcdcdc; font-weight: normal; }
#PageFooter li { margin-bottom: 2px; color: #666; text-align: -webkit-match-parent; list-style: none; }
#PageFooter ul.arrows li:hover:before { color: #fff; }
#PageFooter .columns, #PageFooter div, #PageFooter section { border: none; }
#PageFooter, #PageFooter #FooterToe, #PageFooter #FooterUnder { height: auto; }
#PageFooter #Social li { display: inline; }
#FirstColumn, #SecondColumn, #ThirdColumn { padding-bottom: 15px; }
/*******/



/******************************************
 * Footer Tip
************************************************/
#PageFooter #FooterTip { height: 20px; min-height: 20px; background: url("/medialand/shared/images/backgrounds/footer-tip-jagged.png") }
/*******/



/******************************************
 * Footer Toe
************************************************/
#PageFooter #FooterToe { height: 250px; min-height: 250px; clear: both; }
#PageFooter #FooterToe div { text-align: left; }
#PageFooter #FooterToe a, #PageFooter #FooterToe a:link, #PageFooter #FooterToe a:visited { color: #ddd; font-weight: normal; /* text-decoration: underline; */ }
#PageFooter #FooterToe a:hover, #PageFooter #FooterToe a:active, #PageFooter #FooterToe a:focus { color: #fff; border-bottom: none;  /* text-decoration: underline; */ }
#PageFooter #FooterToe #SecondColumn .centre { width: 90%; margin: 0px auto 0px 5%; }
#PageFooter #FooterToe #Social { margin-bottom: 15px; }
#PageFooter #FooterToe #Social img { height: 42px; width: 42px; }
#PageFooter #FooterToe #Social li a img:hover { -webkit-box-shadow: 0px 0px 22px #777; -moz-box-shadow: 0px 0px 22px #777; box-shadow: 0px 0px 22px #777; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
#PageFooter #FooterToe .footer-icon { margin: 4px 8px 1px 0; padding: 0; vertical-align: text-bottom; }
#PageFooter #FooterToe .find-us-links { margin: 0.5em 0 1em 0; }
#PageFooter #FooterToe ul.arrows.inline li { margin-right: 2em; }
#PageFooter #FooterToe ul.arrows.inline li:before { margin-right: -2px; left: -5px; }
/*******/



/******************************************
 * Footer Under
************************************************/
#PageFooter #FooterUnder { clear: both; margin-top: 0px; padding-top: 15px; padding-bottom: 15px; /* min-height: 40px; */ height: 40px; height: auto; font-size: 1.4em; line-height: 1em; text-align: center; color: #343434; background: #f7f7f7; }
/*  #PageFooter #FooterUnder a { color: #660099; }  */
/*  #PageFooter #FooterUnder a:hover { color: #343434;  } */
/*******/



/******************************************
 * IE8, IE7 tweakes & fixes
************************************************/
.lt-ie9 #PageFooter #FooterUnder { padding-top: 10px; padding-bottom: 5px; min-height: 30px; height: 30px; height: auto; }
.lt-ie9 #PageFooter #FooterToe #Social img { height: 36px !important; width: 36px !important; }
.lt-ie8 #PageFooter #MailingList_form input { height: 1.2em; }
/*******/



/******************************************
 * Fluid, Responsive Layouts
************************************************/
@media only screen and (min-width: 1601px) {
#PageFooter { font-size: 1.2em; letter-spacing: 0.1em; }
#PageFooter #FooterToe #SecondColumn .centre { width: 90%; margin: 0px auto 0px 20% }
#PageFooter #FooterToe #QuickLinks ul li { margin-bottom: 10px; }
}
@media only screen and (max-width: 1600px) {
#PageFooter { font-size: 1.1em; letter-spacing: normal; }
#PageFooter #FooterToe #SecondColumn .centre { margin-left: 20% }
}
@media only screen and (max-width: 1400px) {
#PageFooter { font-size: 1em; }
#PageFooter #FooterToe #SecondColumn .centre { margin-left: 8% }
#PageFooter #FooterToe #Social img { height: 40px; width: 40px; }
}
@media only screen and (max-width: 1300px) {
#PageFooter { font-size: 0.9em; line-height: 1.6em; }
}
@media only screen and (max-width: 1200px) {
#PageFooter #FooterToe #FirstColumn .capitals { margin-top: 15px; }
#PageFooter #FooterToe #SecondColumn .centre { width: 100%; margin-left: 2%; padding: 0; }
/* #PageFooter #FooterToe #SecondColumn a[href="mailto:earth.support@manchester.ac.uk"] { font-size: 0.9em; } */
#PageFooter #FooterToe #Social img { height: 36px; width: 36px; }
/* 
#PageFooter #FooterUnder { padding-top: 15px; }
#PageFooter #FooterUnder div { font-size: 0.9em; line-height: 1.8em; }
*/
}

/******************************************
 * Tablet Landscape Layout: 1024px
************************************************/
@media only screen and (max-width: 1024px) {
#PageFooter #FooterToe #SecondColumn { padding-right: 0; }
#PageFooter #FooterToe #SecondColumn .centre { margin-left: 0; }
#PageFooter #FooterToe #Social img { height: 32px; width: 32px; }
}
@media only screen and (max-width: 900px) {
#PageFooter #FooterToe #SecondColumn .centre { width: 100%; }
#PageFooter #FooterToe #SecondColumn .email { font-size: 0.8em }
#PageFooter #FooterToe #SecondColumn .email strong { font-size: 0.8em }
#PageFooter #FooterToe #Social img { height: 28px; width: 28px; }
}
@media only screen and (max-width: 800px) {
#PageFooter #FooterToe #Social img { height: 28px; width: 28px; }
}


/******************************************
 * Tablet Portrait Layout: 768px
************************************************/
@media only screen and (max-width: 768px) {
#PageFooter #FooterUnder div { /* font-size: 1em; */ line-height: 1.6em; }
}


/******************************************
 * Mobile Layout: 767px-
************************************************/
@media only screen and (max-width: 767px) {
#PageFooter, #PageFooter #FooterToe, #PageFooter #FooterUnder, #PageFooter #FooterUnder div { height: auto; min-height: auto; /* background-color: #131313; */ }
/* #PageFooter #Contact a[href="mailto:enquiries@seaes.manchester.ac.uk"] { font-size:94%; } */
#PageFooter #FooterToe h3 { }
/* #PageFooter #FooterToe #FirstColumn .capitals { font-size: 0.8em; } */
#PageFooter #FooterToe #SecondColumn .centre { width: 100%; margin: auto; }
#PageFooter #FooterToe #SecondColumn .email { font-size: 1em }
#PageFooter #FooterToe #Social img { height: auto; width: auto; }
#PageFooter #FooterToe #QuickLinks #Col-3 { clear: left }
/* #PageFooter #FooterToe #SecondColumn, #PageFooter #FooterToe #Follow, #PageFooter #FooterToe #MailingList_form { margin: 20px 0;} */
#PageFooter .athena-swan { font-size: 1.3em; }
}
@media only screen and (max-width: 600px) {
#PageFooter .athena-swan { font-size: 1.2em; }
}

/*******  Large Mobile Portrait & Medium Mobile Landscape Layout: 480px-  *******/
@media only screen and (max-width: 480px) {
#PageFooter .athena-swan { font-size: 1.1em; }
}
@media only screen and (max-width: 400px) {
#PageFooter #FooterToe #Social img { height: 40px; width: 40px; }
}

/*******  Medium Mobile Portrait & Small Mobile Landscape Layout: 320px-  *******/
@media only screen and (max-width: 320px) {
#PageFooter #FooterToe #Social img { height: 38px; width: 38px; }
}

/*******  Smaill Mobile Portrait Layout: 240px-  *******/
@media only screen and (max-width: 240px) {
#PageFooter #FooterToe #Social img { height: 32px; width: 32px; }
}