/*--------------------------------------------------------------
15. Blog Details
----------------------------------------------------------------*/

.st-widget-list {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: -16px;
    margin-bottom: -16px;
    font-size: 14px;
    li: not(:last-child)

{
    border-bottom: 1px solid $border;
}

a {
    display: block;
    padding: 10px 0;
    &:hover

{
    color: $accent;
}

}
}

.st-tagcloud {
    margin-bottom: -10px;
    .st-tag

{
    display: inline-block;
    font-size: 13px;
    padding: 2px 10px;
    border: 1px solid $border;
    border-radius: 7px;
    margin-right: 6px;
    margin-bottom: 10px;
    &:hover

{
    color: #fff;
    background-color: $accent;
    border-color: $accent
}

}
}

.st-sidebar-social-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: -4px;
    margin-bottom: -5px;
    a: not(:last-child)

{
    margin-right: 15px;
}

}

.st-post-details.st-style1 {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.8em;
    .slick-slide

{
    line-height: 0;
}

.st-post-thumb {
    margin-bottom: 25px;
    img

{
    width: 100%;
}

}

.st-post-title {
    font-size: 28px;
    margin-bottom: 9px;
}

blockquote {
    background-color: rgba($accent, 0.1);
    margin: 0;
    padding: 30px 40px 27px;
    font-size: 24px;
    line-height: 1.6em;
    // border-left: 5px solid $accent;
    color: $primary;
    border-radius: 7px;
    font-weight: 400;
    margin: 20px 0;
    small

{
    display: block;
    line-height: inherit;
    margin-top: 4px;
    color: $meta;
    font-size: inherit;
    font-size: 16px;
    span

{
    color: $secondary;
}

}
}

.st-post-text p {
    margin-bottom: 15px;
}

.st-post-meta {
    display: flex;
    justify-content: space-between;
    padding: 25px 0;
    line-height: 1.6em;
    font-size: 15px;
    border-top: 1px solid $border;
    border-bottom: 1px solid $border;
}

h2 {
    font-size: 28px;
    margin-bottom: 10px;
}

p {
    margin-bottom: 15px;
}

img {
    margin-bottom: 30px;
    border-radius: 10px;
    margin-top: 10px;
}

.embed-responsive {
    margin-top: 20px;
    margin-bottom: 25px;
    iframe

{
    border-radius: 10px;
}

}
}

.st-post-tage-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: 400;
    li

{
    margin-right: 5px;
    &:not(:last-child):after

{
    content: ',';
}

a {
    &:hover

{
    color: $accent;
}

}
}
}

.st-post-tages,
.st-post-share {
    display: flex;
    .st-post-tage-title, .st-post-share-title

{
    margin: 0;
    font-size: 16px;
    margin-right: 10px;
    line-height: 1.6em;
}

}

.st-post-share-btn-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    a

{
    &:not(:last-child)

{
    margin-right: 12px;
}

&:hover {
    color: $accent;
}

}
}

.st-post-btn-gropu {
    display: flex;
    justify-content: space-between;
    .st-btn

{
    min-width: 170px;
    justify-content: center;
}

}

.st-post-details.st-style1 {
    .st-slider.st-style1 img

{
    width: 100%;
    margin: 0;
}

.st-slider.st-style1 .pagination.st-style1 .slick-dots li button {
    background: #fff;
}

.pagination.st-style1 {
    bottom: 20px;
}

}

@media screen and (max-width: 991px) {
    .st-post-details.st-style1 {
        font-size: 16px;
    }

        .st-post-details.st-style1 blockquote {
            padding: 20px 20px 17px;
            font-size: 20px;
        }
}

@media screen and (max-width: 767px) {
    .st-post-details.st-style1 .st-post-meta {
        display: block;
    }

    .st-post-btn-gropu .st-btn {
        min-width: 140px;
        justify-content: center;
        padding: 0.6em 1.5em;
    }
}