/*
 * CSS copied over from the test page.
 */


body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ededed;
}

.tl-timeline {
  font-family: Arial, Helvetica, sans-serif;
}

.nav_years {
  text-align: center;
  margin: 50px 0 25px;
}

.nav_years a {
  cursor: pointer;
  color: #bababa;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none;
  margin: 5px;
  padding: 3px 7px;
}

.nav_years a:hover,
.nav_years a.selected {
  background-color: #92afd1;
  color: #fff;
  text-decoration: none;
}

.tl-timenav {
  background-color: #f7f7f7;
}

.tl-slide-content > div {
  background-color: #92afd1;
  padding: 25px !important;
  max-width: 1100px !important;
}

.tl-slide-content-container h2,
.tl-slide-content-container h3,
.tl-slide-content-container .tl-text-content * {
  color: #fff !important;
}

.tl-timemarker.tl-timemarker-active .tl-timemarker-line-left::after {
  background-color: #92afd1 !important;
  height: 10px;
  width: 10px;
  left: -5px;
}

.tl-slidenav-icon {
  color: #92afd1 !important;
}

.tl-timeaxis-background,
.tl-timeline,
.tl-storyslider .tl-slider-background {
  background-color: #ededed !important;
}



.tl-slide .tl-slide-content-container {
  vertical-align: top  !important;
}

.tl-slidenav-previous,
.tl-slidenav-next {
  top: 10% !important;
}

.tl-slidenav-next {
  right: 200px !important;
}
.tl-slidenav-previous .tl-slidenav-content-container, .tl-slidenav-next .tl-slidenav-content-container {
  width: 200px !important;
}
.tl-slidenav-previous .tl-slidenav-title, .tl-slidenav-next .tl-slidenav-title {
  font-size: 14px !important;
}

.tl-slide-content {
  padding-left:  200px;
  padding-right: 200px;
}

.tl-slide-content .tl-headline {
  font-size: 32px !important;
}