/*
Theme Name: Mirai Theme Child
Theme URI: http://www.miraiespana.com
Description: Tema hijo desarrollado por Mirai Espana para hoteles.
Template: mirai
Author: Mirai Espana
*/

/*-------------------------------- MEDIA QUERYS --------------------------------*/

/* iphone portrait & landscape - galaxy portrait & lanscape */

@media (max-device-width: 767px) {

  body,
  body.cat-rooms .rooms-listing-wrapper,
  body.cat-room-detail .rooms-detail-wrapper,
  body.cat-offers .offers-listing-wrapper,
  body.cat-offer-detail .offers-detail-wrapper {
    font-size: 13px;
  }

  /* MOSTRAR */
  ul#menu_web,
  .home section#main,
  .home #footer .content > *,
  .home #menu_web li.current-menu-item,
  .menu-links,
  #footer .hidden-phone,
  #logo a img,
  .show-phone {
    display: inherit!important;
  }
  /* OCULTAR */
  body .menu li.booking-button,
  body #menu_web li.menu-item.booking-button,
  html body.home #menu_web li.booking-button,
  #logo a span.visible-phone,
  .open-dialog,
  .close-dialog,
  .footer-links li:not(:first-child)::before,
  .mainfooter .image-link-footer,
  #menu_phone,
  .home #footer .content address.address_phone,
  .home #footer .content .widget_qtranslate {
    display: none !important;
  }

  /* cancelar animaciones */
  .animateme {
    -webkit-transform: none!important;
    transform: none!important;
  }

  /*-------- HEADER --------*/
  /* preheader */
  .preheader {
    min-height: 30px;
    line-height: 30px;
  }

  /* mainheader */
  .affix-wrapper > div {
    padding: 6px;
  }
  .booking-button-box a,
  .hamburger {
    width: 55px;
    color: #fff;
  }
  .booking-button-box a::before {
    font-size: 25px;
  }
  .logo-box {
    width: 170px;
    padding-top: 10px;
  }
  ul#menu_web li a {
    font-size: 1.2em;
  }
  ul#menu_web > li > ul.sub-menu li > a {
    font-size: 1em;
  }

  /* pádines y márgines */
  .pvl {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  #main section,
  #content-header .title-box {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  #content-header .title-box p {
    font-size: 0.95em;
  }
  /* fixed content header images */
  .image-box {
    min-height: 100vh;
  }
  .image-box img {
    -o-object-position: 35%;
    object-position: 35%;
  }
  body .pl0, .pll {
    padding-left: 0;
  }
  ul#menu_web {
    padding-bottom: 16px;
  }
  .menu-links,
  .text-box-big {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .text-box {
    padding: 32px 0;
  }
  .phl, #main .container-big,
  .bg-black .text-box,
  .grayscale-img .text-box,
  .home #intro .text-box,
  .text-box-big,
  #legal-content .container, /*aviso legal*/
  .cat-cookies-policy .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  .grayscale-img .container-big .text-box {
    padding-left: 0;
    padding-right: 0;
  }
  .menu-links li,
  .postfooter .menu li {
    display: block;
    float: none;
    padding: 0!important;
  }
  .menu-links li a {
    line-height: 30px;
  }
  .grid-two-row .container-big > .flex:first-child .col-md-6:first-child,
  .grid-two-row .container-big > .flex:first-child .col-md-6:first-child,
  .grid-two-row .pll {
    padding: 0;
  }
  .grid-two-row .fx-align-center .text-box,
  .tables .pl0 {
    padding: 32px 0 16px;
  }
  .pal {
    padding: 32px 0;
  }


  .white-cover .flex img {
    height: 450px;
  }

     /*ENGINE BUTTON */
    
    .mi-be.mi-be-mobile {
        display: block !important;
    }

    .mi-be.mi-be-mobile .mi-be-book-btn.mi-be-book-btn-trigger {
        background: transparent;
        border: 2px solid #FFF;
        width: 55px;
        padding: 0;
        overflow: hidden;
    }

    .mi-be.mi-be-mobile .mi-be-book-btn.mi-be-book-btn-trigger::before {
        content: '\e9e2';
        font-family: 'mirai-icofonts';
        font-size: 30px;
        display: block;
        line-height: 51px;
    }

  /*TYPOGRAPHIAS*/
  .title2, .cat-cookies-policy h1, .rooms-listing-wrapper h2, .rooms-detail-wrapper h2, .offers-listing-wrapper h2, .offers-detail-wrapper h2, .blog-wrapper h2, .blog-wrapper h1, .blog-wrapper #posts_con_categoria, .mi-iata-content h2, .woocommerce-page .page-title {
    font-size: 2em;
    word-break: break-word;
  }
  .title3 {
    font-size: 1.6em;
    word-break: break-word;
  }

  /*#header .affix-wrapper .flex {
    display: block!important;
    overflow: hidden;
  }
  #header .affix-wrapper {
    padding: 0;
  }
  #header #logo {
    max-width: 42%;
    padding: 0 10px;
    float: left;
  }
  #header #logo a img {
    max-height: 50px;
    display: inline;
  }
  #header .modal-engine-wrapper {
    vertical-align: top;
    margin: 0 50px 0 0;
    text-align: center;
    overflow: hidden;
  }
  #header .affix.modal-engine-wrapper {
    display: block;
  }
  #header .btn-modal-engine {
    padding: 16px 21px;
    display: inline-block;
  }*/
  .table {
    font-size: 0.8em;
  }
  #main .tables .container-big {
    padding: 0;
  }

  #main .swiper-container-horizontal > .swiper-pagination {
    bottom: 16px;
  }
  .cat-rooms .container {
    padding-left: 6px;
    padding-right: 6px;
  }
  /*-------- FOOTER --------*/

  #footer, #footer .align-right, #footer .align-left {
    text-align: center;
  }
  .socialmedia {
    min-width: 220px;
  }
  .footer-links li {
    float: none;
  }
  .footer-links li,
  #engine-tracking-link-wrapper {
    margin-bottom: 8px;
  }
  #footer .hotelschema .tel,
  #footer .hotelschema .mail {
    padding-top: 4px;
  }

  .common-form .accept-privacity {
    line-height: inherit;
  }
  .phone-center .flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .phone-center .plm {
    padding-left: 0;
  }

  /*#footer .container>.row>* {
    padding: 20px 0;
  }
  .postfooter .menu li.booking-button {
    display: none!important;
  }
  #footer .socialmedia li:last-child a {
    margin-right: 0;
  }*/
  /* widget qtranslate */
  /*.home #footer .widget_qtranslate {
    margin: 0;
    padding: 20px 0;
  }
  .home #footer .widget_qtranslate:after {
    position: static;
    display: inline-block;
  }*/
  /* REVIEWS */
  /*#cuadroOpiniones div.hssurveys_full > div.hssurveys_full > div, div.hssurveys_full ul.questions {
        padding: 15px;
    }
    #cuadroOpiniones div.hssurveys_full .comments p.commentsPerson span.date {
        float: none;
        display: block;
    }
    #cuadroOpiniones div.hssurveys_full p.more {
        text-align: center;
    }*/

    .iconbox i {
      font-size: 50px;
    }

    /* HOME */
    .ru .offers-mashup .more-info-link {
      font-size: 85%;
    }

    /* ROOMS */
    .rooms-listing-wrapper .common-services {
      padding-left: 16px;
      padding-right: 16px;
    }
    .rooms-listing-wrapper .rooms-listing .room-item .room-content .room-price,
    .room-box .room-content .more-info {
      text-align: center;
      display: block;
      width: 100%;
      padding-top: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .rooms-listing-wrapper h3 {
      font-size: 1.5em;
    }
    .rooms-listing .room-item:not(:first-child) h3 {
      margin-top: 50px;
    }
    .rooms-listing-wrapper .rooms-listing .room-item .room-detail ul li.three {
      margin: 0 6px 10px;
      padding: 0;
      width: auto;
    }
    .rooms-detail-wrapper .offers-listing .offer {
      margin-bottom: 0!important;
      padding-top: 16px;
      padding-bottom: 0;
    }
    .rooms-detail-wrapper .room a.booking_mobile {
      width: auto;
      margin-top: 32px;
      margin-bottom: 32px;
      background-color: inherit;
      color: inherit;
    }
    .back {
      padding-top: 16px;
    }
    /* OFFERS */
    .offers-detail-wrapper a.booking_mobile {
      width: auto!important;
    }

    /* TABS */
    #main .meeting-room-slider.container-big {
      padding: 0;
    }

    .tab-menu, .tab-caption {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .tab-menu {
      display: block;
      background: rgba(0, 48, 91, 0.94);
      padding: 0 0 60px;
    }
    .tab-menu li a {
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 0;
      height: 0;
      opacity: 0;
      padding: 0 16px;
    }
    .tab-menu li.active a {
      font-size: 18px;
      opacity: 1;
      line-height: 60px;
      height: 60px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
    }
    .tab-menu li.active a::before {
      content: "\e95c";
      font-family: 'mirai-icofonts';
      float: right;
    }
    .tab-caption li {
      padding-bottom: 8px;
    }
    .tab-caption i {
      font-size: 1.6em;
    }
    /* open */
    .tab-menu.open li.active a {
      background: rgba(0,0,0,.2);
    }
    .tab-menu.open li.active a::before {
      content: "\e95a";
    }
    .tab-menu.open li a {
      height: 60px;
      line-height: 60px;
      opacity: 1;
      -webkit-transition: all .4s, opacity .4s .2s;
      transition: all .4s, opacity .4s .2s;
    }
    body.modal-open {
        overflow: auto;
    }
    #modal-advantages-home.modal{
        top: 12%;
        padding-top: 10%;
    }
    #modal-advantages-home .close{
        top: 0;
        position: absolute;
        right: 10px;
    }
    /*HOTEL CON ALMA*/
    .testimony blockquote {
    	margin: 40px 20px;
	}
    /*VIDEOS*/
    #video .phs{
    	padding-left:0;
        padding-right:0;
    }
    #video iframe {
    	width:400px !important
    }
   

  .mi-be-square .advantages {
    margin-top: 12px;
    width: 100%;
  }

  .booking-button-box .booking-btn {
    max-width: 55px;
  }
}

/*------------------------------------------------------------------------------*/