.timeline_projects{
    z-index:0;
    width: 100%;
}
.timeline_projects > div{
    width: 100%;
	overflow: hidden;
}
.timeline_projects > div > div{
  /*
  	width: max-content;
    margin-left: 50%;
    transform: translateX(-50%);
*/
}
.timeline_projects::before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(-45deg, transparent 46%, #32353a 49%, #32353a 51%, transparent 55%);
    background-size: 6px 6px;
    pointer-events: none;
    z-index: -1;
    position: absolute;
    left: 0;
    margin-top: -1.4em;
}
.timeline_projects .pattern{

}
.timeline_projects img, .timeline_projects  .et-content-outer-wrap{
    display:none;
}

.timeline_projects .et-link-button > a{
    color: whitesmoke;
    background-color: #373737;
    border: 0;
}
.timeline_projects .et-link-button:hover > a{
/*
    color: #373737;
    background-color: #ebe5c5;
*/
    color: whitesmoke;
    background-color: #373737;
	-webkit-box-shadow: -5px 5px 0px 0px rgba(235,229,197,0.7); 
	box-shadow: -5px 5px 0px 0px rgba(235,229,197,0.7);
	border: 0;
}
.timeline_projects .et-timeline-line{
    border-right: 1px solid #373737;
    border-left: 1px solid #373737;
}
.timeline_projects .et-timeline-item{
    max-width: 396px;
    margin: 3em;
}
.timeline_projects .et-timeline-circle{
    background-color: #373737;
    border: 0;
	transform: scale(0.7);
}
.timeline_projects .et-timeline-date {
	margin-bottom: 1.4em;
    padding-top: 2.4em;
    width: 96%;
    margin-left: calc(50% - (96%/2));
}

.timeline_projects .et-timeline-date > span{
    /*
	color: #ebe5c5;
    */
	color: whitesmoke;
	background-color: #373737;
    border: 1px solid #ebe5c5;
    width: 100%;
    font-size: 1.2em;
    letter-spacing: 0.8vw;
}
.timeline_projects .et-all-contain-here{
   /*
    color: white;
    background-color: #373737;
	*/
    border-radius: 8px;
    opacity: 0.9;
}
.timeline_projects .et-all-contain-here::before{
	/*
	background-color: #373737;
	*/
}
.timeline_projects .et-content, .timeline_projects .et-title > a{
	font-family: "HK Grotesk", sans-serif;
    font-weight: 700;

}  
.timeline_projects .et-content{
    font-size: 14px;
    opacity: 0.8;
    color: inherit;
    line-height: 1.5em;
    font-weight: 700;
}
.timeline_projects .et-title > a{
	color: #373737;
    font-size: 1.3em;

}
.timeline_projects .et-title:hover > a{
    /*
	color: #ebe5c5; 
    */
	color: #373737;
	font-size: 1.35em;
	border-bottom: 1px solid;
}