/*
 * Ajustes del tema OnePress para el blog. Se cargan en todas las paginas, despues de los estilos del tema.
 * Los colores son variables (SBS: Estilos (CSS) > Colores): --sbs-terciario.
 * Para retoques propios, usa el editor de estilos (Herramientas > SBS: Estilos (CSS)) o Apariencia > Personalizar > CSS adicional.
 */

:root {
	--sbs-terciario: #C1E0C3;
}

/* Ancho maximo de 1400 px (la barra lateral conserva su proporcion del tema); por debajo, se adapta. */
.container,
#content-inside.container {
	width: 100% !important;
	max-width: 1400px !important;
}

/* Tamano de letra base de 1rem */
body,
button,
input,
select,
textarea {
	font-size: 1rem;
}

/* H1 de la entrada */
.entry-header h1.entry-title {
	border-bottom: 5px solid var(--sbs-terciario);
	padding-bottom: 3px;
	margin-bottom: 20px;
}

/* H2 y H3 dentro de una entrada */
.entry-content h2 {
	border-bottom: 3px solid var(--sbs-terciario);
	padding-bottom: 3px;
	margin-bottom: 10px;
	font-size: 1.8rem;
}
.entry-content h3 {
	border-bottom: 2px solid var(--sbs-terciario);
	padding-bottom: 3px;
	margin-bottom: 8px;
}

/* H3 en los widgets de la barra lateral */
#secondary .widget h3 {
	border-top: 5px solid var(--sbs-terciario);
	padding-top: 15px;
}

/* Widgets de la barra lateral mas juntos */
.sidebar .widget {
	margin-bottom: 10px;
}

/* Widgets del pie: menos relleno. .section-padding lo define el tema con una o dos clases segun el ancho,
   por eso el selector lleva tambien el identificador. */
#footer-widgets.footer-widgets.section-padding,
.footer-widgets.section-padding {
	padding: 1.5rem 0;
}

/* Menu principal: iconos delante del texto y menos separacion entre opciones. */
.onepress-menu a {
	padding-left: 12px;
	padding-right: 12px;
}
.onepress-menu a .sbs-menu-icon {
	height: 22px;
	width: auto;
	vertical-align: middle;
	margin-right: 6px;
}