html, body { font-family: "Urbanist", sans-serif }

.text-justify { text-align: justify; }

.player {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: .5rem;
  backdrop-filter: blur(6px);
}
#player {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.5s ease, max-height 0.5s ease;
}
#player.visible {
  opacity: 1;
  max-height: 200px; /* ajuste selon la taille réelle de ton lecteur */
}
#seek { margin: .5rem 0 0; }
.card { border-radius: 1rem; }
.btn { border-radius: .75rem; }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

nav.navbar { font-family: "Road Rage", system-ui; }

.newspaper { background: white url('/img/about/oldpaper.jpg') top center / 100% auto repeat-y; }

img.img-newspapertitle, img.img-lg, img.img-md, img.img-sm, img.img-xs,img.img-xxs,img.img-btn { width: 100%; height: auto; }
img.img-newspapertitle { max-width: 2000px; }
img.img-lg { max-width: 500px; }
img.img-md { max-width: 400px; }
img.img-sm { max-width: 300px; }
img.img-xs { max-width: 200px; }
img.img-xxs { max-width: 100px; }
img.img-btn { max-width: 20px; }

.fs-6 { font-size: .9em; }