| 1 |
.event_timeline{overflow-x:hidden;padding:22px 0 0;position:relative}.event_timeline:before{background-color:#000;content:"";height:2px;position:absolute;top:22px;width:100%}.event_timeline .track{align-items:flex-start;display:flex;flex-flow:nowrap;position:relative;transition:all 1s;white-space:nowrap;z-index:0}.event_timeline .event_item{display:inline-block;padding:2.5rem 1rem 1rem;position:relative;text-align:center;white-space:normal}.event_timeline .event_item.event_past{opacity:1}.event_timeline .event_item .anchor{background-color:#000;border-radius:50%;content:"";display:block;height:28px;left:calc(50% - 8px);position:absolute;top:-30px;width:28px}.event_timeline .event_item .anchor:before{background-color:inherit;content:"";display:block;height:2.3rem;left:50%;position:absolute;top:28px;width:1px}.event_timeline .event_item .event_date{font-weight:700}.event_timeline .event_item h5{line-height:1;margin:0;padding:0}.event_timeline .next,.event_timeline .previous{background-color:#000;border-radius:50%;content:"";cursor:pointer;display:block;height:40px;position:absolute;top:1.5px;width:40px;z-index:1}.event_timeline .next:after,.event_timeline .previous:after{border-bottom:3px solid #fff;border-left:3px solid #fff;content:"";font-size:0;height:10px;position:absolute;top:14.8333333333px;transition:left .3s;width:10px;z-index:3}.event_timeline .next{right:0}.event_timeline .next:after{left:11.5px;transform:rotate(-135deg)}.event_timeline .next:focus:after,.event_timeline .next:hover:after{left:14.5px}.event_timeline .previous{display:none;left:0}.event_timeline .previous:after{left:15px;transform:rotate(45deg)}.event_timeline .previous:focus:after,.event_timeline .previous:hover:after{left:12px} |
