/**
* Theme Name: Leedo Child
* Description: This is a child theme of Leedo.
* Author: VLThemes
* Template: leedo
* Version: 1.0.0
*/


@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');

/**
Implementación de fuente en todos los aspectos de la web
*/

body {
  font-family: "Unbounded", sans-serif !important;
}

h3 {
  font-family: "Unbounded", sans-serif !important;
}

h1 {
  font-family: "Unbounded", sans-serif !important;
}

h2 {
  font-family: "Unbounded", sans-serif !important;
}

h4 {
  font-family: "Unbounded", sans-serif !important;	

}

.vlt-fit-text{
  font-family: "Unbounded", sans-serif !important;
	font-weight:50;
}

/**
Implementación de fuente en los elementos de una lista
*/

.vlt-list-icon li {
    font-size: 14px;
    font-family: "Unbounded"  !important;
}



/**
Espaciado y estilos de botón en las fichas del juego
*/

.vlt-services-box {
    position: relative;
    padding: 0px 30px 10px !important;
    background-color: var(--vlt-color-0);
}


.vlt-services-box__link {
    border-radius: 50px !important;
    margin-bottom: -50px !important;
}

.vlt-btn {
    color: black !important;
}

.leedo-right-arrow:before {
    color: black;
}
.vlt-services-box__link {
    background-color: white !important;
}

.vlt-services-box__title {
    text-align: center;
    margin: 0;
}

/**
poner en blanco el boton del formulario
*/

.vlt-btn--sixth {
    color: var(--vlt-color-0);
    background-color: white !important;
}


/**
Desaparición en el menú del carrito de compra
*/

.vlt-menu-shop-cart {
    display:none !important;
}

/**
Dar color blanco a la fuente del boton inicio del juego
*/
.botoniniciojuego {
   color: white !important;
}


/**
Estilos en el bloque de sentimientos de la página de inicio
*/

a.sentimientos{
  display: block;

  text-decoration: none;
}



div.ttl{
  padding-left: 5%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 425px;
  height: 425px;
}
div.ttl h4{
 color: #ffffff !important;
}
 
.imagen-ansiedad{
  background-image: url("https://livinsaludmental.com/wp-content/uploads/2024/06/logo-ansiedad.jpg") !important;
	background-size: cover;
  background-repeat: no-repeat;
}
.imagen-depresion{
  background-image: url("https://livinsaludmental.com/wp-content/uploads/2024/06/logo-depresion.jpg");
	background-size: cover;
  background-repeat: no-repeat;
}
.imagen-pensamientos{
  background-image: url("https://livinsaludmental.com/wp-content/uploads/2024/06/logo-po.jpg");
	background-size: cover;
  background-repeat: no-repeat;
}
.imagen-autoestima{
  background-image: url("https://livinsaludmental.com/wp-content/uploads/2024/06/logo-autoestima.jpg");
	background-size: cover;
  background-repeat: no-repeat;
}
.imagen-bullying{
  background-image: url("https://livinsaludmental.com/wp-content/uploads/2018/09/5.jpg");
	background-size: cover;
  background-repeat: no-repeat;
}
.imagen-sabermas{
  background-image: url("https://livinsaludmental.com/wp-content/uploads/2024/06/logo-sabermas.jpg");
	background-size: cover;
  background-repeat: no-repeat;
}

.imagen-parejas{
  background-image: url("http://livinsaludmental.com/wp-content/uploads/2024/10/logo-pareja.jpg");
	background-size: cover;
  background-repeat: no-repeat;
}

.imagen-redes{
  background-image: url("http://livinsaludmental.com/wp-content/uploads/2024/10/logo-redes.jpg");
	background-size: cover;
  background-repeat: no-repeat;
}

.imagen-miedos{
  background-image: url("http://livinsaludmental.com/wp-content/uploads/2024/10/logo-miedo.jpg");
	background-size: cover;
  background-repeat: no-repeat;
}




.bloque-sentimientos div div div div.wpb_content_element{
  margin-bottom: 0px;
}
.bloque-sentimientos div div.vc_column-inner{
  padding: 0px;
}


