.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(50px);
		
		& 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;
		}
		& ul {
			font-size: $font-size-sm;
			list-style-type: none;
			margin: 0;
			padding: 0;
			line-height: rem(28px);
			
			& > li {
				& .total {
					font-size: $font-size-sm * 0.9;
					color: $gray-600;
					margin-left: rem(5px);
					font-weight: 500;
				}
			}
			&.recent-post {
				& h4 {
					font-size: $font-size-sm;
					
					& .time {
						display: block;
						color: $gray-600;
						font-size: $font-size-sm * 0.9;
						font-weight: 500;
						margin-top: rem(5px);
						margin-bottom: rem(15px);
					}
				}
			}
		}
		& address {
			color: $gray-500;
			font-size: $font-size-sm;
		}
	}
}