/*
Theme Name: Kava Child
Template: kava
*/

@import "bootstrap.css";

/*Sovrapposizione tra immagine e menù in modalità desktop*/
/*@media(min-width: 1024px){
   .slider-home-1 {
	position: relative;
	bottom: 10rem;
    } 
}*/*

/*Sfondo di default a tutte le pagine*/
body{
    background-color: #F1F6F2;
}

/*Sovrappozione tra pulsante e immagine- Benevnuti nel Parco.... */
.card-benvenuti-1 {
    bottom: 34px;
    left: 14px;
}

/*Altezza massimo preview video*/
.altezza-max-anteprima-video iframe{
    height: 150px !important;
}

/* Forza nascondimento totale elementi Google Translate */
body .goog-te-spinner-pos,
body .goog-te-spinner,
body iframe.goog-te-banner-frame,
body iframe.goog-te-menu-frame,
body iframe.goog-te-balloon-frame {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Stile lingua selezionata*/
a.glink.gt-current-lang {
    color: #3f5F4b;
}

/*Stile lingue non selezionate*/
a.glink {
    text-decoration: none;
    color: grey;
}

/*Modifica stile e font del testo di aggiornamento pagine*/
.ultimo-aggiornamento {
    font-style: italic;
    color: white !important;
}

.custom-sticky-header{
  width: 100%;
  z-index: 999;
  transition: all 0.3s ease;
}

.custom-sticky-header.is-fixed{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
  border-radius: 0;
}

@media (max-width: 767px){
  .topbar-mobile{
    transition: transform 0.3s ease, opacity 0.2s ease;
  }

  .topbar-mobile.is-hidden{
    transform: translateY(-100%);
    opacity: 0;
  }
  
  .topbar-toggle{
    cursor: pointer;
  }

  .topbar-toggle-icon{
    transition: transform 0.3s ease;
  }

  .topbar-mobile .topbar-collapsible{
    display: none;
  }

  .topbar-mobile.is-open .topbar-collapsible{
    display: flex !important;
  }

  .topbar-mobile.is-open .topbar-toggle-icon{
    transform: rotate(180deg);
  }

}

.display-icon-inline svg{
  display: inline;
}

/*Impostazione colore link allegati delle news*/
.file-link {
    color: black;
    text-decoration: none;
}

.file-link:hover {
    color: #3f5f4b;
}

/*Impostazione per modificare il colore del bottone Leggi di più (Risultato delle ricerca)*/
a.btn {
    background-color: #3f5f4b;
}

a.btn:hover {
    background-color: #3f5f4b;
}

/*Massimo 3 linee di testo (da utilizzare per i dynamic field)*/
.testo-massimo-3-righe,
.testo-massimo-3-righe * {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*Massimo 2 linee di testo*/
.testo-massimo-2-righe {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Titolo pagine*/
h1.page-title {
    text-align: start !important;
}