/* DOMAIN:  */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans&family=Noto+Serif+Display:wght@500&display=swap");
@import url("font.css");
@import url("animation-keyframes.css");
@import url("animation.css");
@import url("scroll.css");
@import url("modal.css");
@import url("bg-type.css");
@import url("box-allergene.css");
/* content */
@import url("header.css");
@import url("navigation.css");
@import url("footer.css");
@import url("buttons-order.css");
@import url("box-menu.css");

:root {
  --golden: #b4a070;
  --light-orange: #fa763d;
  --dark-orange: #eb5833;
  --white: #fff;
  --bgcolor: #231f20;
  --black: #000;
  --light-grey: #999;
  --red: #d62d26;
  --font-fallback: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-inuse: "Noto Serif", serif;
  --font-title-special: "Alex Brush";
}

.movie .bg img {
  /*   height:100vh; */
  transition: 1s;
}
.movie.step-2 .bg img {
  transform: scale(0.9);
}
body {
  color: var(--white);
  font-family: var(--font-inuse);
  font-size: 1.9em;
  line-height: 1.3em;
  font-optical-sizing: auto;
  background-color: #000;
}
/* .content::after        body                           { background:url('/files/images/1.png') no-repeat fixed; background-size: cover; background-position: top left ; opacity:1 ; z-index: -1;} 		 */
textarea {
  font-size: 14px;
}

h1,
h2,
h3 {
  margin: 1.5em 0 0.75em;
  text-align: center;
}
h1 {
  font-size: 2em;
}
h2 {
  color: var(--white);
  font-size: 3.2em;
  font-family: var(--font-title-special);
}
h3 {
  color: var(--golden);
  font-size: 2.2em;
  font-family: var(--font-inuse);
}

h1:first-child,
h2:first-child,
h3:first-child {
  margin-top: 0;
}

a,
a:active,
a:focus {
  color: #999;
  text-decoration: none;
}
a:hover {
  color: #999;
  text-decoration: none;
}

img.pull-left {
  margin: 2px 15px 15px 0;
}
img.pull-right {
  margin: 2px 0 15px 15px;
}

/* CONTENT */
.content .row {
  margin: 2em 0;
}
.content .textblock {
  text-align: center;
}
.content .textblock img {
  max-width: 100%;
}
.content .gmap {
  height: 400px;
}

/*.content .container, */
.menu::before,
.menu::after {
  content: "";
  background-color: #000;
  opacity: 0.5;
  position: absolute;
}

/* CAROUSEL */
.carousel {
  border-radius: 20px;
  overflow: hidden;
}

/* IMAGES */
.item2,
.item1,
.item4,
.item5,
.item15 {
  display: none;
}
.image {
  width: 100%;
  height: 200px;
  position: relative; /* Pour positionner le texte si besoin */
}
.item3 {
  background: url("/files/images/image1.jpeg") no-repeat center 40%;
  background-size: cover;
}
.item6 {
  background: url("/files/images/image61.jpg") no-repeat center 55%;
  background-size: cover;
}
.item7 {
  background: url("/files/images/image65.jpg") no-repeat center 40%;
  background-size: cover;
}
.item9 {
  background: url("/files/images/image52.png") no-repeat center 40%;
  background-size: cover;
}
.item8 {
  background: url("/files/images/image60.jpg") no-repeat center 55%;
  background-size: cover;
}
.item10 {
  background: url("/files/images/image51.jpg") no-repeat center 40%;
  background-size: cover;
}
.item11 {
  background: url("/files/images/image16.jpeg") no-repeat center 28%;
  background-size: cover;
}
.item12 {
  background: url("/files/images/image50.jpg") no-repeat center 45%;
  background-size: cover;
}
.item13 {
  background: url("/files/images/image222.jpeg") no-repeat center 60%;
  background-size: cover;
}
.item14 {
  background: url("/files/images/image3.jpeg") no-repeat center 50%;
  background-size: cover;
}
.item16 {
  background: url("/files/images/image6.jpeg") no-repeat center 60%;
  background-size: cover;
}
.item17 {
  background: url("/files/images/image11.jpeg") no-repeat center 60%;
  background-size: cover;
}

@media (max-width: 767px) {
  .col-md-6:nth-child(2) {
    margin-top: 2em;
  }
  h3 {
    font-size: 2.2em;
  }
  .menu .m_cat {
    padding: 0 !important;
    margin: 1em 0;
  }
}

@media (min-width: 768px) {
  .content .row {
    display: flex;
    align-items: flex-start;
  }
  .menu .m_dishes {
    column-gap: 50px;
    column-rule: 1px solid #ccc;
    columns: 2 300px;
  }
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}