/*
	Theme Name:			DomusVulcnai
	Description:		Ultra-minimal theme designed specifically for Elementor Page Builder and to be as lightweight as possible.
	Theme URI:			https://mousebuilt.com.au/skelementor-theme/
	Author:				Anem
	Author URI:			https://domusvulcani.com/
	Version:			1.1.4
	Requires at least:	4.9
	Requires PHP:		7.0
	Tested up to:		5.7.1
	License:			GNU General Public License v3 or later.
	License URI:		https://www.gnu.org/licenses/gpl-3.0.html
	Tags:				custom-logo, one-column, two-columns, translation-ready
	Text Domain: 		anem
*/

/*! minimal reset based on simplified normalise.css | github.com/necolas/normalize.css */
html{line-height:1.15}body{margin:0}h1{font-size:2em;margin:.67em 0}b,strong{font-weight:bolder}pre,code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}fieldset{padding:.35em .75em .625em}progress{vertical-align:baseline}textarea{overflow:auto}template,[hidden]{display:none}
#copyright{opacity:.7;font-size:small;font-family:sans-serif;text-align:right;margin:.5rem}
.alignright{float:right}
.alignleft{float:left}
.aligncenter{text-align:center}
.bypostauthor{}
.gallery-caption{}
.screen-reader-text{}
.sticky{}
.wp-caption{}
.wp-caption-text{}
.gallery-item {display: inline-block;text-align: left;vertical-align: top;margin: 0 0 1.5em;padding: 0 1em 0 0;width: 50%}
.gallery-columns-1 .gallery-item {width: 100%}
.gallery-columns-2 .gallery-item {max-width: 50%}
.gallery-item a { display: inline-block; max-width: 100%}
.gallery-item a img {display: block; backface-visibility: hidden}
.gallery-item a:hover img, .gallery-item a:focus img {opacity: 0.6}
.gallery-caption {display: block; margin-bottom: 0}

h1, h2, h3, h4, h5 { margin:0; }
p { margin:0; margin-bottom:10px; }
b, strong { font-weight: 700; }

.boton_100 a.elementor-button{ width:100%; }


/******************************************
  General
******************************************/
html,body { overflow-x:hidden; }


/******************************************
  Galería
******************************************/
.gallery { margin-top: 30px; margin-bottom: 30px; }
.gallery-columns-3 { display: flex; justify-content: flex-start; }
.gallery-columns-3 .gallery-item { 	width: 33.3333%; }
.gallery-icon a { display: flex; overflow: hidden; border-radius: 14px; aspect-ratio: 1; justify-content: center; }
.gallery-icon a img { display: block; min-height: 100%; max-width: none; width: auto;  }



/*********************************************
 * Blog
 * ******************************************/
.single__content h2 { font-size:48px; color: var(--e-global-color-primary); margin-bottom:30px; line-height:1.2em; font-weight:400; }
.single__content h3 { font-size:30px; color: var(--e-global-color-primary); margin-bottom:20px; line-height:1.2em; font-weight:400; }
.single__content h4 { font-size:24px; color: var(--e-global-color-primary); margin-bottom:20px; line-height:1.2em; font-weight:400; }
.single__content p { margin-bottom:20px; }

.blog__leermas .elementor-icon-box-title a:hover { color:var( --e-global-color-primary ); }

/********************************************
 * Accordeon
 * *****************************************/
.e-n-accordion-item .e-n-accordion-item-title {
	justify-content: space-between !important;
}

/*********************************************
 *  Marquee
 ********************************************/
@-webkit-keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.marquee {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}
.marquee span {  
  will-change: transform;
  transform: translateX(0);
  white-space: nowrap;
  -webkit-animation: marquee 24s linear infinite;
          animation: marquee 24s linear infinite;
  font-size: 36px;
  font-family: "Krylon", Arial, sans-serif;
  font-weight: 400;
  color: #5A656E;
}


