/*
 * TIME'S FLOW STEMMED
 * Twenty Twelve theme
 * Consolidated literary journal styling
 */


/* 1. SITE HEADER */

.site-header .site-title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 44px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}

.site-header .site-description {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    line-height: 1.4;
    color: #777;
    margin-top: 8px;
}

.site-header {
    padding-bottom: 20px;
}


/* 2. COLOUR PALETTE */

body {
    background-color: #32461D;
}

#page {
    background-color: #F8F6F0;
}

.site-content .entry-title a,
.site-header .site-title a {
    color: #49656A;
}

.site-content .entry-title a:hover,
.site-header .site-title a:hover {
    color: #263F44;
}


/* 3. ESSAY TYPOGRAPHY */

.site-content .entry-content {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.65;
    color: #292929;
    -webkit-hyphens: none;
    hyphens: none;
    overflow-wrap: break-word;
}

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


/* 4. ESSAY TITLES */

.site-content .entry-header .entry-title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: 0;
}

.blog .entry-header {
    margin-bottom: 18px;
}


/* 5. QUOTATIONS */

.site-content .entry-content blockquote {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.65;
    font-style: normal;
    color: #444;
    border-left: 1px solid #c9c0aa;
    margin: 25px 0 25px 8px;
    padding: 2px 0 2px 18px;
    -webkit-hyphens: none;
    hyphens: none;
}

.site-content .entry-content blockquote p {
    margin-bottom: 0.8em;
}

.site-content .entry-content blockquote p:last-child {
    margin-bottom: 0;
}


/* 6. COMMENTS BENEATH TITLES */

.blog .entry-header .comments-link {
    font-size: 12px;
    font-weight: normal;
    margin-top: 8px;
    margin-bottom: 18px;
}

.blog .entry-header .comments-link a {
    color: #777;
    text-decoration: none;
}

.blog .entry-header .comments-link a:hover,
.blog .entry-header .comments-link a:focus {
    color: #333;
    text-decoration: underline;
}


/* 7. PUBLICATION INFORMATION */

.blog footer.entry-meta {
    font-size: 0;
    margin-top: 24px;
}

.blog footer.entry-meta::before {
    content: "By Anthony \00B7  ";
    font-size: 12px;
    font-weight: normal;
    color: #777;
}

.blog footer.entry-meta .entry-date {
    font-size: 12px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    color: #777;
}

.blog footer.entry-meta .edit-link {
    display: none;
}


/* 8. SEPARATION BETWEEN POSTS */

.blog .site-content article {
    border-bottom: 1px solid #d5d0c7;
    padding-bottom: 28px;
    margin-bottom: 44px;
}

.blog .site-content article:last-of-type {
    border-bottom: none;
}


/* 9. SIDEBAR */

.widget-area .widget-title {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #444;
    margin-bottom: 15px;
}

.widget-area .widget {
    margin-bottom: 28px;
}

.widget-area ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.widget-area li {
    line-height: 1.5;
    margin-bottom: 3px;
}

.widget-area a {
    color: #444;
    text-decoration: none;
}

.widget-area a:hover,
.widget-area a:focus {
    color: #111;
    text-decoration: underline;
}


/* 10. MOBILE TYPOGRAPHY */

@media screen and (max-width: 600px) {

    .site-header .site-title {
        font-size: 32px;
    }

    .site-content .entry-content {
        font-size: 17px;
        line-height: 1.6;
    }

    .site-content .entry-header .entry-title {
        font-size: 24px;
    }

    .site-content .entry-content blockquote {
        font-size: 16px;
        margin-left: 0;
        padding-left: 14px;
    }

    .blog .site-content article {
        margin-bottom: 34px;
        padding-bottom: 24px;
    }
}