/* DigiDentale 3.8.41 — Gli hero fotografici condividono l'immagine originale
   della pagina Lo Studio. Per i template blog e legali, che prima mostravano
   un fondo piatto, si applica la medesima fotografia con overlay leggibile. */
.dd-blog-page-hero,
.dd-blog-article-hero,
.dd-page-hero {
  background-image: linear-gradient(90deg,rgba(8,40,44,.96) 0%,rgba(10,45,47,.84) 48%,rgba(12,49,50,.48) 100%),url('../img/studio.webp') !important;
  background-color: #0D393B !important;
  background-size:cover !important;
  background-position:65% 50% !important;
  background-repeat:no-repeat !important;
  color:#fff;
}
.dd-blog-page-hero h1,
.dd-blog-article-hero h1,
.dd-page-hero h1,
.dd-blog-page-hero p,
.dd-blog-article-hero p,
.dd-page-hero p,
.dd-blog-page-hero .dd-eyebrow,
.dd-blog-article-hero .dd-eyebrow,
.dd-page-hero .dd-eyebrow,
.dd-blog-page-hero .dd-seo-crumb,
.dd-blog-article-hero .dd-seo-crumb,
.dd-blog-page-hero .dd-seo-crumb a,
.dd-blog-article-hero .dd-seo-crumb a,
.dd-blog-article-hero .dd-blog-article-meta,
.dd-blog-article-hero .dd-blog-article-meta span {
  color:#fff !important;
}
.dd-blog-page-hero h1 em,
.dd-blog-article-hero h1 em,
.dd-page-hero h1 em {
  color:#E4D0B4 !important;
}
.dd-blog-article-hero .dd-seo-crumb a:hover,
.dd-blog-page-hero .dd-seo-crumb:hover {
  color:#F3DFC4 !important;
}
.dd-blog-page-hero a:focus-visible,
.dd-blog-article-hero a:focus-visible,
.dd-page-hero a:focus-visible {
  outline:3px solid #fff;
  outline-offset:4px;
}
@media(max-width:760px) {
  .dd-blog-page-hero,.dd-blog-article-hero,.dd-page-hero {
    background-image:linear-gradient(90deg,rgba(8,40,44,.95) 0%,rgba(10,45,47,.80) 100%),url('../img/studio.webp') !important;
    background-position:62% center !important;
  }
}