/* Respiro mobile blog Scopri24.
   Regole solo di layout/spaziatura: non cambia dati, SEO o struttura PHP. */

@media(max-width:700px){
  body .container{
    width:100% !important;
    max-width:none !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .bl-hero,
  .bs-hero{
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .bl-hero h1,
  .bs-hero h1{
    font-size:30px !important;
    line-height:1.12 !important;
    letter-spacing:0 !important;
  }

  .bl-hero p,
  .bs-hero p{
    font-size:15px !important;
    line-height:1.65 !important;
  }

  #s24BlogSearch,
  #s24BlogSearchPage{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  #s24BlogSearch form,
  #s24BlogSearchPage form,
  .bl-search-box,
  .bs-search-box{
    border-radius:16px !important;
  }

  .bl-cats,
  .bc-cats{
    gap:9px !important;
    padding-top:20px !important;
  }

  .bl-chip,
  .bc-chip,
  .bs-chip{
    padding:8px 13px !important;
    line-height:1.2 !important;
  }

  .bl-layout,
  .bs-layout{
    gap:22px !important;
    margin-top:18px !important;
  }

  .bl-featured,
  .bl-card,
  .bc-card,
  .bs-card,
  .bs-box{
    border-radius:18px !important;
  }

  .bl-featured{
    padding:14px !important;
    gap:14px !important;
  }

  .bl-feat-body,
  .bl-card-body,
  .bc-card-body,
  .bs-body{
    padding:17px 18px !important;
  }

  .bl-grid,
  .bc-grid,
  .bs-results{
    gap:18px !important;
  }

  .bl-section-title,
  .bs-title{
    line-height:1.25 !important;
  }

  .art-wrap{
    padding-top:18px !important;
    padding-bottom:32px !important;
  }

  .art-title{
    font-size:30px !important;
    line-height:1.16 !important;
    letter-spacing:0 !important;
  }

  .art-meta-bar{
    gap:10px !important;
    margin-bottom:20px !important;
  }

  .art-content{
    font-size:16.5px !important;
    line-height:1.82 !important;
  }

  .art-content p{
    margin-bottom:19px !important;
  }

  .art-img,
  .art-img-frame,
  .art-img-frame img{
    border-radius:15px !important;
  }

  .bc-hero{
    padding-top:24px !important;
  }

  .bc-hero h1{
    font-size:29px !important;
    line-height:1.16 !important;
  }
}

@media(max-width:380px){
  body .container{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  #s24BlogSearch,
  #s24BlogSearchPage{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .bl-hero h1,
  .bs-hero h1,
  .art-title,
  .bc-hero h1{
    font-size:27px !important;
  }
}