/* ============================================================
   Stili della pagina BLOG (l'elenco degli articoli).
   Template:index.php.
   ============================================================ */

.blog_hero {
   display: flex;
   flex-direction: row;
   padding: 15.069vw 6.944vw 8.542vw 6.944vw;
   gap: 8.819vw;
}

@media screen and (min-width: 750px) {

   .blog_hero>:nth-child(1) {
      width: 45%;
   }

   .blog_hero>:nth-child(2) {
      width: 55%;
   }
}

.blog_archive {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-row-gap: 4.167vw;
   grid-column-gap: 1.389vw;
   padding: 0 6.944vw 12.847vw 6.944vw;
}


@media screen and (max-width: 750px) {

   .blog_hero {
      padding: 33.077vw 6.154vw 7.692vw 6.154vw;
      flex-direction: column;
      gap: 4.359vw;
      align-items: center;
      text-align: center;
   }

   .blog_archive {
      padding: 7.692vw 6.154vw 28.462vw 6.154vw;
      grid-template-columns: repeat(1, 1fr);
      grid-row-gap: 9.231vw;
   }

}