/* Tous les articles style*/
.allArticle-content {
  width: 100%;
}
.filter-post__container{
  display: flex;
  flex-direction: row;
}

/* Section Panneau de filtres */
.post__filter{
  width: 22%;
  background-color: var(--color-background-alt);
  margin: 0 0.5rem;
  padding: 1rem 1.15rem;
  min-height: 100%;
}
.filter-sticky {
  /* position: sticky; // Avoir le menu qui suit le scroll
  top: 0; 
  z-index: 50;  */
  padding-top: 1rem;
}
.filter-bar__mobile{
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 2rem 0;
}
.filter__title{
  font-size: 1.15rem;
  font-weight: 700;
  text-align: center;
}
.filter__title, .filter__date, .filter__category, .filter__submit, .filter__language{
  margin: 1rem 0 0.25rem 0;
}
.search-bar__label,.date__label, .category__label, .language__label{
  font-weight: 600;
}
.search-bar__container{
  display: flex;
  flex-direction: column;
}
.allArticle__search_form{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.filter__search-bar {
  border-radius: 15px;
  margin: 1rem 0 0 0;
  width: 90%;
}
.date-input{
  width: 120px;
}
.category_checkboxes {
  display: flex;
  flex-direction: column;
}
.filter__submit, .filter__reset{
  display: flex;
  justify-self: center;
}
.logo-filtre{
  width: 30px;
  height: auto;
}
.filter-bar__menu-mobile{
  margin: 0 1rem;
}
.filter-bar__mobile-link{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.filter-bar__mobile{
  display: none;
}

/* Section Liste Post */
.posts-list{
  width: 77%;
}
.post-list-container{
  width: 100%;
}

/** RESPONSIVE **/

@media (max-width: 600px) {
  .all-article__title {
    font-size: 1.5rem;
    margin: 2rem 0;
  }
  .filter-post__container {
    justify-content: center;
  }
  .filter-bar__mobile{
    display: flex;
    align-items: center;
  }
  .posts-list {
    width: 95%;
  }
  .hide-filter-bar{
    display: none;
  }

  /*Barre de filtres*/
    .post__filter-mobile{
    width: 100%;
  }
}
@media (min-width: 601px) and (max-width: 800px) {
  .hide-filter-bar{
    display: none;
  }
  .filter-post__container {
    justify-content: center;
  }
  .posts-list {
    width: 90%;
  }
  .filter-bar__mobile{
    display: flex;
    align-items: center;
  }
  /*Barre de filtres*/
    .post__filter-mobile{
    width: 100%;
  }
  .all-article__title {
    font-size: 1.75rem;
    margin: 2rem 0;
  }
}
@media (min-width: 801px) and (max-width: 1230px) {
    .hide-filter-bar{
    display: none;
  }
  .filter-post__container {
    justify-content: center;
  }
  .posts-list {
    width: 90%;
  }
  .filter-bar__mobile{
    display: flex;
    align-items: center;
  }
  /*Barre de filtres*/
    .post__filter-mobile{
    width: 100%;
  }
  .all-article__title {
    font-size: 1.90rem;
    margin: 2rem 0;
  }
}
@media (min-width: 1231px) and (max-width: 1700px) {
  .all-article__title {
    font-size: 2rem;
    margin: 2rem 0;
  }
  .post__filter{
    width: 30%;
  }
  .post__list{
    width: 70%;
  }
}

@media (min-width: 1701px){
  .post__filter {
    width: 20%;
  }
}