/* ============== */
/* === Footer === */
/* ============== */

#colophon {
	color: #ffffff;
	background-color: #1C1C1E;
	position: relative;
	padding: 120px 0 40px;
	clear: both;
}

#colophon .row {
	position: relative;
	z-index: 1;
}

#colophon .seal {
	width: 230px;
	height: 230px;
	background-image: url("/wp-content/themes/one-sixteen/images/footer-seal.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: -80px;
	left: -100px;
	z-index: 0;
}

#colophon a {
	color: #ffffff;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

#colophon a:hover,
#colophon a:focus {
	color: #ffffff;
	background: none;
	text-decoration: underline;
	transition: all 0.3s ease-in-out;
}

#colophon .title {
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 15px;
}

/* Menu */

#footer-menu ul {
	margin-bottom: 0;
}

#footer-menu ul li {
	list-style: none;
	margin-bottom: 10px;
}

#footer-menu ul li a {
	font-family: 'Fraunces', serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
}

/* Logo */

#footer-logo {
	text-align: right;
}

#footer-logo svg {
	fill: #ffffff;
	height: 70px;
	width: auto;
}

/* Social */

#footer-social ul {
	list-style: none;
	text-align: right;
	padding: 0;
	margin-top: 40px;
	margin-bottom: 0;
}

#footer-social ul li {
	display: inline-block;
	margin-top: 0;
	margin-left: 20px;
}

#footer-social ul li a {
	font-size: 22px;
	line-height: 1;
}

#colophon .bottom {
	border-top: 2px solid #ffffff;
	margin-top: 60px;
	text-align: left;
}

#colophon .bottom p {
	font-size: 14px;
	line-height: 1;
	margin-top: 20px;
	margin-bottom: 0;
}

#colophon .bottom span {
	display: inline;
}


/* ===================== */
/* === Media Queries === */
/* ===================== */

/* Extra Large devices (desktops, less than 1281px) */
@media (max-width: 1280.98px) {


}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

	#colophon > .container {
		padding: 0 45px;
	}

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

	#colophon {
		padding: 90px 0 40px;
	}

	#colophon #footer-menu .col-6 {
		margin-bottom: 50px;
	}

	#footer-social h4 {
		margin-bottom: 15px;
	}
 
	#footer-social ul {
		text-align: left;
		margin-top: 0;
	}

	#footer-social ul li {
		margin-left: 0;
		margin-right: 20px;
	}

	#colophon .seal {
		width: 160px;
    height: 160px;
    top: -60px;
    left: -15px;
	}

	#colophon .bottom {
		text-align: center;
		margin-top: 0;
	}

	#colophon .bottom span {
		display: block;
		margin-top: 10px;
	}

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {



}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {



}