/*
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;
        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;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    #header #logo {
        max-width: 40%;
        float: left;
        position: relative;
        max-height: 65px;
        overflow: hidden;
    }
    #header #logo a img {
        height: 91px;
        width: auto;
        display: block;
    }
    #header .affix-wrapper > div > .container {
        padding: 0;
    }   
    .engine-wrapper.pvxl{
        padding:20px;
    }
    .engine-wrapper .flex{
       -ms-flex-wrap:wrap;
       flex-wrap:wrap;
    }
    #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: 26px 21px;
        font-size: 16px;
        letter-spacing: normal;
    }
    /* booking link for mobile */
	.booking-link {display: block!important;}
        
    /*-------- 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: 10px 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 */
    #content-header .carousel-control, .swiper-container .swiper-button-prev, .swiper-container .swiper-button-next, .flickity-prev-next-button{
        display:none;
    }
    .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: 90%;
    }  
    .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: 35px;
        margin-right: 15px;
    } 
    /* main title */
    .main-title {
        font-size: 30px;
        line-height: 40px;
        text-shadow: 2px 2px 20px #000;
    }
    .picbox {
        min-height: 250px;
    }
    /* 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;
    }
    .fx-reverse-m {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .mirai-modal{
        background-color: rgba(0, 0, 0, 0.85);
    }
    #modal-newsletter h3.mi-title2{
        font-size: 23px;
        line-height: 35px;
    }
    #modal-newsletter .accept-privacity {
        margin: 20px 0;
        text-align: left;
    }
    span.wpcf7-not-valid-tip {
        color: red;
        font-size: 1em;
        display: block;
        text-align: left;
        margin-bottom: 10px;
    }
    /* titles */
    .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:28px;
        line-height: 40px;
    }
    .mi-ante-title{
        line-height:30px;
    }
    /* home */
    #intro{
        padding: 15px 10px;
        text-align: left;
    }
    #intro .under-line:after{
        margin:30px 0;
    }
    #intro p.phxl{
        padding: 0px;
        text-align: left;      
    }
    .text-img .flex, #offers .flex, .newsletter-content.flex, .mainfooter .flex{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    }
    .text-img img{
        max-height:300px;
    }
    .text-img .plm.prs{
        padding: 10px 0;
    }
    .text-img p.pvm{
        padding: 35px 0;
    }
    .text-img a{
        margin-bottom:20px
    }
    #offers{
        background-image:none;
        text-align:center;
    }
    #offers .offers-mashup{
        padding-top:50px;
    }
    #services .pbm{
        padding-bottom:10px;
    }
    .newsletter-content .prm{
        padding-right:0;
        padding-bottom:25px;
    }
    /* villas */
    .rooms-listing-wrapper .common-services {
        padding: 1px 0px 0 10px;
    }
    .rooms-listing-wrapper .common-services li {
        font-size: 14px;
        width: 50%;
    }
    .rooms-listing-wrapper .rooms-listing .room-item .room-detail h3 {
        text-align: left;
    }
     .rooms-listing-wrapper .rooms-listing .room-item .room-content{
        padding-bottom:60px!important;
    }
    .room-box{
        padding:35px 10px;
    }
    .room-box .room-detail h3 a{
        font-size: 25px;
        line-height: 40px;
    }
    .room-box .room-image-link img {
        padding-right: 0;
        max-height: 350px;
    }
    .room-box .room-content .more-info{
        font-size: 18px;
    }
    .room-box .room-content ul.exclusive-services li{
        width: 100%;
    }
    .back{
        padding:15px 0;
    }
    .rooms-detail-wrapper .room-box-services ul{
        text-align: left;
    }
    .rooms-detail-wrapper .offers-listing .offer {
        margin-bottom: 0!important;
    }
    .rooms-detail-wrapper .room a.booking_mobile{
        padding: 26px 10px;
        margin-top: 20px;
        background-color: #6bcbe1;
    }
    .cat-room-detail .affix, .cat-offer-detail .affix {
        min-height: auto;
    }
    /* ofertas */
    .offers-listing-wrapper {
        padding: 25px 20px;
    }
    .offers-listing-wrapper .offers-listing {
        padding-top: 10px;
    }
    /* services */
    #list p{
        font-size:16px;
    }
    /* localizacion */
    .small-container {
        width: auto;
    }
    .places-content span{
        margin:0 auto;
        margin:45px auto 0 auto;
    }
    .cat-location .pls, .cat-location .rs{
        padding-right:10px;
        padding-left:10px;
    }
    .cat-location .text-img p.pvm {
        padding: 35px 10px;
    }
    .cat-location .prs, .cat-location .pls, .cat-location .prm, .cat-location .plm{
        padding-left:0;
        padding-right:0;
    }
    .place-img{
        padding-bottom:50px;
    }
    .place-img img{
        min-height:300px;
    }
    /* galeria */
    #gallery a img{
        pointer-events:none;
    }
    a.link-club {
        display: block!important;
        padding: 5px;
        width: 100%;
        z-index: 5;
        opacity: 1;
    }
    
    #header .modal-engine-wrapper {
	    width: auto;
    }
    
    #header .affix.modal-engine-wrapper{
        min-width: auto;
    }
    
    .csp-logo {
        top: 83px;
    }

    a.link-club {
       display: block!important;
       padding: 5px;
       width: 100%;
       z-index: 99;
       opacity: 1;
   }

   .mim-club-login__access-wrapper {
     position:relative;
     height: 30px;
     width: 150px;
     margin: 0 auto;
   }
   .mim-club-login__access{
     display: block;
     text-align: center;
     height: 30px;
     width: 100%;
   }

   .club-login__access{
     background: #222;
     padding: 5px;
   }

  /* .mi-be-modal {
       top: 70px;
   }*/
    .mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer .mi-be-date-picker-confirm {
        padding: 10px 0;
    }
    .mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer .mi-be-datepicker-legend {
        margin-bottom: 5px;
        font-size: .7rem;
        line-height: 1.1;
    }

   .mi-club-login__access--logged .mi-club-login__access-icon, .mim-club-login__access--logged .mim-club-login__access-icon {
       display: inline;
   }

   a.link-club {
       z-index: 99;
   }
    
    .advantages-new-club {
    max-width: 100%;
}
    .advantages-club.flex {
    align-items: self-start;
}
   
}


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