/* Página de hoteles por costa nacional Versión desarrollada en Marzo de 2017 FMC */
/* https://destinia.com/hotels/costas/hoteles-en-espana/europa/spain/es */
@import "../../../../basic_imports";

/* Importar estilos para listados */
@import "../../../../../../../common/sass/components/_listas";
@import "../../../../../../../common/sass/components/_list_seo";

/* Elementos compartidos con disponibilidad */
@import "../../../../../../../common/sass/web/availability/_hotels_availability";
@import "../../../../../../../common/sass/web/availability/_common_availability_components";
@import "../../../../../../../common/sass/web/availability/_hotels_availability_components";

/* Importar estilos de opiniones destinia */
@import "../../../../../../../common/sass/components/hotel_points_opinions";
@import "../../../../../../../common/sass/components/_hotel_opinions_tripadvisor";

/* 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";

/* Componentes legacy */
@import "../../../../../../../common/sass/components/legacy/_tripadvisor";
@import "../../../../../../../common/sass/components/legacy/_summary_deals2";


/* Estilos propios de la página */
.home_search_box.search_city_seo {
  margin: 0 auto !important;
}

/* Modificaciones mapa de costas: BOC */
.coastMap {
  display: none;
}
.widgets_coasts_coastscountrymapwidget a.txt_costa {
  font-size: 18px!important;
  @include medium-weight;
}
.widgets_coasts_coastscountrymapwidget .coastList ul.original {
  width: 100%!important;
}
/* Small devices (tablets, 768px and up) */
@media (min-width: $screen-sm-min) {
  .widgets_coasts_coastscountrymapwidget .coastList {
    width: 100%;
  }
  .widgets_coasts_coastscountrymapwidget .coastList ul.original {
    width: 45%!important;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: $screen-md-min) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: $screen-lg-min) {
  .coastMap {
    display: block;
    margin-left: 0!important;
    margin-right: 5%!important;
  }
  .widgets_coasts_coastscountrymapwidget .coastList {
    width: auto;
  }
  .widgets_coasts_coastscountrymapwidget .coastList ul.original {
    width: 200px!important;
  }
}
/* Modificaciones mapa de costas: EOC */

/* Modificaciones ficha de hotel: BOC */
/* Medium devices (desktops, 992px and up) */
@media (min-width: $screen-md-min) {
  .container_img_hotel, .generic-pic.img_hotel  {
    position: relative;
    overflow: hidden;
    width: 110%;
    height: 150px;
    .img_hotel {
      margin-right: 0;
      position: relative;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
  }
}
.hotel_card {
  .opinions {
    cursor: pointer;
  }
  .button_availability {
    margin-top: 0;
    position: absolute;
    bottom: 15px;
    right: 15px;
  }
}
/* Tab resumen hotel */
.summary_container {
  margin-top: 10px;
  p {
    font-size: $font-size-small;
    font-weight: $roboto-light;
  }
}
/* Tab Opiniones */
.switchOpinions {
  background-color: #f7f7f7;
  li {
    display: inline;
    float: right;
    padding: 12px 26px;
    font-size: $font-size-small;
    a {
      text-decoration: none;
      color: $brand-grey-dark!important;
      background-color: transparent!important;
      border: none!important;
      cursor: pointer!important;
      padding: 0;
    }
    &.active {
      a {
        @include medium-weight;
        color: $brand-red!important;
        cursor: text!important;
      }
    }
  }
}
.opinions_destinia {
  padding-top: 70px;
}
.opinions_tripAdvisor {
}
.iframe_Tripadvisor {
  border: none;
  width: 100%;
  height: 650px;
  padding: 10px;
}
/* Tab Mapa */
.hotel_card {
  .tab-content {
    .map_availability {
      height: auto;
      .bubble_map {
        .img_hotel {
          width: auto;
          height: auto;
        }
      }
    }
  }
}
/* Modificaciones ficha de hotel: EOC */

/* Columna secundaria: BOC */
  /* Texto Seo Localidad: BOC */
  .textoSeoLocalidad {
    border-left: solid 3px $brand-yellow;
    padding-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  /* Texto Seo Localidad: BOC */

  /* Botones compartir: BOC */
  .widgets_social_sharepagewidget {
    border: 1px solid $colorBordes !important;
    padding: 20px;
    text-align: center;
    margin: 30px 0;
    @media (min-width: $screen-sm-min) {
      ul {
        li {
          padding: 0 15px !important;
        }
      }
    }
  }
  /* Botones compartir: EOC */

/* Columna secundaria: EOC */




/* Small devices (tablets, 768px and up) */
@media (min-width: $screen-sm-min) {
}
@media (min-width: $screen-sm-min) and (orientation: landscape) {
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: $screen-md-min) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: $screen-lg-min) {
}