.dipl_blog_timeline .dipl_blog_timeline_wrapper{
display: flex;
flex-direction: column;
}
.dipl_blog_timeline .dipl_blog_timeline_post{
display: flex;
align-items: center;
flex-direction: row;
}
.dipl_blog_timeline .dipl_blog_timeline_stem_center{
flex-grow: 0;
flex-shrink: 0;
max-width: 300px;
z-index: 2;
}
.dipl_blog_timeline .dipl_blog_timeline_content_wrapper{
position: relative;
}
.dipl_blog_timeline .dipl_blog_timeline_post_title,
.dipl_blog_timeline .dipl_blog_timeline_read_more_link{
margin-top: 15px;
}
.dipl_blog_timeline_post_categories a,
.dipl_blog_timeline_read_more_link .et_pb_button,
.dipl_blog_timeline .dipl_blog_timeline_post_title a{
text-decoration: none;
}
.dipl_blog_timeline .dipl_blog_timeline_meta{
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 15px;
font-size: 14px;
}
.dipl_blog_timeline .dipl_blog_timeline_meta_icon,
.et-db #et-boc .et-l .dipl_blog_timeline .dipl_blog_timeline_meta_icon{
margin: 0 3px;
font-size: 14px;
font-family: "ETmodules" !important;
}
.dipl_blog_timeline .dipl_blog_timeline_meta .dipl_blog_timeline_meta_icon:first-child{margin:0 3px 0 0}
.dipl_blog_timeline .dipl_blog_timeline_image_wrapper{display:flex}
.dipl_blog_timeline .dipl_blog_timeline_image_wrapper .dipl_blog_timeline_image_link{display:inherit}
.dipl_blog_timeline .dipl_blog_timeline_meta_date .published{font-size:20px}
.dipl_blog_timeline .dipl_mobile_date{display:none}
.dipl_blog_timeline_post_icon{font-size:32px}
.dipl_blog_timeline .dipl_stem_wrapper{
width: 2px;
background: #eee;
position: absolute;
top: 0;
z-index: 1;
}
.dipl_blog_timeline .dipl_blog_timeline_alternate_stem{
left: 50%;
right: auto;
transform: translateX(-50%);
}
.dipl_blog_timeline .dipl_blog_timeline_left_stem{
right: 0;
transform: translateX(50%);
}
.dipl_blog_timeline .dipl_blog_timeline_right_stem{
left: 0;
transform: translateX(-50%);
}
.dipl_timeline .dipl_item_circle{
width:32px;
height:32px;
border:4px solid #eee;
display:block;
border-radius:50%;
background:#fff;
}
.dipl_timeline .dipl_border_fill,.dipl_timeline .dipl_icon_fill{transition:ease 1s}
.dipl_blog_timeline .layout1 .dipl_blog_timeline_meta_date{margin-bottom:10px}
.dipl_blog_timeline .layout2 .dipl_blog_timeline_outer_container{white-space:nowrap}
.dipl_blog_timeline .layout2.dipl_blog_timeline_left .dipl_blog_timeline_outer_container{margin-left:10px}
.dipl_blog_timeline .layout2.dipl_blog_timeline_right .dipl_blog_timeline_outer_container{margin-right:10px}
.dipl_blog_timeline .layout2.dipl_blog_timeline_alternate .dipl_blog_timeline_post:nth-child(odd) .dipl_blog_timeline_meta_date{
text-align: right;
}
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_post:nth-child(odd){
flex-direction: row-reverse;
}
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_outer_container,
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_post_content{
flex-basis:50%;
max-width:100%;
position:relative;
flex-grow:1;
}
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_post .dipl_blog_timeline_content_wrapper{
padding: 20px;
}
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_post .dipl_blog_timeline_stem_center{
order:1;
margin:0 20px;
}
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_outer_container{order:2}
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_post .dipl_blog_timeline_post_content .dipl_blog_timeline_triangle{
display:block;
height:20px;
width:20px;
background:inherit;
border:inherit;
position:absolute;
clip-path:polygon(0px 0px,20px 20px,0px 20px);
top:calc(50% - 10px);
}
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_post:nth-child(odd) .dipl_blog_timeline_post_content .dipl_blog_timeline_triangle{
left:-9px;
transform:rotate(45deg);
}
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_post:nth-child(even) .dipl_blog_timeline_post_content .dipl_blog_timeline_triangle{
right:-9px;
transform: rotate(225deg);
}
.dipl_blog_timeline .dipl_blog_timeline_right .dipl_blog_timeline_post{flex-direction:row}
.dipl_blog_timeline .dipl_blog_timeline_right .dipl_blog_timeline_outer_container{order:0}
.dipl_blog_timeline .dipl_blog_timeline_right .dipl_blog_timeline_stem_center{order:1}
.dipl_blog_timeline .dipl_blog_timeline_right .dipl_blog_timeline_post_content{
width:100%;
order:2;
margin:0 0 20px 20px;
}
.dipl_blog_timeline .dipl_blog_timeline_right .dipl_blog_timeline_content_wrapper{padding:20px}
.dipl_blog_timeline .dipl_blog_timeline_right .dipl_blog_timeline_post_content .dipl_blog_timeline_triangle{
display:block;
height:20px;
width:20px;
background:inherit;
border:inherit;
position:absolute;
left:-9px;
clip-path:polygon(0px 0px,20px 20px,0px 20px);
transform:rotate(45deg);
top:50%;
}
.dipl_blog_timeline .dipl_blog_timeline_left .dipl_blog_timeline_post{flex-direction:row-reverse}
.dipl_blog_timeline .dipl_blog_timeline_left .dipl_blog_timeline_outer_container{order:0}
.dipl_blog_timeline .dipl_blog_timeline_left .dipl_blog_timeline_stem_center{order:1}
.dipl_blog_timeline .dipl_blog_timeline_left .dipl_blog_timeline_post_content{
width:100%;
order:2;
margin:0 20px 20px 0;
}
.dipl_blog_timeline .dipl_blog_timeline_left .dipl_blog_timeline_content_wrapper{padding:20px}
.dipl_blog_timeline .dipl_blog_timeline_left .dipl_blog_timeline_post_content .dipl_blog_timeline_triangle{
display:block;
height:20px;
width:20px;
background:inherit;
border:inherit;
position:absolute;
right:-9px;
clip-path:polygon(0px 0px,20px 20px,0px 20px);
transform:rotate(225deg);
top:50%;
}
@media only screen and (max-width:767px){
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_post:nth-child(even){
flex-direction: row-reverse;
}
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_post_content{
margin-bottom: 20px;
}
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_post .dipl_blog_timeline_stem_center{
margin-left: 0;
}
.dipl_blog_timeline .dipl_blog_timeline_alternate .dipl_blog_timeline_post:nth-child(even) .dipl_blog_timeline_post_content .dipl_blog_timeline_triangle{
display: block;
height: 20px;
width: 20px;
background: inherit;
border: inherit;
position: absolute;
left: -9px;
clip-path: polygon(0px 0px,20px 20px,0px 20px);
transform: rotate(45deg);
top: calc(50% - 10px);
}
.dipl_blog_timeline .dipl_blog_timeline_outer_container{display:none}
.dipl_blog_timeline .dipl_mobile_date{
display: block;
margin-bottom: 5px;
}
.dipl_blog_timeline .layout2.dipl_blog_timeline_alternate .dipl_blog_timeline_post .dipl_mobile_date.dipl_blog_timeline_meta_date{
text-align: left;
}
}