/* TIMELINE OVERRIDE STYLES */
/* created by marcoam1 on 12/24/2016 */

#my-timeline {
	/* height: calc(100vh - 278px) !important; MOVE TO MEDIA QUERY */
}

/* Typography */

.vco-storyjs,
.vco-storyjs .vco-feature h1,
.vco-storyjs .vco-feature h4,
.vco-storyjs .vco-feature h5,
.vco-storyjs .vco-feature h6,
.vco-storyjs p,
.vco-storyjs blockquote,
.vco-storyjs blockquote p,
.vco-storyjs .twitter blockquote p,
.vco-storyjs .twitter,
.vco-storyjs .vcard,
.vco-storyjs .messege,
.vco-storyjs .credit,
.vco-storyjs .caption,
.vco-storyjs .zoom-in,
.vco-storyjs .zoom-out,
.vco-storyjs .back-home,
.vco-storyjs .time-interval div,
.vco-storyjs .time-interval-major div,
.vco-storyjs .nav-container {
    font-family: Minion Pro, Minion, Times, "Times New Roman", serif, !important;
}

.vco-storyjs .vco-feature h2 {
	color: #fb6a00;
	font-family: Gentona Bold, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 24px;
	text-transform: uppercase;
}

.vco-storyjs .vco-feature h3 {
	font-family: Gentona Medium, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	margin-top: 10px;
}

.vco-storyjs .timenav h1, 
.vco-storyjs .flag-content h1, 
.vco-storyjs .era h1, 
.vco-storyjs .timenav h2, 
.vco-storyjs .flag-content h2, 
.vco-storyjs .era h2, 
.vco-storyjs .timenav h3, 
.vco-storyjs .flag-content h3, 
.vco-storyjs .era h3, 
.vco-storyjs .timenav h4, 
.vco-storyjs .flag-content h4, 
.vco-storyjs .era h4, 
.vco-storyjs .timenav h5, 
.vco-storyjs .flag-content h5, 
.vco-storyjs .era h5, 
.vco-storyjs .timenav h6, 
.vco-storyjs .flag-content h6, 
.vco-storyjs .era h6 {
	font-family: Gentona Book, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


/* Repositioning */

.vco-storyjs .vco-container.vco-main {
	bottom: 0;
	left: 0;
	right: 0;
}

.vco-storyjs .vco-feature .slider, 
.vco-storyjs .vco-feature .vco-slider {
	padding-top: 0;
    position: absolute;
    top: 0;
    height: calc(100% - 151px);
}

.vco-slider .nav-previous .nav-container, 
.vco-slider .nav-next .nav-container {
	top: 40% !important;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vco-timeline .vco-navigation {
	position: absolute;
	bottom: 0;
	height: 150px;
}

.vco-timeline .vco-navigation .timenav-background,
.vco-timeline .vco-navigation .timenav-background .timenav-line,
.vco-timeline .vco-navigation .timenav .content .marker .line {
	height: 100px;
}

.vco-timeline .vco-navigation .timenav-background .timenav-interval-background {
	top: 101px;
}

.vco-timeline .vco-navigation .timenav .time,
.vco-timeline .vco-navigation .timenav .content .marker .dot {
	top: 100px;
}


/* Reworking media and descriptions */

.vco-slider .slider-item .content .content-container .media {
	/* text-align: left;
	width: auto;
	padding-left: 50px; MOVE TO MEDIA QUERY */
}

.vco-slider .slider-item .content .content-container .text {
	width: auto !important;
}

.vco-slider .slider-item .content .pad-left .text .container {
    padding-left: 50px;
    padding-right: 50px;
}


/* No shadow or border on images */

.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow::before,
.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-shadow::after {
	content: none;
}

.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-frame, 
.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img {
	border: 0;
}
.thumb-photo {
	display:none;
}

/* MEDIA QUERIES */

@media (min-width:1140px) {
	
	/* Make timeline area stretch browser height */
	#my-timeline {
		height: calc(100vh - 238px) !important;
	}
}