/* Oui Widgets - timeline: a line down the middle, a dated panel for each step, alternating sides (one column on phones). */
.ouiw-tl{position:relative;list-style:none;--tl-bar:#0095eb;--tl-panel:#fff}
.ouiw-tl::before{background-color:var(--tl-bar);bottom:0;content:" ";left:50%;position:absolute;top:8px;width:2px}
.ouiw-tl__movement{position:relative;display:flex;flex-wrap:wrap;margin:0 -15px;padding:0 0 30px}
.ouiw-tl__movement:last-child{padding-bottom:0;bottom:-15px}
.ouiw-tl__item{box-sizing:border-box;width:50%;padding:0 15px;position:relative}
.ouiw-tl__item--small{display:none}
.ouiw-tl__badge{height:90px;position:absolute;left:50%;z-index:5}
.ouiw-tl__movement.even .ouiw-tl__badge{height:76px}
.ouiw-tl__badge::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:3px solid var(--tl-bar);height:20px;width:20px;border-radius:100%;box-sizing:content-box}
.ouiw-tl__badge::after{background:var(--tl-bar);content:"";height:2px;left:10px;position:absolute;top:37px;width:20px}
.ouiw-tl__movement.odd .ouiw-tl__badge::after{left:auto;right:10px;top:45px}
.ouiw-tl__date{font-size:var(--tl-date-size,16px);line-height:90px;margin:0 0 0 30px;color:var(--tl-date,inherit)}
.ouiw-tl__movement.even .ouiw-tl__date{line-height:76px}
.ouiw-tl__movement.odd .ouiw-tl__date{margin:0 30px 0 0;text-align:right}
.ouiw-tl__panel{text-align:initial;padding:20px;border:solid 1px #dfdfdf;border-radius:5px;position:relative;width:345px;margin-left:15px;background-color:var(--tl-panel)}
.ouiw-tl__panel::before{content:"";position:absolute;top:32px;left:1px;width:0;height:0;border-width:8px;border-style:solid;border-color:var(--tl-panel) var(--tl-panel) transparent transparent;transform:rotate(-135deg) translateY(-50%);box-sizing:border-box;box-shadow:3px -3px 1px -2px rgba(0,0,0,.2)}
.ouiw-tl__panel--left{text-align:right;margin-right:15px;float:right;padding:13px 20px}
.ouiw-tl__panel--left::before{left:inherit;right:1px;transform:rotate(45deg) translateY(-50%)}
.ouiw-tl__title{font-size:18px;margin:0 0 10px;position:relative;color:var(--tl-title,inherit);font-family:var(--tl-title-family,inherit);font-weight:var(--tl-title-weight,inherit)}
.ouiw-tl__details{font-size:14px;margin:0;color:var(--tl-content,inherit)}
.ouiw-tl__image{display:flex;justify-content:flex-start;margin:4px}
.ouiw-tl__panel--left .ouiw-tl__image{justify-content:flex-end}
.ouiw-tl__image img{max-width:100%;height:auto;border-radius:4px}
@media (max-width:767px){
  .ouiw-tl{padding:0 0 10px 40px}
  .ouiw-tl::before{left:10px}
  .ouiw-tl__item--small{display:block}
  .ouiw-tl__item--wide{display:none}
  .ouiw-tl__item{width:100%}
  .ouiw-tl__badge{width:30px;left:-29px;top:48px;height:76px}
  .ouiw-tl__badge::after,.ouiw-tl__movement.odd .ouiw-tl__badge::after{left:23px;right:auto;width:6px;top:37px}
  .ouiw-tl__badge::before{border-width:2px;height:16px;width:16px}
  .ouiw-tl__panel,.ouiw-tl__panel--left{text-align:left;margin-right:0;float:left;width:100%;margin-left:0;padding:15px}
  .ouiw-tl__panel--left::before{left:0;right:auto;transform:rotate(-135deg) translateY(-50%)}
  .ouiw-tl__date,.ouiw-tl__movement.odd .ouiw-tl__date,.ouiw-tl__movement.even .ouiw-tl__date{margin:0;text-align:left!important;line-height:40px}
  .ouiw-tl__movement:last-child{bottom:0}
}