/*
Theme Name:     Hotel Booking Child Theme
Theme URI:      
Description:    Hotelbooking child theme.
Author:         Kbd
Author URI:     
Template:       hotelbooking
Version:        0.1.0
*/

/*
General*/

/*Header*/
.header-column-mobile > div{
	display: flex;
	justify-content: flex-end;
}
.header-column-mobile > div .elementor-widget-button,
.header-column-mobile > div .elementor-widget-navigation{
	width: auto;
	margin: 0;
}

@media (max-width: 1024px){
  .header-column-mobile > div{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .header-column-mobile > div .elementor-widget-button,
  .header-column-mobile > div .elementor-widget-navigation{
    width: auto;
    margin: 0;
    margin-left: 15px;
  }
}

/*Footer*/
/*footer*/
.footer-submenuTop{
	display: none;
}
.f-submenu-submenuBottom{
	display: block;
}
@media (max-width: 570px){
	.footer-submenuTop{
		display: block;
	}
  .f-submenu-submenuBottom{
		display: none;
	}
}

/*Language Menú Desktop*/
#menu-language-menu .current-menu-parent,
#menu-language-menu .current-menu-parent .lang-item a{
  position: relative;
}
#menu-language-menu .current-menu-parent:before,
#menu-language-menu .current-menu-parent .lang-item a:before {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#menu-language-menu .current-menu-parent .lang-item a {
  padding: 5px 20px 5px 40px;
}
#menu-language-menu .current-menu-parent .lang-item a:before{
  left: 15px;
}
#menu-language-menu .current-menu-parent .lang-item-es a:before {
  content: url('/wp-content/plugins/polylang/flags/uy.png');
}
#menu-language-menu .current-menu-parent .lang-item-en a:before {
  content: url('/wp-content/plugins/polylang/flags/us.png');
}
#menu-language-menu .current-menu-parent .lang-item-pt a:before {
  content: url('/wp-content/plugins/polylang/flags/br.png');
}
html[lang="es-UY"] #menu-language-menu .current-menu-parent:before{
  content: url('/wp-content/plugins/polylang/flags/uy.png');
}
html[lang="en-US"] #menu-language-menu .current-menu-parent:before{
  content: url('/wp-content/plugins/polylang/flags/us.png');
}
html[lang="pt-BR"] #menu-language-menu .current-menu-parent:before{
  content: url('/wp-content/plugins/polylang/flags/br.png');
}

/*Language Menú Mobile*/
#header_1_nav ul.menu li.lang-item{
  display: none;
}
@media (max-width: 1024px) {
  .nd_elements_navigation_sidebar ul li.lang-item{
    width: auto;
    margin: 0;
    padding: 0 10px;
    line-height: 0;
    display: inline-block !important;
    position: relative;
  }
  .nd_elements_navigation_sidebar ul li.lang-item.lang-item-es{
    padding-left: 0;
  }
  .nd_elements_navigation_sidebar ul li.lang-item:last-child{
    padding-right: 0;
  }
  .nd_elements_navigation_sidebar ul li.lang-item.current-lang a{
    font-weight: 700;
  }
  .nd_elements_navigation_sidebar ul li.lang-item:before{
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #FFFFFF;
  }
  .nd_elements_navigation_sidebar ul li.lang-item:last-child::before{
    display: none;
  }
  .nd_elements_navigation_sidebar ul li.lang-item a{
    font-size: 1.25rem;
    text-transform: uppercase;
  }
}


/*
Others*/

/*nd-container*/
.nd_booking_container{
	width: 95%;
  margin: 0 auto;
}
.nd_options_container{
	width: 90%;
  margin: 0 auto;
}

/*Display None*/
.nd_booking_e_rooms_postgrid_l1_price,
.nd_booking_e_rooms_postgrid_l2_price,
#nd_booking_single_cpt_1_calendar_nights,
#nd_booking_single_cpt_1_basic_info_night,
#nd_booking_single_cpt_1_header_image_price,
#nd_booking_single_cpt_1_basic_info_week_price{
	display: none;
}

/**/
.strong.none{
  display: none;
}
@media (max-width: 570px) {
  .strong.none{
    display: block;
  }
}


/*
Home*/

/*Home suites*/
body.home .nd_booking_masonry_content .nd_booking_masonry_item img.nd_booking_postgrid_rooms_single_room_img{
  width: 100%;
  height: 50vh;
  object-fit: cover;
  object-position: bottom;
}
@media (max-width: 570px) {
  body.home .nd_booking_masonry_content .nd_booking_masonry_item img.nd_booking_postgrid_rooms_single_room_img{
    height: 30vh;
  }
}

