/**
* 2010-2017 Webkul.
*
* NOTICE OF LICENSE
*
* All right is reserved,
* Please go through this link for complete license : https://store.webkul.com/license.html
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to newer
* versions in the future. If you wish to customize this module for your
* needs please refer to https://store.webkul.com/customisation-guidelines/ for more information.
*
*  @author    Webkul IN <support@webkul.com>
*  @copyright 2010-2017 Webkul IN
*  @license   https://store.webkul.com/license.html
*/

.wk-latest-blog {
    text-align: center;
}

.wk-margin-0 {
    margin-top: 0;
}
.wk-blog-content {
    font: 600 16px "Source Sans Pro";
    color: #BBBBBB;
}

.wk-blog-heading {
    font: 600 16px "Source Sans Pro";
    color: #555555;
    padding-top: 4%;
}

.wk-latest-blog-heading {
    font: 600 30px "Source Sans Pro";
    color: #555555;
    padding: 2%;
}

.wk-latest-blog-heading:before {
    content: "";
    position: absolute;
    width: 20%;
    top: 45px;
    left: 17%;
    border-top: 1px solid #555555;
}

.wk-latest-blog-heading:after {
    content: "";
    position: absolute;
    width: 20%;
    top: 45px;
    right: 17%;
    border-top: 1px solid #555555;
}

.wk-img-border {
    border: 1px solid #555555;
    min-height: 230px;
    max-height: 350px;
}

.wk-img-border>img {
    min-height: 260px;
    max-height: 347px;
}

#wk-blog-viewall {
    margin: 2%;
}

.wk-read-more {
    display: none;
    position: absolute;
    top: 36%;
    left: 31%;
}

.wk-blog-product-index:hover>.wk-img-border img {
    opacity: 0.3;
}

.wk-blog-product-index:hover .wk-read-more {
    display: block;
    opacity: 1;
}

.wk-blog-product {
    margin-bottom: 15px;
}

.wk-blog-image {
    margin: 20px 0;
}

.wk-blog-desc {
    text-align: left;
    word-break: break-all;
    font: 400 16px "Source Sans Pro";
    color: #555555;
    margin-bottom: 15px;
}

.wk-read {
    margin-top: 0%;
}

.wk-img-border-view>img {
    /*max-width:268px;*/
    height: 228px;
}

.wk-background {
    background: #F5F5F5;
}

.wk-readmore {
    margin-bottom: 3%;
}

.wk-recentblog-content>a {
    color: #B3CF20;
    font: 400 16px "Source Sans Pro";
    text-align: left !important;
    padding: 12px 0;
    display: block !important;
}
.wk-recentblog-content:hover a {
    color: #b3cf20 !important;
}

.wk-recentblog-heading {
    text-align: left;
    font: 600 20px "Source Sans Pro";
    padding: 0px 0 12px;
}

@media (max-width:1199px) {
    .wk-latest-blog-heading::before,
    .wk-latest-blog-heading::after {
        display: none !important;
    }
}