/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


.timeline-cont {
	margin-top: 80px;
}

.timeline {
	display: block;
	width: 100%;
	padding: 60px 0px 0px 0px;
	text-align: center;
}

.timeline .post-content .timeline-img-cont {
	display: block;
    margin: 0 auto;
    width: auto;
    height: 220px;
}

.timeline .post-content .timeline-img-cont img {
	width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}


.timeline .post-content h2 {
	color: #c33f26;
	text-align: center;
	margin-top: 10px;
}


.timeline .wave {
	color: #c33f26;
	font-family: Prata, Arial, Helvetica, sans-serif;
	margin-top: 35px;
	font-size: 20px;
}


.timeline-entries {
	display: inline-block;
    width: 80%;
    margin: 70px auto 0 auto;
    position: relative;
    max-width: 900px;
    padding-bottom: 40px;
}


.timeline-entries:before {
	content: '';
    position: absolute;
    top: 42px;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
    width: 3px;
    background-color: #fb8c19;
}


.timeline .entries {
	width:calc(100% - 80px);
    max-width: 100%;
    margin:auto;
    position: relative;
    left:-5px;
}

.entries .entry {
	  width:calc(50% - 44px);
	  float:left; 
	  padding:20px;
	  clear:both;
	  text-align:right;
}

.entries .entry:not(:first-child) {
/*    margin-top:-60px;*/
 }

.entry .title {
	font-size: 1.4em;
	margin-bottom: 5px;
	padding-bottom: 5px;
	position: relative;
	color: #fb8c19;
	line-height: 1;
	font-weight: 700;
	font-family: Prata, Arial, Helvetica, sans-serif;
	background: #4c6e6d;
    padding: 5px 10px 3px 10px;
    display: inline-block;
    border: 1px solid #fb8c19;
}

.entry .title:before {
	content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 3px solid #fb8c19;
    background-color: #fb8c19;
    border-radius: 100%;
    top: 40%;
    transform: translateY(-50%);
    right: -76px;
    z-index: 1000;
}


.entry .title.big:before {
	  width:18px;
	  height:18px;
	  right: -74px;
	  background-color: #afd4c3;
	  transform:translate(8px,-50%);
}


.entry .body p {
    line-height:1.4em;
    color: #707f7f;
    margin-top: 10px !important;
    margin-bottom: 5px;
}

.entry .body img {
	margin: 15px 0 10px 0;
    border-radius: 15px;
    width: 100%;
}

.entry .body h2 {
	font-size: 2.2em;
	line-height: 1.3;
	margin-bottom: 10px;
	text-align: right;
	color: #4c6e6d;
}


.entry:nth-child(2n) {
	text-align:left;
	float:right;
}

.entry:nth-child(2n) .body h2 {
	text-align:left;
}

.entry:nth-child(2n) .title:before {
	left:-66px;
}

.entry:nth-child(2n) .title.big:before {
	transform:translate(-6px,-50%);
}


.fusion-footer {
	clear: both;
}


@media only screen and (max-width: 768px) {
	.timeline {
	    padding: 40px 0px 0px 0px;
	}

	.timeline .post-content h2 {
	    font-size: 22px !important;
	}

	.timeline .entries {
    	width: calc(100% - 0px);
	}

	.timeline-entries {
	    width: 98%;
	    margin: 40px auto 0 auto;
	}
}

@media only screen and (max-width: 620px) {
	.entries .entry {
	    padding: 20px 0px;
	    width: calc(50% - 24px);
	}

	.entry .title:before {
	    right: -36px;
	}

	.entry .title.big:before {
	    right: -34px;
	}

	.entry:nth-child(2n) .title:before {
	    left: -27px;
	}
}