/*
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) {
    #header {
        /*todo: no consigo fixearlo para todos los smarthphones */
        /*position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
        margin-bottom: 0;*/
    }
    /* excepción con el menu que no está en el header, descomentar si el menu está en el section#main */
    .home section#main,
    .home #footer .content>*,
    #logo a img,
    .mapa>* {
        display: block !important;
    }
    #header #logo .visible-phone {
        display: none !important;
    }
    #header #logo {
        line-height: normal;
        padding-top: 5px;
    }
    /*
    .home section#main .content > * {display:none;}
    .home section#main .content > #menu_web {display:block;}*/
    /* HOME */
    .home #menu_web li.booking-button {
        display: inline-block !important;
    }
    .home ul#menu_web {
        margin: 65px 0;
    }
    #header .current-menu-item a,
    #header ul#menu_web>li:hover a,
    #header ul#menu_web>#header li.current-menu-item a,
    #header ul#menu_web>#header li.current-menu-parent a {
        color: #f7e038!important;
    }
    #header .bg-blue .container {
        padding-left: 0;
        padding-right: 0;
    }
    body #menu_web .sub-menu {
        background: rgba(255, 255, 255, 0.1);
    }
    .home #menu_web li,
    ul#menu_web>li.current-menu-item,
    ul#menu_web>li:hover {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
        border-radius: 0 !important;
        color: #fff;
        margin: 2% 1% !important;
        padding: 0 !important;
        text-align: center;
        width: 47%;
    }
    .home ul#menu_web li a {
        padding: 10px 0;
    }
    .home #footer .widget_qtranslate {
        margin-top: 10px;
    }
    .not-home #menu_phone {
        padding: 5px 0;
    }
    #header .widget_qtranslate {
        display: none;
    }
    .carousel .item>img {
        width: 100%;
        object-fit: cover;
        min-height: 250px;
    }
    section#iconos {
        padding: 60px 0 50px 0;
    }
    section#iconos ul {
        display: flex;
        flex-direction: column;
    }
    section#iconos ul li {
        margin: 0 0 40px;
        width: 100%;
    }
    section#ventajas .row {
        text-align: center !important;
    }
    [class*="col-md"],
    [class*="span"].pull-right,
    .row-fluid [class*="span"].pull-right {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    [class*="span"].pull-right,
    .row-fluid [class*="span"].pull-right {
        float: unset;
    }
    [class*="offset-"] {
        margin-left: 0px;
    }
    section#main h3 {
        padding: 20px 0;
        text-align: center !important;
    }
    #ventajas h2 {
        margin: 0;
        font-size: 2em;
    }
    h3.texto-club {
        margin-bottom: 20px;
    }
    #apartamentos-home h3 {
        text-align: center;
    }
    .titulo-foto {
        left: 50%;
        transform: translateX(-50%);
    }
    #footer .widget_qtranslate ul li a:after {
        content: none;
    }
    .home #footer .widget_qtranslate ul li.active a {
        color: #fcd804;
    }
    .home #footer .content address.address_phone {
        background-color: #fcd804;
        padding: 15px 0;
    }
    .organization.hotelschema {
        line-height: 30px;
        padding: 0 20px;
    }
    #footer #menu_aux2 a {
        padding: 5px 12px;
    }
    #footer #menu_aux2 {
        padding: 20px 0;
    }
    #footer #menu_aux1 a {
        line-height: 50px;
    }
    .modal.hide {
        visibility: hidden;
    }
    ul#menu_web>li ul.sub-menu li a {
        background: inherit;
    }
    .pdd13 {
        padding-top: 30px;
    }
    .cajas-wrapper .pull-right {
        margin: 0;
    }
    .display-phone {
        display: block;
    }
    .engine-center h2 {
        padding-bottom: 0;
        font-size: 2.8em;
    }
    .engine-center .affix {
        display: none;
    }
    #header .booking-modal-btn {
        position: fixed;
        bottom: 0px;
        left: 0;
        right: 0;
        z-index: 10;
        text-align: center;
        text-decoration: none;
        color: #000;
        font-size: 1.5em;
        padding: 18px 0;
        background-color: #f7e038;
        font-weight: 600;
    }
    .mi-modal-close i {
        font-size: 30px;
    }
    .rooms-listing-wrapper>.container {
        margin: 20px auto;
    }
    .rooms-listing-wrapper .common-services {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .rooms-listing-wrapper .rooms-listing .room-item .room-detail h3 {
        font-size: 1.7em;
    }
    .room-description {
        font-size: 1.1em;
        line-height: 1.4;
        font-weight: normal;
    }
    .rooms-listing-wrapper .rooms-listing .room-item {
        margin-bottom: 0px !important;
        margin-top: 0px;
    }
    .rooms-listing-wrapper.default-left .rooms-listing .room-item .room-detail,
    .rooms-listing-wrapper.default-left .rooms-listing .room-item .room-content {
        padding-left: 0;
    }
    .room-box .room-detail ul {
        margin: 15px 0;
    }
    .container {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    #intro-location h2 {
        font-size: 1.6em;
        line-height: 35px;
        padding: 0;
        margin: 0;
    }
    .container h2 {
        padding: 20px 0 10px;
    }
    div.info {
        padding: 20px;
    }
    section#restaurants h3 {
        text-align: left !important;
    }
    .mrg8,
    .mrg6 {
        margin: 0 !important;
    }
    .pdd8 {
        padding-left: 0;
    }
    .instalaciones-y-actividades .pv {
        padding-top: 0;
        padding-bottom: 0;
    }
    #more-services li {
        padding: 0;
        margin: 10px 0;
        left: unset;
    }
    #more-services li h3 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #more-services li i {
        position: relative;
        height: 58px;
        width: 42px;
    }
    [class^="icon-"],
    [class*=" icon-"] {
        background-image: none;
    }
    .pv {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .mapa {
        margin: 0 !important;
    }
    #work-with-us input,
    .formulario-contacto input,
    .formulario-contacto .wpcf7-textarea {
        width: auto !important;
    }
    
    /*--- COVID ---*/
    .txt-covid {
        font-size: 14px;
        margin: 0 30px;
    }
    
    body.home .carousel .item>img {
        min-height: 440px;
    }
    
    .mim-club-login__access {
    	flex-direction: row;
    }
    
    .mim-club-login__access-icon {
    	margin-right: 3px;
    }
    
    #header .bg-blue {
        font-size: 13px;
    }
    
    #header .bg-blue .pdd6,
    #header .bg-blue .pdd2{
        padding-right: 5px;
    }

  
	#webcam.modal.hide.fade.in {
    top: 0;
    visibility: visible;
	}
    
}


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