/*user preview*/
.bksb-post-thumbnail-view {
    border: 1px solid #e1e1e1;
    padding: 2px;
    height: 100px;
    background-color: #ffffff;
    color: #23261f;
}


    .bksb-post-thumbnail-view .thumbnail-img {
        width: 30%;
        max-width: 180px;
        display: inline-block;
        vertical-align: top;
        height: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        border-right: 1px solid #e1e1e1;
    }

        .bksb-post-thumbnail-view .thumbnail-img > img {
            max-width: 90%;
            max-height: 90%;
            display: inline-block;
            vertical-align: middle;
        }

        .bksb-post-thumbnail-view .thumbnail-img > .img-helper {
            height: 100%;
            display: inline-block;
            vertical-align: middle;
        }

    .bksb-post-thumbnail-view .post-contents {
        max-width: 68%;
        display: inline-block;
        vertical-align: top;
        height: 100%;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }

        .bksb-post-thumbnail-view .post-contents .post-title {
            font-size: 1.2em;
            font-weight: 500;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: 0px;
            padding-top: 5px;
            line-height: 130%;
        }

            .bksb-post-thumbnail-view .post-contents .post-title > a {
                color: inherit;
            }

        .bksb-post-thumbnail-view .post-contents .post-summary {
            max-height: 38%;
            margin-top: 2px;
            margin-bottom: 2px;
            padding-top: 5px;
            padding-bottom: 5px;
            line-height: 120%;
            overflow: hidden;
        }

        .bksb-post-thumbnail-view .post-contents .post-information {
            font-size: 0.9em;
            color: #a1a1a1;
            text-transform: uppercase;
        }

            .bksb-post-thumbnail-view .post-contents .post-information .view-link > a {
                color: inherit;
            }

    .bksb-post-thumbnail-view:hover {
        cursor: pointer;
    }

        .bksb-post-thumbnail-view:hover .post-contents .post-title {
            color: #007ea4;
        }

@media(max-width:768px) {
    .bksb-post-thumbnail-view .post-contents .post-information .author {
        display: none;
    }
}



/*post summary view*/
.bksb-post-summary-view-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

    .bksb-post-summary-view-wrapper .bksb-post-summary-view {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .bksb-post-summary-view-wrapper .bksb-post-summary-view:last-child > hr {
            display: none;
        }

        .bksb-post-summary-view-wrapper .bksb-post-summary-view .post-title {
            font-size: 22px;
            font-stretch: normal;
            font-style: normal;
            font-variant: normal;
            font-weight: 300;
            line-height: 33.6px;
            margin: 0px;
            padding-top: 5px;
            padding-bottom: 10px;
        }

        .bksb-post-summary-view-wrapper .bksb-post-summary-view .post-information {
            font-size: 0.9em;
            color: #a1a1a1;
            text-transform: uppercase;
            margin: 0px;
            padding-bottom: 10px;
        }

        .bksb-post-summary-view-wrapper .bksb-post-summary-view .post-contents > .post-summary {
            width: 70%;
            display: inline-block;
            vertical-align: top;
        }

        .bksb-post-summary-view-wrapper .bksb-post-summary-view .post-contents > .post-thumbnail-img {
            width: 29%;
            display: inline-block;
            vertical-align: top;
            text-align: center;
        }

            .bksb-post-summary-view-wrapper .bksb-post-summary-view .post-contents > .post-thumbnail-img > img {
                display: inline-block;
                vertical-align: middle;
                max-width: 150px;
                max-height: 150px;
            }

        .bksb-post-summary-view-wrapper .bksb-post-summary-view .read-more {
            margin: 0px;
            padding-top: 10px;
        }

@media(max-width:768px) {
    .bksb-post-summary-view-wrapper .bksb-post-summary-view .post-contents > .post-summary {
        width: 100%;
    }

    .bksb-post-summary-view-wrapper .bksb-post-summary-view .post-contents > .post-thumbnail-img {
        display: none;
    }
}

/*full-view*/
.bksb-post-full-view {
    max-width: 900px;
    margin: 0 auto;
}

    .bksb-post-full-view .post-title {
        font-size: 22px;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: 300;
        line-height: 33.6px;
        margin: 0px;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .bksb-post-full-view .post-information {
        font-size: 0.9em;
        color: #a1a1a1;
        text-transform: uppercase;
        margin: 0px;
        padding-bottom: 10px;
    }