/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  font-family: 'Montserrat', sans-serif;
  padding-top: 3rem;
  padding-bottom: 0rem;
  color: rgb(var(--bs-tertiary-color-rgb));
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600 !important;
  color: #87766F; 
}
p, ul li, a {  
  font-weight: 400 !important;  
  font-style: normal;
}
.lead { 
  font-size: 1.1rem ;
}
.nav-link {
  color: white;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.nav-link:hover {
  color: #291E1E;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 50em) {
  .carousel-caption {
    background-color: white;
    opacity: 0.8;
    left: 10%;
	padding: 10px;
    width: 80%;
  }

}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }

}
/* banner cookie */
.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #222;
  color: #fff;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  z-index: 9999;
}
.cookie-banner button {
  padding: 8px 15px;
  cursor: pointer;
  border: none;
  font-weight: bold;
}
.btn-accept { background: #4CAF50; color: white; }
.btn-reject { background: #f44336; color: white; }
/* fin banner cookie */

/* couleur
#e0dbd9
#B3A8A4
#AA9F9B
#87766F
#291E1E
#7A5A4D
*/
.background-menu { background-color: #87766F; }
/* .background-custom { background-color: rgb(232, 229, 224); } */
.background-custom { background-color: #e0dbd9; }
.spacing-10 { padding-top: 5rem; }


.margin-top10 { margin-top: 3rem; }

.btn-browncolor {
  --bs-btn-color: #fff;
  --bs-btn-bg: #733f2d;
  --bs-btn-border-color: #733f2d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a67153;
  --bs-btn-hover-border-color: #a67153;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a67153;
  --bs-btn-active-border-color: #a67153;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #733f2d;
  --bs-btn-disabled-border-color: #733f2d;
}

.featurette-divider { color: transparent; }

a i.bi {
  font-size: 2rem;
  transition: color .30s ease-in-out,background-color .30s ease-in-out,border-color .30s ease-in-out;
  color: #733f2d;
}
a:hover i.bi {
  font-size: 2rem;
  color: #a67153;
}
a i.bi.fadecolor {
  font-size: 2rem;
  transition: color .30s ease-in-out,background-color .30s ease-in-out,border-color .30s ease-in-out;
  color: white;
}
a:hover i.bi.fadecolor {
  font-size: 2rem;
  color: #291E1E;
}

.text-body-emphasis {
  color: #733f2d;
}