/*
 Theme Name:   Tema personalizado
 Theme URI:    
 Description:  Tema personalizado
 Author:       Lorenzo Sicilia Torres
 Author URI:   
 Template:     generatepress
 Version:      0.1
*/

/* Quitamos el icono que indica la protección re-captcha */
.grecaptcha-badge { 
    visibility: hidden;
}

/* Quitamos el subrayado de los enlaces incluidos en elementos con la siguiente clase */
.enlace-sin-subrayado a {
    text-decoration: none;
}

/* Quitamos el subrayado a todos los enlaces */
* a {
    text-decoration: none;
}

/* Personalizamos blockquote */

blockquote.cita-sobre-fondo-oscuro {
	border-left: 2px solid var(--base);
}

blockquote.cita-sobre-fondo-claro {
	border-left: 2px solid var(--contrast-3);
}


/* Efectos en los items del menú principal: activo y hover */

/* Fuentes: 
    https://generatepress.com/forums/topic/underline-currently-active-nav-link/#post-2091663
    https://docs.generatepress.com/article/adding-menu-hover-animation/ */
    
@media (min-width: 769px) {
    .main-navigation .menu > .menu-item > a::after {
        content: "";
        position: absolute;
        right: 0;
        left: 50%;
        bottom: 7px;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);

        display: block;
        width: 0;
        height: 3px;

        background-color: #3bceac;/*currentColor;*/
        transition: 0.3s width ease;
    }
    .main-navigation .menu > .menu-item.current-menu-item > a::after,
    .main-navigation .menu > .menu-item.current_page_item > a::after,
    .main-navigation .menu > .menu-item.current-menu-ancestor > a::after,
    .main-navigation .menu > .menu-item > a:hover::after {
        width: 75%;
    }
}

/* Reglas para mostrar o no mostrar elementos de los menús que se duplican por ser enlace interno en alguna de las páginas */

/* En este caso: página de inicio id 17 */
.ocultar-siempre-menos-en-inicio {
    display: none !important;
}

.mostrar-solo-en-inicio {
  display: none !important;
}

.page-id-17 .ocultar-en-inicio  {
    display: none !important;
}

.page-id-17 .ocultar-siempre-menos-en-inicio {
  /*display: inherit;*/ /*produce fallo de alineamiento*/
	display: initial !important;
}

.page-id-17 .mostrar-solo-en-inicio {
  display: inline-flex !important;
}

/* FIN Reglas para mostrar o no mostrar elementos de los menús que se duplican por ser enlace interno en alguna de las páginas */


@media (max-width: 768px) {
    #secondary-navigation {
        display: none !important;
    }
}




/* Tamaño del icono menú hamburguesa */
.menu-toggle {
    font-size: 25px !important;
    line-height: 0;
}


/* Ocultamos menú secundario en dispositivos móviles */
@media (max-width: 767px) {
    .secondary-navigation .menu-toggle {
        display: none !important;
    }
    .secondary-nav-float-right .secondary-navigation {
        margin-top: 0 !important;
    }
}

/* Disponemos los elementos del menú secundario */
.secondary-navigation .inside-navigation {
    flex-direction: row; /* en fila */
    align-items: end !important; /* alineados a la derecha */
    /*line-height: 0;*/ /* minimizamos la altura de línea, para quitar el valor 1.5 */
}

/* Forzamos a que los iconos que acompañan al teléfono y al correo del footer aparezcan en blanco */
.direccion-telefono-correo-pie .gb-icon {
    color: white !important;
}

/* Recolocación abajo del menú principal de navegación y de la caja de búsqueda cuando se muestra el menú completo 
Fuente parcial: https://generatepress.com/forums/topic/vertical-alignment-of-the-menu/ */

@media(min-width: 1318px) { /*!!!!! IMPORTANTE:  cambiar esta cifra según el punto de ruptura del menú hamburguesa de la navegación principal (valor +1) */
    .main-navigation .inside-navigation .main-nav>ul li a, .search-item {
        margin-top:95px;
		/*line-height: 1em;*/
        /*padding-top: 50px;*/
        /*padding-bottom: 12px;*/
    }
}

/* Añadimos una línea como borde inferior de la cabecera, menos en la página de inicio */

header {
	border-bottom: 1px solid #264653; /*color oscuro corporativo*/
}
.page-id-17 header {
  border-bottom: 0;
}


/* Personalizamos listas desordenadas con el logo de la Fundación */

.lista-con-logo li {
	list-style: none;
	padding-left: 25px;
	margin-bottom: 5px;
	background-image: /*url(http://fundacionmanuelsiurot.org/wp-content/uploads/2023/02/logo_solo_color_oscuro_corporativo.png);*/
	url(https://fundacionmanuelsiurot.org/wp-content/uploads/2023/02/logo-listas.png);
	/*background-position: 0 50%;*/
	background-position: 0 7px;
	background-size: 12px;
	/*background-size: 1.3rem 1.3rem;*/
	background-repeat: no-repeat;
}

ul.lista-con-logo {
	margin-left: 5px !important;
}


/* Eliminación del espacio vacío del footer por defecto */
.site-footer {
	display:none;
}

/* Aumento de márgenes en los títulos de páginas de Archivo (categorías...) y en las páginas de resultados de búsqueda */
.archive .page-header, .search-results .page-header{
	margin-top: 10px;
	margin-bottom: 30px;
}

/* Ajuste de la marca de agua logo de la cabecera en móviles */
@media (max-width: 768px) {
	.site-header {
        background-size: 130%;
	    background-position: 100% 80%;
    }
}

/* Quitamos el borde del formulario de búsqueda en el menú off-canvas */
.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    border: 0;
}

/* Quitamos la búsqueda mostrada a la izda del menú hamburguesa */
nav#mobile-menu-control-wrapper .menu-bar-item.search-item {
  display: none;
}


/* Menú Off-canvas: Eliminación del padding que ocasionava scroll horizontal al añadir la caja de búsqueda */
#generate-slideout-menu .inside-navigation {
    padding: 0;
}