/*
  TimelineJS - ver. 3.3.9 - 2015-10-26
  Copyright (c) 2012-2015 Northwestern University
  a project of the Northwestern University Knight Lab, originally created by Zach Wise
  https://github.com/NUKnightLab/TimelineJS3
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
@import url(https://);
.tl-timeline {
  font-family: 'PT Serif',serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3em;
}
.tl-timeline h1,
.tl-timeline h2,
.tl-timeline h3,
.tl-timeline h4,
.tl-timeline h5,
.tl-timeline h6 {
  font-family: 'PT Sans Narrow',sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 34px;
  line-height: 34px;
}
.tl-timeline h2.tl-headline-title {
  font-size: 58px;
  line-height: 58px;
}
.tl-timeline p {
  font-family: 'PT Serif',serif;
  font-size: 16px;
  line-height: 1.3em;
}
.tl-timeline ul {
  font-family: 'PT Serif',serif;
}
.tl-timeline .tl-media .tl-media-wikipedia h4 a,
.tl-timeline .tl-media h4,
.tl-timeline .tl-media h4 a {
  font-family: 'PT Serif',serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
}
.tl-timeline .tl-caption,
.tl-timeline .tl-credit {
  font-family: 'PT Serif',serif;
}
.tl-timeline .vcard {
  font-family: 'PT Sans Narrow',sans-serif !important;
  font-weight: normal !important;
}
.tl-timeline .tl-slidenav-next,
.tl-timeline .tl-slidenav-previous,
.tl-timeline .tl-message,
.tl-timeline .tl-timegroup-message {
  font-family: 'PT Sans Narrow',sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.tl-timeline .tl-slidenav-next .tl-slidenav-title,
.tl-timeline .tl-slidenav-previous .tl-slidenav-title,
.tl-timeline .tl-message .tl-slidenav-title,
.tl-timeline .tl-timegroup-message .tl-slidenav-title {
  line-height: 1.3em !important;
}
.tl-timeline .tl-headline-date,
.tl-timeline h3.tl-headline-date {
  font-family: 'PT Sans Narrow',sans-serif !important;
  font-weight: normal !important;
  color: #000 !important;
  text-shadow: 1px 1px 1px rbga(0,0,0,0.5)!important;
  text-transform: uppercase !important;
}
.tl-timeline .tl-headline-date small,
.tl-timeline h3.tl-headline-date small {
  font-weight: normal !important;
}
.tl-timeline .tl-timenav-slider {
  font-family: 'PT Sans Narrow',sans-serif;
  font-weight: 700;
}
.tl-timeline .tl-timenav-slider h2.tl-headline {
  font-family: 'PT Sans',sans-serif;
  font-weight: 700;
  text-transform: none;
}
.tl-timeline .tl-timenav-slider .tl-timeaxis {
  font-family: 'PT Sans Narrow',sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.tl-timeline .tl-menubar {
  font-family: 'PT Sans Narrow',sans-serif;
}
.tl-timeline blockquote,
.tl-timeline blockquote p {
  font-family: 'PT Serif',serif;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
}
input[type="text"].editor-headline {
  font-family: 'PT Sans Narrow',sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 46px;
  line-height: 46px;
}
.tl-timeline .tl-timenav-slider .tl-timeaxis {
  font-weight: normal;
}

/* add custom */
@media all and (min-width: 751px) {
  .tl-timeline h2 {
    font-weight: 100 !important;
    line-height: 1.3 !important;
  }
  .tl-text .tl-headline-date {
    font-size: 22px !important;
    margin: 0 0 5px !important;
  }
  .tl-timeline p {
    font-family: sans-serif !important;
    line-height: 1.4 !important;
    margin-top: 10px !important;
  }
  .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {
    font-size: 12px !important;
  }
}
@media all and (max-width: 750px) {
  .tl-timeline h2 {
    font-size: 150% !important;
    font-weight: 100 !important;
    line-height: 1.4 !important;
  }
  .tl-text .tl-headline-date {
    font-size: 12px !important;
    margin: 0 0 5px !important;
  }
  .tl-timeline p {
    font-family: sans-serif !important;
    line-height: 1.6 !important;
    margin-top: 10px !important;
    font-size: 12px !important;
  }
  .tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {
    font-size: 12px !important;
  }
}