/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.business-card .business-img{
	aspect-ratio: 280/223;
}
h1>strong,
h2>strong,
h3>strong,
h4>strong,
p>strong{
  font-weight: 900;
}

.blogue-grid >.elementor-grid >.e-loop-item{
	border-top: 1px solid var( --e-global-color-primary );
}

.blogue-grid >.elementor-grid >.e-loop-item:not(:last-child) {
	border-right: 1px solid var( --e-global-color-primary );
}
.business-carousel.elementor-element.elementor-arrows-position-outside .swiper{
  width: calc(100% - 40px - 20px);
}
.gallery img {
	height:100%;
	width:100%;
	object-fit:cover;
	object-position:center;
}

.background-zoom .elementor-absolute { 
  inset:0; 
  overflow: hidden;
}
.background-zoom .elementor-absolute img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  transform:scale(1.5);
  transition: transform .3s ease-in-out;
}

.background-zoom.zoom-out .elementor-absolute img {
  transform:scale(1);
}
@media(min-width: 992px){
  .business-carousel.elementor-element.elementor-arrows-position-outside .swiper{
    width: calc(100% - 60px - 100px);
  }
  /*
	.background-zoom {
		background-size: 100%!important;
		transition: background-size 0.6s ease;
	}
  
	.background-zoom:hover {
		background-size: 110%!important;
	}
  */
}
/* FLIP BOX STYLES */
/* 
 * @author: DMmotionarts
 * @link: https://dmmotionarts.com/create-custom-flip-box-in-elementor-and-css-wordpress-tutorial/
 */

.aspect-ratio-4-3{
  aspect-ratio:4/3;
}

.aspect-ratio-3-4{
  aspect-ratio:3/4;
}
.aspect-ratio-16-9{
  aspect-ratio: 16/9;
}

.dm-flip-card {
    transform-style: preserve-3d;
    perspective: 2000px;
    /* aspect-ratio:367/463; */
}

.dm-front-card {
	inset:0;
    backface-visibility: hidden;
    transition: transform 1s;
}

.dm-back-card {
	inset:0;
    backface-visibility: hidden;
    transform:rotateY(180deg); 
    transition: transform 1s; 
}

.dm-flip-card:hover .dm-front-card {
    transform: rotateY(-180deg); 
}

.dm-flip-card:hover .dm-back-card {
    transform:rotateY(0deg); 
}

/* IMG ON HOVER*/
#img-location {
  position: relative;
  overflow: hidden;
}

#img-location .img-fader {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
}
#img-location::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  z-index: 1;
}

/* la imagen visible */
#img-location::after {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 1;
  transition: opacity 0.6s ease-in-out;
  z-index: 0;
}
#img-location::after {
  background-image: var(--current-img);
}

#img-location::before {
  background-image: var(--next-img);
}

#img-location.fade-in::before {
  opacity: 1;
}

#img-location.fade-in::after {
  opacity: 0;
}

.wp-child-theme-hello-theme-child-master .elementor-field-type-html .legal-notice{
  font-weight: 200;
  font-size:10px;
  line-height: 15px;
  color: #8C8C8C;
}

.wp-child-theme-hello-theme-child-master textarea::placeholder,
.wp-child-theme-hello-theme-child-master input::placeholder,
.wp-child-theme-hello-theme-child-master input::-webkit-input-placeholder {
  opacity: 1;
  color:red;
}

.wp-child-theme-hello-theme-child-master .elementor-field-type-html .legal-notice a,
.wp-child-theme-hello-theme-child-master .elementor-field-type-acceptance .elementor-field-option>label>a{
  font:inherit;
  color:inherit;
  text-decoration: underline;
}
.wp-child-theme-hello-theme-child-master .elementor-field-type-html .legal-notice a:hover,
.wp-child-theme-hello-theme-child-master .elementor-field-type-html .legal-notice a:focus,
.wp-child-theme-hello-theme-child-master .elementor-field-type-acceptance .elementor-field-option>label>a:hover,
.wp-child-theme-hello-theme-child-master .elementor-field-type-acceptance .elementor-field-option>label>a:focus{
  text-decoration: none;
}

