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

  body,
  body.cat-rooms .rooms-listing-wrapper,
  body.cat-room-detail .rooms-detail-wrapper,
  body.cat-offers .offers-listing-wrapper,
  body.cat-offer-detail .offers-detail-wrapper {
    font-size: 13px;
  }

  /* MOSTRAR */
  ul#menu_web,
  .home section#main,
  .home #footer .content>*,
  .home #menu_web li.current-menu-item,
  .menu-links,
  #footer .hidden-phone,
  #logo a img,
  .show-phone {
    display: inherit !important;
  }

  /* OCULTAR */
  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,
  .open-dialog,
  .close-dialog,
  .footer-links li:not(:first-child)::before,
  #menu_phone,
  a.image-link-footer,
  .home #footer .content address.address_phone,
  .home #footer .content .widget_qtranslate {
    display: none !important;
  }

  /* cancelar animaciones */
  .animateme {
    transform: none !important;
  }

  /*-------- HEADER --------*/
  /* preheader */
  .preheader {
    min-height: 30px;
    line-height: 30px;
  }

  /* mainheader */
  .affix-wrapper>div {
    padding: 6px;
  }

  .booking-button-box a,
  .hamburger {
    width: 40px;
    color: #fff;
	height:40px;
  }

  .booking-button-box a::before {
    font-size: 25px;
  }

  .logo-box {
    width: 170px;
    padding-top: 10px;
  }

  ul#menu_web li a {
    font-size: 1.2em;
  }

  ul#menu_web>li>ul.sub-menu li>a {
    font-size: 1em;
  }

  #tour-virtual-modal ul {
    margin-bottom: 16px;
  }

  /* pádines y márgines */
  #main section,
  #content-header .title-box {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  body .pl0,
  .pll {
    padding-left: 0;
  }

  ul#menu_web {
    padding-bottom: 16px;
  }

  .menu-links,
  .text-box-big {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .text-box {
    padding: 32px 0;
  }

  .phl,
  #main .container-big,
  .bg-black .text-box,
  .grayscale-img .text-box,
  .home #intro .text-box,
  .text-box-big {
    padding-left: 16px;
    padding-right: 16px;
  }

  .menu-links li,
  .postfooter .menu li {
    display: block;
    float: none;
    padding: 0 !important;
  }

  .menu-links li a {
    line-height: 30px;
  }

  .grid-two-row .container-big>.flex:first-child .col-md-6:first-child,
  .grid-two-row .container-big>.flex:first-child .col-md-6:first-child,
  .grid-two-row .pll {
    padding: 0;
  }

  .grid-two-row .fx-align-center .text-box,
  .tables .pl0 {
    padding: 32px 10px 16px;
  }

  .pal {
    padding: 32px 0;
  }


  #main .flex img {
    height: 450px;
  }

  /*ENGINE BUTTON */

  .mi-be.mi-be-mobile {
    display: block !important;
  }

  .mi-be.mi-be-mobile .mi-be-book-btn.mi-be-book-btn-trigger {
    background: transparent;
    border: 2px solid #FFF;
    width: 55px;
    padding: 0;
    overflow: hidden;
  }

  .mi-be.mi-be-mobile .mi-be-book-btn.mi-be-book-btn-trigger::before {
    content: '\e9e2';
    font-family: 'mirai-icofonts';
    font-size: 30px;
    display: block;
    line-height: 51px;
  }

  /*TYPOGRAPHIAS*/
  .title2,
  .cat-cookies-policy h1,
  .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,
  .woocommerce-page .page-title {
    font-size: 2em;
    word-break: break-word;
  }

  .title3 {
    font-size: 1.6em;
    word-break: break-word;
  }

  /*#header .affix-wrapper .flex {
    display: block!important;
    overflow: hidden;
  }
  #header .affix-wrapper {
    padding: 0;
  }
  #header #logo {
    max-width: 42%;
    padding: 0 10px;
    float: left;
  }
  #header #logo a img {
    max-height: 50px;
    display: inline;
  }
  #header .modal-engine-wrapper {
    vertical-align: top;
    margin: 0 50px 0 0;
    text-align: center;
    overflow: hidden;
  }
  #header .affix.modal-engine-wrapper {
    display: block;
  }
  #header .btn-modal-engine {
    padding: 16px 21px;
    display: inline-block;
  }*/
  .table {
    font-size: 0.8em;
  }

  #main .tables .container-big {
    padding: 0;
  }

  #main .swiper-container-horizontal>.swiper-pagination {
    bottom: 16px;
  }

  .cat-rooms .container {
    padding-left: 6px;
    padding-right: 6px;
  }

  /*-------- FOOTER --------*/

  #footer,
  #footer .align-right,
  #footer .align-left {
    text-align: center;
  }

  .socialmedia {
    min-width: 220px;
  }

  .footer-links li {
    float: none;
  }

  .footer-links li,
  #engine-tracking-link-wrapper {
    margin-bottom: 8px;
  }

  .common-form .accept-privacity {
    line-height: inherit;
  }

  .phone-center .flex {
    justify-content: center;
  }

  .phone-center .plm {
    padding-left: 0;
  }

  /*#footer .container>.row>* {
    padding: 20px 0;
  }
  .postfooter .menu li.booking-button {
    display: none!important;
  }
  #footer .socialmedia li:last-child a {
    margin-right: 0;
  }*/
  /* widget qtranslate */
  /*.home #footer .widget_qtranslate {
    margin: 0;
    padding: 20px 0;
  }
  .home #footer .widget_qtranslate:after {
    position: static;
    display: inline-block;
  }*/
  /* 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;
    }*/

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

  /* TABLAS */
  .tables .title4 {
    font-size: 1em;
    padding-left: 5px;
  }

  .tables .carousel-control {
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
    font-size: 28px;
    margin-top: 0;
    width: 50px;
    height: 28px;
  }

  .tables .carousel-control::after {
    top: 14px;
    height: 2px;
  }

  .tables .carousel-control.left {
    right: 52px;
  }

  .tables .carousel-control.left::after {
    left: 8px;
  }

  .tables .carousel-control.right::after {
    right: 8px;
  }

  #modal-rrhh .modal-body {
    padding-left: 8%;
  }
    
    .mainfooter  .border-right {
    	border-right: none;
    }

  /*-------- ----------------WIDGET TRIPTEASE --------------------------*/
  #eighty_hotel_reviews_widget {
    z-index: 1 !important;
    top: 135px !important;
  }

  /*POP UP HOME*/

  .popupMirai {
    top: 20%;
    margin-left: 0;
    width: 100%;
  }

  .popupMirai p {
    font-size: 1.7em;
  }

  .wedding-wrapper img {
    object-fit: cover;
    height: 100%!important;
    width: 100%!important;
  }
