/*
Theme Name:   GeneratePress Child Fegaxa
Description:  Tema hijo de GeneratePress para la Federación Galega de Xadrez.
Template:     generatepress
Version:      1.0.0
Text Domain:  generatepress-child
*/

/* ==========================================================================
   Franja azul de cabecera (images/barra_xunta.gif, ver functions.php)
   ========================================================================== */

/* #00b8f1 es el azul liso del lado derecho de barra_xunta.gif */
.fegaxa-franja {
	background-color: #00b8f1;
}

.inside-fegaxa-franja {
	display: flex;
	justify-content: flex-end;
}

.inside-fegaxa-franja img {
	display: block;
	height: auto;
	width: 100%;
	min-height: 50px;
	object-fit: contain;
}

/* ==========================================================================
   Menú principal compacto
   ========================================================================== */

/* Fondo azul claro y línea inferior para separar el menú del contenido */
.site-header,
.main-navigation {
	background-color: #f0f7fc;
}

.site-header {
	border-bottom: 1px solid #d6e6f2;
}

@media (min-width: 769px) {
	/* Sin logo, el relleno vertical del header no aporta nada */
	.inside-header {
		padding: 0;
	}

	/* Solo el primer nivel: los submenús conservan su estilo */
	.main-navigation .main-nav > ul > li > a {
		line-height: 44px;
		padding-left: 11px;
		padding-right: 11px;
		font-size: 13px;
		text-transform: uppercase;
	}

	.main-navigation .main-nav > ul > li.menu-item-has-children > a {
		padding-right: 0;
	}

	.main-navigation .main-nav > ul > li > a .dropdown-menu-toggle {
		padding-left: 6px;
		padding-right: 12px;
	}
}

/* ==========================================================================
   Relleno general de las cajas de contenido (GeneratePress usa 40px / 30px en móvil)
   ========================================================================== */

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header,
.site-main .wp-block-group__inner-container,
.widget-area .widget,
.footer-widgets-container {
	padding: 10px;
}

/* ==========================================================================
   Imagen destacada en listados (portada, archivos y búsquedas)
   ========================================================================== */

:is(.blog, .archive, .search) .post-image {
	float: left;
	width: 200px;
	margin: 0 1.5em 1em 0;
}

:is(.blog, .archive, .search) .post-image img {
	width: 100%;
	height: auto;
}

:is(.blog, .archive, .search) .inside-article {
	display: flow-root;
}

@media (max-width: 768px) {
	:is(.blog, .archive, .search) .post-image {
		float: none;
		width: auto;
		margin: 0 0 1em;
	}
}