/**********************************************
  Opiniones
*********************************************/
.opinion__wrap {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;  font-size: 16px;
}
.opinion__wrap h3 { font-weight: 700; font-size: 18px; margin-bottom: 5px; }
.opinion__wrap .opinion__fecha { font-size: 13px; color: #999; margin-bottom: 10px; }
.opinion__wrap .opinion__estrellas { margin-bottom: 10px; display: inline-flex; gap: 3px; }
.opinion__wrap .opinion__estrellas img { width: 15px; }


/*******************************************
  Loop
*********************************************/
ul.caracteristicas__loop {
  margin: 0; padding: 0; list-style: none; display: flex; gap: 5px; flex-wrap: wrap;
}
ul.caracteristicas__loop li{
  color: #FFF; font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: 15px; padding: 5px 6px; background-color: var( --e-global-color-primary ); border-radius: 4px; display: inline-flex; gap: 2px;
}
ul.caracteristicas__loop li:before{
  content: ""; width: 18px; height: 18px; display: block; background-repeat: no-repeat; background-size: 95%; background-position: center; background-image: url(img/icon-check2.svg);
}


ul.caracteristicas__loop2 {
  margin: 0; padding: 0; list-style: none; display: flex; gap: 5px; justify-content: center;

}
ul.caracteristicas__loop2 li{
  color: #FFF; font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: 15px; padding: 5px 6px; background-color: rgba(255, 255, 255, .3); border-radius: 4px; display: inline-flex; gap: 2px;
}
ul.caracteristicas__loop2 li:before{
  content: ""; width: 18px; height: 18px; display: block; background-repeat: no-repeat; background-size: 95%; background-position: center; background-image: url(img/icon-check2.svg);
}


/*******************************************
  Blog Post
*********************************************/
#post__content p { margin-bottom:20px; }
#post__content h2, #post__content h3, #post__content h4, #post__content h5 { 
  font-family: var(--e-global-typography-9eff86f-font-family), Sans-serif; line-height:1.1em; font-weight:400; margin-bottom:20px; 
}
#post__content h2 { font-size:42px; }
#post__content h3 { font-size:32px; }
#post__content h4 { font-size:26px; }
#post__content h5 { font-size:20px; }

#post__content .wp-block-media-text {
  border:1px solid #995742; padding: 20px; border-radius: 8px; margin-bottom: 20px;
}
#post__content .wp-block-media-text h2,
#post__content .wp-block-media-text h3 {
  font-size: 26px;
}
#post__content a.wp-block-button__link {
  background-color: #D6D9CC; border-radius: 4px; color: #263038; font-family: var(--e-global-typography-9eff86f-font-family), Sans-serif; font-size: 20px;
}
#post__content a.wp-block-button__link:hover {
  color: #D6D9CC; background-color: #263038;
}


/*******************************************
  Galeria
*********************************************/
.galeria__wrap {
  display: flex; gap: 20px; flex-wrap: nowrap;
}
.galeria__wrap .galeria__left {
  width: 70%; height: 60vh; max-height: 600px;
}
.galeria__wrap .galeria__right {
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 60vh;
  max-height: 600px;
}
.galeria__wrap .galeria__item {
  border-radius: 8px; overflow: hidden; width: 100%;
}
.galeria__wrap .galeria__item img{
  display: block; min-width: 100%; height: 100%; object-fit: cover; cursor: pointer;
}

.galeria__wrap .galeria__left .galeria__item {
  height: 100%;
}

.galeria__wrap .galeria__right .galeria__item {
  height: 50%;
}


.galeria__dialog .swiper-button-prev {
  width: 38px; height: 38px; background-repeat: no-repeat; background-size: 100%; background-image: url(img/slide-izq.svg);
  left: 50%; top: auto; bottom: 10%; margin-left: -45px;
}
.galeria__dialog .swiper-button-prev:after { display: none; }
.galeria__dialog .swiper-button-next {
  width: 38px; height: 38px; background-repeat: no-repeat; background-size: 100%; background-image: url(img/slide-der.svg);
  right: 50%; top: auto; bottom: 10%; margin-right: -45px;
}
.galeria__dialog .swiper-button-next:after { display: none; }


