/*
 * Quark 2 — user customizations
 */

/* Logo plus grand */
.navbar-section.logo img,
.navbar-brand img {
  height: 100px !important;
  width: auto !important;
  max-height: 100px !important;
}

/* Images articles blog : taille raisonnable sur grand écran */
.e-content img {
  max-width: 600px !important;
  width: 100% !important;
  height: auto !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Accent couleur orange */
:root {
  --q2-accent: #e67e22 !important;
  --q2-link: #e67e22 !important;
}

/* Titres en orange */
h1, h2, h3, h4, h5, h6 {
  color: #e67e22 !important;
}

/* Footer principal du site */
#footer, body > footer {
  background: #222 !important;
  color: #ccc !important;
  padding: 2rem 0 !important;
}

#footer a, body > footer a {
  color: #e67e22 !important;
}

/* Footer des cartes blog */
.card-footer {
  background: #e67e22 !important;
  padding: 0.35rem 1rem !important;
}