/** FOR TIMELINE **/
.timeline-main-title {
	text-align:center;
	color:#076cae;
}
.timeline-main-title:after {
    content: '';
    background: url(//www.wvhdf.com/wp-content/uploads/2017/10/wvhdf-logo-vector.png) no-repeat center top;
    display: block;
    width: 380px;
    height: 175px;
    background-size: contain;
    margin: auto;
    margin-top: 10px;
}

.timeline-meta {display:none;}

.cool-timeline:before {
	
}

.cool-timeline.white-timeline .timeline-year {
	background: #fff;
	color:black;
	-webkit-box-shadow:  0 0 0 8px red;
	box-shadow: 0 0 0 8px red;
}
.cool-timeline.white-timeline.one-sided:before, .white-timeline:before {
    background-color: #32363B;
    background-image: -webkit-linear-gradient(top,#FFF 0,#076cae 8%,#076cae 92%,#FFF 100%);
    background-image: -moz-linear-gradient(top,#FFF 0,#076cae 8%,#076cae 92%,#FFF 100%);
    background-image: -ms-linear-gradient(top,#FFF 0,#076cae 8%,#076cae 92%,#FFF 100%);
}
@media screen {
	.cool-timeline .timeline-post .timeline-content h2.content-title, .ctl-popup-content h2 {
		font-size: 0px!important;
	}
}

.ultimate-style .timeline-post .timeline-content .content-title {
	margin: 0;
	padding: 18px 15px;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	position: relative;
	color: #fff;
	background-color: #000;
	font-size: 32px;
	box-sizing: border-box;
	padding: 0;
	height: 20px;
	border-radius: 20px 0 0 20px;
	
}

.ultimate-style .timeline-post .timeline-content .content-title:before {
    content: "";
    display: block;
    border: 10px solid transparent;
    border-left-color: #000;
    position: absolute;
    right: -20px;
    top: 0;
    border-radius: 0px 20px 20px 0;

}
.ultimate-style .timeline-post .timeline-content {
    padding: 0;
    border: 0;
    padding-top: 20px;
}

.timeline-content {background:white!important;}

.cool-timeline .timeline-year {margin: 22px 0 -79px 30px}

/* .icon-dot-full {display:none;} */

@media all and (min-width: 1024px) {
.icon-dot-full {display:block;}
		.cool-timeline.white-timeline.one-sided:before, .white-timeline:before { display:none;}
		.ultimate-style .timeline-post .timeline-content {
			padding-top:0 !important;
		}

		.cooltimeline_cont {
			width:70%;
			margin:auto !important;
		}
		.timeline-group-container {
			float: left;
			width: 33%;
			position:relative;
			z-index:200
			/* clear: both; */
		}
		.timeline-group-container:nth-child(6n+4),
		.timeline-group-container:nth-child(6n+5),
		.timeline-group-container:nth-child(6n+6) {
			float:right; 
		}

		.timeline-group-container:nth-child(6n+4) .content-details,
		.timeline-group-container:nth-child(6n+5) .content-details,
		.timeline-group-container:nth-child(6n+6) .content-details {
			text-align:right;
		}

		div.cooltimeline_cont > div:nth-of-type(6n+3):after {
			content: '';
			display: block;
			position: absolute;
			border-color: #ddd;
			left: calc(100% + 8px);
			height: calc(100% - 20px);
			width: 75%;
			border-width: 20px;
			top: 152px;
			border-style: solid;
			border-radius: 0 500px 500px 0;
			box-sizing: content-box;
			border-left-style: none;
			z-index: 200;
		}

		div.cooltimeline_cont > div:nth-of-type(6n+3):before {
			content: '';
			display: block;
			position: absolute;
			border-color: transparent;
			border-left-color: white;
			left: calc(100% + 5px);
			height: 0;
			width: 0;
			border-width: 10px;
			top: 152px;
			border-style: solid;
			box-sizing: content-box;
			z-index: 500;
		}

		div.cooltimeline_cont > div:nth-of-type(6n+6):after {
			content: '';
			display: block;
			position: absolute;
			border-color: #ddd;
			right: calc(100% - 28px);
			height: calc(100% - 20px);
			width: 75%;
			border-width: 20px;
			top: 152px;
			border-style: solid;
			border-radius: 500px 0 0 500px;
			box-sizing: content-box;
			border-right-style: none;
			z-index: 200;
		}
		div.cooltimeline_cont > div:nth-of-type(6n+6):before {
			content: '';
			display: block;
			position: absolute;
			border-color: transparent;
			border-right-color: white;
			left: 8px;
			height: 0;
			width: 0;
			border-width: 10px;
			top: 152px;
			border-style: solid;
			box-sizing: content-box;
			z-index: 500;
		}
		div.cooltimeline_cont > div:nth-last-of-type(2):before,
		div.cooltimeline_cont > div:nth-last-of-type(2):after {
			display: none !important;
		}





		.timeline-group-container:nth-child(6n+4) .timeline-year ,
		.timeline-group-container:nth-child(6n+5) .timeline-year ,
		.timeline-group-container:nth-child(6n+6) .timeline-year {
			left: calc(100% - 24px);
		}
		.cool-timeline .timeline-group-container .timeline-post .timeline-icon {
			left:0;
		}
		.cool-timeline .timeline-group-container:nth-child(6n+4) .timeline-post .timeline-icon, 
		.cool-timeline .timeline-group-container:nth-child(6n+5) .timeline-post .timeline-icon,
		.cool-timeline .timeline-group-container:nth-child(6n+6) .timeline-post .timeline-icon {
			left: unset;
			right: -9px;
		}



		.cool-timeline.white-timeline .timeline-post .icon-dot-full {
			margin: -1px 0 0 -12px;
			background: #fff!important;
			border: #29b246 solid 5px;
			box-shadow: 0 0 0 5px white;
		}


		.cool-timeline .timeline-post .timeline-icon {
			background: #fff;
			line-height: 40px;
			position: absolute;
			text-align: center;
			margin: 19px 0 0 -12px;
			-webkit-border-radius: 40px;
			-moz-border-radius: 40px;
			border-radius: 40px;
			color: #171717;
			font-size: 18px;
			height: 25px;
			width: 25px;
			left: 50%;
			z-index: 10;
			top: -2px;
		}
		.cool-timeline.white-timeline .timeline-year:before {
			content: '';
			border-color: red;
			border-width: 0 0 0 5px;
			border-style: solid;
			display: block;
			width: 100%;
			position: absolute;
			left: 50%;
			height: calc(100% - 18px);
			top: 88px;
			margin-left: -2px;
			z-index: -1;
		}



		.cool-timeline .timeline-post {
			margin-bottom: 50px;
			position: relative;
			width: 100%;
			box-sizing: border-box;
			padding: 0;
			padding-left: 0px;
			margin-left: 20px;
			z-index: 6;
		}


		.ultimate-style .timeline-post .timeline-content .content-title {
			margin: 0;
			padding: 18px 15px;
			-webkit-border-radius: 5px 5px 0 0;
			-moz-border-radius: 5px 5px 0 0;
			border-radius: 5px 5px 0 0;
			position: relative;
			color: #fff;
			background-color: #000;
			font-size: 32px;
			box-sizing: border-box;
			padding: 0;
			height: 20px;
			border-radius: 0;
		}
		@media screen {
			.cool-timeline .timeline-group-container:nth-child(even) .timeline-post .timeline-content .content-title {
				background:yellow;
			}
		}


		.icon-dot-full:before {
		/* 
			content: '';
		 */
			border-width: 8px;
			border-style: solid;
			display: block;
			position: absolute;
			border-top-color: transparent;
			border-left-color: transparent;
			border-right-color: transparent;
			border-bottom-color: black;
			top: -30px;
			border-bottom-width: 20px;
		}

		.ultimate-style .timeline-post .timeline-content .content-title:before {
			content: "";
			display: block;
			border-width: 10px;
			border-style: solid;
			border-top-color: transparent!important;
			border-right-color: transparent;
			border-bottom-color: transparent!important;
			position: absolute;
			right: 0px;
			top: 0;
			z-index: 100;
			background: white;
			width:25px;
			border-radius:0;
		}

		.ultimate-style .timeline-post .timeline-content:after {
			content: "";
			display: block;
			border-width: 12px;
			border-style: solid;
			border-top-color: transparent!important;
			border-right-color: transparent;
			border-bottom-color: transparent!important;
			position: absolute;
			left: 14px;
			top: -3px;
			z-index: 100;
			background: transparent;
			width: 25px;
			border-left-color: white;
		}
		.ultimate-style .timeline-post .timeline-content:before {
			content: '';
			display: block;
			position: absolute;
			background: white;
			width: 14px;
			height: 20px;
			top: 0;
			left: 0px;
			z-index: 5;
			border: none;
		}
		.ultimate-style .timeline-group-container:nth-child(6n+4) .timeline-post .timeline-content .content-title:before,
		.ultimate-style .timeline-group-container:nth-child(6n+5) .timeline-post .timeline-content .content-title:before,
		.ultimate-style .timeline-group-container:nth-child(6n+6) .timeline-post .timeline-content .content-title:before {
			border-right-color: #000;
			border-left-color: transparent;
			right:unset;
			left:-2px;

		}
  
		.ultimate-style .timeline-group-container:nth-child(6n+4) .timeline-post .timeline-content:after,
		.ultimate-style .timeline-group-container:nth-child(6n+5) .timeline-post .timeline-content:after,
		.ultimate-style .timeline-group-container:nth-child(6n+6) .timeline-post .timeline-content:after {
			border-right-color: white;
			border-left-color: transparent;
			right:17px;
			left:unset;

		}

		.ultimate-style .timeline-group-container:nth-child(6n+4) .timeline-post .timeline-content:before,
		.ultimate-style .timeline-group-container:nth-child(6n+5) .timeline-post .timeline-content:before,
		.ultimate-style .timeline-group-container:nth-child(6n+6) .timeline-post .timeline-content:before {
			left: unset;
			right: 0px;
			width: 18px;
		}
		.timeline-post .timeline-content .content-details {
			padding: 15px;
			padding-left:0px;
			padding-right:25px;
		}

		/* 
		.ultimate-style .timeline-group-container:nth-child(4n+4) .content-details,
		.ultimate-style .timeline-group-container:nth-child(4n+5) .content-details,
		.ultimate-style .timeline-group-container:nth-child(4n+6) .content-details {
			padding: 15px;
			padding-left:25px;
			padding-right:15px;
		}
		 */


		.cool-timeline .timeline-year {
			left: calc(10% - 39px);
			z-index:1;
			margin: 22px 0 50px 0;
			height: 80px;
			width: 80px;
		}

		.cool-timeline .timeline-post.even {
			margin-left: 10%;
			padding: 10px 0px 5px 10px;
		}
		.cool-timeline .timeline-year .icon-placeholder span {
			top:27px;
		}

		.cool-timeline .light-grey-post .timeline-content {background:transparent;}
}

/* Colors 

blue: #076cae
*/

@media screen {
	.timeline-group-container:nth-child(4n+1) .timeline-year {
		-webkit-box-shadow: 0 0 0 8px #076CAE;
		box-shadow: 0 0 0 8px #076CAE;
	}

	.timeline-group-container:nth-child(4n+1) .timeline-year:before,
	.timeline-group-container:nth-child(4n+1) .icon-dot-full {
		border-color: #076CAE !important;
	}	
	.timeline-group-container:nth-child(4n+1) .icon-dot-full:before {
		border-bottom-color: #076CAE !important;
	}


	.ultimate-style .timeline-group-container:nth-child(4n+1) .timeline-post .timeline-content .content-title {
		background: #076CAE !important;
	}

	.ultimate-style .timeline-group-container:nth-child(4n+1) .timeline-post .timeline-content .content-title.color-076cae:before {
		border-color: #076CAE;
	}

	/* orange: #ee8022 */
	.timeline-group-container:nth-child(4n+2) .timeline-year {
		-webkit-box-shadow: 0 0 0 8px #ee8022;
		box-shadow: 0 0 0 8px #ee8022;
	}

	.timeline-group-container:nth-child(4n+2) .timeline-year:before,
	.timeline-group-container:nth-child(4n+2) .icon-dot-full {
		border-color: #ee8022 !important;
	}	
	.timeline-group-container:nth-child(4n+2) .icon-dot-full:before {
		border-bottom-color: #ee8022 !important;
	}


	.ultimate-style .timeline-group-container:nth-child(4n+2) .timeline-post .timeline-content .content-title {
		background: #ee8022 !important;
	}

	.ultimate-style .timeline-group-container:nth-child(4n+2) .timeline-post .timeline-content .content-title.color-ee8022:before {
		border-color: #ee8022;
	}


	/* green: #7abb43 */
	.timeline-group-container:nth-child(4n+3) .timeline-year {
		-webkit-box-shadow: 0 0 0 8px #7abb43;
		box-shadow: 0 0 0 8px #7abb43;
	}

	.timeline-group-container:nth-child(4n+3) .timeline-year:before,
	.timeline-group-container:nth-child(4n+3) .icon-dot-full {
		border-color: #7abb43 !important;
	}	
	.timeline-group-container:nth-child(4n+3) .icon-dot-full:before {
		border-bottom-color: #7abb43 !important;
	}


	.ultimate-style .timeline-group-container:nth-child(4n+3) .timeline-post .timeline-content .content-title {
		background: #7abb43 !important;
	}

	.ultimate-style .timeline-group-container:nth-child(4n+3) .timeline-post .timeline-content .content-title.color-7abb43:before {
		border-color: #7abb43;
	}


	/* red: #eb5d5e */
	.timeline-group-container:nth-child(4n+4) .timeline-year {
		-webkit-box-shadow: 0 0 0 8px #eb5d5e;
		box-shadow: 0 0 0 8px #eb5d5e;
	}

	.timeline-group-container:nth-child(4n+4) .timeline-year:before,
	.timeline-group-container:nth-child(4n+4) .icon-dot-full {
		border-color: #eb5d5e !important;
	}	
	.timeline-group-container:nth-child(4n+4) .icon-dot-full:before {
		border-bottom-color: #eb5d5e !important;
	}


	.ultimate-style .timeline-group-container:nth-child(4n+4) .timeline-post .timeline-content .content-title {
		background: #eb5d5e !important;
	}

	.ultimate-style .timeline-group-container:nth-child(4n+4) .timeline-post .timeline-content .content-title.color-eb5d5e:before {
		border-color: #eb5d5e;
	}

}

@media all and (min-width: 1024px) {
	.ultimate-style .timeline-group-container:nth-child(6n+1) .timeline-post .timeline-content .content-title:before,
	.ultimate-style .timeline-group-container:nth-child(6n+2) .timeline-post .timeline-content .content-title:before,
	.ultimate-style .timeline-group-container:nth-child(6n+3) .timeline-post .timeline-content .content-title:before {
		border-right-color:white  !important;
	}

	.ultimate-style .timeline-group-container:nth-child(6n+4) .timeline-post .timeline-content .content-title:before,
	.ultimate-style .timeline-group-container:nth-child(6n+5) .timeline-post .timeline-content .content-title:before,
	.ultimate-style .timeline-group-container:nth-child(6n+6) .timeline-post .timeline-content .content-title:before {
		border-left-color:white  !important;

	}

}

/** END TIMELINE **/


/* 
.cool-timeline.white-timeline .timeline-post .icon-dot-full {visibility:hidden;}
 */
@media all and (max-width: 860px) {

.cool-timeline .timeline-post, .cool-timeline .timeline-post.even {
    margin: 0;
    padding: 17px 0 25px 42px;
    width: 100%;
}

.cool-timeline .timeline-year {
	left:0;
	width:60px;
	height:60px;
	margin: 17px 30px -70px 0;
}

.cool-timeline .timeline-year .icon-placeholder span {
	font-size:20px;
	top:15px;
}
.icon-dot-full{display:none;}
.timeline-main-title:after {
	width: 80%;
    height: 175px;
}



}