/**********************************************
  Galeria Dialog
***********************************************/
#dialog_close {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #263038;
  font-size: 20px;
  font-family: Krylon, Arial, sans-serif;
}
#dialog_close:hover { opacity: .5; }
#dialog_close span{ font-family: Arial, Helvetica, sans-serif; font-size: 20px; }


.galeria__dialog  {
  position: fixed;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 150;    
    align-items: center;
    justify-content: center;
    display: none;
}
.galeria__dialog.activo { display: flex; }


.gallery-container {
  display: flex;
  gap: 20px;
  max-width: 1200px;
  width: 100%;
}

.main-swiper {
  width: 75%;
  height: 600px;
}

.thumbs-swiper {
  width: 25%;
  height: 600px;
}

.gallery-container .swiper-slide img {
  width: 100%;
  height: 100% !important;
  display: block;
  object-fit: cover;
  border-radius: 6px;
}

.thumbs-swiper .swiper-slide {
  height: 25%;
  opacity: 0.5;
  cursor: pointer;
}

.thumbs-swiper .swiper-slide-thumb-active {
  opacity: 1;  
}

.thumbs-swiper .swiper-slide,
.main-swiper .swiper-slide {
  overflow: hidden; border-radius: 8px;
}
body.no-scroll { overflow-y: hidden; height: 100vh; }


ul.menu__scrollable{
  display: flex; list-style: none; padding: 0; margin: 0; gap: 10px; justify-content: space-between; padding-top: 20px; padding-bottom: 20px;
}

ul.menu__scrollable li a{ display: block; font-family: var(--e-global-typography-text-font-family), Sans-serif; padding: 8px 30px; border: 1px solid #D7D9CD; color: var(--e-global-color-text); }

ul.menu__scrollable li a:hover{   
  color: var(--e-global-color-text); 
  background-color: var(--e-global-color-accent);
}

/******* Cursor **********/
#cursor {  
  user-select: none;
  pointer-events: none;
  z-index: 10000;
  position: fixed;
  top: -10px;
  left: -10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #000;
  opacity: .7;
  transform: translate(-50%, -50%);
  transition: width .3s, height .3s, opacity .3s;
}
#cursor.active {
  width: 85px;
  height: 85px;
  mix-blend-mode: difference;
  background-color: #fff;
  opacity: 1;
}