.wp-child-theme-hello-theme-child-master .elementor-form > .elementor-form-fields-wrapper > .elementor-field-type-acceptance{
  margin-bottom: 40px;
}

.icon-box-btn:hover, 
.icon-box-btn:focus{
  background-color: var(--e-global-color-secondary);
}
.icon-box-btn:hover .elementor-icon-box-content>.elementor-icon-box-title,
.icon-box-btn:focus .elementor-icon-box-content>.elementor-icon-box-title,
.icon-box-btn:hover .elementor-icon-box-icon>.elementor-icon>svg, 
.icon-box-btn:focus .elementor-icon-box-icon>.elementor-icon>svg{
  color: var(--e-global-color-0e3d788);
}

.logo-neg svg path {
  fill:inherit!important;
}

.card:hover .elementor-heading-title, 
.card:hover .elementor-widget-text-editor>p,
.card:hover .elementor-widget-theme-post-excerpt {
	color: var(--e-global-color-0e3d788);
  
}
.card.hide-text:hover .elementor-widget-text-editor>p{
  opacity: 0;
}

.wp-child-theme-hello-theme-child-master .card.card-btn-colored .elementor-icon{
  border-color: var(--e-global-color-primary)!important;
  color: var(--e-global-color-primary)!important;
}

.wp-child-theme-hello-theme-child-master .card.card-btn-colored:hover .elementor-icon{
  border-color: var(--e-global-color-0e3d788)!important;
  color: var(--e-global-color-0e3d788)!important;
}
.wp-child-theme-hello-theme-child-master .card.card-btn-colored:hover .elementor-icon:hover{
  background-color: var(--e-global-color-0e3d788)!important;
  fill: var(--e-global-color-secondary)!important;
  color: var(--e-global-color-secondary)!important;
}

/* Motopress booking form */

.mphb_sc_booking_form-wrapper.booking-form>form {
	/*
    display: inline-flex;
    align-items: center;
    border-radius: 16px;
    padding: 40px;
    background-color: #E1D8C7;
    */
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.mphb_sc_booking_form-wrapper.booking-form .mphb-required-fields-tip {
  display: none;
}
.mphb_sc_booking_form-wrapper.booking-form label {
  display: none;
}
.mphb_sc_booking_form-wrapper.booking-form br{
  display: none;
}

.mphb_sc_booking_form-wrapper.booking-form .mphb-check-in-date-wrapper,
.mphb_sc_booking_form-wrapper.booking-form .mphb-check-out-date-wrapper,
.mphb_sc_booking_form-wrapper.booking-form .mphb-capacity-wrapper,
.mphb_sc_booking_form-wrapper.booking-form .mphb-reserve-btn-wrapper {
  margin:0;
}
.mphb_sc_booking_form-wrapper.booking-form select,
.mphb_sc_booking_form-wrapper.booking-form input:not(.button) {
  background-color: transparent;
  border-radius: 0;
}

.mphb_sc_booking_form-wrapper.booking-form .button{
  border:none;
}
.mphb_sc_booking_form-wrapper.booking-form select{
  border-width: 0 0 1px 0;
  border-radius: 0;
}

.mphb_sc_booking_form-wrapper.booking-form input:not(.button)::placeholder {
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 15px;
  letter-spacing: .2em
}

.mphb_sc_booking_form-wrapper.booking-form .mphb-check-out-date-wrapper,
.mphb_sc_booking_form-wrapper.booking-form .mphb-check-in-date-wrapper {
	flex: 1 1 1%;
}

.mphb_sc_booking_form-wrapper.booking-form .mphb-reserve-room-section{
	flex: 0 0 100%;
}
.mphb_sc_checkout-wrapper a{
	font-weight: 500;
	color: var(--e-global-color-secondary);
	text-decoration: underline;
}
.mphb_sc_checkout-wrapper a:hover,
.mphb_sc_checkout-wrapper a:focus{
	text-decoration: none;
}
.mphb-room-type-title{
	display: none;
}
.mphb_sc_checkout-submit-wrapper .button{
	border: none;
}