/**
Theme Name: Lomani Wai Resort Villas
Theme URI: https://lomaniwaivillas.com/
Author: Power Marketing
Author URI: https://powermarketing.online
Description: Lomani Wai Resort Villas is custom based website
Version: 1.0
Requires at least: 5.3
Tested up to: 5.7.2
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lomaniwaivillas
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns
 **/


#villa-gallery .swiper-wrapper img {
  height: 70vh;
  object-fit: cover;
} 

.hero.-type-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*background-color: rgba(60, 56, 52, 0.24);*/
}
 
.admin-bar .header {
  top: 32px;
}

.admin-bar .menuFullScreen {
  top: 32px;
}
.baseCard.-type-1{
  display: block;
}
.inline-flex{
    display: inline-flex;
}


/*** Contact Page Form ***/ 
.ct_design .wpforms-field {
  position: relative;
}
.wpforms-container.ct_design .wpforms-field .wpforms-field-label {
  position: absolute;
  top: 20px;
  left: 15px;
  color: black;
  z-index: 10;
  pointer-events: none;
  transition: all 0.15s ease-out;
}
.wpforms-container.ct_design .wpforms-field input {
  font-size: 17px !important;
  line-height: 1.4 !important;
  height: 62px;
  background-color: white !important;
  border: 1px solid var(--color-border);
  padding: 0 20px !important;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  width: 100% !important;
  max-width: inherit !important;
  border-radius: 0px !important;
}
.wpforms-container.ct_design .wpforms-field input:focus{
  border: 1px solid #000;
  outline: none;
}
.wpforms-container.ct_design .wpforms-field {
  padding: 0px !important;
  margin-bottom: 30px;
}
.ct_design .wpforms-field-row.wpforms-field-medium {
  width: 100%;
  max-width: inherit !important;
}
.ct_design .wpforms-field-row-block .wpforms-field-sublabel.after {
  position: absolute;
  top: 20px;
  left: 15px;
  color: black;
  z-index: 10;
  pointer-events: none;
  transition: all 0.15s ease-out;
}
.ct_design .wpforms-field-label.labelfocus, .wpforms-field-sublabel.labelfocus {
  transform: translateY(-29px);
  background-color: #fff !important;
}
.lv_btn {
  color: #000 !important;
  width: 100% !important;
  text-transform: uppercase !important;
  margin-top: 30px !important;
  height: 55px !important;
  border-radius: 0px !important;
}

.ct_design .wpforms-field-row-block.wpforms-one-half {
  position: relative;
}
.ct_design .wpforms-field-row-block .wpforms-field-sublabel.after{
  position: absolute;
  top: 20px;
  left: 25px;
  color: black;
  z-index: 10;
  pointer-events: none;
  transition: all 0.15s ease-out;
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  text-align: left;
  margin: 0px;
  min-width: inherit;
}
.ct_design .wpforms-field-row-block.wpforms-first.wpforms-one-half .wpforms-field-sublabel.after{
  left: 15px;
}

.ui-widget.ui-widget-content {
  z-index: 9999 !important;
}

.menuFullScreen__right a:hover {
  color: #122223;
  text-decoration: underline;
}

.menuFullScreen__right img,
.footer__bottom_center img,
.header__logo img{
  max-width: 250px;
}

.wpbc_container.wpbc_form input.wpbc_button_light {
  background-color: var(--color-accent-2) !important;
  font-family: var(--font-primary);
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-radius: 5px;
  width: 140px;
  height: 45px;
  display: block;
}

.wpbc_container.wpbc_form input.wpbc_button_light:hover{
  font-family: var(--font-primary);
  border-color: var(--color-accent-1);
  background-color: var(--color-accent-1) !important;
  color: white !important;
  font-size: 15px;
}


@media only screen and (max-width: 1599px){
#villa-gallery .swiper-slide {
  width: 60% !important;
}
}

@media only screen and (max-width: 1240px){
		#villa-gallery .swiper-slide {
		width: 80% !important;
	}
}


@media only screen and (max-width: 1080px){
	.roomCard.-type-1 .roomCard__image {
		max-height: 70vh;
	}
	
}


@media only screen and (min-width: 992px){
  .footer.-type-1 .footer__grid {
    grid-template-columns: 350px 300px 2fr;
  }
}

@media only screen and (max-width: 991px){

  .wpforms-field {
    overflow: visible !important;
  }
	
	.js-menuFullScreen-topMobile img{
    max-width: 200px;
  }
	
	#villa-gallery .swiper-wrapper img {
		height: 40vh;
		object-fit:cover;
	} 
    
}


@media only screen and (max-width: 767px){
		#villa-gallery .swiper-slide {
		width: 100% !important;
	}
}

@media (max-width: 575px) {
  .header__logo img, .menuFullScreen__topMobile > :nth-child(2) img, .js-menuFullScreen-topMobile img{
    max-width: 190px;
	  height: 80px;
  }
	
	
.y-gap-30 .d-flex.is-in-view {
  display: block !important;
}
	
}