/* SOON V45 — services cards without image + blog article readability */

/* Services-all: do not reserve a media row when no image exists */
.service-all-card.no-image{
  grid-template-rows:auto !important;
  min-height:0 !important;
  height:auto !important;
}
.service-all-card.no-image .service-all-body{
  min-height:0 !important;
  height:auto !important;
  padding-top:30px !important;
  padding-bottom:30px !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.service-all-card.no-image::before,
.service-all-card.no-image::after{
  display:none !important;
}
.service-all-card.has-image .service-all-image{
  display:block;
}

/* Blog post */
.blog-post-title{
  max-width:980px;
  margin:10px auto 22px;
  text-align:center;
  font-size:clamp(34px,4.2vw,52px) !important;
  line-height:1.22 !important;
  letter-spacing:0;
}
.blog-post-featured-wrap{
  width:min(980px,100%);
  max-height:560px;
  margin:18px auto 34px;
  border-radius:22px;
  overflow:hidden;
  background:#f7f7f7;
  display:flex;
  align-items:center;
  justify-content:center;
}
.blog-post-featured{
  display:block;
  width:100%;
  max-height:560px;
  height:auto;
  object-fit:contain;
  object-position:center;
}
.blog-post-reading{
  width:min(880px,100%);
  margin-inline:auto;
}
.blog-post-content{
  width:100%;
}
.blog-post-content p{
  margin-bottom:1.25em;
}

@media(max-width:640px){
  .service-all-card.no-image .service-all-body{
    padding:24px 18px !important;
  }
  .blog-post-title{
    font-size:clamp(30px,10vw,40px) !important;
    line-height:1.25 !important;
    margin-bottom:18px;
  }
  .blog-post-featured-wrap{
    max-height:320px;
    margin:14px auto 24px;
    border-radius:14px;
  }
  .blog-post-featured{
    max-height:320px;
  }
  .blog-post-reading{
    width:100%;
  }
}