/*
Theme Name: Prévenchute
Version: 2.0
Author: Waka
Author URI: https://agence-waka.fr
Description: Theme sur mesure pour le blog Prévenchute
License: Creative Commons Attribution Non-Commercial No-Derivatives license
License URI: https://creativecommons.org/licenses/by-nc-nd/4.0/
Text Domain: waka
*/
.blog_template { max-width: 1466px; margin: 0 auto 80px}
.blog_template h1 {font-size: 36px; line-height: 42px; padding-top: 10px }


.main-header { position: relative; z-index: 2; font-weight: 400}
.blog_nav { background: #f5f5f5; padding: 20px 0; margin-bottom: 20px;}
.blog_nav .nav_link ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; max-width: 1600px; margin: 0 auto }
.blog_nav .nav_link ul li { padding: 7px 5px;}
.blog_nav .nav_link ul a, .blog_nav .nav_link ul .link, #sidebar-blog .cat-item a { transition: all 0.3s ease; text-decoration: none;   letter-spacing: -0.3px;     font-size: 13px;  line-height: 16px; font-weight: 600;    padding: 7px 11px; border-radius: 20px;    display: block;  color: var(--bs-body-color);    border:1px solid var(--bs-body-color); cursor: pointer}
.blog_nav .nav_link ul a:hover, .blog_nav .nav_link ul .link:hover, .blog_nav .nav_link ul li.current-menu-parent a, .blog_nav .nav_link ul li.current-menu-item a, #sidebar-blog .cat-item a:hover  { background: var(--bs-body-color); color:#fff;  }


