/* Latest from Blog 16
-------------------------------------------------- */

.wn-latest-b16 .latest-b16 {
    margin-bottom: 20px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.02);
    transition: all 0.27s ease;
}

.wn-latest-b16 .latest-b16:hover {
    box-shadow: 0 0 29px rgba(0, 0, 0, 0.1);
}

.wn-latest-b16 .latest-b16 .latest-b16-img img,
.wn-latest-b16 .latest-b16 .latest-b16-img {
    position: relative;
}

.wn-latest-b16 .latest-b16 .latest-b16-img:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.27);
}

.wn-latest-b16 .latest-b16 .latest-b16-overlay {
    position: absolute;
    bottom: 20px;
    z-index: 2;
    padding-left: 11%;
}

.wn-latest-b16 .latest-b16 .latest-b16-overlay * {
    color: #fff;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.wn-latest-b16 .latest-b16 .latest-b16-overlay h3 {
    font-size: 19px;
    font-weight: 600;
    text-shadow: 0 1px #444;
    margin-bottom: 4px;
    padding-right: 15px;
}

.wn-latest-b16 .latest-b16 .latest-b16-overlay .latest-b16-meta-data {
    font-size: 14px;
    font-weight: 400;
    text-shadow: 0 1px #444;
}

.wn-latest-b16 .latest-b16 .latest-b16-overlay .latest-b16-meta-data a:hover,
.wn-latest-b16 .latest-b16 .latest-b16-overlay h3:hover a {
    color: #437df9;
}

.wn-latest-b16 .latest-b16 .latest-b16-content {
    border: 1px solid #e8e8e8;
    padding: 8% 9% 4%;
}

#wrap .wn-latest-b16 .latest-b16 .latest-b16-content .latest-b61-excerpt {
    font-size: 14px;
    color: #7a7272;
    font-weight: 400;
}

.wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-readmore {
    color: #282828;
    font-size: 12px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    position: relative;
    padding-left: 25px;
}

.wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-readmore:before {
    content: '';
    position: absolute;
    background: #7a7272;
    width: 18px;
    height: 1px;
    left: 0;
    top: 45%;
}

.wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-readmore:hover {
    color: #437df9;
}

.wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-readmore:hover:before {
    background: #437df9;
}

.wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-footer {
    margin-top: 35px;
    padding-top: 20px;
    padding-bottom: 12px;
    border-top: 1px solid #e8e8e8;
    display: inline-block;
    width: 100%;
}

.wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-footer .latest-author {
    float: left;
    color: #7a7272;
    font-size: 12px;
}

.wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-footer .latest-author strong a {
    padding-left: 3px;
    color: #282828;
    font-weight: 500;
    text-transform: capitalize;
    transition: all .2s ease;
}

.wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-footer .latest-author strong a:hover {
    color: #437df9;
}

.wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-footer .latest-date {
    float: right;
    color: #7a7272;
    font-size: 12px;
}

.wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-footer .latest-date i {
    font-size: 13px;
    margin-right: 5px;
    vertical-align: middle;
    color: #7a7272;
}

@media (min-width: 1201px) and (max-width: 1280px) {
    .wn-latest-b16 .latest-b16 .latest-b16-content {
        padding: 32px 30px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .wn-latest-b16 .latest-b16 .latest-b16-content {
        padding: 32px 15px 10px;
    }

    .wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-footer .latest-author,
    .wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-footer .latest-date {
        float: none;
    }
}

@media (max-width: 460px) {
    .wn-latest-b16 .latest-b16 .latest-b16-content {
        padding: 32px 15px 10px;
    }

    .wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-footer .latest-author,
    .wn-latest-b16 .latest-b16 .latest-b16-content .latest-b16-footer .latest-date {
        float: none;
    }
}

/* carousle */

.latestposts-thirteen.latest-b-carousel .owl-item {
    padding: 0 2px;
}