/*

Copyright (c) Loyola University New Orleans

FILE DESCRIPTION:
Styling info for the site-wide footer.

LAST MODIFIED BY:
Lauren Smith on 20150317

NOTES:
1) The background image for the footer is much taller than it has to be, but this is to account for overflow. Should stretch nicely.

*/

#footer {
	background: #333;
	clear: both;
	margin: 40px auto 0;
	overflow: auto;
	padding: 20px 0 0;
}

body.wide #footer { /* If a class of "wide" is present in the body tag, the footer background will stretch to the width of the browser screen */
	min-width: 1000px;
	width: 100%;
}

#footer .wrapper {
	margin: auto;
	padding: 15px 0 0;
	position: relative;
	width: 940px;
}

#footer h3 {
	color:#595959;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 8px;
	text-transform: uppercase;
}

#footer p, #footer p a {
	color: #fff;
	font-size: 10px;
	//line-height: 20px;
	line-height: 1.2em;
}

#footer li, #footer li a {
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 10px;
}

#footer a {
	font-weight: 800;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer #campaign-button a {
	background: url(../img/campaign-button.png) no-repeat;
	display: block;
	height: 55px;
	position: absolute;
	//right: 125px;
	right: 25px;
	text-indent: -999em;
	width: 428px;
}

#footer #ajcu a {
	background: url(../img/ajcu-logo.png) no-repeat;
	display: block;
	height: 41px;
	position: absolute;
	bottom:25px; // changed to vertically align with campaign logo
	//right: 0;
	left: 0;
	text-indent: -999em;
	width: 86px;
}

#footer .col1, #footer .col2, #footer .col3, #footer .col4 {
	display: block;
	float: left;
	margin: 30px 0;
}

#footer .col1 {
	margin: 30px 20px 30px 0px;
	width: 220px;
}

#footer .col2 {
	padding-top: 18px;
	margin-left: 10px;
	margin-right: 20px;
	width: 215px;
}

#footer .col3 {
	margin-right: 10px;
	width: 215px;
}

#footer .col4 {
	width: 230px;
}

#footer a.emergency-link { color: #f6d173 }

a#give-now { background: url(http://www.loyno.edu/assets/shared/images/css/buttons/edgy-make-gift-sprite.png) no-repeat; display: none; height: 138px; left: 0; position: fixed; text-indent: -99em; top: 180px; width: 41px }
a#give-now:hover { background-position: -41px 0 }

#footer .wrapper dl#footer-social-media { background: url(http://www.loyno.edu/assets/shared/images/css/bgs/social-media-footer.png) no-repeat bottom; clear: both; float: none; height: 45px; margin: 0 auto; padding-top: 0; text-align: center; width: 327px }
#footer .wrapper dl#footer-social-media dt { color: #fff; font: 100 14px Verdana, Geneva, sans-serif; float: left; line-height: 45px; margin: 0 3px 0 0; padding: 0 10px 0 20px; width: auto }
#footer .wrapper dl#footer-social-media dd { width: auto; }
#footer .wrapper dl#footer-social-media dd a { background-repeat: no-repeat; display: block; float: left; height: 33px; margin: 7px 1px 0 0; text-indent: -999em; width: 33px }
#footer .wrapper dl#footer-social-media dd a.facebook { background-image: url(http://www.loyno.edu/assets/shared/images/css/buttons/facebook-sprite-33x33.png) }
#footer .wrapper dl#footer-social-media dd a.flickr { background-image: url(http://www.loyno.edu/assets/shared/images/css/buttons/flickr-sprite-33x33.png) }
#footer .wrapper dl#footer-social-media dd a.vimeo { background-image: url(../img/vimeo-40x40.png); height:33px; width: 33px; }
#footer .wrapper dl#footer-social-media dd a.twitter { background-image: url(http://www.loyno.edu/assets/shared/images/css/buttons/twitter-sprite-32x33.png); width: 32px }
#footer .wrapper dl#footer-social-media dd a.social-hub { background-image: url(http://www.loyno.edu/assets/shared/images/css/buttons/social-hub-sprite-33x33.png) }
#footer .wrapper dl#footer-social-media dd a:hover { background-position: 0 -33px }
#footer .wrapper dl#footer-social-media dd a.instagram { background-image: url(http://www.loyno.edu/assets/shared/images/css/buttons/social-instagram-sprite-33x33.png) }

#footer .wrapper dl#footer-social-media.admissions { background: url(http://www.loyno.edu/assets/shared/images/css/bgs/social-media-footer-wide.png) no-repeat bottom; width: 423px }
#footer .wrapper dl#footer-social-media.admissions dt { padding-left: 27px }
#footer .wrapper dl#footer-social-media.admissions dd a.facebook { height: 29px; margin: 9px 0 0; width: 108px }
#footer .wrapper dl#footer-social-media.admissions dd a.facebook:hover { background-position: -108px 0 }
#footer .wrapper dl#footer-social-media.admissions dd a.facebook { background-image: url(http://www.loyno.edu/assets/shared/images/css/buttons/facebook-sprite-108x29.png) }

#footer .wrapper dl#footer-social-media dt a.connect {
	color:#FFFFFF;
	font-weight:normal;
}

#footer .wrapper dl#footer-social-media dt a.connect:hover {
	color:#FFFFFF;
	font-weight:normal;
}