/*
Theme Name: Flash Child
Theme URI: https://themegrill.com/themes/flash
Template: flash
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Flash is free responsive multipurpose WordPress theme – truly a versatile theme perfect for any type of website you want. Like never before, it provides multiple pre-built demos which can be imported in seconds using ThemeGrill Demo Importer Plugin. The theme fully integrates with Flash Toolkit and SiteOrigin’s Page Builder Plugin that makes theme more user-friendly and easy. Additionally, theme features multiple blog layouts, WooCommerce support, multiple header styles, multiple color options etc.
Tags: one-column,two-columns,left-sidebar,right-sidebar,grid-layout,custom-background,custom-colors,custom-menu,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,e-commerce
Version: 1.4.9.1750059157
Updated: 2025-06-16 09:32:37

*/


@font-face {
    font-family: 'BebasNeue';
    src:url('fonts/BebasNeue-Regular.ttf') ;
}
@font-face {
    font-family: 'HelveticaNeue-Light';
    src:url('fonts/HelveticaNeue-LightCond.otf') ;
}
@font-face {
    font-family: 'HelveticaNeue-Medium';
    src:url('fonts/HelveticaNeue-MediumCond.otf') ;
}
@font-face {
    font-family: 'ZarlaRegular';
    src:url('fonts/ZarlaDemoRegular.ttf') ;
}



#site-navigation ul li{
	text-transform:uppercase;
}

.icons img{
	place-items:center;
	width:70px;
}

.icons .widget-title{
	    font-size: 21px;
    font-family: 'HelveticaNeue-Light';
    font-weight: 500;
    line-height: 20px;
	margin-top:10px;
	color:black;
}
.icons .so-widget-sow-image{
	width:110px;
}
p.subtitle{
	font-size:32px;
    text-align: center;
font-family: 'HelveticaNeue-Light';
	margin-bottom:0px;
		color:#706f6f;
}

.subcontact{
	font-size:32px;
	font-family: 'HelveticaNeue-Light';
	color: #706F6F;
}

.imgs{
	display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;
}

.columnas{
	flex: 1 1 45%; max-width: 45%;
}
.columnas img{
	height:235px; width:100%;margin-bottom:20px;
}

a.btn{
	font-size: 28px;
    background-color: #706F6F;
    color: white;
    border-radius: 20px;
    padding: 5px 30px;
    text-transform:uppercase;
	font-family:'HelveticaNeue-Light';
}

h2.title{
	font-family:'ZarlaRegular';
	font-weight:400;
	font-size: 170px;
	line-height:140px;
	color:#706f6f;
}

.textbienvenido{
	    font-size: 28px;
    font-family: 'HelveticaNeue-Light';
	width:60%;
}

.bienvenido{
	font-size: 90px; font-family: 'ZarlaRegular'; line-height: 1px; margin-top: 20px;	color:#706f6f; 
}

.imgcontact{
	vertical-align: baseline;
    margin-right: 20px;
}

.wpcf7-form-control.wpcf7-text{
	border: 0px;
    border-bottom: 1px solid black;
    font-family: 'HelveticaNeue-Light';
	font-size:21px;
	width:100%;
}

.wpcf7-form-control.wpcf7-submit.has-spinner{
	font-size: 28px;
    background-color: #706F6F;
    color: white;
    border-radius: 20px;
    padding: 15px 30px;
    text-transform: uppercase;
    font-family: 'HelveticaNeue-Light';
}

.wpcf7-form-control.wpcf7-textarea{
	font-family: 'HelveticaNeue-Light';
	font-size:21px;
	border-color:black;
	padding-left:5px;
}


    .galeria {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      gap: 10px;
      padding: 10px 0;
    }

    .galeria img {
      flex: 0 0 auto;
      width: auto;
      height: 275px;
      object-fit: cover;
      display: block;
    }

    .galeria::-webkit-scrollbar {
      display: none;
    }



.footer-menu li{
	    list-style-type: none;
	padding:0 0 0 30px;
}

.footer-menu li a{
	    font-size:16px;
	font-family: 'HelveticaNeue-Light';
}

#bottom-footer .tg-container {
    max-width: 90%;
}

#bottom-footer .copyright-text{
    color: #fff;
    font-size: 16px;
		font-family: 'HelveticaNeue-Light';
}
#bottom-footer .copyright-text a{
	color:white;
}

#bottom-footer{
	background-color:#706F6F;
}

.header-bottom .tg-container{
	max-width:90%;
}
.logo .logo-image
 {padding: 30px 0 0 0;
}