/*-----SHOP ----------------*/
	.woocommerce {
		font-family: 'Playfair Display', serif;
	}
	.woocommerce-page #content-header .image-box img {
		height: 60vh!important;
		min-width: 200px;
        min-height:400px;
	}

	.woocommerce-page #main .container-big {
		padding: 0 10px;
	}

	.woocommerce-page .widget_product_categories {
		position: relative;
		display: block;
		width: 100%;
	}

	.woocommerce-page .widget_product_categories ul, .woocommerce-page .widget_product_categories h3 {
		/* width: 100%; */
		/* display: block; */
		/* text-align: left; */
	}

	.woocommerce-page .widget_product_categories select {
		width: 100%;
		margin: 10px 0 20px 0;
	}

	.woocommerce-page ul.products li.product {
		float: none!important;
		width: 90%;
		margin: 20px auto;
		display: block;
	}

	.woocommerce ul.products li.product a {
		width: 80%!important;
		margin: 0 auto;
		display: block;
		float: none!important;
		text-align: center;
	}

	.woocommerce-page ul.products li.product img {
		width: 100%!important;
		float: none!important;
		margin: 0;
		text-align: center;
		padding: 0;
	}

	.woocommerce-page ul.products li.product h3 {
		font-size: 2em;		
		color: #000;
	}
	.woocommerce ul.products li a.woocommerce-read-more-link {
		margin: 10px auto;
		background: #000;
		color: #fff;
		border: 1px solid #000!important;
	}

	.woocommerce ul.products li a.woocommerce-read-more-link:hover {
		background: #928567;
		border: 1px solid #928567!important;
	}
		.woocommerce-page div.product div.images {
		width: 90%!important;
		margin: 2em auto;
	}

	.woocommerce #content div.product .product_title, .woocommerce div.product .product_title, .woocommerce-page #content div.product .product_title, .woocommerce-page div.product .product_title {
		font-family: 'Playfair Display', serif;
		font-size: 2em;
	}

	.woocommerce div.product div.summary {
		width: 90%!important;
		margin: 0 auto!important;
	}



	.woocommerce div.product form.cart table td {
		width: 100%;
		display: block;
	}

	.woocommerce div.product form.cart table {
		margin: 0!important;
		padding: 0!important;
		width: 100%;
	}

	.voucher-fields input[type='text'], .voucher-fields textarea {
		height: 30px;
	}

	.woocommerce {
		font-family: 'Playfair Display', serif;
	}

	.woocommerce .voucher-fields label {
		font-size: 1.3em;
	}

	.woocommerce-page ul.products li.product .price .amount, .woocommerce-page .product-type-simple .summary .price .amount {
		font-size: 1.8em;
	}

	.woocommerce div.product div.images img {
		width: 150px;
		margin: 0 auto;
	}

	.single-product.woocommerce-page .product-type-simple {
		margin-top: 0px;
	}
/*---------FIN SHOP --------*/
    
    .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;
    }
    .menu-box > div {
        min-width: auto;
       	display: flex;
    	flex-direction: column;
    }
}

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

.mi-be-square .advantages {
  margin-top: 12px;
  width: 100%;
}
.booking-button-box .booking-btn {
  max-width: 55px;
}

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

.page-id-704.woocommerce-page #main .container-big {
    padding: 0;
}

.page-id-704 .col2-set, .col-1,
.page-id-704 .woocommerce-checkout-review-order {
    width: 100% !important;
    padding: 0 20px !important;
    box-sizing: border-box;
}

.page-id-704 #content-message {
    padding: 20px !important;
}

#content-message .icon {
    right: 50%;
    transform: translateX(50%) rotate(45deg);
}

#galleria{
	height: 400px;
}