// Footer

// MAIN
// Footer styles

// Main
footer {
	background-color: $gray-100;
	color: $gray-500;
	padding-top: 36px;
	padding-bottom: 12px;

	> .container > .row {
		position: relative;
	}
	
	svg {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8px;
		width: 90%;

		path {
			fill: $gray-500 !important;
		}
	}
	#footer-tagline {
		letter-spacing: 0;
		margin-top: 0;
		text-transform: none;
	}
	h4 {
		font-size: 16px;
		font-weight: $bold;
		letter-spacing: 0.1em;
		margin-bottom: 16px;
		margin-top: 24px;
		text-transform: uppercase;
	}
	p {
		font-size: 12px;
		font-weight: $bold;
		line-height: 2;
	}
	ul {
		list-style-type: none;
		padding: 0;

		li {
			line-height: 14px;

			a {
				color: $gray-500 !important;
				font-size: 12px;
				font-weight: $bold;
				text-decoration: none !important;
			}
			+ li {
				margin-top: 10px;
			}
		}
	}
	#footer-social {
		display: flex;
		justify-content: space-around;
		position: absolute;
		top: 32px; right: 0;

		a {
			color: $gray-500;
			display: block;
			font-size: 36px;
		}
	}
	#copyright {
		font-size: 10px;
		font-weight: $regular;
		margin-top: 32px;
		margin-bottom: 0;
	}
}