/*!
 * App style
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body {
  font-family: "Montserrat", sans-serif;
  color: #000;
  top: 0 !important;
}
h1, h2, h3, h4, h5, h6 {
  color: var(--primary);
}
a {
  transition: all .1s ease-in-out;
  transition-property: color;
}
a, a:hover, a:focus {
  color: var(--primary);
  -webkit-transition-duration: 500ms;
  transition-duration: 300ms;
  text-decoration: none;
  outline: 0 solid transparent;
}
:root {
  --swiper-navigation-size: 2rem;
}
/*-------------------------
*   HEADER
*------------------------*/
header {
  position: relative;
  /*background: url("/media/testata.jpg") no-repeat;
  background-position: center;*/
  height: 78vh;
}
/*header #slide{max-height: 722px; overflow: hidden;}*/
header #logo {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 10;
  transform: translate(-50%, 28%);
}
#lingue {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 30;
}
#google_translate_element {
    display: none;
}
.goog-te-gadget-icon {
  display:none;
}

.goog-te-gadget-simple,#lingue {
    border:0 !important;
	font-family: 'Lato', sans-serif !important;
    font-weight:800 !important;
	font-size: 13px!important;
}

.goog-te-gadget-simple  span,#lingue .title {
   color:var(--primary) !important;
}

.goog-te-gadget-simple .goog-te-menu-value span{ border: 0 !important;}
iframe.VIpgJd-ZVi9od-ORHb-OEVmcd{
    display: none !important;
}

#lingue .lingua{cursor: pointer; border: 1px solid transparent;}
#lingue .lingua:hover,#lingue .lingua.active{ border-color: #fff;}

.video-background {
  position: relative;
  width: 100%;
  height: 78vh; /* Altezza a tutto schermo */
  overflow: hidden;
}
.video-background video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover; /* Ritaglia per coprire tutto lo sfondo */
  z-index: -1; /* Manda il video dietro al contenuto */
}
/*-------------------------
*   HOME
*------------------------*/
#blocco-home{overflow: hidden;}
#patter,#patter2 {
  height: 170px;
  background: url("/media/pattern.jpg") repeat-x;
  background-position: top left;
}
#patter2{height: 86px;}
#blocco-home .item{
    margin-bottom: 60px;
}
#blocco-home .item p{
    font-size: 14px;
    line-height: 18px;
}
#blocco-home .imgSwiper{max-height: 400px;}
#blocco-home .swiper-button-next,#blocco-home .swiper-button-prev{
   color: #fff;
}
#blocco-home .swiper-button-next{ right: 2rem;}
#blocco-home .swiper-button-prev{ left: 2rem;}
#blocco-posts {
  padding: 5rem 0;
  font-size: 14px;
  line-height: 18px;
}
/*-------------------------
*   FORM
*------------------------*/
#blocco-contatti-tempo{ overflow: hidden; padding: 45px 0 95px;}
#blocco-contatti-tempo h3 {
  color: #fff;
  font-weight: 700;
}
#contForm .form-control{
  border: 0;
  color: #000000;
  border-radius: 19px;
  height: 52px;
  font-weight: 700;  
}
#contForm  textarea.form-control{ height: auto !important;}
#box-form .input-group .input-group-text {
  border-radius: 0 0.25rem 0.25rem 0;
}
#contForm .form-control::placeholder{
  color: var(--primary);
}
#contForm hr{border-top-color: #fff;}
#contForm .custom-control-label {
  font-size: 0.625rem;
  color: #fff;
}
#contForm .btn {
  padding: .65rem 6.5rem;
  border-radius: 30px;
  font-size: 27px;
  font-weight: 700;
  box-shadow: 0px 3px 6px #00000029;
  color: var(--primary);
  background: #fff;
}

/*--------------------------
*     	FOOTER 
*--------------------------*/
footer {
  padding: 20px 0;
  font-size: 12px;
  line-height: 14px;
  background-color: #F1F1F1;
  color: var(--primary);
}
footer a, footer h5 {
  color: var(--primary);
}
footer i {
  width: 31px;
  height: 31px;
  color: #F1F1F1;
  background-color: var(--primary);
  text-align: center;
  border-radius: 50%;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}

@media (max-width: 768px){
 #blocco-home{text-align: center;}
}

@media (max-width: 576px) {
/*header {
  background-image: url("/media/slide-mob.jpg");
  background-size: cover;
}
.video-background {
    height: 60vh;
  }*/
}