/* Esta hoja de estilos tiene algunos ajustes más allá de la hoja de estilos básica, que son preferencias mías */

/* Limitar altura de widgets de tags y de histórico por meses */
.Widget.tagcloud .WidgetContent , .Widget.monthlist .WidgetContent {
    max-height: 370px;
    overflow-y: auto
}

/*Ocultar los posts relacionados (porque las recomendaciones son muy malas)*/
#relatedPosts {
	display:none;
}

/* Le quito el borde a los widgets porque en la versión nueva de BlogEngine deja huecos a veces,
y se lo pongo al contenedor de Widgets */
.Widget {
    border-left: none;
    margin-bottom: 1.5rem;
}
.widgetzone {
    border-left: 1px solid var(--main-border-color);
}


/* Mostrar los enlaces del panel con una raya debajo, excepto los tags */
#panel-wrapper a {
    text-decoration: underline #f1b5b5;
}
#panel-wrapper .Widget.tagcloud a {
    text-decoration: none;
}

/* Colores del logo textual */
.ja {
    color: black;
}

.soft {
    color: crimson;
}

.org {
    font-size: 0.7em;
    color: darkslategrey;
}

/* Sobrescribo márgenes del cuadro de autor */
.post-author {
    margin: 1rem 0 3rem 0;
}

/* Mensaje de advertencia en comentarios */

#status.warning {
    color: red;
  }


/* Para evitar que las imágenes ornamentales flotadas se vean mal en pantallas pequeñas */
@media (max-width: 640px) {
    .post-content img {
            display:block !important;
            float:none !important;
            margin: 5px auto !important;
            max-width:100% !important;
            height:auto !important;
    }
}