/**
botonquiz en cada color correspondiente
*/
#fca_qc_quiz_4413.fca_qc_quiz button.fca_qc_button {
    background-color: #7787A0 !important;
    box-shadow: 0 2px 0 0 #7787A0 !important;
    color: #FFFFFF;
}

#fca_qc_quiz_4412.fca_qc_quiz button.fca_qc_button {
    background-color: #ECC09B !important;
    box-shadow: 0 2px 0 0 #ECC09B !important;
    color: #FFFFFF;
}

#fca_qc_quiz_4411.fca_qc_quiz button.fca_qc_button {
    background-color: #B481C3 !important;
    box-shadow: 0 2px 0 0 #B481C3 !important;
    color: #FFFFFF;
}

#fca_qc_quiz_4409.fca_qc_quiz button.fca_qc_button {
    background-color: #EE5665 !important;
    box-shadow: 0 2px 0 0 #EE5665 !important;
    color: #FFFFFF;
}

#fca_qc_quiz_4404.fca_qc_quiz button.fca_qc_button {
    background-color: #EA88B9 !important;
    box-shadow: 0 2px 0 0 #EA88B9 !important;
    color: #FFFFFF;
}

#fca_qc_quiz_4402.fca_qc_quiz button.fca_qc_button {
    background-color: #EE834D !important;
    box-shadow: 0 2px 0 0 #EE834D !important;
    color: #FFFFFF;
}

#fca_qc_quiz_4385.fca_qc_quiz button.fca_qc_button {
    background-color: #49BBA1 !important;
    box-shadow: 0 2px 0 0 #49BBA1 !important;
    color: #FFFFFF;
}


#fca_qc_quiz_3942.fca_qc_quiz button.fca_qc_button {
    background-color: #FBC620 !important;
    box-shadow: 0 2px 0 0 #FBC620 !important;
    color: #FFFFFF;
}


/**
botonquiz en cada color correspondiente en euskera
*/

#fca_qc_quiz_5685.fca_qc_quiz button.fca_qc_button {
    background-color: #FBC620 !important;
    box-shadow: 0 2px 0 0 #FBC620 !important;
    color: #FFFFFF;
}

#fca_qc_quiz_5686.fca_qc_quiz button.fca_qc_button {
    background-color: #49BBA1 !important;
    box-shadow: 0 2px 0 0 #49BBA1 !important;
    color: #FFFFFF;
}


#fca_qc_quiz_5689.fca_qc_quiz button.fca_qc_button {
    background-color: #EE834D !important;
    box-shadow: 0 2px 0 0 #EE834D !important;
    color: #FFFFFF;
}

#fca_qc_quiz_5687.fca_qc_quiz button.fca_qc_button {
    background-color: #EA88B9 !important;
    box-shadow: 0 2px 0 0 #EA88B9 !important;
    color: #FFFFFF;
}


#fca_qc_quiz_5688.fca_qc_quiz button.fca_qc_button {
    background-color: #EE5665 !important;
    box-shadow: 0 2px 0 0 #EE5665 !important;
    color: #FFFFFF;
}

#fca_qc_quiz_5690.fca_qc_quiz button.fca_qc_button {
    background-color: #B481C3 !important;
    box-shadow: 0 2px 0 0 #B481C3 !important;
    color: #FFFFFF;
}


#fca_qc_quiz_5691.fca_qc_quiz button.fca_qc_button {
    background-color: #7787A0 !important;
    box-shadow: 0 2px 0 0 #7787A0 !important;
    color: #FFFFFF;
}

#fca_qc_quiz_5692.fca_qc_quiz button.fca_qc_button {
    background-color: #ECC09B !important;
    box-shadow: 0 2px 0 0 #ECC09B !important;
    color: #FFFFFF;
}

/**
espaciado footer
*/

.vlt-footer--style-1, .vlt-footer--style-2, .vlt-footer--style-3, .vlt-footer--style-5, .vlt-footer--style-6, .vlt-footer--style-7 {
    padding: 40px 0 !important;
}

/**
eliminar banner de traductor WPML
*/
.otgs-development-site-front-end {
    display: none;}
