img.under-construction {
    width: 100%;
}

.post-preview {
    margin-bottom: 80px;
}

.post-preview .post-image, .post .post-image {
    position: relative !important;
}

.post-preview .post-image img, .post .post-image img {
    width: 100%;
    height: auto;
}

.post-preview .post-image .title, .post .post-image .title {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 3%;
    left: 1px;
    min-height: 103px;
    color: white;
    font-size: 25px;
    padding: 35px;
    text-align: left;
}

.post-preview h2 a, .post-preview h2 a:visited {
    color: black;
}

.post-preview .short-description {
    font-size: 1.0em;
    margin-top: 14px;
}

.post-preview .author, .post .author {
    padding-left: 0px;
    font-weight: bold;
}

.post-preview .author img, .post .author img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 40px;
    margin-bottom: -58px;
    margin-left: -35px;
    position: relative;
    z-index: 1000;
}

.post-preview .tags, .post .tags {
    overflow: hidden;
}

.post-preview .created-at, .post .created-at {
    text-align: right;
    margin-right: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
    font-style: italic;
    color: #888;
    overflow: hidden;
}

.post {

}

.post img {
    max-width:100%;
}

.post h2 {
    color: black;
    font-size: 21px;
}

.post .content h1, .post .content h2, .post .content h3, .post .content h4, .post .content h5, .post .content h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.post .content p, .post .content div{
    text-align: justify;
    font-size: 16px;
    line-height: 24px;
}

.post .content.generated ul, .post .content.generated ol {
    margin: 30px 0px;
}

.post .content ul, .post .content ol {
    font-size: 16px;
    line-height: 24px;
}

.post .content pre {
    border: 0px;
    background: none;
}

.post .content > code, .post .content p > code {
}

.post .content code {
    background: #eee;
    border-radius: 4px;
    color: #333;
    padding: 4px 8px;
    white-space: pre !important;
    overflow: auto !important;
    max-height: 400px !important;
}

.post .content pre code.hljs {
    background: white;
}

.post .content pre, .post .content blockquote {
    background: #ffffff;
    border-left: 0px;
    border-top: solid #ec644b 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    /*border-top-right-radius: 10px;*/
    /*border-bottom-right-radius: 10px;*/
    padding: 26px;
}

.post .content blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 26px !important;
    font-size: 24px;
    font-style: italic;
}

.post .content.generated h1,
.post .content.generated h2,
.post .content.generated h3,
.post .content.generated h4,
.post .content.generated h5,
.post .content.generated h6 {
    margin-top: 50px;
    margin-bottom: 22px;
}

.post .content.generated h1 {
    font-size: 28px;
}

.post .content.generated h2 {
    font-size: 24px;
}

.post .content.generated h3,
.post .content.generated h4,
.post .content.generated h5,
.post .content.generated h6 {
    font-size: 20px;
}

.post .content.generated p + pre {
    margin-top: 32px;
}

.post .content.generated pre.bash {
    background-color: #000000;
    border: none;
}

.post .content.generated pre.bash code, .post .content.generated pre.bash code * {
    background: transparent;
    color: white;
}

.post .content.generated img {
    margin: 20px 0px;
}

.post .content.generated pre+p{
    margin-top: 32px;
}


.post .content.generated pre > code {
    background: #ffffff;
    padding: 0px;
}

.post .content table {
    width: 100%;
    margin: 30px 0px;
}

.post .content table th {
    padding: 10px 10px 10px 0px;
    border-top: solid #ec644b 1px;
    border-bottom: solid #ec644b 1px;
}
.post .content table tbody td {
    padding: 7px 10px 7px 0px;
}
.post .content table tbody tr:nth-child(even) td {
    background: #fff;
}
.post .content table tbody tr:nth-child(odd) td {
    background: #eee;
}

table.double-code td {
    background: transparent !important;
    max-width: 360px;
    width: 360px;
    vertical-align: top;
}
table.double-code td.right-code {
    padding: 7px 0px 7px 0px !important;
}

.post .related-posts > .col-xs-6:first-child {
    padding-left: 0px;
    padding-right: 5px;
}

.post .related-posts > .col-xs-6:last-child {
    padding-left: 5px;
    padding-right: 0px;
}

.post .related-post .post-image .title {
    padding: 10px;
    font-size: 12px;
    min-height: 40px;
}

.post .related-post .author img {
    border-radius: 0px;
    width: 40px;
    height: 40px;
    margin-left: 0px;
    border-bottom-right-radius: 20px;
    margin-top: 1px;
    position: absolute;
    z-index: 1000;
}


.author-info {
    border-top: solid #ec644b 4px;
    overflow: auto;
    background: white;
    padding: 10px 0px 20px;
}

.author-info img {
    width: 120px;
    max-width: 120px;
    height: 120px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    margin-left: 11px;
    margin-top: 21px;
}

.author-info .info {
    padding-top: 12px;
    padding-left: 40px;
}

.author-info .name {
    font-size: 24px;
}

.pagination {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .author-info img {
        margin-left: 41px;
    }
}

@media screen and (max-width: 768px) {
    .post .content p, .post .content div, .post .content ol, .post .content ul {
        font-size: 23px;
        line-height: 33px;
    }
}

.fancybox-container {
    z-index: 100000;
}

.fb-comments {
    margin-top: 50px;
    background-color: white;
    padding: 10px;
    border-top: solid orange 4px;
    width: 100%;
}
.fb-comments>span{
    width: 100% !important;
}

