/* Reset */
#footer-wrapper h2, 
#footer-wrapper h3, 
#footer-wrapper p, 
#footer-wrapper ul, 
#footer-wrapper container, 
#footer-wrapper section, 
#footer-wrapper div, 
#footer-wrapper footer {
	margin: 0;
	padding: 0 !important;
	border: 0;
	vertical-align: baseline;
}
#footer-wrapper ul {list-style: none;}
#footer-wrapper a:hover {text-decoration: none;}

/* basic */
#footer-wrapper {
	position: relative;
	background: #252122;
	font-family: 'Source Sans Pro';
	font-size:18px;
	font-weight: 300;
/*	color: #5d5d5d;
	color: #858484; */
}
#footer-wrapper:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-size: 100% 100%;
	z-index: 0;
	opacity: 0.5;
}
#footer-wrapper a {color: #c5c4c4;}
#footer-wrapper h2,
#footer-wrapper h3,
#footer-wrapper strong,
#footer-wrapper b {
	color: #fff;
}
#footer-wrapper h2 a, 
#footer-wrapper h3 a, 
#footer-wrapper strong a, 
#footer-wrapper b a {
	color: inherit;
}
#footer-wrapper header h2 {font-weight:bold}
#footer-wrapper ul.contact li,
#footer-wrapper ul.dates li,
#footer-wrapper ul.divided li {
	border-top-color: #353434;
	border-top-color: rgba(255, 255, 255, 0.05);
}
#footer-wrapper .container {
	background: #252122;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
#footer-wrapper .row {
	border-bottom: solid 1px transparent;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#footer-wrapper .row > * {
	float: left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#footer-wrapper .row:after,
#footer-wrapper .row:before {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
#footer-wrapper .row > * {padding: 0 0 0 40px;}
#footer-wrapper .row {margin: 0 0 -1px -40px;}
.\38 u, .\38 u\24 {
	width: 66.6666666667%;
	clear: none;
	margin-left: 0;
}
.\34 u, .\34 u\24 {
	width: 33.3333333333%;
	clear: none;
	margin-left: 0;
}
.\31 2u, .\31 2u\24 {
	width: 100%;
	clear: none;
	margin-left: 0;
}
.\31 2u\24 + *,
.\38 u\24 + *,
.\34 u\24 + * {
	clear: left;
}
.\-8u {margin-left: 66.66667%;}
.\-4u {margin-left: 33.33333%;}

/* Image */
#footer-wrapper .image {
	display: inline-block;
	outline: 0;
}
#footer-wrapper .image img {
	display: block;
	width: 100%;
}
#footer-wrapper .image.featured {
	display: block;
	width: 100%;
	margin: 0 0 2em 0;
}
/* Dates */
ul.dates li {
	position: relative;
	border-top: solid 1px #ddd;
	padding: 1.3em 0 1.3em 6.75em;
}
ul.dates .date {
	display: block;
	position: absolute;
	left: 0;
	top: 1.3em;
	background-color: #d52349;
	height: 3.5em;
	text-align: center;
	color: #fff;
	line-height: 1em;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 0.5em 0.75em 0 1em;
}
ul.dates .date:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -1.2em;
	border-left: solid 1.25em #d52349;
	border-top: solid 1.8em transparent;
	border-bottom: solid 1.8em transparent;
}
ul.dates .date strong {
	display: block;
	font-size: 1.75em;
	padding-top: 0.15em;
	font-weight:500;
}
ul.dates h3 {
	font-size: 1.1em;
	font-weight:bold;
	text-transform:none;
}
ul.dates p {margin: 0;}
ul.dates li:first-child {
	border-top: 0;
	padding-top: 0;
}
ul.dates li:first-child .date {
	top: 0;
}
/* Copyright */
#copyright {text-align: center;}
#copyright .links {
	display: inline-block;
	background: #2C2929;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 5px;
	margin: 0;
}
/* button */
.button {
	-webkit-appearance: none;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	border-radius: 5px;
	background: #d52349;
	color: #fff !important;
	font-weight: 700;
	outline: 0;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}
.button:hover {background: #e53359;}
.button:active {background: #c51349;}
.button.alt {background: #252122;}
.button.alt:hover {background: #353132;}
.button.alt:active {background: #151112;}
.button.icon:before {
	opacity: 0.35;
	position: relative;
	top: 0.05em;
	margin-right: 0.75em;
}

/* Desktop */
@media (min-width: 1200px) {
	#footer-wrapper {padding: 4em 0 4em 0;}
	#footer-wrapper	footer {margin: 2.25em 0 0 0;}
	#footer-wrapper	.container {width: 1200px;}
	#footer-wrapper	.row > * {padding: 50px 0 0 50px;}
	#footer-wrapper	.row {margin: -50px 0 -1px -50px;}
	#footer-wrapper header {margin: 0 0 3em 0;}
	#footer-wrapper header h2 {font-size: 1.75em;}
	#copyright {margin: 3em 0 2em 0;}
	#copyright .links {padding: 0.85em 2.25em 0.85em 2.25em;}
	ul.links li {
		display: inline-block;
		border-left: solid 1px rgba(255, 255, 255, 0.05);
		padding: 0 0 0 1em;
		margin: 0 0 0 1em;
	}
	ul.links li:first-child {
		border-left: 0;
		padding-left: 0;
		margin-left: 0;
	}
	.button {
		font-size: 1.1em;
		padding: 0.65em 1.5em 0.65em 1.5em;
	}
}
/* Tablet */
@media (max-width: 991px) {
	#footer-wrapper {padding: 3em 0 3em 0;}
	#footer-wrapper	.container {width: 960px;}
	#footer-wrapper	.row > * {padding: 25px 0 0 25px;}
	#footer-wrapper	.row {margin: -25px 0 -1px -25px;}
	#footer-wrapper:before {height: 2.5em;}
	#footer-wrapper header {margin: 0 0 1.5em 0;}
	#footer-wrapper header h2 {font-size: 1.25em;}
	#copyright {margin: 0;}
}
/* mobile */
@media (max-width: 768px) {
	#footer-wrapper {
		padding: 2em 25px;
		overflow: hidden;
		-webkit-transform: translateZ(0);
	}
	#footer-wrapper	.container {width: 100% !important;}
	#footer-wrapper	.row > * {padding: 20px 0 0 20px;}
	#footer-wrapper	.row {margin: -20px 0 -1px -20px;}
	.\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}
	.\31 2u\24\28mobile\29 + * {clear: left;}
	#footer-wrapper header h2 {font-size: 1.25em;}
	#footer-wrapper footer {margin: 2em 0 0 0;}
	#copyright {margin: 3em 0 0 0;}
	#copyright .links {padding: 0.75em 1.25em 0.75em 1.25em;}
	ul.links li {
		display: block;
		border-top: solid 1px rgba(255, 255, 255, 0.05);
		padding: 0.25em 0 0 0;
		margin: 0.25em 0 0 0;
	}
	ul.links li:first-child {
		border-top: 0;
		padding-top: 0;
		margin-top: 0;
	}
	.button {
		position: relative;
		padding: 0.65em 0 0.65em 0 !important;
		width: 100%;
		text-align: center;
		font-size: 1.25em;
		margin: 0.25em 0 0.25em 0;
	}
}