/**
 *
 * Feuille de style css pour les particularités stylistiques du contenu des articles atm.
 *
 */
:root {
  /* Variables issues de themes\news_pro\assets\css\style.css */
  --primary-font: "Poppins", sans-serif;
  --para-font: "Open Sans", sans-serif;
  --heading-color: #232323;

  /* Variables spécifiques */
  --article-primary-color: #3d3d3d;
}


#post-classic .article-content h1,
#post-classic .article-content h2,
#post-classic .article-content h3,
#post-classic .article-content h4,
#post-classic .article-content h5,
#post-classic .article-content h6 {
  color: var(--heading-color);
  font-family: var(--primary-font);
}

#post-classic .article-content h1 {
  font-size: 32px;
  line-height: 42px;
  font-weight: 700;
}

#post-classic .article-content h2 {
  font-size: 26px;
  line-height: 35px;
  font-weight: 600;
}

#post-classic .article-content h3 {
  font-size: 21px;
  line-height: 30px;
}

#post-classic .article-content h4 {
  font-size: 18px;
  line-height: 26px;
}

#post-classic .article-content h5 {
  font-size: 16px;
  line-height: 26px;
}

#post-classic .article-content h6 {
  font-size: 14px;
  line-height: 24px;
}

/* Pour la couleur du texte */
#post-classic .article-content,
#post-classic .article-content p {
  color: var(--article-primary-color);
}


#post-classic .article-content ul li {
  list-style-type: disc;
  margin-left: 30px;

  font-size: 14px;
  font-family: var(--para-font);
  color: var(--article-primary-color);
  font-weight: 500;
  line-height: 24px;
}