/* =========================================
   OLHAPAUTA - HOME-MOBILE.CSS
   Ajustes para mobile e tablets
========================================= */

@media (max-width: 980px){
  .home .featured-grid,
  .home .home-featured,
  .home .hero-grid,
  .blog .featured-grid,
  .blog .home-featured,
  .blog .hero-grid{
    grid-template-columns:1fr;
  }

  .home .featured-side,
  .home .featured-right,
  .home .hero-side,
  .blog .featured-side,
  .blog .featured-right,
  .blog .hero-side{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .home .post-card--featured .thumb,
  .blog .post-card--featured .thumb{
    height:300px;
  }

  .home .post-card--featured .title,
  .blog .post-card--featured .title{
    font-size:26px;
  }

  .home .section-grid,
  .home .posts-grid,
  .blog .section-grid,
  .blog .posts-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 680px){
  .home .site-main,
  .blog .site-main{
    padding:28px 0 44px;
  }

  .home .post-card--featured .thumb,
  .blog .post-card--featured .thumb{
    height:260px;
  }

  .home .post-card--featured .title,
  .blog .post-card--featured .title{
    font-size:22px;
  }

  .home .featured-side,
  .home .featured-right,
  .home .hero-side,
  .blog .featured-side,
  .blog .featured-right,
  .blog .hero-side{
    grid-template-columns:1fr;
  }

  .home .post-card--mini .thumb,
  .blog .post-card--mini .thumb{
    height:150px;
  }

  .home .list-card,
  .blog .list-card{
    grid-template-columns:120px minmax(0, 1fr);
  }

  .home .list-card .thumb,
  .blog .list-card .thumb{
    width:120px;
    height:78px;
  }
}

@media (max-width: 520px){
  .home .post-card .overlay,
  .blog .post-card .overlay{
    padding:12px;
  }

  .home .post-card .tag,
  .blog .post-card .tag{
    font-size:9px;
    padding:5px 7px;
  }

  .home .section-head,
  .blog .section-head{
    margin:16px 0 10px;
  }

  .home .section-more,
  .blog .section-more{
    padding:7px 9px;
  }
}
@media (max-width: 520px){
  .home .section-more,
  .blog .section-more{
    min-height:44px;
    padding:0 12px;
  }
}
