/*************************


/* Carousel sur chaque article
  * ********************************/

.carousel-boxing {
  position:relative;
  overflow: hidden !important;
  padding: 0 !important;
  border-radius: 10px;
  margin-right: 10px !important;
}

.gallery {
  transition: transform 0.7s ease-in-out;
  max-height:600px;

}

.img-slide {
  min-width: 100%;
}

.bien-infos {
  z-index: 20;
}

.bien-infos-list {
  max-width: 100% !important;
}

.bien-infos-list > li {
  animation: fadeInRight 1.5s ease;
  box-shadow: 10px 5px 10px #0000005b;
}

.dpe_ges > div {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}

.btn-primary {
  background-color: #927642 !important;
  border-color: #4a4a37 !important;
}

.btn-primary:hover {
  background: transparent;
  border-color: #4a4a375b !important;
  color: #4a4a37 !important;
}

.card-title {
  font-size: 1.5rem !important;
}

.card-body {
  padding: 0 !important;
}

/* CSS related to buttons : 
***************************************************/

.button-carousel-container {
  z-index: 50;
  padding: 2%;
  position: absolute;
  width: inherit;
  margin: 0;
}

.button-carousel-container .button-carousel {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  box-shadow: 0px 0px 10px #968054;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  opacity: 0.5;
}

.button-carousel-container .button-carousel:hover {
  opacity: 1;
  scale: 1.2;
  transition: scale 0.4s ease-in-out;
}

.bien-description {
  font-size: clamp(1rem, calc(1rem + 0.039vw), 1.75rem);
  margin:1%;
}

/* CSS related to dots on img
***********************************************************************/
.dot-container {
  position: absolute;
  display: flex;
  align-items: baseline;
  justify-content: space-evenly;
  flex-direction: row;
  width: 25%;
  align-self: flex-end;
  margin-bottom: 20px;
}

.dot-style {
  border-radius: 50%;
  background-color: #e8e8ac;
  width: 10px;
  height: 10px;
  opacity: 0.8;
}

.bg-selected {
  background-color: #a88a58;
}

.bien-template-svg svg {
  width : 30px;
  padding:0 !important;
}

/* Responsive
***********************************************************************/

@media only screen and (max-width: 1080px) {
  .button-carousel-container .button-carousel {
    width: 30px;
    height: 30px;
  }

  .entry-title {
    font-size: x-large;
    text-align: center;
  }
}

@media only screen and (max-width: 560px) {
  .button-carousel-container {
    display: hidden !important;
  }
  .dot-style {
    width: 7px !important;
    height: 7px !important;
  }

  h1 {
    font-size: 20px !important;
  }
  .bien-infos-list {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1199px) {
  .bien-infos {
    background-image: url("https://cabinetlaclef.com/wp-content/uploads/2023/02/bg-white.png");
    background-size: cover;
    background-position: center;
    margin-top: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .dpe_ges > div {
    justify-content: initial;
  }
}
