/*
 * Ajustes del tema OnePress para la wiki. Se cargan en todas las paginas, despues de los estilos del tema.
 * Los estilos propios del contenido de la wiki estan en wiki-contenido.css.
 * Para retoques propios, usa el editor de estilos (Herramientas > Wiki: estilos (CSS)) o Apariencia > Personalizar > CSS adicional.
 */

/* Ancho maximo de 1400 px (1076 de contenido + 324 de barra lateral, de los que 300 son utiles); por debajo, se adapta. */
.container,
#content-inside.container {
	width: 100% !important;
	max-width: 1400px !important;
}

@media (min-width: 992px) {
	#content-inside.right-sidebar > .content-area {
		box-sizing: border-box;
		float: left;
		width: calc(100% - 324px);
		padding-right: 24px;
	}
	#content-inside.right-sidebar > .sidebar {
		box-sizing: border-box;
		float: left;
		width: 324px;
		padding-left: 24px;
	}
}

/* Los widgets ocupan los 300 px utiles de la barra lateral. */
#secondary .widget {
	width: 100%;
	box-sizing: border-box;
}
.rs-todas table {
	width: 100%;
}

/* El tema limita el contenido de las entradas a 790 px (tamano de contenido de su theme.json): el articulo ocupa todo el ancho. */
.entry-content > .wiki-contenido {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Iconos de redes sociales de la barra lateral, centrados en su celda. */
.rs-todas td {
	text-align: center;
	vertical-align: middle;
}

/* Sin mayusculas forzadas por el tema: menu, titulo de la pagina y titulo y subtitulo del sitio. */
.onepress-menu a,
.onepress-menu li > a,
.page-header .entry-title,
.page-header .page-title,
.site-branding .site-title,
.site-branding .site-title a,
.site-branding .site-description,
.site-title,
.site-title a,
.site-description {
	text-transform: none !important;
}

/* Titulo del sitio */
.site-branding a.site-text-logo,
.site-branding .site-title a {
	font-size: 150%;
	font-weight: 700;
	color: #124B72;
}

/* Encabezados: azul oscuro y negrita (contenido, titulo de la pagina y barras laterales) */
h1, h2, h3, h4, h5,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5,
.page-header .entry-title {
	color: #124B72;
	font-weight: 700;
}

/* Sin migas de pan del tema */
#content > div.breadcrumbs {
	display: none;
}

/* Titulo de la pagina: compacto, sin banda de fondo y separado del contenido por un borde gris claro (como el h1 de la wiki). */
#page > div.page-header {
	background: none;
	padding: 0;
	margin: 0;
}
#page > div.page-header > div > h1 {
	font-size: 170%;
	line-height: 150%;
}
.page-header .entry-title,
.page-header .page-title {
	border-bottom: 4px solid LightGrey;
	margin: 10px 0px 10px;
}

/* Menos espacio vacio arriba: antes del contenido, antes de la barra lateral y antes del primer apartado. */
#content-inside > .content-area {
	padding-top: 0;
}
.entry-content > .wiki-contenido {
	margin-top: 10px;
}
#secondary {
	padding-top: 7px;
	padding-bottom: 0;
}

/* Apartados de las paginas de indice. */
.wiki-contenido #apartados h2,
.wiki-contenido #apartados h3 {
	border-bottom: 2px solid #afafaf !important;
	margin: 3rem 0rem 1rem !important;
	text-transform: none;
}
.wiki-contenido #apartados > :first-child,
.wiki-contenido #apartados h2:first-of-type {
	margin-top: 0 !important;
}
#destacado {
	font-size: 120%;
}
#apartados > ul > li > a {
	font-size: 120%;
	line-height: 120%;
}
#apartados > h3 {
	line-height: 170%;
	font-weight: 700;
}
.columnasx2 > dl > dd > ul {
	line-height: 120%;
}
.columnasx2 {
	padding-bottom: 20px;
}

/* Menu: iconos (con el texto de ayuda en el atributo title de cada enlace) y menos separacion entre opciones. */
.onepress-menu a {
	padding-left: 10px;
	padding-right: 10px;
}
.onepress-menu a .wiki-menu-icon {
	height: 22px;
	width: auto;
	vertical-align: middle;
	margin-right: 6px;
}

/* Widget Buscar (300 px utiles: 240 del cuadro + 52 del boton + el hueco entre ambos). */
#buscar > form > input.hidden {
	width: 52px;
	height: 52px;
	padding: 0px;
}
#buscar > form > input[type=text]:nth-child(1) {
	width: 240px;
	height: 52px;
}

/* Una sola columna (menos de 992 px): la barra lateral ocupa todo el ancho y sus widgets se adaptan. */
@media (max-width: 991px) {
	#content-inside.right-sidebar > .sidebar {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	#secondary .widget {
		width: 100%;
	}
	#buscar > form {
		display: flex;
	}
	#buscar > form > input[type=text]:nth-child(1) {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
	}
	#secondary .widget div[style*="width:300px"] {
		width: 100% !important;
		box-sizing: border-box;
	}
}

/* Maquetacion de las paginas de indice y del artículo. */
.entry-content .wiki-contenido #apartados li a {
	display: inline; /* con inline-block la viñeta se alineaba con la ultima linea de los enlaces largos */
}
.entry-content .wiki-contenido #apartados {
	margin-bottom: 15px;
}
.entry-content {
	margin-bottom: 0px;
}
.entry-content > .wiki-contenido {
	margin-bottom: 0px;
}
.wiki-contenido .wiki-pie {
	margin-top: 0;
	margin-bottom: 0;
}