/* 
    Created on : 02-mars-2018, 8:57:57
    Author     : Anthony Lamant <alamant@solucia.fr>
*/

/* Liste des articles du Blog start */

.blog-filter {
    padding: 30px 0;
}

.blog-filter .blog-tag {
    display: inline-block;
    font-size: 13px;
    border-radius: 25px;
    padding: 10px 25px;
    text-decoration: none;
    cursor: pointer;
}

.blog-filter .blog-tag.active {
    background-color: #56c271;
    border: 1px solid #56c271;
}

.blog-filter .blog-tag a:hover {
    text-decoration: none;
}

.blog-filter .blog-tag a {
    color: #000000;
} 

.blog-filter .blog-tag.active a {
    color: #fff;
}

.blog-header .date span + span, .container-blogarticle .date span + span {
    margin-left: 4px;
}

.blog-details {
    background-size: cover;
}

.blog-big .blog-details {
    height: 515px;
}

.blog-small .blog-details {
    height: 245px;
}

.blog-article {
    position: relative;
    font-family: 'Open Sans',sans-serif;
    font-size: 11px;
    margin-bottom: 26px;
}

.blog-resume {
    color: #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(49, 55, 49, 0.9);
    padding: 20px 30px;
    left: 0;
    z-index: 10;
}

.blog-small .blog-resume {
    padding: 10px 30px;
}

.blog-title a {
    font-size: 14px;
    color: #ffffff;
}

.link-blog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.btn-see-more {
    display: inline-block;
    font-size: 13px;
    border-radius: 25px;
    padding: 10px 25px;
    text-decoration: none;
    cursor: pointer;
    background-color: #56c271;
    border: 1px solid #56c271;
    color: #fff;
}

.btn-see-more:hover {
    color: #fff;
}

/* Liste des articles du Blog end*/

.row-detailblog {
    padding-top: 50px;
}

.blog-image {
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    background-size: cover;
    width: 100%;
    height: 468px;
    margin-bottom: 15px;
}

.row-detailblog .blog-filter .blog-tag {
    width: 100%;
}

.btn-blog {
    display: inline-block;
    font-size: 13px;
    border-radius: 25px;
    padding: 10px 25px;
    text-decoration: none;
    cursor: pointer;
    background-color: #56c271;
    border: 1px solid #56c271;
    color: #fff;
    margin-top: 20px;
}

.btn-blog:hover {
    color: #fff;
}