/**



input[type=date].vlt-border-white, input[type=email].vlt-border-white, input[type=number].vlt-border-white, input[type=password].vlt-border-white, input[type=search].vlt-border-white, input[type=tel].vlt-border-white, input[type=text].vlt-border-white, input[type=url].vlt-border-white, select.vlt-border-white, textarea.vlt-border-white{
  border-radius: 35px !important;
}
*/

input, textarea{
  border-radius: 35px !important;
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    border-radius: 35px;
}

.wpcf7 .wpcf7-submit:enabled {
    border-radius: 0px;
	
}
span.wpcf7-list-item-label:before {
    color: white !important;
	
}

/*header siempre blanco*/
.vlt-header--default .vlt-navbar, .vlt-header--default .vlt-navbar.vlt-navbar--solid {
    background-color: white !important;
}

/*INICIO (escritorio)*/

	div.espacio-btn-apuntate{
		text-align: center !important;
	}



.grecaptcha-badge { 
    visibility: hidden;
}


/*aumentar tamaño de los iconos sociales del footer*/
.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400;
    font-size: 25px;
}

/*Asegurar apraicion de color correcto en el menú*/
.vlt-default-navigation .sf-menu>li

 {
    color: #0A0A0A; 
}

/*Justificar texto en las entradas*/
.vlt-single-post {
    padding-bottom: 100px;
    text-align: justify;
}

/*Quitar color en bloque que lleva a otra noticia en el blog*/
.vlt-post-link-block::before, .vlt-post-quote-block::before {
    background-color: transparent !important;
}

blockquote {
    font-family: 'Unbounded';
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: none;
}

.vlt-post-title {
    line-height: 1.45;
    margin: 0;
    color: #f8a62a;
}

.vlt-single-post p {
    margin-top: 16px;    /* espacio superior entre párrafos */
    margin-bottom: 16px; /* espacio inferior entre párrafos */
    line-height: 1.4;   /* interlineado más compacto dentro del párrafo */
}

.vlt-page-title-empty--lg {
    padding-top: 27% !important;
}



.vc_gitem_row .vc_gitem-col {
    box-sizing: border-box;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    text-align: justify;
}


.vc_gitem_row .vc_gitem-col h4,
.vc_gitem_row .vc_gitem-col .h4 {
    font-size: 25px !important;
}



.entradas-relacionadas .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt {
    display: none;
}














/*================================ MEDIA QUERYS ==========================================*/

/**
Posición del botón de inicio de juego en móvil
*/


@media (320px <= width < 480px) {
	
	a.vc_custom_1716746053876 {
		margin-left: 60px !important;
		border-radius: 35px !important;
	}
}

	/*Mayoria de smartphone*/
@media (min-width: 320px) and (max-width: 480px) {
	
	/*INICIO*/
	
	h3.ttl-inicio{
		font-size: 2em;
	}
	
	div.noMargin div{
		margin-top: 0 !important;
	}
	
	h2.ttl-h2{
		font-size: 2.5em;
	}
	
	div.noPadding div{
		padding-left: 2% !important;
		padding-right: 2% !important;
	}
	
	a.btn-guia{
		margin-left: 0 !important;
		background-color: #ffffff;
	}
	
	a.btn-guia span{
		color: #000000;	
	}
	
	div.col-btn{
		text-align: center;
	}
	
	.pb-10{
		padding-bottom: 10%;
	}
	
	div.col-apuntate div{
		padding-right: 0 !important;
	}
	
	div.ttl-form h2{
		font-size: 2em;
	}
	
	/*NOSOTROS*/
	
	div.marquesina-txt span div{
		font-size: 18px;
	}
	
	 h3, .h3 {
        font-size: 25px !important;       /* Tamaño de fuente legible en móviles */
        line-height: 1.32;     /* Altura de línea cómoda */
        margin-top: 12px;      /* Espacio superior */
        margin-bottom: 12px;   /* Espacio inferior */
        padding-left: 5px;     /* Pequeño margen interno opcional */
        padding-right: 5px;    /* Pequeño margen interno opcional */
        word-break: break-word;/* Evita que palabras largas rompan el diseño */
    }
	.vlt-single-post-wrapper--style-1, .vlt-single-post-wrapper--style-2 {
    padding-top: 75px !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
}

}