/* Selector de idioma (equivalente al plugin langswitcher de Grav) */
#header #navbar {
    float: right; }
#header #navbar ul.langswitcher {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
#header #navbar ul.langswitcher li {
    display: inline-block; }
#header #navbar ul.langswitcher li a {
    font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
    padding: 0.3rem 0.4rem; }
#header #navbar ul.langswitcher li a.active {
    font-weight: bold; }

/* Reglas que antes aportaba slidebars.min.css: el footer (position: absolute;
   bottom: 0) necesita que el body crezca con el contenido y sea su contenedor */
html {
    height: 100%; }
body {
    min-height: 100%;
    height: auto;
    position: relative;
    overflow-x: hidden; }

/* En pantallas angostas el nombre y el selector de idioma no entran en una
   misma línea: achicamos el nombre (también en el header "scrolled") */
@media only all and (max-width: 47.938em) {
    #header #logo h3,
    #header.scrolled #logo h3 {
        font-size: 1.3rem !important;
        line-height: 1.3rem; }
    #header #navbar ul.langswitcher li a {
        padding: 0.3rem 0.25rem; } }
@media only all and (max-width: 22.5em) {
    #header #logo h3,
    #header.scrolled #logo h3 {
        font-size: 1.1rem !important; }
    #header #navbar {
        font-size: 0.8rem; } }

/* Subtexto del footer */
#footer .credits {
    font-size: 0.8rem; }
#footer .credits a {
    color: #fff; }
#footer .credits a:hover {
    text-decoration: underline; }
@media only all and (max-width: 47.938em) {
    #footer p {
        font-size: 0.8rem; }
    #footer .credits {
        font-size: 0.7rem; } }