@charset "UTF-8";
/*!
Theme Name: Booklium Child
Theme URI: https://motopress.com/products/booklium
Author: MotoPress
Author URI: https://motopress.com
Description: Awesome WordPress theme.
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: booklium
Template: booklium
*/

/*GENERAL*/

/*Colores*/

:root {
  --main-color: #00a092;
}

h2, h3 {
  color: var(--main-color);
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .more-link, .page-footer .post-edit-link, .wp-block-button__link:not(.has-background), .wp-block-file .wp-block-file__button:not(.has-background) {
  background-color: var(--main-color);
}

.mphb_sc_search-wrapper input[type="text"], .mphb_sc_search-wrapper select, .mphb_sc_booking_form-wrapper input[type="text"], .mphb_sc_booking_form-wrapper select, .widget_mphb_search_availability_widget input[type="text"], .widget_mphb_search_availability_widget select, .mphb-datepick-popup {
  border: 2px solid var(--main-color)!important;
}

.mphb-booking-form input[type="text"], .mphb-booking-form select {
  border: 1px solid var(--main-color)!important;
}

/*Header*/

.site-branding .custom-logo-link {
  margin-right: 0rem;
}

body.site-boxed .site-branding .custom-logo-link img, body.site-wide .site-branding .custom-logo-link img {
  max-width: 8rem!important;
}

/*HOME*/

#post-32 .h2-home {
  font-size: 2.5rem;
  margin-top: 5rem;
  text-align: center;
}

#post-32 > div > div.wp-block-columns.are-vertically-aligned-bottom.titulo-establecimientos > div:nth-child(2) > div {
  justify-content: center;
}

/*Formulario home*/

.poster-home {
  background-image: url("../../uploads/2021/04/rentalaraba-home.jpg");
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #B8B8B8;
  background-blend-mode: multiply;
  min-height: 60vh;
  padding:1.25rem;
}

.poster-home h1, .poster-home label {
  color: #fff;
}

.poster-home h1 {
  font-size: 3rem;
}

#post-32 > div > div.wp-block-group.alignfull.poster-home > div > div > form {
  margin: 0;
}

form.mphb_sc_search-form p.mphb_sc_search-ninos select option:nth-child(1),
form.mphb_sc_search-form p.mphb_sc_search-adultos select option:nth-child(1) {
  display: none;
}

#post-32 > div > div.wp-block-group.alignfull.poster-home > div > div > form {
  align-items: center;
}

/*Título establecimientos*/

.titulo-establecimientos {
  margin-bottom: 2.5rem;
}

/*Botón de ver todos los establecimientos*/

#post-32>div>div.wp-block-columns>div>div>div>a {
  margin-top: 3rem;
}

/*Sección alojamientos y página todos alojamientos*/

.is-style-grid .post-thumbnail img {
  max-height: 20rem;
  margin: auto;
  width: auto;
}

.page-id-32 .is-style-grid .post-thumbnail img {
  width: 100%;
}

ul.mphb-loop-room-type-attributes {
  columns: 1!important;
}

.page-id-21 .flex-viewport .gallery-icon img {
  margin: auto;
}


/*Sección iconos confianza*/

#post-32 div.wp-block-columns div.wp-block-column div.wp-block-group {
  margin-top: 3rem;
  padding: 3rem;
  min-height: 30rem;
  background-color: #fff;
  display: flex;
  align-items: center;
}

/*Resultados de Busqueda*/

.mphb-room-type div.loop-room-book-wrapper div.mphb-reserve-room-section p.mphb-rooms-quantity-wrapper {
  /*quitar numero de alojamientos de un mismo tipo*/
  display:none; 
}

div.mphb_sc_search_results-wrapper  div.loop-room-wrapper ul.mphb-loop-room-type-attributes > li.mphb-room-type-ninos.mphb-room-type-custom-attribute,
div.mphb_sc_search_results-wrapper  div.loop-room-wrapper ul.mphb-loop-room-type-attributes > li.mphb-room-type-adultos.mphb-room-type-custom-attribute {
  /*Quitar los atributos adultos y ninos del resultado*/
  display:none;
}

/*Pagina alojamientos*/
.page-id-21 .mphb_sc_rooms-wrapper li.mphb-room-type-adultos,
.page-id-21 .mphb_sc_rooms-wrapper li.mphb-room-type-ninos {
  display: none;
}

/*SINGLE*/

.single-room-gallery {
  margin-bottom: 6.25rem;
  padding-top: 5rem;
  border-top: 1px solid #ededed;
}

.single-mphb_room_type h1 {
  color: var(--main-color);
  text-transform: uppercase;
}

.mphb-single-room-type-attributes .mphb-room-type-ninos,
.mphb-single-room-type-attributes .mphb-room-type-adultos {
  /*ocultar atributos adultos y personas de la ficha de producto*/
  display: none;
}

.mphb_room_type-template-default #imggsingle {
  /*ocultar imagen vacia firefox*/
  display: none;
}

