/*
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 10px;
    }
    #header #navigationweb > div {
        width: auto;
    }
	
    #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: -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: 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;
      -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 .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;
        -o-object-fit: cover;
        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;
    }
    .san-valentin-wrapper img{
        -o-object-position: left;
        object-position: left;
    }
    .san-valentin-wrapper .bg-light-fill{
        background:rgba(255, 255, 255, 0.7);
    }

	

    
}

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

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