/* MSMCL - Blogue */

/**** Liste : masque les éléments du thème remplacés par la carte *****/
.msb-liste .ThumbnailWrapper > *:not(.sd-content){display:none !important;}
.msb-liste .ThumbnailWrapper .sd-content{margin:0;padding:0;max-height:none;overflow:visible;}

/**** Liste et article seul : sans barre latérale *****/
.msb-liste .my-float-condition + [class*="col-lg-3"], .msb-article .my-float-condition + [class*="col-lg-3"]{display:none !important;}
.msb-liste .my-float-condition, .msb-article .my-float-condition{width:100% !important;}

/**** Liste : grille *****/
.msb-liste .maintain-overflow > .type-post{margin:0 -12px;height:auto !important;}
.msb-liste .maintain-overflow > .type-post:after{content:"";display:table;clear:both;}
.msb-liste .blogWrapper{float:left;width:33.3333%;padding:0 12px;margin:0 0 30px;}
.msb-liste .blogWrapper:nth-of-type(3n+1){clear:left;}
.msb-liste .blogWrapper .ThumbnailWrapper{margin:0;padding:0;height:100%;}

/**** Carte *****/
.msb-carte{position:relative;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.07);transition:box-shadow .2s, transform .2s;}
.msb-liste .msb-carte{padding-bottom:78px;}
.msb-carte:hover{box-shadow:0 8px 26px rgba(0,0,0,.13);transform:translateY(-3px);}
.msb-image{display:block;position:relative;padding-top:66%;overflow:hidden;background:#f6eef2;}
.msb-image img, .msb-image .msb-img{position:absolute;top:0;left:0;width:100% !important;height:100% !important;max-width:none;object-fit:cover;margin:0 !important;transition:transform .4s;}
.msb-carte:hover .msb-image img{transform:scale(1.04);}
.msb-image-vide{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;color:#eb439a;font-size:42px;opacity:.35;}
.msb-image-vide .fa{position:relative;top:50%;margin-top:-24px;}
.msb-corps{padding:18px 20px 22px;}
.msb-meta{margin:0 0 8px !important;font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:1px;color:#999;}
.msb-cat{display:block;color:#eb439a !important;font-weight:700;text-decoration:none !important;}
.msb-date{display:block;margin-top:2px;}
.msb-cat:hover{color:#a47551 !important;}
.msb-titre{margin:0 0 10px !important;padding:0;font-size:18px !important;line-height:1.35 !important;text-transform:none !important;}
.msb-titre a{color:#2a2a2a !important;text-decoration:none !important;}
.msb-titre a:hover{color:#eb439a !important;}
.msb-extrait{margin:0 0 16px !important;font-size:14px;line-height:1.6;color:#555;}
.msb-bouton{position:absolute;left:20px;bottom:22px;display:inline-block;padding:8px 18px;border:2px solid #eb439a;border-radius:30px;color:#eb439a !important;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none !important;transition:background .2s, color .2s;}
.msb-bouton:hover{background:#eb439a;color:#fff !important;}
.msb-bouton .fa{margin-left:4px;}

/**** Liste : filtres de catégories *****/
.msb-filtres{clear:both;margin:0 0 30px;padding:0 0 20px;border-bottom:1px solid #eee;}
.msb-filtres a{display:inline-block;margin:0 6px 8px 0;padding:6px 14px;border-radius:30px;background:#f6eef2;color:#2a2a2a !important;font-size:13px;line-height:1.4;text-decoration:none !important;transition:background .2s, color .2s;}
.msb-filtres a:hover{background:#eb439a;color:#fff !important;}
.msb-filtres a.actif{background:#eb439a;color:#fff !important;font-weight:700;}
.msb-filtres a.msb-externe .fa{margin-left:3px;font-size:11px;opacity:.7;}
.msb-entete-archive{clear:both;margin:0 0 25px;}
.msb-entete-archive h2{margin:0;font-size:24px;}

/**** Liste : pagination *****/
.msb-pagination{clear:both;padding:20px 0 10px;text-align:center;}
.msb-pagination .nav-links{display:block;}
.msb-pagination .page-numbers{display:inline-block;min-width:40px;margin:0 3px 6px;padding:8px 12px;border-radius:30px;background:#f6eef2;color:#2a2a2a !important;font-size:14px;line-height:1.4;text-decoration:none !important;transition:background .2s, color .2s;}
.msb-pagination a.page-numbers:hover{background:#eb439a;color:#fff !important;}
.msb-pagination .page-numbers.current{background:#eb439a;color:#fff !important;font-weight:700;}
.msb-pagination .page-numbers.dots{background:none;}
.msb-pagination .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/**** Article seul : navigation et connexes *****/
.msb-nav-article{clear:both;margin:50px 0 20px;padding:30px 0 0;border-top:1px solid #eee;font-family:inherit;}
.msb-prec-suiv{margin:0 0 40px;}
.msb-prec-suiv:after{content:"";display:table;clear:both;}
.msb-prec, .msb-suiv{display:block;width:48%;padding:16px 20px;border-radius:6px;background:#f6eef2;color:#2a2a2a !important;font-size:15px;line-height:1.4;font-weight:700;text-decoration:none !important;transition:background .2s, color .2s;}
.msb-prec{float:left;}
.msb-suiv{float:right;text-align:right;}
.msb-prec:hover, .msb-suiv:hover{background:#eb439a;color:#fff !important;}
.msb-prec span, .msb-suiv span{display:block;margin:0 0 4px;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:1px;opacity:.75;}
.msb-connexes{margin:0 -12px 30px;}
.msb-connexes:after{content:"";display:table;clear:both;}
.msb-connexes-titre{margin:0 12px 20px !important;font-size:22px !important;}
.msb-connexe{float:left;width:33.3333%;padding:0 12px;margin:0 0 20px;}
.msb-connexe .msb-titre{font-size:16px !important;}
.msb-retour{text-align:center;margin:10px 0 0 !important;}
.msb-retour a{display:inline-block;padding:10px 26px;border-radius:30px;background:#eb439a;color:#fff !important;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:13px;text-decoration:none !important;}
.msb-retour a:hover{background:#a47551;}
.msb-retour .fa{margin-right:6px;}

/**** Responsive *****/
@media (max-width:991px){
.msb-liste .blogWrapper{width:50%;}
.msb-liste .blogWrapper:nth-of-type(3n+1){clear:none;}
.msb-liste .blogWrapper:nth-of-type(2n+1){clear:left;}
}
@media (max-width:767px){
.msb-connexe{width:100%;}
.msb-prec, .msb-suiv{float:none;width:100%;margin:0 0 10px;text-align:left;}
}
@media (max-width:560px){
.msb-liste .blogWrapper{float:none;width:100%;}
.msb-liste .blogWrapper:nth-of-type(2n+1){clear:none;}
}