.single .btn-contacto-apartamentos {
  background-color: #00a092;
  color: #fff;
  padding: 1rem;
  border: 1px solid #00a092;
  transition: ease all .3s;
}

.single .btn-contacto-apartamentos:hover {
  background-color: #fff;
  color: #00a092;
  text-decoration: none;
}

/*dos columnas en detalles*/
.single-mphb_room_type .single-room-attributes-wrapper ul.mphb-single-room-type-attributes {
  display: flex;
  flex-wrap: wrap;
}

.single-mphb_room_type .single-room-attributes-wrapper ul.mphb-single-room-type-attributes li {
  width: 100%;
  position:relative;
  padding-left: 2rem;
  padding-right: 10px;
}

.single-mphb_room_type .single-room-attributes-wrapper ul.mphb-single-room-type-attributes li:before {
  position:absolute;
  left:0;
}

.single-mphb_room_type .single-room-attributes-wrapper ul.mphb-single-room-type-attributes li span {
  display: initial;
}

/*Iconos Atributos*/
ul.mphb-single-room-type-attributes li.mphb-room-type-camas-individuales:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-camas-individuales:before {
  content: "\f236";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-personas:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-personas:before {
  content: "\f500";
}

ul.mphb-loop-room-type-attributes li.mphb-room-type-personas {
  display: none;
}

ul.mphb-single-room-type-attributes li.mphb-room-type-banos:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-banos:before {
  content: "\f7d8";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-salon:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-salon:before {
  content: "\f4b8";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-parking:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-parking:before {
  content: "\f540";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-cocina:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-cocina:before {
  content: "\f2e7";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-camas-dobles:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-camas-dobles:before {
  content: "\f7bd";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-dormitorios:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-dormitorios:before {
  content: "\f52b";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-office:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-office:before {
  content: "\f304";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-cunas-de-viaje:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-cunas-de-viaje:before {
  content: "\f77d";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-terrazas:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-terrazas:before {
  content: "\f6c4";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-accesibilidad:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-accesibilidad:before {
  content: "\f554";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-perros:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-perros:before,
ul.mphb-single-room-type-attributes li.mphb-room-type-mascotas:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-mascotas:before {
  content: "\f6d3";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-cunas:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-cunas:before {
  content: "\f77c";
}

ul.mphb-single-room-type-attributes li.mphb-room-type-sofa-cama:before,
ul.mphb-loop-room-type-attributes li.mphb-room-type-sofa-cama:before {
  content: "\f4b8";
}


/*CONFIRMACIÓN DE RESERVA*/

/*Quitar recomendaciones*/
.mphb_sc_search_results-wrapper  .mphb-recommendation-title, 
.mphb_sc_search_results-wrapper #mphb-recommendation {
    display:none;
}

#mphb-booking-details > div > div > p.mphb-guest-name-wrapper {
	display:none;
}

.mphb_sc_checkout-wrapper  .mphb_sc_checkout-form p.mphb-total-price {
  display: none;
}

/*Detalles de Reserva*/
.mphb-reserve-rooms-details .mphb-room-details h3.mphb-room-number {
  display:none
}

.mphb-reserve-rooms-details .mphb-room-details p.mphb-room-type-title span {
  display:none; 
}

.mphb-reserve-rooms-details .mphb-room-details p.mphb-room-type-title a {
  font-size: 25px; 
}

#mphb-booking-details {
    display: flex;
    flex-direction: column;
}

#mphb-booking-details h3.mphb-booking-details-title {
    display:none; 
}

#mphb-booking-details .mphb-reserve-rooms-details {
    margin-top:0; 
    order:1;
}

#mphb-booking-details p.mphb-check-in-date {
  order:2; 
}

#mphb-booking-details p.mphb-check-out-date {
  order:3; 
}

/*Orden de los elementos*/

.mphb_sc_checkout-wrapper form.mphb_sc_checkout-form {
    display: flex;
    flex-direction: column;
}

.mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-booking-details {
  order:1; 
}

.mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-customer-details {
  order:2; 
}

.mphb_sc_checkout-wrapper form.mphb_sc_checkout-form #mphb-price-details {
  order:3; 
}


.mphb_sc_checkout-wrapper form.mphb_sc_checkout-form p.mphb-total-price {
  order:4; 
}


.mphb_sc_checkout-wrapper form.mphb_sc_checkout-form section.mphb-checkout-terms-wrapper {
  order:5; 
}

.mphb_sc_checkout-wrapper form.mphb_sc_checkout-form p.mphb_sc_checkout-submit-wrapper {
  order:6; 
}




/*QUIENES SOMOS*/

.text-about {
  padding: 1rem;
}

.img-about img {
  border-radius: 1000px!important;
  border-style: outset;
}

/*BICIS*/

.img-bicis-2 {
  order: 2!important;
}

.texto-bicis-derecha {
  order: 1!important;
}

/*VISITAS GUIADAS*/

.img-visitas {
  order: 2;
}

/*FOOTER*/

#colophon {
  background-color: #2A2C33;
  max-width: none;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

#contenedor-footer {
  color: #fff;
}

#logo-footer {
  max-width: 10rem;
}

#contenedor-footer span #contenedor-footer span a {
  color: #fff;
}

#contenedor-footer span img {
  width: 1rem;
  filter: invert(61%) sepia(22%) saturate(4534%) hue-rotate(152deg) brightness(88%) contrast(74%);
  margin-right: 5px;
}

