/* Uses 'default-detail/default-detail.less' */

.blog-detail__main {
    width: 65%;
    display: inline-block;

    @media (max-width:768px) {
        width: 100%;
    }

    .article-detail__content {
        >*:not(img) {
            @media (min-width:768px) {
                margin-left: 10px;
                margin-right: 10px;
            }

            @media (min-width:992px) {
                margin-left: 20px;
                margin-right: 20px;
            }

            @media (min-width:1200px) {
                margin-left: 30px;
                margin-right: 30px;
            }
        }

        figure {
            margin-bottom: 40px;

            a>img {
                margin-bottom: 0px;
            }

            img {
                margin: 0 !important;
            }

            figcaption {
                font-family: "Roboto", sans-serif;
                text-align: center;
                font-size: 15px;
                margin-bottom: 20px;
                font-style: italic;

                img {
                    margin-bottom: 5px !important;
                }
            }


            max-width: 100% !important;

        }
    }

    .article-detail__bio {
        @media (min-width:768px) {
            margin-left: 30px;
            margin-right: 30px;
        }

        @media (min-width:992px) {
            margin-left: 60px;
            margin-right: 60px;
        }

        @media (min-width:1200px) {
            margin-left: 90px;
            margin-right: 90px;
        }
    }
}

.blog-sidebar {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    padding-left: 10px;

    @media (max-width:768px) {
        display: none;
    }
}