.footer {
	background: darken($dark, 3%);
	padding: rem(60px) 0 0;
	position: relative;
	z-index: $footer-zindex;
	color: $gray-500;
	font-size: $font-size-sm;
	line-height: $line-height-lg;
	@include box-shadow(inset 0 100px 80px -80px rgba($black,.7));
	
	& .section-container {
		margin-bottom: rem(60px);
		
		& a {
			color: $gray-500;
			
			&:hover {
				color: $gray-400;
			}
		}
		& .footer-title {
			text-transform: uppercase;
			font-size: $font-size-base;
			font-weight: bold;
			letter-spacing: 0.5px;
			color: $gray-600;
			margin-bottom: rem(20px);
			margin-top: 0;
		}
		& .latest-post {
			list-style-type: none;
			margin: 0;
			padding: 0;
			
			& > li {
				
				& + li {
					margin-top: rem(10px);
				}
				& .title {
					font-size: inherit;
					line-height: inherit;
					margin: 0;
				}
				& .time {
					font-size: $font-size-sm;
					color: $gray-600;
					margin: 0;
					line-height: $line-height-sm;
				}
			}
		}
		& .new-user {
			list-style-type: none;
			margin: rem(-5px);
			padding: 0;
			
			& > li {
				float: left;
				width: 20%;
				padding: rem(5px);
				
				& img {
					max-width: 100%;
					@include border-radius($border-radius);
				}
			}	
		}
	}
}