/* -------------------------------------------------------------------------------------------------------------------------------------------------- Timeline */
/*-- GENERAL STYLES------------------------------*/
#timeline .timeline {line-height: 1.4em;list-style: none;margin: 0;padding: 0;width: 100%;}
#timeline .timeline h1, #timeline .timeline h2, #timeline .timeline h3, #timeline .timeline h4, #timeline .timeline h5, #timeline .timeline h6 {line-height: inherit;color: var(--hw--primary-color) !important;font-family: var(--hw-font-primary-bold);}
#timeline .timeline h2{font-size: var(--hw--font-size--medium) !important;line-height: var(--hw--font-height--medium) !important;}
#timeline .timeline h3,#timeline .timeline .timeline-title{font-size: var(--hw--font-size--xs) !important;margin-bottom: 0px!important;display: inline;margin-right: 10px;}
/*----- TIMELINE ITEM -----*/
#timeline .timeline-item {padding-left: 40px;position: relative;}
#timeline .timeline-item:last-child {padding-bottom: 0;}
/*----- TIMELINE INFO -----*/
#timeline .timeline-info {font-size: 12px;font-weight: 700;letter-spacing: 3px;margin: 0 0 0.5em 0;text-transform: uppercase;white-space: nowrap;}
/*----- TIMELINE MARKER -----*/
#timeline .timeline-marker {position: absolute;top: 0;bottom: 0;left: 0;width: 15px;}
#timeline .timeline-marker:before {background: var(--hw--primary-button-color);border: 3px solid transparent;border-radius: 100%;content: "";display: block;height: 15px;position: absolute;top: 4px;left: 0;width: 15px;transition: background 0.3s ease-in-out, border 0.3s ease-in-out;}
#timeline .timeline-marker:after {content: "";width: 3px;background: var(--hw--white-gray-one) !important;display: block;position: absolute;top: 24px;bottom: 0;left: 6px;}
#timeline .timeline-item:last-child .timeline-marker:after {content: none;}
#timeline .timeline-item:not(.period):hover .timeline-marker:before {background: transparent;border: 3px solid var(--hw--primary-button-color);}
/*----- TIMELINE CONTENT -----*/
#timeline .timeline-content {padding-bottom: 40px;}
#timeline .timeline-content p:last-child {margin-bottom: 0;}
/*----- TIMELINE PERIOD -----*/
#timeline .period {padding: 0;}
#timeline .period .timeline-info {display: none;}
#timeline .period .timeline-marker:before {background: transparent;content: "";width: 15px;height: auto;border: none;border-radius: 0;top: 0;bottom: 30px;position: absolute;border-top: 3px solid #CCD5DB;border-bottom: 3px solid #CCD5DB;}
#timeline .period .timeline-marker:after {content: "";height: 32px;top: auto;}
#timeline .period .timeline-content {padding: 40px 0 70px;}
#timeline .period .timeline-title {margin: 0;}
/*----------------------------------------------MOD: TIMELINE SPLIT----------------------------------------------*/
@media (min-width: 768px) {
  #timeline .timeline-split .timeline, #timeline .timeline-centered .timeline {display: table;}
  #timeline .timeline-split .timeline-item, #timeline .timeline-centered .timeline-item {display: table-row;padding: 0;}
  #timeline .timeline-split .timeline-info, #timeline .timeline-centered .timeline-info,#timeline .timeline-split .timeline-marker,#timeline .timeline-centered .timeline-marker,#timeline .timeline-split .timeline-content,#timeline .timeline-centered .timeline-content,#timeline .timeline-split .period .timeline-info {display: table-cell;vertical-align: top;}
  #timeline .timeline-split .timeline-marker, #timeline .timeline-centered .timeline-marker {position: relative;}
  #timeline .timeline-split .timeline-content, #timeline .timeline-centered .timeline-content {padding-left: 30px;}
  #timeline .timeline-split .timeline-info, #timeline .timeline-centered .timeline-info {padding-right: 30px;}
  #timeline .timeline-split .period .timeline-title, #timeline .timeline-centered .period .timeline-title {position: relative;left: -45px;}
}
/*----------------------------------------------MOD: TIMELINE CENTERED----------------------------------------------*/
@media (min-width: 992px) {
  #timeline .timeline-centered,#timeline .timeline-centered .timeline-item,#timeline .timeline-centered .timeline-info,#timeline .timeline-centered .timeline-marker,#timeline .timeline-centered .timeline-content {display: block;margin: 0;padding: 0;}
  #timeline .timeline-centered .timeline-item {padding-bottom: 40px;overflow: hidden;}
  #timeline .timeline-centered .timeline-marker {position: absolute;left: 50%;margin-left: -7.5px;}
  #timeline .timeline-centered .timeline-info,#timeline .timeline-centered .timeline-content {width: 50%;}
  #timeline .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {float: left;text-align: right;padding-right: 30px;}
  #timeline .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {float: right;text-align: left;padding-left: 30px;}
  #timeline .timeline-centered > .timeline-item:nth-child(even) .timeline-info {float: right;text-align: left;padding-left: 30px;}
  #timeline .timeline-centered > .timeline-item:nth-child(even) .timeline-content {float: left;text-align: right;padding-right: 30px;}
  #timeline .timeline-centered > .timeline-item.period .timeline-content {float: none;padding: 0;width: 100%;text-align: center;}
  #timeline .timeline-centered .timeline-item.period {padding: 50px 0 90px;}
  #timeline .timeline-centered .period .timeline-marker:after {height: 30px;bottom: 0;top: auto;}
  #timeline .timeline-centered .period .timeline-title {left: auto;}
}
/*---------------------------------------------- MOD: MARKER OUTLINE----------------------------------------------*/
#timeline .marker-outline .timeline-marker:before {background: transparent;border-color: #FF6B6B;}
#timeline .marker-outline .timeline-item:hover .timeline-marker:before {background: #FF6B6B;}
/*----------------------------------------------icon types----------------------------------------------*/
#timeline .timeline-label {border-radius: 5px;-moz-border-radius: 5px;padding: 0px 10px !important;margin: 0px !important;display: inline-block;font-size: 12px !important;color:#fff;position: relative;top: -2px;}
#timeline .timeline-label.timeline-label-Bugfix{background: #f0506e;}
#timeline .timeline-label.timeline-label-Info {background: #faa05a;}
#timeline .timeline-label.timeline-label-Feature {background: #32d296;}