/**
 * Tag page header
 * ----------------------------------------------------------------------------
 */

.rss-tag-button img {
    width: 24px;
}

/**
 * Site Header
 * ----------------------------------------------------------------------------
 */

/* If I ever create a graphic that's one or few colors, or add a single picture with mostly a solid background,
   then I'll show these again. Right now, they just get lost in the photos. */
.site-title, .site-description {
    visibility: hidden;
}

.site-header {
	background-position: center;
}

.site-title a {
    color: #fff;
    text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 15px #000;
}

.site-description {
    color: #000;
    font-weight: bold;
    font-size: larger;
    text-shadow: 0px 0px 5px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
}

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

.nav-links a {
    padding: 6px 4px;
}

.nav-menu > li:not(:first-child) {
    text-transform: none;
    font-variant: small-caps;
}
    
/**
 * Content
 * ----------------------------------------------------------------------------
 */

.site-content blockquote {
    color: #364459;
    border-left: 2px solid #000;
    border-color: inherit;
    font-size: inherit;
    padding-left: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 30px;
    font-style: italic;
    font-family: inherit;
}

.affiliate_link_notice {
    font-size: smaller;
    font-style: italic;
}

#mc_embed_signup {
    padding-top: 15px;
}

#mc-embedded-subscribe {
    width: 150px;
    display: block;
}

pre[class*="language-"] {
    margin-bottom: 25px;
}

.kg-image-card {
    text-align: center;
    margin-bottom: 24px;
}

figcaption {
    font-size: smaller;
}

.site-content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

:not(pre) > code {
    color: forestgreen;
}
pre:not([class]) {
    color: black;
    border: 1px solid lightgray;
}

/**
 * Sidebar
 * ----------------------------------------------------------------------------
 */

.sidebar {
    opacity: 0.4;
    transition: all 200ms linear;
}
.sidebar:hover {
    opacity: 1.0;
}

/**
 * Footer
 * ----------------------------------------------------------------------------
 */

div#instafeed > div {
    padding: 1px;
}