html {
    height: 100%;
}

body {
    height: 100%;
    display: flex;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}

.navbar-brand img {
    max-height: 80px;
}

h1, h2, h3, h4, h5 {
    font-family: "Lora", serif;
    font-weight: 700;
}

.header-nav {
    padding-left: 20px;
    padding-top: 40px;
}

.card-date {
    text-transform: uppercase;
    font-size: smaller;
}

figcaption {
    padding: 0 0 3px 7px;
    font-size: smaller;
}

/* open-sans-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url("/static/fonts/OpenSans/open-sans-v34-latin-300.4a6e5d154d02.eot"); /* IE9 Compat Modes */
    src: url("/static/fonts/OpenSans/open-sans-v34-latin-300.4a6e5d154d02.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
         url("/static/fonts/OpenSans/open-sans-v34-latin-300.62d24b94de2f.woff2") format('woff2'), /* Super Modern Browsers */
         url("/static/fonts/OpenSans/open-sans-v34-latin-300.6b8abe90adc9.woff") format('woff'), /* Modern Browsers */
         url("/static/fonts/OpenSans/open-sans-v34-latin-300.f40faaa8e065.ttf") format('truetype'), /* Safari, Android, iOS */
         url("/static/fonts/OpenSans/open-sans-v34-latin-300.78c279629803.svg#OpenSans") format('svg'); /* Legacy iOS */
  }
  /* open-sans-300italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url("/static/fonts/OpenSans/open-sans-v34-latin-300italic.e45737f94ab3.eot"); /* IE9 Compat Modes */
    src: url("/static/fonts/OpenSans/open-sans-v34-latin-300italic.e45737f94ab3.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
         url("/static/fonts/OpenSans/open-sans-v34-latin-300italic.3e0274defdd8.woff2") format('woff2'), /* Super Modern Browsers */
         url("/static/fonts/OpenSans/open-sans-v34-latin-300italic.4df2de1884a2.woff") format('woff'), /* Modern Browsers */
         url("/static/fonts/OpenSans/open-sans-v34-latin-300italic.d3efd631d0c7.ttf") format('truetype'), /* Safari, Android, iOS */
         url("/static/fonts/OpenSans/open-sans-v34-latin-300italic.9f528adc04e1.svg#OpenSans") format('svg'); /* Legacy iOS */
  }
  /* open-sans-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url("/static/fonts/OpenSans/open-sans-v34-latin-regular.ec2df5445d6d.eot"); /* IE9 Compat Modes */
    src: url("/static/fonts/OpenSans/open-sans-v34-latin-regular.ec2df5445d6d.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
         url("/static/fonts/OpenSans/open-sans-v34-latin-regular.e43b535855a4.woff2") format('woff2'), /* Super Modern Browsers */
         url("/static/fonts/OpenSans/open-sans-v34-latin-regular.600270a4cedf.woff") format('woff'), /* Modern Browsers */
         url("/static/fonts/OpenSans/open-sans-v34-latin-regular.4e6feb3d0ab3.ttf") format('truetype'), /* Safari, Android, iOS */
         url("/static/fonts/OpenSans/open-sans-v34-latin-regular.ef2d64835bd5.svg#OpenSans") format('svg'); /* Legacy iOS */
  }
  /* open-sans-italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url("/static/fonts/OpenSans/open-sans-v34-latin-italic.5337f0ca7fc3.eot"); /* IE9 Compat Modes */
    src: url("/static/fonts/OpenSans/open-sans-v34-latin-italic.5337f0ca7fc3.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
         url("/static/fonts/OpenSans/open-sans-v34-latin-italic.3d5107abaf7b.woff2") format('woff2'), /* Super Modern Browsers */
         url("/static/fonts/OpenSans/open-sans-v34-latin-italic.f1e23d3623fc.woff") format('woff'), /* Modern Browsers */
         url("/static/fonts/OpenSans/open-sans-v34-latin-italic.2f30eb04b85d.ttf") format('truetype'), /* Safari, Android, iOS */
         url("/static/fonts/OpenSans/open-sans-v34-latin-italic.85120c1616ba.svg#OpenSans") format('svg'); /* Legacy iOS */
  }
  /* open-sans-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url("/static/fonts/OpenSans/open-sans-v34-latin-700.8f015edd62fe.eot"); /* IE9 Compat Modes */
    src: url("/static/fonts/OpenSans/open-sans-v34-latin-700.8f015edd62fe.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
         url("/static/fonts/OpenSans/open-sans-v34-latin-700.e45478d4d6f1.woff2") format('woff2'), /* Super Modern Browsers */
         url("/static/fonts/OpenSans/open-sans-v34-latin-700.dce81ef083f1.woff") format('woff'), /* Modern Browsers */
         url("/static/fonts/OpenSans/open-sans-v34-latin-700.b1633c6b0788.ttf") format('truetype'), /* Safari, Android, iOS */
         url("/static/fonts/OpenSans/open-sans-v34-latin-700.983dfda94eb1.svg#OpenSans") format('svg'); /* Legacy iOS */
  }


