/*
Theme Name: Cufi
Author: Cufi
Author URI:
Version: 2.0
Description: Theme for Cufi
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Cufi
*/

.history-list-vertical{
    background: #fff;
    padding-bottom: 38px;
}

.history-vertical-item-title p{
	margin: 0;
	padding: 0;
}

.history-vertical-wrapper{
	position: relative;
	width: 100% ;
	max-width: 1160px ;
	margin: 0 auto;
}

.history-vertical-wrapper::after{
	content: '' ;
	position: absolute;
	top: 0;
	bottom: 0 ;
	width: 2px;
	left: 50% ;
	background: #363636 ;
	transform: translateX( -50% ) ;
}

.history-vertical-item .history-vertical-item-box{
	position: relative;
	width: 175px ;
	height: 60px ;
	background: rgb(51,160,175);
	background: linear-gradient(90deg, rgba(51,160,175,1) 0%, rgba(64,88,141,1) 100%);
}


.history-vertical-item .history-vertical-item-box::after{
	content: '' ;
	position: absolute;
	height: 6px;
	width: 25px ;
	background: rgba(64,88,141,1) ;
	top: 50%;
	right: -25px;
  	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.history-vertical-item.reverse .history-vertical-item-box::after{
	content: '' ;
	position: absolute;
	height: 6px;
	width: 25px ;
	background: rgba(51,160,175,1) ;
	top: 50%;
	left: -25px;
  	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


.history-vertical-item .history-vertical-item-box .year{
	display: inline-block;
	font-size: 28px;
	color: #ffffff;
	font-weight: bold;
	font-family: Source Sans Pro,Helvetica Neue,Arial,sans-serif;
}

.history-vertical-item {
	width: 50%;
    display: flex;
	align-items: center;
	padding-bottom: 15px ;
}

.history-vertical-item.sm-padding{
	padding-bottom: 3px ;
}

.history-vertical-item .history-vertical-item-box .play-btn {
	position: absolute;
	z-index: 1;
}

.history-vertical-item .history-vertical-item-box {
	display: flex;
    align-items: center;
    padding: 10px 15px;
}

.history-vertical-item:nth-child(odd) {
    margin-left: auto;
}

.history-vertical-item:nth-child(odd) .history-vertical-item-box {
	justify-content: flex-end;
}

.history-vertical-item:nth-child(odd) .history-vertical-item-box .play-btn {
	left: -28px;
}


.history-vertical-item:nth-child(odd) .history-vertical-item-title {
	margin-left: 40px;
}

.history-vertical-item:nth-child(even) {
	justify-content: flex-end;
}

.history-vertical-item:nth-child(even) .history-vertical-item-box {
	text-align: left;
}

.history-vertical-item:nth-child(even) .history-vertical-item-title {
	margin-right: 40px;
}

.history-vertical-item:nth-child(even) .history-vertical-item-box .play-btn {
	right: -30px;
}

.history-vertical-item .history-vertical-item-title p{
	font-size: 26px;
	color: #17406a;
	font-weight: 600;
	font-family: Source Sans Pro,Helvetica Neue,Arial,sans-serif;
}

.history-vertical-item:first-child{
	padding-top: 28px ;
}

.history-vertical-item:last-child{
	padding-bottom: 222px ;
}

@media (max-width: 800px) {
    .history-vertical-wrapper::after{
    	display: none;
    }
    .history-vertical-item:nth-child(odd){
    	margin-left: 0;
    }
    .history-vertical-item{
    	width: 100% ;
    }
    .history-vertical-item:nth-child(even){
    	justify-content: flex-end;
    }
}

@media (max-width: 580px) {

	.history-vertical-item{
		padding-right: 20px;
	    padding-left: 20px;
	}
}