@import "../../../../basic_imports";
@import "../../../../../../../common/sass/components/_legacy_components";
@import "../../../../../../../common/sass/components/_hotel_points_opinions";

/* Importar estilos de opiniones genericas (tanto para tripadvisor, destinia, google...)*/
@import "../../../../../../../common/sass/components/hotel_opinions_generic";

/* Importar estilos de rating bioscore */
@import "../../../../../../../common/sass/components/hotel_rating_bioscore";

/* Importar estilos del carrusel de fotografías */
@import "../../../../../../../common/sass/components/common_carousel_photoswipe";

.icon-info_hotelpage {
  width: 22px;
  height: 23px;
  float: left;
  margin: 3px 5px 0 5px;
}

h1.heading-fonts, h2.heading-fonts {
  margin: 0;
}

h1 {
  font-size: 30px;
  margin-bottom: 18px;
}

.linkToHotelPage {
  font-weight: $roboto-bold;
  margin-bottom: 30px;
}

h2 {
  font-size: 18px;
}

#buscador {
  margin: 0 0 10px 0;
  padding: 0;
}
.owl-carousel {
  margin-bottom: 40px;
}
#thumbs_gallery_1_row {
  margin-bottom: 30px;
}

.owl-item .item img {
  border-radius: 6px;
  cursor: pointer;
}

.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
  background: none;
  right: 16px
}

.pswp__button--arrow--left {
  width: 50px;
  height: 110px;
  font-size: 40px;
  position: absolute;
  top: 48%;
  color: #FFF
}

.pswp__button--arrow--right {
  width: 50px;
  height: 110px;
  font-size: 40px;
  position: absolute;
  top: 48%;
  color: #FFF
}

.arrow-off {
  opacity: 0.2 !important;
  cursor: default !important
}

.opinions-title {
  margin-bottom: 20px;
  h2 {
    margin-top: 10px;
  }
}
.new-opinion {
  text-align: right;
  @media (max-width: $screen-xs-max) {
    text-align: center;
    padding: 0 0 18px 0;
  }
}


@media (min-width: 1200px) {
  .breadcrumb {
    max-width: 900px;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb {
    max-width: 750px;
  }
}