/* ==========================================================================
   Taormina Tour Suite 8.2.1
   Mobile Home hero: force the real background photo to remain visible.
   ========================================================================== */

@media(max-width:767px){

  /* Make the hero a stacking context so the photo cannot be suppressed by
     Divi's responsive background settings. */
  body.home.tt-v7 .tt7-hero,
  body.tt-v7.page .tt7-hero{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background-color:#06275B!important;
  }

  /* Real photo layer. It is independent from Divi's background shorthand. */
  body.home.tt-v7 .tt7-hero::before,
  body.tt-v7.page .tt7-hero::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:-2!important;
    display:block!important;
    background-image:var(--tts821-home-hero-image)!important;
    background-position:62% center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    opacity:1!important;
    pointer-events:none!important;
  }

  /* Readability overlay, while preserving the photograph underneath. */
  body.home.tt-v7 .tt7-hero::after,
  body.tt-v7.page .tt7-hero::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    width:auto!important;
    height:auto!important;
    right:auto!important;
    top:auto!important;
    z-index:-1!important;
    display:block!important;
    border-radius:0!important;
    background:linear-gradient(
      90deg,
      rgba(6,39,91,.91) 0%,
      rgba(6,39,91,.68) 58%,
      rgba(6,39,91,.30) 100%
    )!important;
    opacity:1!important;
    pointer-events:none!important;
  }

  body.home.tt-v7 .tt7-hero .et_pb_row,
  body.tt-v7.page .tt7-hero .et_pb_row{
    position:relative!important;
    z-index:1!important;
  }
}