/* Plain theme — Greenshines style
   Courier New 14px body, giant title, cream background */

html, body {
    margin: 0;
    padding: 0;
    background: #fdf6f0;  /* cream */
    color: #000000;
}

body {
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    line-height: auto;
}

.wrap {
    max-width: 960px;      /* full width, like greenshines.com */
    margin: 0;
    padding: 1em 1.5em 3em 1.5em;
}

/* Everything courier, same size, unless explicitly overridden below */
h1, h2, h3, h4, h5, h6,
p, ul, ol, li, blockquote,
figure, figcaption, pre, code,
article, header, footer, nav, main,
a, strong, em, small, span, div, time, label, input, button {
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    color: #000000;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p, ul, ol, blockquote, figure, pre {
    margin: 0 0 1em 0;
}

/* ---------- Site header ---------- */

.site-title {
    display: block;
    /* Auto-fits "ELNEWSLETTER.COM" (16 chars) on one line in most viewports.
       Adjust the 6.2vw value up/down if you want bigger/smaller. */
    font-size: 6.2vw;
    line-height: 0.9;
    font-weight: 900;
    letter-spacing: -0.04em;
    font-family: "Arial Black", "Helvetica", Arial, sans-serif;
    color: #000 !important;
    text-decoration: none !important;
    margin: 0 0 0.3em 0;
    white-space: nowrap;       /* never break the title */
    overflow: hidden;
}

.site-title,
.site-title:link,
.site-title:visited,
.site-title:hover,
.site-title:active {
    color: #000 !important;
    text-decoration: none !important;
}

.site-tagline {
    color: #ff0000;
    font-weight: bold;
    margin: 0 0 1em 0;
    text-transform: uppercase;
}

.site-description {
    margin: 0 0 1em 0;
}

/* ---------- Navigation ---------- */

.site-nav {
    margin: 0.5em 0 0.3em 0;
}
.site-nav a {
    color: #551a8b;        /* classic visited purple */
    text-decoration: underline;
    font-weight: bold;
    text-transform: uppercase;
}
.site-nav .sep { color: #000; text-decoration: none; margin: 0 0.4em; }

.site-meta {
    margin: 0 0 0.8em 0;
}
.site-meta a {
    color: #551a8b;
    text-decoration: underline;
}

hr {
    border: 0;
    border-top: 1px solid #000;
    margin: 0.6em 0;
}

/* ---------- Links everywhere ---------- */

a {
    color: #551a8b;
    text-decoration: underline;
}
a:hover { color: #0000ee; }

/* ---------- Strong ---------- */

strong, b {
    font-weight: bold;
    color: #000;
}

/* ---------- Search ---------- */

.site-search input[type="text"] {
    border: 1px solid #888;
    background: #fff;
    padding: 2px 4px;
    width: 200px;
}
.site-search button {
    border: 1px solid #888;
    background: #eee;
    padding: 2px 10px;
    cursor: pointer;
}

/* ---------- Post ---------- */

.post-date {
    font-weight: bold;
    margin-right: 0.5em;
}

.post-title {
    display: inline;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
}
.post-title a {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
    text-transform: uppercase;
}

.post-content {
    margin-top: 1em;
}

.post-content p { margin: 0 0 1em 0; }

/* Images never overflow */
img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1em 0;
}

/* Koenig editor image widths (required by Ghost) */
.kg-width-wide img,
figure.kg-width-wide {
    max-width: 100%;
    width: 120%;
    margin-left: -10%;
}
.kg-width-full img,
figure.kg-width-full {
    max-width: 100vw;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
.kg-image { max-width: 100%; height: auto; }
figure.kg-card { margin: 1em 0; }
figcaption { font-size: 14px; text-align: center; margin-top: 0.3em; }

/* Lists */
ul { list-style: disc; padding-left: 1.5em; margin: 0 0 1em 0; }
ol { list-style: decimal; padding-left: 1.5em; margin: 0 0 1em 0; }
li { margin: 0; }

/* Code */
pre, code {
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Post list on the homepage */
.post-list { list-style: none; padding: 0; margin: 0; }
.post-list li { margin: 0.4em 0; }

/* Footer */
.site-footer {
    margin-top: 2em;
    border-top: 1px solid #000;
    padding-top: 0.6em;
}