/*
 * Design fixes on top of the original theme (loaded after all theme CSS).
 * The theme files themselves are unchanged copies of the old site's.
 */

/* Font flash: font.css declares FiraGO with font-display: swap, so text was drawn in a
   fallback font first and then switched. The fonts are now preloaded (layout <head>) and
   declared again here with font-display: block - the last declaration wins - so the text
   waits for FiraGO instead of showing another font first. */
@font-face {
    font-family: 'FiraGO-medium';
    src: url('../fonts/fonts/FiraGO-Medium.woff2') format('woff2'),
    url('../fonts/fonts/FiraGO-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}

/* The article title is now the page's <h1> (the old page had none - bad for SEO).
   Same look as the old <h2>: .entry-title h2 + .new-details .entry-title h2 */
.new-details .entry-title h1.article-title {
    margin: 0;
    letter-spacing: 1px;
    font-family: 'FiraGO-medium';
    font-weight: 100;
    font-size: 25px;
    line-height: 34px;
    text-align: left;
    color: #000;
}

/* Slider: the category label was red text directly on the photo - unreadable on dark
   or red photos. White text like the date next to it; the red bar stays. */
.fslider .entry-categories a {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}

.fslider .entry-categories a:hover {
    color: #fff;
    text-decoration: underline;
}

/* 404 page text in the site font */
.not-found-page p {
    font-family: 'FiraGO-medium', sans-serif;
}