/******* Villas Listado ***********************/
.villa__precio { font-weight: 400; }
.villa__precio strong { font-weight: 600; font-size: 26px; margin-top: 7px; display: inline-block; }
.villa__precio em { font-size: 12px; }
.villas__caracteristicas li.elementor-icon-list-item { padding: 5px 10px; background-color: #995742; border-radius: 2px; margin-bottom: 5px; }


/***** Boton ****************/
.btn_gris a:hover .elementor-button-icon svg path{ stroke: #FFF !important; }


/***** WPML selector de idiomas ****************/
.my-custom-switcher ul { margin: 0; padding: 0;  list-style: none; display: flex;  gap: 5px; color: rgba(255, 255, 255, .7); 
	background-repeat:no-repeat; background-position:center; background-image:url(img/separador.svg); background-size:3px 14px;  }
.my-custom-switcher ul li {  }
.my-custom-switcher ul li a { color: rgba(255, 255, 255, .7); font-size: 20px; font-weight: 400; text-transform: uppercase; text-align:center; width:40px; display:block; }
.my-custom-switcher ul li a:hover { color: #FFF; }
.my-custom-switcher ul li.wpml-ls-current-language a { color: #FFF; }



/*************************************************
 *   Responsive Laptop
 *************************************************/
 @media screen and (min-width:1201px) and (max-width:1500px) {
  /* .caracteristicas__loop { flex-wrap: wrap; } */
  .galeria__dialog .swiper-button-next,
  .galeria__dialog .swiper-button-prev { bottom: 3%; }

  .main-swiper { height: 520px; }
  .thumbs-swiper { height: 520px; }
 } 


/*************************************************
 *   Iconos
 *************************************************/
.villas__iconos .elementor-icon-list-item { margin-bottom:15px; }
.villas__iconos li.elementor-icon-list-item { width:100%; }

@media screen and (min-width:1250px) {

.villas__iconos li.elementor-icon-list-item { width:calc(25% - 50px); }
}
@media screen and (min-width:768px) and (max-width:1249px) {
    .villas__iconos li.elementor-icon-list-item { width:calc(50% - 50px); }
}




/*************************************************
 *   Responsive Tablet
 *************************************************/
@media screen and (max-width:1200px) {
	#amedida__formulario .elementor-column.elementor-col-20 { width:49%; }

	.single__content h2 { font-size:35px; }
	.single__content h3 { font-size:28px; }
	.single__content h4 { font-size:18px; }

  ul.caracteristicas__loop {
    overflow-x: auto;
  }
  ul.caracteristicas__loop li {
    text-wrap: nowrap; font-size: 14px;
  }
  ul.caracteristicas__loop li:before { display: none; }

  /**** Blog ***/
  .wp-block-media-text>.wp-block-media-text__media {
    height: 100%; overflow: hidden; border-radius: 8px;
  }
  .wp-block-media-text>.wp-block-media-text__media img{
    height: 100%;
    max-width: none;
    width: auto;
  }

  ul.menu__scrollable{
    overflow-x: scroll !important; 
  }  
  ul.menu__scrollable li a.menu__link{
    text-wrap: nowrap;
  }

  /**** widget imagen box ****/  
  .elementor-image-box-img { overflow: hidden; height: 200px; margin-bottom: 0; display: block; border-radius: 8px; }
  .elementor .elementor-image-box-img img { width: auto; height: 100%; max-width: none; display: block;  }  
}

/*************************************************
 *   Responsive Celular
 *************************************************/
@media screen and (max-width:767px) {
  ul.caracteristicas__loop li { font-size: 12px; }
  .custom-menu-wrapper .custom__menu__bottom { flex-wrap: wrap; }
  .desktop-menu2 ul#menu-footer-menu { text-align: center; }
  .custom-menu-wrapper .custom-menu-text { text-align: center; }

  ul.caracteristicas__loop2 { flex-wrap: wrap; }

  /*** Galeria **/
  .gallery-container { max-width: 90%; height: 500px; }
  .galeria__wrap .galeria__left { height: 40vh;  }
  .galeria__wrap .galeria__right { height: 40vh; }

  .gallery-container { flex-wrap: wrap; align-content: center; }
  .gallery-container .main-swiper { width: 100%; height: 250px; }
  .gallery-container .main-swiper .swiper-slide { height: 250px; }
  .gallery-container .thumbs-swiper { width: 100%; height: 100px; }
  .thumbs-swiper .swiper-slide { height: 100%; }

  ul.caracteristicas__loop li {
    text-wrap: nowrap; font-size: 13px;
  }  

  .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon { display: flex !important; }

  .elementor-widget-icon-box.elementor-mobile-position-left .elementor-icon-box-wrapper {
    align-items: center;
  }

  /**** Blog ****/
  .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media { margin-bottom: 20px; }
  .wp-block-media-text>.wp-block-media-text__content { padding: 0; }

  /**** MEnu scrollable ****/
  ul.menu__scrollable{ padding-top: 10px; padding-bottom: 10px;  }
  ul.menu__scrollable li a { font-size: 15px;  }

  /**** widget imagen box ****/
  .elementor-image-box-wrapper { display: flex; flex-direction: column;  }
  .elementor-image-box-img { order: 2; margin-top: 20px !important; }
  .elementor .elementor-image-box-img img { width: 100%;  }  
	
	
	/*** tabs ***/
  .e-n-tabs-mobile > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading {
   display: flex;
  flex-wrap: wrap !important; align-items: flex-start;
      margin-bottom:15px;
  }

	.elementor-widget-n-tabs .e-n-tabs-content .e-collapse.e-active {
	  display: none;
	}

	.elementor-widget-n-tabs .e-n-tabs-content .e-collapse:not(:first-child) {
	  display: none;
	}

	div.e-collapse:nth-child(1){display: none !important;}

	 .e-n-tab-title {
	  flex-shrink: 0;
	  max-width: 120px;
	  flex-basis: auto;
	  margin:0 !important;
	  padding:8px 15px !important;
	}
}