#site-navigation ul li a{
	font-size:21px;
	font-family: 'HelveticaNeue-Light';
	padding: 23px 30px 0px 0;
	color:#706f6f;
	
	
}

#site-navigation ul li{
padding: 23px 30px 0px 0;
}

a:focus{
	outline:none;
}

#site-navigation ul li:hover > a{
	color:black;
}

#site-navigation ul li.current-menu-item > a, #site-navigation ul li.current_page_item > a{
	color:black;
font-weight:600;
}
.aldea{
	text-align: center;
    font-size: 110px;
    font-family: 'ZarlaRegular';
    font-weight: 400;
    line-height: 75px;
	color:#706f6f;
}

#bottom-footer .copyright-text a:hover{
	color:white;
}

.footer-menu li a:hover{
		color:white;
}

.imgaerea{
	place-self:center;
}
.breadcrumb-trail.breadcrumbs{
	display:none;
}
.titlealojamiento{
	    font-family: 'ZarlaRegular';
    font-weight: 400;
    font-size: 85px;
    line-height: 55px;
    color: #706f6f;
    text-align: center;
}

.titletipoalojamiento{
	font-family: 'ZarlaRegular';
    font-weight: 400;
    font-size: 85px;
    line-height: 55px;
    color: #706f6f;
}




/* Versión Móvil */
@media(max-width:500px){

	.nombrealojamientos{
		flex-direction: row!important;
	}
	
	.casagrande p.subtitle, .casahiguera p.subtitle, .casagranada p.subtitle{
		font-size: 15px!important;
	}
	
	.titlealojamiento{
    font-size: 30px;
    line-height: 25px;
}

	.aldea{
		font-size:90px;
		
	}
	
	p.subtitle{
		font-size:24px;
	}
	
	.wpcf7-form-control.wpcf7-submit.has-spinner {
		font-size:24px;
	}
	.logo{
		width:90%;
	}
	
	a.btn{
	font-size: 24px;
    padding: 8px 30px;
}
	
	a.btn.galería{
	font-size: 24px;
    padding: 8px 40px!important;
}
	
	.textbienvenido{
		width: 90%;
        font-size: 24px;
	}
	
	h2.title{
		 font-size: 75px;
    line-height: 75px;
	}
	h2.title.aldeita{
		font-size: 125px;
    line-height: 80px;
	}
	.bienvenido{
		font-size: 65px;
	} 
	
	.eventos p.subtitle{
		font-size:24px;
		padding: 0px 25px;
		width:100%!important;
	}
	
	.wpcf7-form-control.wpcf7-text {
		font-size:18px;
	}
	
	.wpcf7-form-control.wpcf7-textarea{
		font-size:18px;
	}
	
	.iconos-servicios {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
  gap: 30px 10px;
  max-width: 900px;
  margin: 60px auto;
  padding: 0 0px;
  text-align: center;
}

.item-servicio img {
  width: 60px;
  height: auto;
  margin-bottom: 10px;
}

.item-servicio p {
  font-size: 18px;
  font-family: 'Arial', sans-serif;
  line-height: 1.3;
  margin: 0;
  color: #111;
}
	
	.wpcf7.js{
		width:90%;
	}
	
	.subcontact{
		font-size:20px;
	}
}


.imgs a img{
	padding:0px;
}

    

   .galeria-mosaico {
      display: flex;
      gap: 15px;
	  
      margin: 40px auto;
    }

    .mosaico-columna {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    .mosaico-columna img {
      width: 100%;
      object-fit: cover;
      display: block;
    }

    .mosaico-izquierda {
      width: 20%;
    }

    .mosaico-izquierda img {
      height: 128px;/*height: 198px;*/
    }

    .mosaico-centro {
      width: 30%;
    }

    .mosaico-centro img {
      height: 200px; /*height: 304px;*/
    }

    .mosaico-derecha {
      width: 50%;
    }

    .mosaico-derecha img {
      height: 100%;
      min-height: 100%;
    }


p.subtitletipo{
	font-size:32px;
    font-family: 'HelveticaNeue-Light';
	margin-bottom:0px;
	color:#706f6f;
}

.iconos h3{
	font-size:20px;
	color:black;
	font-family: 'HelveticaNeue-Light';
}

.iconos img{
	height: 42px!important;
    margin-bottom: 10px;
}

.btn-casa {
  cursor: pointer;
	padding:20px 10px;
}

.btn-casa.activo {
  border: 1px solid black;
}


a.foobox img{
	padding:0px;
}

@media(max-width:780px){
	.icons{
		background-image:none!important;
	}
	.iconos .iconos{
		flex-direction:row!important;
	}
	.iconos .iconos h3{
		font-size:15px;
	}
}