header {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
#page-container {
  position: relative;
  min-height: 100vh;
}
#content-wrap {
  padding-bottom: 340px;    /* Footer height */
}
body {
  display: flex;
  flex-direction: column;
  font-family: "Open Sans", sans-serif;
  background-color: #F5F4F4;
  margin: 0;
}
.redBar{
  background-color: #97233f;
  height: 10px;
  width: 100%;
}
.weekday {
  color: #97233f;
  font-size: 33px;
  font-weight: 700;
  transform: translate(30px,15px);
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  /*mobile*/
  text-align: start;
  align-self: flex-start;
}
#menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
.rowMenu {
  display: flex;
  /* mobile view */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90%;
  /*end mobile*/
}
.divDayMenu{
  background-color: white;
  border-radius: 12px;
  padding: 20px 20px 20px 20px;
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.menuTitle{
  color: #C1C1C1;
  margin-bottom: 10px;
  
}
.divMeal {
  min-width: 250px;
  max-width: 250px;
  white-space: pre-line;
  font-family: 'Bellota Text', cursive;
  font-size: 18px;
  text-align: center;
  /*mobile*/
  text-align: center;
}
.toggle {
  cursor: pointer;
  color: #5F5F5F;
  background-color: #E3E3E3;
  border-radius: 10px;
  padding: 20px 0px 20px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
  /*mobile*/
  margin-bottom: 5px;
  /*end mobile*/
}
.toggle:hover {
  background-color: #c4c4c4;
}
.divButton {
  display: flex;
  width: 90%;
  /*mobile*/
  flex-direction: column;
  /*end mobile*/
  justify-content: space-between;
  margin-top: 0px;
  
}
.mobileHide{
  display: none;
}

.titre {
  font-size: 45px;
  color: #97233f;
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  margin: 30px 0px 15px 0px;
}
.sousTitre {
  font-size: 15px;
  font-weight: 400;
  color: rgb(141, 138, 138);
  margin: 0px;
}
.date {
  font-size: 20px;
  margin:10px;
}
.containerMealImg {
  display: flex;
  flex-direction: column;
}
.divImg {
  display: flex;
  flex-direction: row;

  /*mobile*/
  align-items: center;
  justify-content: center;
}
.img {
  height: 20px;
  width: 20px;
  margin-right: 5px;
  -webkit-print-color-adjust: exact !important;
}
.img-lg {
  height: 50px;
  width: 50px;
  margin-right: 20px;
}
.imgFourchetteVerte {
  background: url(../assets/logo/3.png) no-repeat;
  background-size: 100%;
}
.imgVeg {
  background: url(../assets/logo/0.png) no-repeat;
  background-size: 100%;
}
.imgNoLactose {
  background: url(../assets/logo/1.png) no-repeat;
  background-size: 100%;
}
.imgNoGluten {
  background: url(../assets/logo/2.png) no-repeat;
  background-size: 100%;
}
.divFooter {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
}
.containerHelp {
  background-color: #ffffff;
  border-radius: 12px;
  display: flex;
  align-items: flex-start;
  -webkit-print-color-adjust: exact !important;
  padding: 20px;
  width: 80%;
  max-width: 600px;
  margin: 30px 20px 30px 20px;
  font-family: 'Bellota Text', cursive;
  /*mobile*/
  flex-direction: column;
}
.cellHelp {
  display: flex;
  /*
  flex-direction: column;*/
  /*mobile*/
  flex-direction: row;
  align-items: center;
  /*end mobile*/

  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 10px;
}
.icon {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  -webkit-print-color-adjust: exact !important;
}
.separator {
  height: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.spacing{
  height: 30px;
}
.footer{
  height: 300px;
  width: 100%;
  background-color: #97233f;
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
}
.logoFR{
  max-width: 7.1428571429rem;
}
.footerMeat{
  width: 80%;
  display: flex;
  flex-direction: row;
}
a{
  color: white;
  text-decoration: none;
  font-weight: 700;
  margin-bottom: 10px;
}
@media only screen and (min-width: 720px) {
  /* For desktop: */
  .containerHelp {
    flex-direction: row;
    justify-content: space-evenly;
    min-width: 700px;
  }
  .cellHelp {
    flex-direction: column;
    justify-items: center;
    align-items: center;
  }
  .divButton {
    width: 740px;
    flex-direction: row;
  }
  .toggle {
    padding: 10px 20px 10px 20px;
    margin-right: 10px;
  width: auto;
  }
  .divDayMenu{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 700px;
  }
  .weekday {
    text-align: start;
    min-width: 700px;
    align-self: auto;
  }
  .divMeal {
    margin-bottom: 0px;
  }
  
  .separator {
    display: none;
  }
  .img-lg {
    margin-right: 0px;
  }
  .spacing{
    height: 0px;
  }
  .mobileHide{
    display: flex;
  }
  .logoFR{
    max-width: 10rem;
  }
  .footerMeat{
    width: 700px;
  }
}
@media (prefers-color-scheme: dark) {
body {
  background-color: #0F172A;
  color:#ffffff;
}
.divDayMenu{
      background-color: #1E293B;
}
.weekday{
    color:#E00439;
}
.titre{
     color:#E00439;
}
.redBar{
    background-color:#E00439;
}
.footer{
    background-color:#E00439;
}
.containerHelp{
    background-color: #1E293B;
}
.toggle {
    background-color: #1E293B;
}
.toggle:hover {
    background-color: #1E293B;
}
}