.article_alaune > div { background: #f5f5f5; padding: 30px; overflow: hidden}
.article_alaune a { text-decoration: none; color:var(--bs-body-color); display: block   }
.article_alaune h2 { font-weight: 600; font-size: 25px; margin-bottom: 5px; }
.article_alaune .date { font-size: 14px; margin-bottom: 20px;}
.article_alaune .visuel { float:left;  margin-right: 25px;}
.article_alaune .visuel div { width: 304px; height: 191px; }
.article_alaune .visuel div img { object-fit: cover; max-width: 100%; width: 100%;  height: 100%; display: block; transition:all 0.1s ease; }
.article_alaune .desc { font-size: 15px; padding-top: 5px}

.home_blog { padding-top: 15px;}

.home_blog h1 { padding-bottom: 20px;}
.home_categories .more { text-align: right; padding-top: 20px; font-size: 15px; letter-spacing: -0.5px;}
.home_categories .more strong { font-weight: 600}
.home_categories > div:first-child .title_them { margin-top: 30px;}

.wk-list-nav ul { display: flex; flex-wrap: wrap; margin: -5px;list-style: none; padding:10px 0 40px; }
.wk-list-nav ul li { padding: 5px; }
.wk-list-nav ul li a { background: #f3f3f3; white-space: nowrap; display: block; padding: 5px 10px; text-decoration: none; font-size: 13px; color:var(--bs-body-color); transition:all 0.3s ease; }
.wk-list-nav ul li a:hover,.wk-list-nav ul li.current-cat a {  background: var(--bs-body-color); color:#fff;  }


.blog_c_sidebar { display: flex;   overflow: visible;}
.blog_c_sidebar > .sidebar { flex:0 0 400px; padding-left: 35px;}

.blog_c_sidebar  .metas { display: flex; flex-wrap: wrap}
.blog_c_sidebar  .metas .date { padding-right: 5px; font-weight: 600}
.blog_c_sidebar  .wysiwyg h2, .blog_c_sidebar  .wysiwyg h3, .blog_c_sidebar  .wysiwyg h4 {  margin-top: 25px; font-weight: 600 }
.blog_c_sidebar  .wysiwyg h2 { font-size: 27px; line-height: 33px; margin-bottom: 13px; }
.blog_c_sidebar  .wysiwyg h3 { font-size: 21px; line-height: 24px; margin-bottom: 10px; }
.blog_c_sidebar  .wysiwyg h2 a, .blog_c_sidebar  .wysiwyg h3 a { color:var(--bs-body-color)}
.blog_c_sidebar  .wysiwyg h2 span, .blog_c_sidebar  .wysiwyg h3 span { font-weight:600 }
.aligncenter, div.aligncenter, a img.aligncenter{    display: block;        margin: 10px auto }
.alignright, a img.alignright, .wp-caption.alignright   {    float:right;    }
.alignleft, a img.alignleft, .wp-caption.alignleft {    float: left;    }
.wysiwyg p:last-child { margin-bottom: 0}
.wysiwyg ul, .wysiwyg ol  {  margin-left:var(--wysiwyg-margin-elts);}
.alignright, a img.alignright, .wp-caption.alignright { margin-left:20px;}
.alignleft, a img.alignleft, .wp-caption.alignleft {    margin-right:20px;}

#sidebar-blog .sticky {   position: sticky;    top: 20px;  }
#sidebar-blog .title {  margin-bottom: 20px; padding-bottom: 2px; font-size:18px; border-bottom: 1px solid var(--bs-link-color);  }
#sidebar-blog ul { list-style: none; padding: 0; margin:0  }
#sidebar-blog  .articles-recommandes { margin-bottom: 25px;}
#sidebar-blog  .articles-recommandes li { padding-bottom: 20px; font-size: 15px}
#sidebar-blog .articles-recommandes a {  display: flex; text-decoration: none; color:var(--bs-body-color); align-items: center }
#sidebar-blog .articles-recommandes .visuel div { width: 80px; height: 80px; margin-right: 20px;}
#sidebar-blog .articles-recommandes .visuel div img { object-fit: cover; max-width: 100%; width: 100%;  height: 100%; display: block }
#sidebar-blog .articles-recommandes  .titre {  color:var(--bs-body-color); font-weight: 600; padding-bottom: 1px;  }
#sidebar-blog .articles-recommandes .date_publication {  font-size: 14px}
#sidebar-blog .articles-recommandes a:hover .titre {  color: var(--bs-link-color);  }
#sidebar-blog .tagcloud { margin-top: -10px  }
#sidebar-blog .tagcloud a {   color:var(--bs-body-color); }

#sidebar-blog .cat-item { display: inline-block;   margin:0 0 10px 0 }
#sidebar-blog .cat-item a { font-size: 13px; letter-spacing: -0.6px;}


.title_them { font-weight: 600;  margin-top: 100px; font-size: 25px; line-height: 31px; padding-bottom: 10px; border-bottom:2px solid var(--bs-link-color); margin-bottom: 25px; }
.liste_articles { display: flex; flex-wrap: wrap; margin:-13px -15px; }
.liste_articles > div { flex:0 0 25%; padding:13px 15px; }
.liste_articles a { text-decoration: none; font-size: 15px; color:var(--bs-body-color);}
.liste_articles a:hover .titre {  color: var(--bs-link-color);  }
.liste_articles a:hover img { opacity: 0.8}
.liste_articles .visuel { margin-bottom: 20px;}
.liste_articles .visuel div { width: 100%; height: 200px; }
.liste_articles .visuel div img { object-fit: cover; max-width: 100%; width: 100%;  height: 100%; display: block; transition:all 0.1s ease; }
.liste_articles  .titre {  font-weight: 600; padding-bottom: 5px; margin-bottom: 0; transition: all 0.3s ease; }
.liste_articles  .titre span { font-size: 13px; display: block}
.liste_articles .pres { font-size: 14px;}


@media all and (max-width:1100px) {
    .liste_articles > div { flex:0 0 33.33%}
    .liste_articles .visuel div { height: 180px;}
    .wk-list-nav { overflow: auto;  margin-bottom: 30px;}
    .wk-list-nav::-webkit-scrollbar { display:none; }
    .wk-list-nav ul { flex-wrap: nowrap; padding-bottom: 5px;}
}

@media all and (max-width:1024px) {
    .blog_c_sidebar {        display: block    }
    .blog_c_sidebar > .sidebar {        padding-left: 0; padding-top: 50px    }
    #sidebar-blog .articles-recommandes { margin-bottom: 0}
    .title_them { margin-top: 30px; font-weight: 700;        padding-bottom: 2px;        font-size: 18px;        border-bottom: 1px solid var(--bs-link-color); }
    .related_posts  > div:last-child { display: none !important; }
    .blog_nav .nav_link ul a { padding: 10px 12px;}
    .blog_nav .nav_link ul li { padding: 4px}

}

@media all and (max-width:767px) {
    .liste_articles > div { flex:0 0 50%}
    .related_posts  > div:last-child { display: block !important;; }
    .blog_nav .nav_link { overflow: auto}
    .blog_nav .nav_link::-webkit-scrollbar { display:none; }
    .blog_nav .nav_link ul { flex-wrap: nowrap; justify-content: flex-start}
    .blog_nav .nav_link ul a { height: 100%; text-align: center; display: flex; align-items: center}
}
@media all and (max-width:500px) {
    .liste_articles .visuel div { height: 130px;}
}