/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/*   Header fixes  */
@media screen and (max-width: 499px) {
	figure {
		margin: 0 !important;
	}
}

h3 {
	font-size: 1.8em;
	font-family: futura;
	text-align: left;
	line-height: 1.5em;
}

p {
	font-size: 1.3em;
}

h1, h2 { font-family: futura !important, sans-serif;
}

#site-name {
	text-align: center;
	font-family: futura !important;
	font-weight: 100;
	display: none;
}

#header-message {
	font-family: futura !important;
	text-align: center;
	display: none;
}

@media screen and (min-width: 500px) {
	#nav {
		width: 100%;
		overflow: visible;
		text-align: center;
		background: #f8f9de;
		float: none !important;
	}
	
	#nav a {
		border: none;
		text-shadow: none;
	}
	
	#nav ul li {
		display: inline-block;
		padding: 0 30px;
		margin: 0 -14px 0 -15px;
		position: relative;
		z-index: 0;
		float: none;
	}
	
	#nav ul li ul {
		position: absolute;
		height: 40px;
		width: 100%;
		bottom: -40px;
	}
	
	#nav ul li ul li {
		display: block;
	}
	
	#nav ul li ul li a {
		display: block;
		padding: 20px;
	}
	
	#nav ul li:hover {
		z-index: 1;
	}
	
	#nav ul li a {
		font-family: futura-pt, sans-serif;
		font-weight: 200;
		font-size: 20px;
		line-height: 20px;
		display: block;
		padding: 20px;
		background: #f8f9de;
		color: black;
		text-decoration: none;
		position: relative;
	}
	
	#nav ul li a:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: -30px;
		height: 0;
		width: 0;
		border-left: 15px solid transparent;
		border-top: 30px solid transparent;
		border-right: 15px solid #f8f9de;
		border-bottom: 30px solid #f8f9de;
	}
	
	#nav ul li a:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: -30px;
		height: 0;
		width: 0;
		border-left: 15px solid #f8f9de;
		border-top: 30px solid #f8f9de;
		border-right: 15px solid transparent;
		border-bottom: 30px solid transparent;
	}
	
	#nav ul li a:hover {
		background: #8e0404;
		color: white;
	}
	
	#nav ul li a:hover:before {
		border-right: 15px solid #8e0404;
		border-bottom: 30px solid #8e0404;
	}
	
	#nav ul li a:hover:after {
		border-left: 15px solid #8e0404;
		border-top: 30px solid #8e0404;
	}
	
	#nav .menu ul .current_page_item a {
		background: #f8f9de;
	}
	
	#nav .menu ul .current_page_item a:hover {
		background: #8e0404;
	}
}

/*   Header fixes end */
/*  Body area  */
time {
}

#content footer {
	display: none;
}

.content .sharedaddy {
	display: none;
}

h2 {
	font-family: futura-pt;
	font-size: 2em;
	line-height: 1em;
}

/*  Timeline css  */
.timeline {
	position: relative;
}

.timeline::before {
	content: '';
	background: #FF908A;
	width: 5px;
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.timeline-item {
	width: 100%;
	margin-bottom: 70px;
}

.timeline-item:nth-child(even) .timeline-content {
	float: right;
	padding: 40px 30px 30px;
}

.timeline-item:nth-child(even) .timeline-content .date {
	right: auto;
	left: 0;
}

.timeline-item:nth-child(even) .timeline-content::after {
	content: '';
	position: absolute;
	border-style: solid;
	width: 0;
	height: 0;
	top: 30px;
	left: -15px;
	border-width: 10px 15px 10px 0;
	border-color: transparent #f8f9de transparent transparent;
}

.timeline-item::after {
	content: '';
	display: block;
	clear: both;
}

.timeline-content {
	position: relative;
	width: 36%;
	padding: 30px;
	border-radius: 4px;
	background: #f8f9de;
	box-shadow: 0 20px 25px -15px rgba(0,0,0,0.3);
}

.timeline-content::after {
	content: '';
	position: absolute;
	border-style: solid;
	width: 0;
	height: 0;
	top: 30px;
	right: -15px;
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #f8f9de;
}

.timeline-img {
	width: 30px;
	height: 30px;
	background: #cc3931;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-top: 25px;
	margin-left: -15px;
}

.bnt-more {
	background: #cc3931;
	color: #FFFFFF;
	padding: 8px 20px;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 10px;
	display: inline-block;
	border-radius: 2px;
	box-shadow: 0 1px 3px -1px rgba(0,0,0,0.6);
}

.bnt-more:hover, .bnt-more:active, .bnt-more:focus {
	background: #a32e27;
	color: #FFFFFF;
	text-decoration: none;
}

.timeline-card {
	padding: 0 !important;
}

.timeline-card p {
	padding: 0 20px;
}

.timeline-card a {
	margin-left: 20px;
}

.timeline-item:nth-child(2) .timeline-img-header {
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4)), url('https://hd.unsplash.com/photo-1458530970867-aaa3700e966d') center center no-repeat;
	background-size: cover;
}

.timeline-item:nth-child(5) .timeline-img-header {
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4)), url('https://hd.unsplash.com/photo-1444093826349-9ce8c622f4f3') center center no-repeat;
	background-size: cover;
}

.timeline-item:nth-child(6) .timeline-img-header {
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4)), url('https://hd.unsplash.com/photo-1471479917193-f00955256257') center center no-repeat;
	background-size: cover;
}

.timeline-item:nth-child(8) .timeline-img-header {
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4)), url('https://hd.unsplash.com/photo-1466840787022-48e0ec048c8a') center center no-repeat;
	background-size: cover;
}

.timeline-item:nth-child(10) .timeline-img-header {
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4)), url('https://hd.unsplash.com/photo-1447639703758-f525f36456bf') center center no-repeat;
	background-size: cover;
}

.timeline-item:nth-child(11) .timeline-img-header {
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.4)), url('https://hd.unsplash.com/photo-1469429978400-082eec725ad5') center center no-repeat;
	background-size: cover;
}

.timeline-img-header {
	height: 200px;
	position: relative;
	margin-bottom: 20px;
}

.timeline-img-header h2 {
	color: #FFFFFF;
	position: absolute;
	bottom: 5px;
	left: 20px;
}

blockquote {
	margin-top: 30px;
	color: #757575;
	border-left-color: #cc3931;
	padding: 0 20px;
}

.date {
	background: #1F747C;
	display: inline-block;
	color: #FFFFFF;
	padding: 5px;
	position: absolute;
	top: 0;
	right: 0;
}

@media screen and (max-width: 768px) {
	.timeline::before {
		left: 50px;
	}
	
	.timeline .timeline-img {
		left: 50px;
	}
	
	.timeline .timeline-content {
		max-width: 100%;
		width: auto;
		margin-left: 70px;
	}
	
	.timeline .timeline-item:nth-child(even) .timeline-content {
		float: none;
	}
	
	.timeline .timeline-item:nth-child(odd) .timeline-content::after {
		content: '';
		position: absolute;
		border-style: solid;
		width: 0;
		height: 0;
		top: 30px;
		left: -15px;
		border-width: 10px 15px 10px 0;
		border-color: transparent #f5f5f5 transparent transparent;
	}
}

/* end Timeline css */