/* HOMEPAGE TEST - Modifiche smartphone */
@media (max-width: 767px) {

    /* Titolo generale */
    .rt-home-test-tour h1.uk-h3 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    /* Titoli dei singoli tour */
    .rt-home-test-tour h3.uk-h4 {
        font-size: 21px !important;
        line-height: 1.3 !important;
    }


/* Descrizioni dei tour - soluzione intermedia */
.rt-home-test-tour .uk-panel p {
    font-size: 15px !important;
    line-height: 1.55 !important;
    -webkit-hyphens: none;
    hyphens: none;
}


}
/* Titolo breve solo su smartphone */
.rt-home-test-tour .rt-title-mobile {
    display: none !important;
}

@media (max-width: 767px) {
    .rt-home-test-tour .rt-title-desktop {
        display: none !important;
    }

    .rt-home-test-tour .rt-title-mobile {
        display: inline !important;
    }
}

/* Correzione posizione titolo blocco 1 su smartphone */
@media (max-width: 767px) {

  .rt-home-test-tour {
    margin-top: -12px !important;
  }

  .rt-home-test-tour h1.uk-h3 {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    text-align: center !important;
  }

  .rt-home-test-tour h3.uk-h4 {
    margin-top: 0 !important;
  }
}

/* HOMEPAGE TEST - HERO MOBILE SAN BASILIO */
@media (max-width: 767px) {

  /* Fotografia statica mobile */
  #headerimgs {
    position: relative !important;
    height: 78vw !important;
    min-height: 260px !important;
    max-height: 340px !important;
    background-image: url("/images/homepage-test/Mosca-Cattedrale-San-Basilio.png?v=3") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
    margin-bottom: -4px !important;
  }

  /* Nasconde lo slideshow su smartphone */
  #headerimgs #headerimg1,
  #headerimgs #headerimg2 {
    display: none !important;
  }

  /* Posiziona il logo originale sopra la fotografia */
  #headerimgs .tm-teaser {
    position: absolute !important;
    top: 3% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
	text-align: center !important;
	z-index: 10 !important;
	transform: translateX(-50px) !important;
}


/* Logo: dimensione e leggibilita */
#headerimgs .tm-teaser {
    isolation: isolate !important;
}

/* Alone localizzato sotto il logo */
#headerimgs .tm-teaser::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 68%;
    transform: translate(-50%, -50%);
    width: 220px;
    height: 90px;
background: radial-gradient(
    ellipse at center,
    rgba(3, 24, 58, 0.24) 0%,
    rgba(3, 24, 58, 0.10) 42%,
    rgba(3, 24, 58, 0) 76%
);

    pointer-events: none;
}

/* Logo originale */
#headerimgs .tm-teaser img {
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    width: 160px !important;
    max-width: 46vw !important;
    height: auto !important;
    margin: 0 auto !important;
    filter: drop-shadow(0 2px 5px rgba(0,0,0,0.60));
}

}

/* HOMEPAGE TEST - Fascia titolo mobile più compatta */
@media (max-width: 767px) {

  /* Riduce lo spazio sotto il pannello del titolo */
  .uk-width-1-1.uk-row-first > .uk-panel {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }

  /* Riduce i margini del titolo principale */
  .uk-width-1-1.uk-row-first > .uk-panel > h1.uk-h3 {
  	margin-top: -10px !important;
    margin-bottom: 4px !important;
  }

  /* Avvicina il titolo del primo tour */
  .uk-width-1-1.uk-row-first > ul.uk-grid > li:first-child h3.uk-h4 {
    margin-top: 5px !important;
  }
}

/* HOMEPAGE TEST - MENU mobile */
@media (max-width: 767px) {

  /* Mantiene l'icona originale e aggiunge MENU */
  .tm-top-block .uk-navbar-toggle.uk-visible-small {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
  }

  /* Scritta MENU leggera */
  .tm-top-block .uk-navbar-toggle.uk-visible-small:before {
    content: "MENU" !important;
    display: inline-block !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    color: rgba(255,255,255,0.65) !important;
  }

}

/* HOMEPAGE TEST - CERCA mobile più leggibile */
@media (max-width: 767px) {

  .tm-top-block .uk-search-field {
    font-family: Lato, sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: rgba(255,255,255,0.65) !important;
  }

  .tm-top-block .uk-search-field::placeholder {
    font-family: Lato, sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: rgba(255,255,255,0.65) !important;
    opacity: 1 !important;
  }

}
/* HOMEPAGE TEST - Sposta CERCA a destra */
@media (max-width: 767px) {

  .tm-top-block form.uk-search {
    transform: translateX(120px) !important;
  }


/* HOMEPAGE TEST - Ricerca mobile sopra i contenuti */
@media (max-width: 767px) {

  .tm-top-block {
    position: relative !important;
    z-index: 1000 !important;
  }

  .tm-top-block .uk-navbar {
    position: relative !important;
    z-index: 1001 !important;
  }

  .tm-top-block form.uk-search {
    position: relative !important;
    z-index: 1002 !important;
  }

  .tm-top-block form.uk-search .uk-dropdown {
    z-index: 1003 !important;
    background: #ffffff !important;
    color: #333333 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.18) !important;
  }

}
  
/* Block 1 TEST - immagini quadrate responsive */

.rt-block1-test .uk-grid > li h3 a {
    display: block;
}

.rt-block1-test .uk-grid > li h3 img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}

/* Block 2 TEST - testi uniformi al Block 1 */
.rt-block2-test .uk-grid > li p {
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: justify !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
}

/* Block 1 - spazio solo prima di Tour Mar Nero */
@media (max-width: 767px) {
    .rt-block1-test ul.uk-grid + ul.uk-grid + ul.uk-grid {
        margin-top: 24px !important;
    }
}


/* BLOCK 2 - titolo desktop */
.rt-block2-heading .rt-title-short {
    display: none !important;
}

/* BLOCK 2 - titolo mobile */
@media (max-width: 767px) {
    .rt-block2-heading {
        text-align: center !important;
        margin-left: 0 !important;
        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    .rt-block2-heading .rt-title-long {
        display: none !important;
    }

    .rt-block2-heading .rt-title-short {
        display: inline !important;
    }
}