/*
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) {

    .container {
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
    }

    .modal.fade.in {
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        border-radius: 0;
    }

    .modal-body {
        max-height: none;
    }

    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 {
        display: none !important;
    }

    .ph0-xs {
        padding-left: 0;
        padding-right: 0;
    }

    .fx-column-md,
    .fx-column-xs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    /*-------- HEADER --------*/

    /* preheader */

    #pre-header {
        display: none;
    }

    .contact-header>li {
        display: block;
        text-align: left;
        padding: 0 0 6px 0;
    }

    .contact-header {
        font-size: 12px;
        float: left;
        padding-left: 10px;
    }

    .contact-header>li:before {
        display: none;
    }

    /* mainheader */

    #header .affix-wrapper {
        padding: 0;
    }

    #header #navigationweb {
        padding: 0 10px;
    }

    #header #navigationweb>div {
        width: auto;
    }

    /* #header #logo {
        max-width: 70%;
    } */

    #header #logo a img {
        display: inline;
        width: 100%!important;
		max-width: 120px!important;
    }

    #header .modal-engine-wrapper {
        vertical-align: top;
        margin: 0 !important;
        text-align: center;
        overflow: hidden;
    }

    #header .affix.modal-engine-wrapper {
        display: block;
    }

    #header .booking-modal-btn,
    .booking-link {
        padding: 16px 21px;
        font-size: 16px;
        letter-spacing: normal;
    }

    /* booking link for mobile */
    /* #header .booking-modal-btn {
        display: none !important
    }

    .booking-link {
        display: block !important;
    } */

    /* MENU */

    ul#menu_web {
        font-size: 1.4rem;
    }

    ul#menu_web>li>a {
        padding: 0 0 9px;
    }

    /*-------- MAIN --------*/
    .home section#main {
        display: block;
    }

    /*-------- FOOTER --------*/
    #footer {
        height: auto;
    }

    #footer .content {
        display: block !important;
    }

    .home #footer .content>* {
        display: inherit;
    }

    #footer,
    #footer .align-right,
    #footer .align-left {
        text-align: center;
    }

    #footer .container>.row>* {
        padding: 20px 0;
    }

    .logo-footer {
        display: none;
    }

    .postfooter .menu li.booking-button {
        display: none !important;
    }

    #footer .socialmedia li:last-child a {
        margin-right: 0;
    }

    /* newsletter */

    .newsletter>div {
        padding: 0 0 20px;
        max-width: 100%;
    }

    /* carousel controls */

    .carousel-control {
        font-size: 20px;
        width: 20px;
        margin-top: -25px;
    }

    /* widget qtranslate */

    .home #footer .widget_qtranslate {
        margin: 0;
        padding: 20px 0;
    }

    .home #footer .widget_qtranslate:after {
        position: static;
        display: inline-block;
    }

    /* icons-list */

    .icons-list {
        float: none;
        display: inline-block !important;
        width: 74%;
    }

    .icons-list>li {
        text-align: left;
        margin-bottom: 20px;
        width: auto;
        float: none;
        display: flex;
        align-items: center;
        padding: 0;
    }

    .icons-list>li:last-child {
        margin-bottom: 0;
    }

    .icons-list i {
        font-size: 33px;
        margin-right: 15px;
    }

    /* main title */

    .main-title {
        font-size: 25px;
    }

    /* ROOMS */

    .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;
        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 .room {
        padding: 15px 0 0 0;
    }

    /* Advantages row */
    .advantages-row ul,
    .advantages-row li {
        display: block;
        width: auto;
    }

    .advantages-row li {
        padding: 5px 20px;
    }

    /**/
    .bg-img.not-full {
        width: 100%;
        max-height: 400px;
        object-fit: cover;
        position: relative;
    }

    .cat-services .bg-light-gradient-right.pvm,
    .cat-services .bg-light-gradient-left.pvm,
    .cat-restaurant .bg-light-gradient-right.pvm,
    .cat-restaurant .bg-light-gradient-left.pvm {
        padding: 0;
    }

    #conditions ul.small-text.ptm {
        padding-top: 20px;
    }

    #conditions ul.small-text li {
        padding-bottom: 10px !important;
    }

    #meeting-rooms ul.tables-meeting li.pvm {
        padding: 0;
    }

    #meeting-rooms ul.tables-meeting li div.col-xs-12.pvm {
        padding: 0;
        padding-top: 15px;
        overflow: hidden;
    }

    div.table-wrapper {
        overflow: scroll;
    }

    .table-wrapper:before {
        font-family: 'mirai-icofonts';
        content: "\e976";
        position: absolute;
        bottom: 15px;
        right: 50%;
    }

    .table-wrapper:after {
        font-family: 'mirai-icofonts';
        content: "\e977";
        position: absolute;
        bottom: 15px;
        left: 50%;
    }

    #meeting-rooms a {
        margin: 10px 0;
    }

    #weddings div.relative.pvl {
        padding: 20px 10px;
    }

    .common-form.pvl {
        padding: 25px 0;
    }

    #popup-modal-offer .modal-dialog {
        top: 0;
    }


}

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

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

#engine-modal {
    overflow-y: scroll;
}