/* 
Theme Name: Motsukora
Theme URI: https://motsukora.org/
Description: Theme de Motsukora basado en Hello Elementor
Author: @amaiacodes
Author URI: https://lithium-flower.net/
Template: hello-elementor
Version: 1.0
Text Domain: motsukora
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
*/

html {font-size: 100%;}

body {
  line-height: 1.75;
}

p, ul {margin-bottom: 1rem;}

h1, h2, h3, h4, h5 {
  margin: 3rem 0 1.38rem;
  line-height: 1.3 !important;
}

h1 {
  margin-top: 0;
  font-size: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
}

h2 {font-size: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);}

h3 {font-size: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);}

h4 {font-size: clamp(1.25rem, 0.61vw + 1.1rem, 1.58rem);}

h5 {font-size: clamp(1rem, 0.34vw + 0.91rem, 1.19rem)}

small, .text_small {font-size: clamp(0.8rem, 0.17vw + 0.76rem, 0.89rem);}

h2 a { text-decoration: underline; }

.block {
	display: block;
}

blockquote { font-style: italic; }

#content {margin-top:10rem; }

/*Nav*/

@media all and (max-width:1024px) {
	header .elementor-container { justify-content: space-between; }
	header .logo-col, .menu-col, .link-destacado-col { width: auto !important; }
	header .logo-col { flex-grow: 2; order: 1; }
	header .menu-col { order: 3; }
	header .link-destacado-col { order: 2; }
	header .elementor-widget-button { margin-right: 20px; }
	header .nav-boton-reservar a.elementor-button { padding: 10px;}
	header .nav-boton-reservar .elementor-button-text { font-size: 15px;}
}

/*Home*/

.home .elementor-widget-heading .elementor-heading-title[class*="elementor-size-"] > a {color: var( --e-global-color-accent );}

mark {
	background: var( --e-global-color-primary );
	color: var( --e-global-color-secondary );
}

mark {
	-webkit-animation: 1.5s highlight .5s 1 normal forwards;
	animation: 1.5s highlight .5s 1 normal forwards;
	background-color: none;
	background: linear-gradient(90deg, var( --e-global-color-primary ) 50%, rgba(255, 255, 255, 0) 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
}

@-webkit-keyframes highlight {
  to {
    background-position: 0 0;
  }
}

@keyframes highlight {
  to {
    background-position: 0 0;
  }
}

/*CTA*/

h2.elementor-cta__title {font-size: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);}
h3.elementor-cta__title {font-size: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);}
h4.elementor-cta__title {font-size: clamp(1.25rem, 0.61vw + 1.1rem, 1.58rem);}

/*Columnas*/

@media all and (min-width:1025px) and (max-width:1280px){
	.section-cols-info .elementor-column.elementor-col-50, .section-cols-info .elementor-column[data-col="50"] {
		width: 48%;
	}
}

.section-cols-info .elementor-container {gap: 20px;}

@media all and (min-width:1280px) {
	.section-cols-info .elementor-container {gap: 40px;}
}

.col-foto-grande { height: 350px; }

@media all and (min-width:1024px) {
    
    .col-foto-grande { height: 850px; }
}

.col-foto-horizontal { height: 350px; }
@media all and (min-width: 768px) {
	.col-foto-horizontal { height: 500px; }
}
.section-cta .elementor-widget-wrap {
    flex-direction: column;
}

.section-casa-exterior img {
	height: 350px;
	object-fit: cover;
}

@media all and (min-width:1280px) {
	.section-casa-exterior img {
		height: auto;
		object-fit: cover;
	}
}

@media all and (min-width:1025px) and (max-width:1280px){
	.section-casa-exterior .elementor-column.elementor-col-33, .section-casa-exterior .elementor-column[data-col="33"] {
		width: 31%;
	}
	.section-casa-exterior .elementor-column.elementor-col-66, .section-casa-exterior .elementor-column[data-col="66"] {
		width: 64%;
	}
}

/*Carrusel fotos habitaciones*/

.galeria-fotos-habitaciones .swiper-container {	height: 50vh; }
@media all and (min-width:1280px) {
	.galeria-fotos-habitaciones .swiper-container {	height: 70vh;}
}

.galeria-fotos-habitaciones .swiper-container img {
	height: 50vh;
	object-fit: cover;
	object-position: center center;
}
@media all and (min-width:1280px) {
	.galeria-fotos-habitaciones .swiper-container img {
		height: 70vh;
	}
}
.galeria-fotos-habitaciones .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: -40px;
}

/*Calendarios*/

#evcal_head {
	display: none;
}

body .ajde_evcal_calendar.boxy.boxstyle1 #evcal_list .eventon_list_event .evcal_desc span.evcal_event_title, body .ajde_evcal_calendar.boxy.boxstyle1 #evcal_list .eventon_list_event .evcal_desc span.evcal_event_subtitle {
	white-space: normal;
}

.page-id-18 .elementor-tab-title {text-align: center;}

.evo_start em.time { display: block; }

.elementor-tabs .elementor-tab-mobile-title { color: var( --e-global-color-secondary ) !important; }
.elementor-tabs .elementor-tab-mobile-title.elementor-active { color: var( --e-global-color-accent )!important; }

/*Single EventON*/

.eventon-single-motsukora {
	background-color: var(--e-global-color-primary);
	padding: 0px 100px 0px 100px;
}

.eventon-single-motsukora .elementor-container {
	min-height: 30rem;
}

.eventon-single-motsukora .elementor-element {
	text-align: center;
}

.eventon-single-motsukora span {
	color: var( --e-global-color-secondary );
	font-family: var(--e-global-typography-primary-font-family);
	font-size: 24px;
}

.eventon-single-motsukora .elementor-heading-title {
	color: var( --e-global-color-secondary );
}

@media all and (max-width: 1024px) {
	.eventon-single-motsukora .elementor-container {
		min-height: 20rem;
	}
	
	.eventon-single-motsukora {
		padding: 0px 20px 0px 20px;
	}
}

/*Patrocinadores*/

.seccion-patrocinadores img {
	aspect-ratio: 1.7/1;
	width: 100%;
	object-fit: contain;
}

.seccion-patrocinadores .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
	padding: 8vw;
}

@media all and (min-width:768px) {
	.seccion-patrocinadores .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
		padding: 2vw;
	}
}

/* Contacto */
@media all and (min-width:1280px) {
	.formulario-contacto {
		max-width: 50%;

	}
}

/*Galerías Blog*/

.gallery {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

@media all and (min-width:768px) {
	
.gallery {
	grid-template-columns: repeat(4, 1fr);
}
}