/*
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 a img {
		width: 130px;
		display: inline;
	}

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