#contacto-footer a {
  display: block;
  color: #fff!important;
}

#contacto-footer {
  color: #fff!important;
}

#col-footer-redes i {
  color: var(--main-color);
  font-size: 2.5rem;
}

#contacto-footer i {
  color: var(--main-color);
  font-size: 1rem;
  margin-right: 6px;
}

/*CTA*/

/*Teléfono y mail*/

a.cta {
  display: none;
}

/*Whatsapp*/
.joinchat__button {
  right: 0px!important;
  bottom:20px!important;
}

/*Finalizar compra Woocommerce*/

.woocommerce .woocommerce-checkout #customer_details .col-1 {
  max-width: 100%!important;
}

.woocommerce .woocommerce-checkout #customer_details .col-1 p.form-row {
  display: block!important;
}

.woocommerce .woocommerce-checkout #customer_details .col-1 #billing_company_field {
  display: none!important;
}

.woocommerce .woocommerce-checkout #customer_details .col-1 #billing_address_2_field {
  display: none!important;
}

.woocommerce .woocommerce-checkout #customer_details .col-2 {
  display: none;
}


/*MEDIA QUERIES*/

@media (min-width:375px) {
  ul.mphb-loop-room-type-attributes {
    columns: 2!important;
  }
}

@media (min-width: 400px) {
  .single-mphb_room_type .single-room-attributes-wrapper ul.mphb-single-room-type-attributes li {
    width: 50%;
  }
}

@media (min-width: 425px) {
  body.home form.mphb_sc_search-form p {
    flex: 1 0 50%!important;
    padding: 0.25rem;
  }
}


@media (min-width: 576px) {
  #colophon {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media (min-width:600px){
  .img-visitas-izquierda {
    order: 1!important;
  } 

  .texto-derecha {
    order:2;
  }

  .img-bicis-2 {
    order: 1!important;
  }

  .img-bicis-2 {
    order: 1!important;
  }
  
  .texto-bicis-derecha {
    order: 2!important;
  }
  
}

@media (min-width: 768px) {
  body.site-boxed .site-branding .custom-logo-link img, body.site-wide .site-branding .custom-logo-link img {
    max-width: 22rem!important;
  }
  .poster-home {
    padding: 6rem 3rem;
  }
  #post-32 .h2-home {
    text-align: left;
  }

  #post-32 > div > div.wp-block-columns.are-vertically-aligned-bottom.titulo-establecimientos > div:nth-child(2) > div {
    justify-content: flex-end;
  }

  /*Cta*/
  
  a.cta {
    display: block;
    position: fixed;
    width: 60px;
    height: 60px;
    background-color: var(--main-color);
    border: solid;
    border-width: 1px;
    border-color: var(--main-color);
    border-radius: 100%;
    margin-bottom: 15rem;
  }
  a.cta img {
    padding: 1rem;
    filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(239deg) brightness(113%) contrast(101%);
  }
  a.cta:hover {
    background-color: #fff;
  }
  a.cta img:hover {
    filter: invert(61%) sepia(22%) saturate(4534%) hue-rotate(152deg) brightness(88%) contrast(74%);
  }
  #telefono-fijo {
    bottom: 60px;
    right: 15px;
  }
  #contacto-fijo {
    bottom: -180px;
    right: 20px;
  }
  
  /*Whatsapp*/
  .joinchat__button {
    right: 0px!important;
    bottom:40px!important;
  }
}

@media (min-width: 992px) {
  .entry-header-custom {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  #title-single {
    padding: 2rem 4rem;
  }
  #col-footer-redes img {
    width: 2rem;
  }

  #post-32 > div > div.wp-block-group.alignfull.poster-home > div > div > form {
    align-items: flex-end;
  }

  .is-style-grid .post-thumbnail img {
    max-height: 12rem;
  }
  
}

@media (min-width: 1024px) {
  /*Quienes Somos*/
  .page-id-414 .entry-content .wp-block-group {
    margin-top: 7.5rem;
  }
}

@media (min-width: 1200px) {
  .is-style-grid .post-thumbnail img {
    max-height: 15rem;
  }
}

@media (min-width:1440px) {
  .is-style-grid .post-thumbnail img {
    max-height: 20rem;
  }
  /*Apartamentos*/
  #mphb-flexslider-gallery-1 span a img {
    max-width:25rem;
  }

}