@import url("https://fonts.googleapis.com/css?family=Arvo");
@font-face {
  font-family: 'HelveticaNeue-Heavy';
  src: url("../../fonts/HelveticaNeue-Heavy.otf"); }

@font-face {
  font-family: 'HelveticaNeue-Roman';
  src: url("../../fonts/HelveticaNeue-Roman.otf"); }

@font-face {
  font-family: 'HelveticaNeue-Light';
  src: url("../../fonts/HelveticaNeue-Light.otf"); }

@font-face {
  font-family: 'HelveticaNeue-ExtBlack-Cond';
  src: url("../../fonts/HelveticaNeue-ExtBlack-Cond.otf"); }

@font-face {
  font-family: 'Gotham-Bold';
  src: url("../../fonts/Gotham-Bold.otf"); }

@font-face {
  font-family: 'Gotham-Book';
  src: url("../../fonts/Gotham-Book.otf"); }

@font-face {
  font-family: 'Gotham-Medium';
  src: url("../../fonts/Gotham-Medium.otf"); }

@font-face {
  font-family: 'Gotham-Light';
  src: url("../../fonts/Gotham-Light.otf"); }

/*@font-face {
    font-family: 'Arvo';
    src: url('../../fonts/arvo.woff2');
}*/
@font-face {
  font-family: 'Lora-Regular';
  src: url("../../fonts/Lora-Regular.ttf"); }

@font-face {
  font-family: 'Lora-Italic';
  src: url("../../fonts/Lora-Italic.ttf"); }

@font-face {
  font-family: 'Untitled-Sans-Bold';
  src: url("../../fonts/UntitledSans-Bold.otf"); }

@font-face {
  font-family: 'Untitled-Sans-Regular';
  src: url("../../fonts/UntitledSans-Regular.otf"); }

@font-face {
  font-family: 'Untitled-Sans-Italics';
  src: url("../../fonts/UntitledSans-RegularItalic.otf"); }

@font-face {
  font-family: 'Untitled-Sans-Bold-Italics';
  src: url("../../fonts/UntitledSans-BoldItalic.otf"); }

@font-face {
  font-family: 'Untitled-Sans-Black';
  src: url("../../fonts/UntitledSans-Black.otf"); }

@font-face {
  font-family: 'Untitled-Sans-Black-Italics';
  src: url("../../fonts/UntitledSans-BlackItalic.otf"); }

@font-face {
  font-family: 'Untitled-Sans-Light';
  src: url("../../fonts/UntitledSans-Light.otf"); }

@font-face {
  font-family: 'Untitled-Sans-Light-Italics';
  src: url("../../fonts/UntitledSans-LightItalic.otf"); }

@font-face {
  font-family: 'Untitled-Sans-Medium';
  src: url("../../fonts/UntitledSans-Medium.otf"); }

@font-face {
  font-family: 'Untitled-Sans-Medium-Italics';
  src: url("../../fonts/UntitledSans-MediumItalic.otf"); }

#media {
  text-align: left; }
  #media h4 {
    color: #414042;
    font-weight: 300;
    font-family: "Untitled-Sans-Regular", sans-serif;
    font-size: 18px; }

.media-title {
  padding: 30px 15px 0; }

.date {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5em;
  color: #466179;
  text-align: left;
  margin-top: 3rem; }

#media-list {
  width: 90%; }
  #media-list hr {
    margin: 20px 0 0;
    border-color: #a7a9ac;
    border-top: 1px solid #a7a9ac; }
  #media-list a {
    display: block;
    color: #466179;
    font-size: 18px;
    line-height: 1.5em; }
  #media-list a:hover {
    color: #e53641; }

.page-item.active .page-link {
  color: white !important;
  background-color: #c31f2f;
  border-color: #c31f2f; }

.pagination-container {
  margin-top: 3rem;
  padding: 0 15px;
  border: none; }
  .pagination-container a {
    margin: 0 5px 5px 0;
    background-color: #c4c3c2;
    color: #ffffff;
    font-family: "Open Sans",sans-serif; }

.page-link {
  border: none;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.page-item:last-child .page-link {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.transcript-header {
  color: #e53641;
  text-transform: uppercase;
  margin: 0 0 20px;
  font-size: 25px;
  line-height: 1.4em;
  font-weight: 300;
  font-family: "Untitled-Sans-Regular", sans-serif; }