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


/* [col-xs] Mobile */

@media (max-width: 767px) {
    ul#menu_web {
        display: block;
        overflow: auto;
    }

    .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;
        flex-direction: column;
    }

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

    /*-------- 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 #navigationweb {
        padding: 0 10px;
    }

    .modal-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #header #logo {
        float: left;
        height: 50px;
        margin-top: 5px;
        position: static;
        -webkit-transform: none;
        transform: none;
    }

    #header #logo a img {
        max-height: 50px;
        display: inline;
    }

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

    #header .modal-engine-wrapper {
        display: block;
        width: auto;
        opacity: 1;
    }

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

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

    #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;
    }

    .flickity-prev-next-button {
        display: none;
    }

    /* 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: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        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: 28px;
        line-height: 32px;
    }

    .engine-wrapper {
        padding-top: 180px;
    }

    .picbox {
        min-height: 150px;
    }

    /* BLOG */
    .blog-wrapper {
        padding: 50px 0;
    }

    .blog-sidebar .widget_search form input[type="text"] {
        width: auto;
    }

    .blog-sidebar {
        width: auto;
        display: inline-block;
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .post #respond .comment-form-author,
    .post #respond .comment-form-email {
        width: 100%;
        float: none;
        padding: 0;
    }

    .post ol > li.comment > ul.children {
        padding-left: 20px;
    }

    .post ol > li.comment > ul.children > li.comment > ul.children {
        padding-left: 0;
    }

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

    /* Advantages row */
    .advantages-row .row {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        align-items: center;
    }

    .advantages-row ul,
    .advantages-row li {
        display: block;
        width: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .advantages-row .mi-title i {
        display: none;
    }

    .advantages-row .mi-title {
        padding-right: 0;
    }

    .full-screen-container {
        min-height: 80vh !important;
    }

    #header {
        height: 0 !important;
    }

    #fixed-header {
        left: 0;
        /*top: 0 !important;*/
        right: 0;
        padding: 0;
    }

    .wrapper-header-left,
    .wrapper-header-right {
        width: auto;
    }

    #header .booking-modal-btn {
        padding: 15px;
        font-size: 0;
        height: 30px;
        width: 30px;
    }

    #header .booking-modal-btn:before {
        content: '\ea28';
        font-family: 'mirai-icofonts' !important;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 42px;
        color: #333333;
        speak: none;
        font-variant: normal;
        line-height: inherit;
        text-decoration: none;
        font-style: normal;
        font-weight: normal;
        text-transform: none;
        letter-spacing: normal;
        -webkit-font-smoothing: antialiased;
    }

    .section-full .mi-title2 {
        text-align: center;
        margin-bottom: 20px;
    }

    .into-modal {
        padding: 10px;
        /* overflow: auto; */
    }

    .row-info-footer > li {
        width: 100%;
        margin: 10px 0;
        border: none;
    }

    .row-info-footer,
    .row-social-footer,
    .row-legal-footer,
    .row-logos {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 10px 0;
    }

    .row-logos > * {
        margin: 0 10px;
        width: calc(50% - 80px);
    }

    .mi-title2,
    #cookies-wrapper-content h1,
    #cookies-wrapper-content h2,
    .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,
    .starter-offers .offers-mashup dl dt {
        font-size: 32px;
        line-height: 38px;
    }

    #modal-menuweb .into-modal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    #modal-menuweb .widget_qtranslate ul {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: transparent !important;
    }

    #modal-menuweb .widget_qtranslate {
        padding: 0;
    }

    .modal-header #logo {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    .mirai-modal {
        padding: 0;
    }

    .widget_qtranslate ul li {
        padding: 0 15px !important;
    }

    #modal-menuweb .wrapper-menu {
        padding-bottom: 0 !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .wrapper-modal-advantages {
        padding-top: 0px;
    }

    .wrapper-menu #menu_web li {
        display: block !important;
        width: 100% !important;
        /*text-align: center;*/
    }

    .common-form form > div {
        width: 100%;
    }

    .mirai-modal .mi-title3 {
        text-transform: inherit;
        font-size: 18px;
        padding-bottom: 20px;
        text-transform: inherit;
    }

    .wrapper-modal-advantages .mi-title2 {
        text-align: center;
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 20px;
    }

    .wrapper-modal-advantages .large-icons > li > h4 {
        text-align: left;
        font-size: 16px;
    }

    .rooms-listing-wrapper.one-column .rooms-listing .room-item .room-box .room-detail ul {
        left: 0 !important;
        margin-bottom: 0;
    }

    .rooms-listing-wrapper.one-column .rooms-listing .room-item .room-box .room-detail .room-description {
        padding-bottom: 50px !important;
    }

    #header #modal-menuweb #logo {
        position: absolute;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    #header #modal-menuweb .modal-header {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: block;
        padding: 20px 0;
    }

    #header #modal-menuweb .modal-header #logo {
        display: none;
    }

    .rooms-listing-wrapper .common-services li {
        width: 100%;
    }

    .rooms-detail-wrapper .room-box-extras div ul li {
        width: 100%;
    }

    .rooms-detail-wrapper .room-box-image .room-box-detail .box-price {
        margin-top: 50px;
    }

    #main .large-icons > li h4 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .mirai-modal-active #fixed-header > #logo {
        opacity: 1;
    }

    .modal-header {
        display: none;
    }

    .into-modal {
        padding-top: 100px;
    }

    .wrapper-menu {
        display: block;
        overflow: auto;
    }

    ul#menu_web > li {
        float: none;
        margin-bottom: 0;
    }

    .common-form .wpcf7-recaptcha {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    .common-form input[type="text"],
    .common-form input[type="email"],
    .common-form textarea,
    .common-form select {
        min-height: auto;
        font-size: 14px;
    }

    .wrapper-room {
        display: block;
        overflow: auto;
    }

    .wrapper-icons > div {
        padding: 10px 0;
        /* box-sizing: inherit; */
        width: auto;
        max-width: 100%;
        font-size: 16px;
    }

    .wrapper-icons {
        margin: 40px 0;
    }

    .room-modal .into-modal {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .white-text .secundary-btn,
    .white-text .offers-mashup .more-info-link {
        font-size: 14px;
        letter-spacing: initial;
    }

    .gastro-date .date {
        display: block;
    }

    .gastro-date .date > div,
    .gastro-date .date > div label,
    .gastro-date .date > div input {
        width: 100% !important;
        max-width: 100%;
    }

    div#engine-modal {
        top: 60px;
        z-index: 999;
    }

    .mirai-modal-active.engine-modal-active #fixed-header {
        background-color: #333333 !important;
    }

    .reservation-row > .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .reservation-row > .container > a:first-child {
        margin-bottom: 10px;
    }

    .reservation-row .info p {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .reservation-row .info p span {
        border: none;
        border-bottom: solid 1px rgb(242, 242, 242);
    }

    .reservation-row .info p span:last-child {
        border: none;
    }

    .full-screen-container .carousel-cell iframe {
        display: none;
    }

    .wrapper-menu li {
        margin-right: 0;
    }

    .engine-carousel-icons li i {
        display: block;
        margin: 0 0 10px 0;
    }

    .large-icons[data-flickity] {
        padding-left: 30px;
        padding-right: 30px;
    }

    .large-icons[data-flickity] li {
        width: 100%;
    }

    .large-icons[data-flickity] .flickity-prev-next-button {
        display: block;
    }

    .large-icons[data-flickity] .flickity-prev-next-button {
        width: 30px;
        padding: 0;
    }

    .offset-active .button-leftheader:nth-child(2),
    .offset-active .button-leftheader:nth-child(3), .offset-active .button-leftheader:nth-child(4) {
        margin-left: 0;
    }

    .button-leftheader {
        -webkit-transition: top .5s;
        transition: top .5s;
    }

    ul#menu_web .sub-menu li {
        width: auto !important;
    }

    ul#menu_web > li > ul.sub-menu {
        font-size: 13px;
        width: 100%;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative !important;
    }

    ul#menu_web > li > ul.sub-menu li:nth-last-child(2) > a:before {
        display: block;
    }

    ul#menu_web > li > ul.sub-menu li > a {
        padding: 0 15px 0 0;
    }

    ul#menu_web > li > ul.sub-menu li > a:before {
        right: 8px;
        -webkit-transform: translateY(-50%) rotate(5deg);
        transform: translateY(-50%) rotate(5deg);
    }

    #engine-modal .into-modal {
        padding-top: 20px;
        display: block !important;
    }

    .wrapper-discount-engine {
        display: none;
    }

    .button-leftheader:hover .popup {
        display: none;
    }

    ul#menu_web > li {
        text-align: left;
    }

    ul#menu_web > li > .sub-menu {
        width: 100%;
        -webkit-padding-start: 20px;
        -moz-padding-start: 20px;
        padding-inline-start: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    ul#menu_web .sub-menu li {
        width: 100% !important;
        text-align: left;
    }


    ul#menu_web > li.menu-item-has-children {
        margin-bottom: 10px;
    }



    ul#menu_web .sub-menu li a {
        padding: 4px 0 !important;
        font-size: 16px;
    }

    ul#menu_web > li > ul.sub-menu li > a:before {
        display: none !important;
    }


    /* width */
    #modal-menuweb ::-webkit-scrollbar {
        width: 5px !important;
    }

    /* Track */
    #modal-menuweb ::-webkit-scrollbar-track {
        background-color: rgb(93, 93, 92) !important;
        border-radius: 0px !important;
    }

    /* Handle */
    #modal-menuweb ::-webkit-scrollbar-thumb {
        background: rgb(195, 195, 194) !important;
        border-radius: 50px !important;
    }

    .offers-detail-wrapper.offer-detail-1 .offer-photo {
        width: 100%;
    }

    .offers-detail-wrapper .offer-wrapper {
        flex-wrap: wrap;
    }

    .offers-detail-wrapper.offer-detail-1 .offer-photo img {
        width: 100%;
        height: 150px;
    }

    .offers-detail-wrapper.offer-detail-1 .offer-features-wrapper {
        position: relative;
        width: 100%;
        margin: 0;
    }
    
    .cat-themed-rooms .rooms-listing-wrapper.one-column .rooms-listing .room-item .room-box .room-detail ul {
        width: 100%;
    }
    
    .cat-themed-rooms #modal-menuweb {
        z-index: 9;
    }
    
    .mim-club-login__access {
    	flex-direction: row;
    }
    
    .mim-club-login__access-icon {
        margin: 3px 5px 2px;
    }
    
    #pre-header {
        padding: 5px 0;
        position: absolute;
        width: 100%;
         z-index: 1000;
	}
    
    body.mirai-modal-active #pre-header {
    	display: none;
    }