.sticky-sidebar {
    background: #fafafa;
}

@media only screen and (min-width: 1200px) and (min-device-width: 1200px) {
    .sticky-sidebar.sticky {
        position: fixed;
        top: 62px;
        width: 330px;
        z-index: 1000;
    }
}

@media only screen and (max-width: 1200px) and (max-device-width: 1200px) {

    .author-info {
        border-top-width: 8px;
    }
    .author-info img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border-radius: 100%;
    }
    .author-info .info .name {
        font-size: 3em;
    }
    .author-info .info a:not(.name) {
        font-size: 1.8em;
        display: block;
    }
    .author-info .info p {
        margin-top: 18px;
        margin-bottom: 42px;
    }

    .footer-container {
        text-align: center;
    }

    .footer-socials {
        float: none !important;
        margin: 20px auto;
    }

    @media screen and (orientation:portrait) {
        .post-preview h2 {
            font-size: 3.5em !important;
        }
        .post-preview .tags {
            font-size: 1.6em;
            white-space:nowrap;
        }
        .post-preview .author {
            font-size: 1.6em;
            white-space:nowrap;
        }
        .post-preview .created-at {
            font-size: 1.6em;
        }
        .post-preview .short-description {
            font-size: 2.5em;
        }
        .post-preview .post-image .title {
            font-size: 2.4em !important;
        }

        .post .tags {
            font-size: 1.6em;
            white-space:nowrap;
        }
        .post .author {
            font-size: 1.6em;
            white-space:nowrap;
        }
        .post .created-at {
            font-size: 1.6em;
        }
        .post .short-description {
            font-size: 2.0em;
        }
        .post > h2 {
            font-size: 3.5em !important;
        }
        .post .content h1, .post .content h2, .post .content h3, .post .content h4, .post .content h5, .post .content h6 {
            margin-top: 80px;
            margin-bottom: 30px;
        }
        .post .content > p {
            margin: 1.2em 0px;
        }
        .post .content > p, .post .content > ul, .post .content > ol {
            font-size: 2.5em;
            line-height: 1.25em;
        }
        .post .content > pre, .content > ul, .post .content > ol {
            font-size: 2.0em;
            margin: 2.0em 0px
        }
        .content > ol p, .content > ul p {
            font-size: 1.2em !important;
            line-height: 1.5em !important;
        }
        .post .content > p img {
            margin: 2.0em auto;
        }

        .post .content h1 {
            font-size: 3.5em !important;
        }
        .post .content h2 {
            font-size: 3.5em !important;
        }
        .post .content h3 {
            font-size: 3.0em !important;
        }
        .post .content h4 {
            font-size: 2.5em !important;
        }
        .post .content h5, .post .content h6 {
            font-size: 2.0em !important;
        }
        .post .content blockquote p {
            font-size: 1.8em;
            line-height: 1.4em;
        }

        .post .related-post .post-image .title {
            padding: 16px;
            font-size: 1.8em;
        }
        .post .related-post .author img {
            border-radius: 0px;
            width: 90px;
            height: 90px;
            border-bottom-right-radius: 45px;
        }

        .author-info .info p {
            font-size: 2.0em;
        }

        .footer-link {
            font-size: 2.5em;
        }

        ul.footer-socials img {
            width: 90px;
            margin-left: 8px;
        }
    }

    @media screen and (orientation:landscape) {
        .post-preview h2 {
            font-size: 2.6em;
        }
        .post-preview .tags {
            font-size: 1.2em;
            white-space:nowrap;
        }
        .post-preview .author, .post-preview .created-at {
            font-size: 1.2em;
            white-space:nowrap;
        }
        .post-preview .short-description {
            font-size: 1.3em;
        }

        .post .tags {
            font-size: 1.2em;
            white-space:nowrap;
        }
        .post .author, .post-preview .created-at {
            font-size: 1.2em;
            white-space:nowrap;
        }
        .post .short-description {
            font-size: 1.5em;
        }
        .post > h2 {
            font-size: 2.6em;
        }
        .post .content h1, .post .content h2, .post .content h3, .post .content h4, .post .content h5, .post .content h6 {
            margin-top: 60px;
            margin-bottom: 30px;
        }
        .post .content h1 {
            font-size: 2.6em;
        }
        .post .content h2 {
            font-size: 2.6em;
        }
        .post .content h3 {
            font-size: 2.2em;
        }
        .post .content h4 {
            font-size: 1.9em;
        }
        .post .content h5, .post .content h6 {
            font-size: 1.6em;
        }
        .post .content > p {
            margin: 1.2em 0px;
        }
        .post .content > p, .post .content > ul, .post .content > ol {
            font-size: 1.3em;
            line-height: 1.25em;
        }
        .post .content > pre, .content > ul, .post .content > ol {
            font-size: 1.3em;
            margin: 1.3em 0px
        }
        .content > ol p, .content > ul p {
            font-size: 1.2em !important;
            line-height: 1.5em !important;
        }
        .post .content > p img {
            margin: 2.0em auto;
        }

        .post .related-post .post-image .title {
            padding: 16px;
            font-size: 1.3em;
        }
        .post .related-post .author img {
            border-radius: 0px;
            width: 60px;
            height: 60px;
            border-bottom-right-radius: 30px;
        }

        .author-info .info p {
            font-size: 1.3em;
        }

        .footer-link {
            font-size: 1.5em;
        }

        ul.footer-socials img {
            width: 60px;
            margin-left: 8px;
        }
    }
}