/*Blog Masonry Section Css ------------------------------------------------------------------------------------------------------------*/

.masonry-item .content { padding-bottom:1em; border-bottom:#08f 1px solid; }
.masonry-item .posted-on {font-style:italic;}

/* contrarier les eventuelles css flex (comme dans czr) */

.masonry .row {display:inline-block; flex-wrap: unset; padding:0; margin:0; max-width:100%;}


.masonry .container [class*="col-"] { display:inline-block; float:left;}

.masonry-1 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
.masonry-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.masonry-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;  }
.masonry-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
.masonry-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }
.masonry-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; }
.masonry-1, .masonry-2, .masonry-3, .masonry-4, .masonry-5, .masonry-6 {
	-moz-column-gap: .3em; -webkit-column-gap: .3em; column-gap: .3em;
	padding: 0; position: relative; overflow:hidden;
}

@media screen and (min-width: 1201px) {
	.masonry-3, .masonry-4, .masonry-5, .masonry-6 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
}
@media screen and (max-width: 1200px) {
	.masonry-3, .masonry-4, .masonry-5, .masonry-6 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}
@media screen and (max-width: 992px) {
	.masonry-3, .masonry-4, .masonry-5, .masonry-6 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}
@media screen and (max-width: 768px) {
	.masonry-3, .masonry-4, .masonry-5, .masonry-6 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
}
@media screen and (max-width: 480px) {
	.masonry-2, .masonry-3, .masonry-4, .masonry-5, .masonry-6 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
} 
.masonry-item { display: inline-block; margin: 0; padding: 0px 25px 0px 0px !important; width:100%; }
.masonry-item .blog-lg-area-left { padding: 0px; margin: 0 0 10px; }
.masonry-item .blog-lg-area-left .media .media-body { padding: 0px 0px 10px; }
.masonry-item .blog-lg-box { float: none; margin: 0 0 26px; position: relative; }
.masonry-item .blog-lg-box img { margin: 0px; border: 0 none; }
.masonry-item .blog-sm-area:hover .blog-lg-box img { padding-top: 0; }
.masonry-item .blog-lg-area-left .blog-tags-sm { margin: 0 5px 0px; }
.masonry-item .blog-lg-area-left .blog-post-sm a, 
.masonry-item .blog-lg-area-left .blog-tags-sm a { display: inline-block; padding: 7px 5px 7px 5px; }
.masonry-item .blog-lg-area-left h3 { font-family: 'Open Sans', sans-serif; color: #242526; font-size: 24px; line-height: 32px; font-weight: 700; margin: 0 0 16px; }
.masonry-item .blog-lg-area-left p { margin: 5px 0 5px; }
.masonry-item .media { margin-top: 0px; }
.masonry-item .blog-lg-area-left a.more-link { margin: 0px 0 3px; padding: 8px 18px; }
.masonry-item .blog-post-sm { font-size: 14px; margin: 0px 0 17px; padding: 0; border-top: 1px solid #eae8e8; border-bottom: 1px solid #eae8e8; }
.masonry-item .blog-lg-box:after {
	position:absolute;
    opacity:0;
    transition: .5s opacity ease-in-out;
    -webkit-transition: .5s opacity ease-in-out;
    content:'\A';
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(47,47,47,.3);
	background: -webkit-linear-gradient(rgba(0,0,0,0),#232323);
    background: -moz-linear-gradient(rgba(0,0,0,0),#232323);
    background: -o-linear-gradient(rgba(0,0,0,0),#232323);
    background: linear-gradient(rgba(47,47,47,.1),rgba(47,47,47,.3));
}
.masonry-item .blog-lg-box:hover:after { opacity:1; }
.masonry-item .blog-lg-area-left .blog-btn-area-sm { margin: 27px 0 3px; }
.masonry-item .blog-lg-area-left blockquote p { margin: 0; }
.format-status { background-color: #f2f2f2; border-top: 4px solid #ee591f; display: block; margin: 0; padding: 20px 20px; }
.format-status p { font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 30px; margin: 0; padding: 0; }


.masonry-item:after {
    visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.masonry-item .blog-lg-area-left:last-child { padding-bottom: 0px; }