/*card-home*/
@media (max-width: 570px) {
  .card-home .elementor-image-box-wrapper{
    display: flex;
  }
  .card-home .elementor-image-box-wrapper .elementor-image-box-img{
    width: 35%;
  }
  .card-home .elementor-image-box-wrapper .elementor-image-box-content{
    width: 65%;
    padding-left: 15px;
  }
}

/*info-home*/
@media (max-width: 1024px) {
  .info-home > .elementor-container{
    margin-bottom: 70px;

    display: flex;
    flex-direction: column-reverse;
  }
}

/*nd-booking-masonry*/
@media (max-width: 1024px) {
  .grid-home .elementor-element-populated{
    padding: 0 30px !important;
  }
  .grid-home .nd_booking_masonry_content .nd_booking_masonry_item{
    width: 50%;
  }
}
@media (max-width: 570px) {
  .grid-home .elementor-element-populated{
    padding: 0 20px !important;
  }
  .grid-home .nd_booking_masonry_content .nd_booking_masonry_item{
    width: 100%;
  }
}

/*nd-booking-single*/
@media (max-width: 1024px) {
  #nd_booking_single_cpt_1_similar_rooms .nd_booking_width_100_percentage_responsive{
    width: 50%;
  }
  #nd_booking_single_cpt_1_similar_rooms .nd_booking_width_100_percentage_responsive:last-child{
    float: none;
  }
}
@media (max-width: 570px) {
  #nd_booking_single_cpt_1_similar_rooms{
    margin-top: -120px;
  }
  #nd_booking_single_cpt_1_basic_info #nd_booking_single_cpt_1_basic_info_guests,
  #nd_booking_single_cpt_1_basic_info #nd_booking_single_cpt_1_basic_info_measure{
    width: auto;
    margin: 0;
  }
  #nd_booking_single_cpt_1_basic_info #nd_booking_single_cpt_1_basic_info_measure{
    margin-left: 30px;
  }
  #nd_booking_single_cpt_1_similar_rooms .nd_booking_width_100_percentage_responsive{
    width: 100%;
  }
}

/*promotions-home*/
@media (max-width: 1024px) {
  .promotions-home .img-none{
    display: none;
  }
}


/*
Content*/

/*promotions-grid*/
.promotions-grid .e-widget-swiper,
.promotions-grid .e-widget-swiper .elementor-widget-container,
.promotions-grid .e-widget-swiper .elementor-widget-container .swiper,
.promotions-grid .e-widget-swiper .elementor-widget-container .swiper .swiper-slide,
.promotions-grid .e-widget-swiper .elementor-widget-container .swiper .swiper-slide .swiper-slide-inner{
  height: 100%;
}
.promotions-grid .e-widget-swiper .elementor-widget-container .swiper .swiper-slide .swiper-slide-inner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 570px) {
  .suites-grid.img-text .elementor-container{
    flex-direction: column-reverse;
  }
}

/*restaurant-grid*/
.restaurant-grid .elementor-widget-wrap .elementor-widget-image-box .elementor-image-box-wrapper,
.restaurant-grid .elementor-widget-wrap .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img{
  height: 100%;
}
.restaurant-grid .elementor-widget-wrap .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.restaurant-grid .elementor-widget-wrap .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-content{
  padding: 25px;
}
@media (max-width: 570px) {
  .restaurant-grid .elementor-widget-wrap .elementor-widget-image-box .elementor-image-box-wrapper,
  .restaurant-grid .elementor-widget-wrap .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-img{
    height: auto;
  }
  .restaurant-grid .elementor-widget-wrap .elementor-widget-image-box .elementor-image-box-wrapper .elementor-image-box-content{
    padding: 20px;
  }
}

/*suites-grid*/
.suites-grid .elementor-container .elementor-column:last-child .e-widget-swiper,
.suites-grid .elementor-container .elementor-column:last-child .elementor-widget-container,
.suites-grid .elementor-container .elementor-column:last-child .elementor-widget-container .swiper,
.suites-grid .elementor-container .elementor-column:last-child .elementor-widget-container .swiper .swiper-slide,
.suites-grid .elementor-container .elementor-column:last-child .elementor-widget-container .swiper .swiper-slide .swiper-slide-inner{
  height: 100%;
}
.suites-grid .elementor-container .elementor-column .elementor-widget-container .swiper .swiper-slide .swiper-slide-inner img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 570px) {
  .suites-grid.text-img .elementor-container{
    flex-direction: column-reverse;
  }
}