/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


.main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 900px;
  margin-top: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;

}

.rooms-main-container {
  width: 90%;
  height: auto;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-right: 20px;
  border-radius: 20px;
  background-color: #f2f2f2;

}

.rooms-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 750px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  overflow: auto;
}

.rooms-box {

  display: block;
  width: 25%;
  height: 230px;
  padding: 7px 7px 0px 7px;
  margin-top: 15px;
  margin-right: 20px;
  margin-bottom: 30px;
  margin-left: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: hsla(0, 0.00%, 100.00%, 1.00);
  -webkit-box-shadow: 2px 2px 18px -10px;
          box-shadow: 2px 2px 18px -10px;
}

.rooms-box:hover {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);

  -webkit-transition:  0.5s;

  -o-transition:  0.5s;

  transition:  0.5s;
}

.bg-image {
  object-fit: cover;
  width: 100%;
  height: 140px;
  padding: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  /*background-image: url("../ressource/images/hebergements/3_medium/marcus-loke-WQJvWU_HZFo-unsplash.jpg");*/
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size:cover;

}

/* .bg-image:hover {
  transform: scale(1.1);
  transform-origin: 1 5px; 
  transition:  2s;
}*/

.bg-image1 {
  width: 100%;
  height: 140px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-image: url(../ressource/images/hebergements/2_large/marcus-loke-WQJvWU_HZFo-unsplash.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;

}

.bg-image2 {
  width: 100%;
  height: 140px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-image: url("../ressource/images/hebergements/2_large/fred-kleber-gTbaxaVLvsg-unsplash.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;

}

.bg-image3 {
  width: 100%;
  height: 140px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-image: url("../ressource/images/hebergements/2_large/reisetopia-B8WIgxA_PFU-unsplash.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;

}
.bg-image5 {
  width: 100%;
  height: 140px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-image: url("../ressource/images/hebergements/2_large/nicate-lee-kT-ZyaiwBe0-unsplash.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;

}

.bg-image-resize-1 {
  width: 100%;
  height: 140px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-image: url("../ressource/images/hebergements/2_large/annie-spratt-Eg1qcIitAuA-unsplash.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.bg-image-resize-2 {
  width: 100%;
  height: 140px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-image: url("../ressource/images/hebergements/2_large/febrian-zakaria-M6S1WvfW68A-unsplash.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.block-bottom {
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 90px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.block-bottom-r {
  padding-top: 0px;
  margin-left: 20px;
}

.text-bold {
  display: block;
  margin: 10px 0px 0px 0px;
  font-size: 0.9rem;
  font-weight: 700;
}

.block-bottom p {
  margin:  5px 0px;
}

.block-bottom-r p {
  margin:  5px 0px;
}

.stars-container {
  padding-top: 0px;
}

.stars-container-r {
  padding-top: 0px;
}


/* @media  screen and (max-width: 1640px){
  .rooms-main-container {
    width: 1000px;
    margin-right: 20px;
    }
  .bottom-container {
    margin-top: 100px;
  }
  .rooms-wrapper {
    overflow: hidden;
  }
  .rooms-box {
    margin-bottom: 50px;
  }
  
}*/