//
// #######################################################################
//  Footer
// -----------------------------------------------------------------------

#footer {
	background:$nearblack;
	padding:40px 0 0 0;

	.contact-info {
		padding-bottom:4px;
		border-bottom:1px solid;
	}

	h3 {
		@include font-size(13);
		@include gotham_nar(500);
		text-transform:uppercase;
		margin:0 0 20px 0;
		padding:0 0 0 0;
		color:$white;
	}

	.link-list {
		width:20%;
		padding:0 24px;
		vertical-align:top;
		display:table-cell;
		border-right:1px solid $darkborder;
	}

	.no-pad {
		padding:0 !important;
		text-align:left;
	}

	.no-border {
		border-right:none;
	}

	ul {
		margin:0;
		padding:0 0 4px 0;

		li {
			@include font-size(11);
			text-transform:uppercase;
			@include gotham_nar(500);
			list-style-type:none;
			line-height:1.6em;
			padding-bottom:8px;
			display:block;
			color:$grey;

			a {
				color:$grey;

				&:hover {
					color:$white;
					text-decoration:none;
				}
			}

			a.email {
				color:$lightgrey;
			}
		}
	}

	ul.spacing {
		padding-left:20px !important;
	}

	.double-wide {
		width:40%;

		ul {
			width:50%;
			float:left;

			li {
				width:100%;
				padding-right:1%;
				display:inline;
				float:left;
			}
		}

		ul.full-width {
			width:100% !important;
		}
	}

	.pad-top {
		padding-top:33px;
	}

	.ravens {
		width:53%;
		margin:0;
		padding-top:10px;

		img {
			width:100%;
			height:auto;
		}
	}

	@media only screen and (max-width:1199px) {
		.ravens { width:68%; }
	}

	@media only screen and (max-width:991px) {
		.ravens { width:83%; }
	}

	.footer-border {
		margin-top:25px;
		border-top :1px solid $darkborder;
		border-bottom :1px solid $darkborder;

		a {
			color:$white;
			&:hover {
				color:$grey;
			}
		}

		.link-list {
			float:left;
			margin-bottom:47px;

			ul {
				margin:0;
				padding:0;

				li {
					margin:0;
					@include font-size(13);
					text-transform:uppercase;
					@include gotham_nar(500);

					.white {
						color:$white;
					}
				}
			}
		}

		.double-wide {
			width:40%;

			ul {
				li {
					width:100%;
					padding-right:none;
					display:block;
					float:none;
				}
			}
		}
	}

	.list-lists {
		padding:57px 0 0 0;
	}

	ul.icon-list {
		margin:-8px 0 0 0 !important;
		padding:0 0 0 0;

		li {
			text-transform:uppercase;
			padding:0 0 0 10px !important;
			@include gotham_nar(500);
			list-style-type:none;
			float:left;
			display:inline-block;
			color:$grey;

			a {
				@include font-size(35);
				color:$white;

				&:hover {
					color:$grey;
					text-decoration:none;
				}
			}

			a.email {
				color:$lightgrey;
			}
		}
	}

	.footer-logo {
		padding:40px 0 70px 0;

		.carleton-logo {
			width:300px;
			height:75px;
			margin:0 auto;

			img {
				height:auto;
				width:100%;
				display:block;
			}
		}

		ul {
			margin:0 auto;
			text-align:center;
			padding:25px 0 0 0;

			li {
				margin:0; 
				border:none;
				padding:0 5px;
				display:inline-block;
				text-transform: none !important;

				a {
					border:none;
					padding:0 0 4px 0;
					text-transform:none !important;
					line-height:normal;
					@include font-size(11);
					border-bottom:1px solid $grey;
				}
			}
		}
	}
}

.mobile-footer {
	text-align:center;

	ul.icon-list-mobile {
		margin:0 auto 30px auto !important;
		padding:0 0 0 0;
		text-align:center;

		li {
			display:inline !important;
			text-transform:uppercase;
			padding:0 0 0 10px !important;
			@include gotham_nar(500);
			list-style-type:none;
			color:$white;

			&:first-child {
				padding-left:0 !important;
			}

			a {
				color:$white !important;
				display:inline;
				@include font-size(38);

				&:hover {
					color:$grey !important;
					text-decoration:none;
				}
			}

			a.email {
				color:$lightgrey;
			}
		}
	}

	p {
		@include gotham_nar(500);
		text-transform:uppercase;
		color:$grey;

		.white {
			color:#fff !important;
		}
	}
}

@media only screen and (max-width:1199px) {
	.medium-double {
		width:40% !important;
	}
}

@media only screen and (max-width:768px) {
	#footer {
		.footer-logo {
			padding:40px 0 120px 0;

			.carleton-logo {
				width:210px;
				height:55px;
				margin:0 auto;
			}
		}
	}
}