/* Simple CSS for your online magazine article page */

/* Custom font-face for TimesNow SemiBold Italic */
@font-face {
    font-family: 'TimesNow SemiBold Italic';
    src: url('/fonts/TimesNow-SemiBoldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TimesNow';
    src: url('/fonts/TimesNow-SemiBold.woff2') format('woff2');
    font-display: swap;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'TimesNow', Georgia, 'Times New Roman', serif;
    color: #d2f9e2;
    background-color: #02130a;
}

.article-container {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.article-title {
    font-family: "TimesNow SemiBold Italic", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2.75em;
    margin-bottom: 0.25em;
    font-weight: bold;
    color: #7deeb5;
}

.byline {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 0.9em;
    margin-bottom: 0.75em;
    color: #136995;
}

.issue-number {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 0.9em;
    margin-bottom: 1.5em;
    color: #136995;
}

/* Headings H1 through H6 */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;

    font-family: "TimesNow", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #7deeb5;
}

h1 {
    font-size: 2.5em;
    letter-spacing: .16px;
}

h2 {
    font-size: 2em;
}

h3 {
    font-size: 1.75em;
}

h4 {
    font-size: 1.5em;
}

h5 {
    font-size: 1.25em;
}

h6 {
    font-size: 1em;
}

/* Entry content styling */
.entry-content {
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.5;

    font-size: 17px;
    max-width: 472px;
}

.entry-content p {
    margin-bottom: 1em;
}

.entry-content img {
    max-width: 80%;
    height: 400px;
    margin: 1em 0;
}