@font-face {
  font-family:"Harlow Solid";
  src: url("../fonts/harlow-solid-regular.ttf");
}

html { scroll-padding-top: 8rem; }

body {
  color: #fff;
  background: #333;
  overflow-x: hidden;
}
body.home .navbar .logo-container, body.home .navbar .harlow {
  display: none;
}
body.home .navbar-brand {
  width: 100%;
}
body.home .nav-sep { display: none; }

a {
  color: #ffab82;
}
nav {
  border-bottom: 5px solid red;
}
.nav-link.active {
  border-bottom: 1px solid red;
}
.nav-sep {
  margin-top: 0.5em;
  color: #d77070;
}
.navbar-toggler {
  margin-left: auto;
}
.navbar-brand {
  width: auto;
}
@media only screen and (max-width : 992px) {
  .nav-sep { display: none; }
  .navbar-brand { width: 100%; }
  .navbar-brand img { max-width: 5em; }
  .hometitle { font-size: 280%; }
}
@media only screen and (max-width : 500px) {
  img#abeille { width: 75px; }
}
.errorlist { list-style: none; padding-left: 0 !important; }
.errorlist li {
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border-radius: .25rem;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger { background-color: #FFD79C; }
.main-text { max-width: 100vw; }
.red-bottom { border-bottom: 1px solid red; }
.overleft { margin-left: -4rem; }
.overright { margin-right: -4rem; }
.icon { max-width: 1.5rem; }
.harlow { font-family: "Harlow Solid"; }
.homeurl { color: white; text-decoration: none; }
.homeurl:hover { color: lightgrey; }
.homediv {
  margin-top: -1.5rem;
  padding-top: 8rem;
  min-height: 700px;
  background-image: url("../img/photo_gospel_2019.webp");
  background-position-x: center;
  background-repeat: no-repeat;
}  
.hometitle {
  font-size: 320%;
  padding-bottom: 6rem;
}
.#homeaudio audio { opacity: 0.7; }

.home-stylise { max-width: 98vw; }
.home-img {
  width: 600px;
  max-width: 100%;
  border: 2px solid white;
}
.logo_cdf { width: 10em; }

.bottom-red {
  border-bottom: 1px solid #c42626;
  padding-bottom: 0.2em;
  margin-bottom: 0.5em;
}
.left-red {
  border-left: 2px solid red;
}
.left-red-forcepad {
  margin-left: -12px;
  padding-left: 12px;
}
.portrait { max-width: 13rem; }

tr.editable .edit-button, tr.editable .delete-button { display: none; }
tr.editable:hover .edit-button, tr.editable:hover .delete-button { display: inline-block; }

.agenda_line { margin-right: 7em !important; }
.agenda_container > div:first-of-type { margin-top: 7em !important; }
@media (max-width: 767.98px) {
  .agenda_line { margin-top: 1em !important; margin-right: 0 !important; }
  .agenda_line > div { text-align: center !important; margin-top: 1em !important; }
}
.date_agenda { background-color: #ddd; text-decoration: none; }
.titre_agenda { font-size: 1.5rem; }
.affiche img { max-width: 100%; cursor: pointer; }
.prive {
  background-image: linear-gradient(45deg, #333333 41.67%, #6b0c0c 41.67%, #6b0c0c 50%, #333333 50%, #333333 91.67%, #6b0c0c 91.67%, #6b0c0c 100%);
  background-size: 33.94px 33.94px;
}
.repet {
  background-color: #4b2f11;
}
.repet .date_agenda {
  background-color: #c2a07b;
  padding-top: 0 !important; padding-bottom: 0 !important;
}
.repet .titre_agenda {
  color: #c2a07b;
  font-size: 1.2rem;
  font-style: italic;
}
.repet .lieu_agenda { color: #c2a07b; }

.infos_internes {
  color: red;
  font-style: italic;
}
.card-membres {
  background-color: #b56a4d;
  height: 6em;
}
.card-membres:hover {
  background-color: #999;
}
.card-membres a {
  color: white;
  text-decoration: none;
  height: 100%;
}
table.table-chants th.boutons { width: 3em; }
#modal_sound .modal-content {
  background-color: #333;
  color: white;
}
img.fichier_son { cursor: pointer; }
