/* =========================================================
   Jodian Dark - Twenty Fifteen overrides
   ========================================================= */


/* ----- MAIN PAGE ----- */

body {
    background: #080B10;
    color: #d8d8d8;
}

.site {
    background: #080B10;
}


/* ----- POSTS / PAGES ----- */

.hentry,
.page-header,
.page-content,
.comments-area {
    background: #202020;
    color: #d8d8d8;
}


/* ----- HEADINGS ----- */

.entry-title,
.entry-title a,
.page-title,
.widget-title {
    color: #f2f2f2;
}


/* ----- BODY TEXT ----- */

.entry-content,
.entry-summary,
.entry-footer,
.widget,
.site-info {
    color: #cfcfcf;
}


/* ----- LINKS ----- */

a {
    color: #e6ad2f;
}

a:hover,
a:focus {
    color: #ffc94d;
}


/* ----- SIDEBAR / HEADER AREA ----- */

.site-header,
.secondary {
    color: #d8d8d8;
}


/* ----- FOOTER ----- */

.site-footer {
    background: #181818;
    color: #999999;
}


/* ----- DIVIDERS / BORDERS ----- */

.hentry,
.page-header,
.page-content,
.comments-area,
.site-footer {
    border-color: #333333;
}

/* =========================================================
   SIDEBAR
   ========================================================= */

.sidebar,
.site-header,
.secondary,
.site-branding {
    background: #080B10;
    color: #cfcfcf;
}

.site-description {
    color: #999999;
}

.widget,
.widget p {
    color: #bfbfbf;
}

.main-navigation a {
    color: #e6ad2f;
}

.main-navigation a:hover,
.main-navigation a:focus,
.widget a:hover,
.widget a:focus {
    color: #ffc94d;
}

.widget-title {
    color: #f2f2f2;
}

.main-navigation {
    border-color: #333333;
}

.main-navigation li {
    border-color: #333333;
}


/* =========================================================
   BLOCKQUOTES
   ========================================================= */

blockquote,
blockquote p {
    color: #aaaaaa;
    border-color: #444444;
}

blockquote cite,
blockquote small {
    color: #888888;
}


/* =========================================================
   POST METADATA / FOOTER
   ========================================================= */

.entry-footer {
    background: #1b1b1b;
    color: #999999;
    border-top: 1px solid #2d2d2d;
}

.entry-footer a {
    color: #aaaaaa;
}

.entry-footer a:hover,
.entry-footer a:focus {
    color: #ffc94d;
}


/* =========================================================
   SIDEBAR VERTICAL SPACING
   ========================================================= */

@media screen and (min-width: 59.6875em) {

    /* Blog title / description area */
    .site-header {
        margin-top: 10%;
        margin-bottom: 8%;
    }

    /* Navigation - Home */
    .main-navigation {
        margin-bottom: 8%;
    }

    /* About and other sidebar widgets */
    .widget {
        margin-bottom: 8%;
    }
}