/*
*= require bootstrap
*= require glyphicons-halflings-regular
*= require rainbow-github
*= require_self
*= encoding UTF-8
*/

article > .well {
    font-size: 16px;
}

label {
    font-weight: normal;
}

blockquote {
    font-size: 14px;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

dl dd {
    padding-left: 1em;
    padding-bottom: .5ex;
}

#navigation {
    border-radius: 0;
}

#subnav {
    border-radius: 0;
    padding: 0;
    margin-top: -20px;
}

.blog-title {
    margin-top: 0;
}

ul.entry-list {
    list-style-type: none
}

ul.entry-list li {
    padding: 2px
}

pre.code {
    background-color: white;
}

footer {
    margin-top: 45px;
    padding: 35px 0 36px;
    border-top: 1px solid #e5e5e5;
}

footer {
    color: #999;
}

footer a {
    color: #999;
}

.social-button {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-decoration: none !important;
}

.edit-link {
    font-size: 14px;
    margin-left: 1ex;
}

#rss {
    background: url(/asset?u=https%3A%2F%2Fwww.cholick.com%2Fimages%2Frss_sprite.png) 0 0 no-repeat;
}

#mastadon {
    background: url(/asset?u=https%3A%2F%2Fwww.cholick.com%2Fimages%2Fmastadon_sprite.png) 0 0 no-repeat;
}

#github {
    background: url(/asset?u=https%3A%2F%2Fwww.cholick.com%2Fimages%2Fgithub_sprite.png) 0 0 no-repeat;
}

#linkedin {
    background: url(/asset?u=https%3A%2F%2Fwww.cholick.com%2Fimages%2Flinkedin_sprite.png) 0 0 no-repeat;
}

#tumblr {
    background: url(/asset?u=https%3A%2F%2Fwww.cholick.com%2Fimages%2Ftumblr_sprite.png) 0 0 no-repeat;
}

#rss:hover, #mastadon:hover, #github:hover, #linkedin:hover, #tumblr:hover {
    background-position: 100% 0
}

@media (max-width: 767px) {
    .nav-pills > li > a {
        padding: 10px 14px;
        font-size: 16px;
    }

    ul.entry-list li {
        padding: 6px 0;
    }

    /* Homepage image looked sloppy on mobile, it was just slightly narrower than text */
    img.img-responsive {
        width: 100%;
    }

    /* Specific fix for an old entry with an embedded video */
    .well iframe {
        max-width: 100%;
        height: auto;
        min-height: 200px;
    }

    /* Images were overflowing content box on mobile */
    .well img {
        max-width: 100%;
        height: auto;
    }

    /* Horizontal scrolling not great, but better than super short line length & wraps */
    .well pre,
    .well pre code {
        white-space: pre;
        word-wrap: normal;
        word-break: normal;
        overflow-wrap: normal;
        overflow-x: auto;
    }
}