/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* Este selector apunta a todos los enlaces <a> con la clase 'nav-link'
   y a su pseudo-elemento '::after' que es el que genera el cuadro. */
/* Este selector apunta a todos los enlaces <a> con la clase 'navs-link'
   y a su pseudo-elemento '::after' que es el que genera el cuadro. */
a.navs-link::after {
  content: none !important; /* Elimina el contenido del pseudo-elemento */
  display: none !important; /* Asegura que el elemento no ocupe espacio */
}

/* Ocultar el área completa del formulario de comentarios */
.comment-form-area {
    display: none !important;
}

/* Si el selector anterior no es suficiente, puedes probar con el contenedor del formulario específico */
.blog-details-content .comment-form {
    display: none !important;
}

/* Oculta la lista ul.meta dentro de la sección de blog/blog-info */
.blog .blog-info .meta {
    display: none !important;
}

/* Alternativa si la anterior no es lo suficientemente específica o si no funciona: */
/* Busca el contenedor más cercano y específico que englobe la tarjeta de blog */
/* Por ejemplo, si cada tarjeta de blog tiene una clase como 'blog-post-card' */
/* .blog-post-card .meta {
    display: none !important;
} */

/* Oculta el contenedor completo de Tags y Share */
.blog-details-content .row.align-items-center {
    display: none !important;
}

/* Opcional: Si lo anterior no es suficiente, o si hay otros elementos con esa combinación de clases
   y quieres ser más específico, puedes intentar apuntar al padre de ese 'div':
   Observa el HTML: el 'div' que quieres ocultar está justo después de '.blog-content'
   dentro de '.blog-details-content'.
*/
.blog-details-content > div:last-of-type { /* Este selector asume que es el último div hijo directo */
    display: none !important;
}

/* Oculta la lista ul.meta dentro de la sección de blog/blog-info */
.blog .blog-info .meta {
    display: none !important;