/* lora-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lora';
    font-style: normal;
    font-weight: 400;
    src: url("/static/fonts/Lora/lora-v32-latin-regular.e90973e3b94f.eot"); /* IE9 Compat Modes */
    src: url("/static/fonts/Lora/lora-v32-latin-regular.e90973e3b94f.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
         url("/static/fonts/Lora/lora-v32-latin-regular.03724bc4fe96.woff2") format('woff2'), /* Super Modern Browsers */
         url("/static/fonts/Lora/lora-v32-latin-regular.d23ef47d734e.woff") format('woff'), /* Modern Browsers */
         url("/static/fonts/Lora/lora-v32-latin-regular.cda6379bf499.ttf") format('truetype'), /* Safari, Android, iOS */
         url("/static/fonts/Lora/lora-v32-latin-regular.834759e5e50b.svg#Lora") format('svg'); /* Legacy iOS */
  }
  /* lora-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lora';
    font-style: normal;
    font-weight: 600;
    src: url("/static/fonts/Lora/lora-v32-latin-600.d15af6193c5d.eot"); /* IE9 Compat Modes */
    src: url("/static/fonts/Lora/lora-v32-latin-600.d15af6193c5d.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
         url("/static/fonts/Lora/lora-v32-latin-600.66bf2a21d22f.woff2") format('woff2'), /* Super Modern Browsers */
         url("/static/fonts/Lora/lora-v32-latin-600.d47b6285e0a4.woff") format('woff'), /* Modern Browsers */
         url("/static/fonts/Lora/lora-v32-latin-600.fae8b36ef586.ttf") format('truetype'), /* Safari, Android, iOS */
         url("/static/fonts/Lora/lora-v32-latin-600.52c6b439cd9b.svg#Lora") format('svg'); /* Legacy iOS */
  }
  /* lora-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Lora';
    font-style: normal;
    font-weight: 700;
    src: url("/static/fonts/Lora/lora-v32-latin-700.60eea9ec3b8b.eot"); /* IE9 Compat Modes */
    src: url("/static/fonts/Lora/lora-v32-latin-700.60eea9ec3b8b.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
         url("/static/fonts/Lora/lora-v32-latin-700.1af9e198e14c.woff2") format('woff2'), /* Super Modern Browsers */
         url("/static/fonts/Lora/lora-v32-latin-700.b64c9538579d.woff") format('woff'), /* Modern Browsers */
         url("/static/fonts/Lora/lora-v32-latin-700.d35a9e44c3ba.ttf") format('truetype'), /* Safari, Android, iOS */
         url("/static/fonts/Lora/lora-v32-latin-700.71616336b0f4.svg#Lora") format('svg'); /* Legacy iOS */
  }


.page-title-container {
    border-top: 5px solid #0085cb;
    padding: 16px 0 16px 0;
    margin: 5px 0 25px 0;
}

.page-title-container h1 {
    margin: 5px 0 5px 0;
    padding: 5px;
    color: black;
    border-bottom: 1px dotted black;
    display: inline;
}




.article-hide {
    display: none;
}

.article-detail {
    display: inline-block;
}

.article-item {
    cursor: pointer;
}

.article-item:hover div a img {
    border-color: #eafeaf;
}

.col-article {
    border: 3px solid black;
}

.article-img-wrapper {
    position: relative;
    width: 100%;
    height: 450px;
    cursor: pointer;
}

.article-img {
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.article-title {
    width: 100%;
    z-index: 100;
    color: black;
    background: rgba(255,255,255,0.87);
    position: absolute;
    bottom: 0;
    padding: 12px;
}

.top-badge {
    position: absolute;
    top: 0;
    margin: 10px 10px 10px 10px;
}

.article-title h2 {
    font-size: calc(1.725rem + .9vw);
}

.article-description {
  color: black;
  background: rgba(255,255,255,.88);
  padding: 8px 13px 13px 13px;
  margin: 0px;
  cursor: pointer;
}

.read-more {
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
    font-size: smaller;
    margin-left: 10px;
}

.article-description .badge, .top-badge .badge {
    font-size: .85rem;
    padding: 8px;
}

.article-description .lead {
    font-size: 1.4rem;
    padding-top: 6px;
}