/**
 * Theme Name:     lineablu 24
 * Author:         dinamic
 * Template:       Divi
 * Text Domain:	   lineablu-24
 * Description:    dinamic
 */


/*show desktop menu on phone*/

/*Formattazione CF7*/
.cf7-row {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px !important;
  width: 100%;
}

.cf7-col {
  grid-column: span 12;
  min-width: 0;
}

.cf7-1-2 { grid-column: span 6; }
.cf7-1-3 { grid-column: span 4; }
.cf7-2-3 { grid-column: span 8; }
.cf7-1-4 { grid-column: span 3; }
.cf7-3-4 { grid-column: span 9; }
.cf7-full { grid-column: span 12; }

.cf7-col label,
.cf7-col .wpcf7-form-control-wrap,
.cf7-col input,
.cf7-col select,
.cf7-col textarea {
  width: 100%;
  display: block;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .cf7-1-2,
  .cf7-1-3,
  .cf7-2-3,
  .cf7-1-4,
  .cf7-3-4,
  .cf7-full {
    grid-column: span 12 !important;
  }
}
/* bottoni sulle pagine */

.bottone-grigio {
  display: table;
  padding: 4px 20px;
  margin-bottom: 10px;
  font-size: 18px;
  background-color: #727272;
  color: white;
  border-radius: 3px;
}

.bottone-blu {
  display: table;
  padding: 4px 20px;
  margin-bottom: 10px;
  font-size: 18px;
  background-color: #7fa6cc;
  color: white;
  border-radius: 3px;
}



/* */



.de-mega-menu {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh!important;
	max-height: 100vh!important;
	z-index: 9999999999!important;
	overflow-y: scroll!important; 
	overflow: scroll!important; 
	 -webkit-overflow-scrolling: touch;
    /*background: white;
    z-index: 999999!important;
    overflow-y: scroll!important; 
	 -webkit-overflow-scrolling: touch; 
    max-height: 100vh; */
}



/** Inizio animazione slider header **/

/** Inizio animazione slider header **/

/* Assicura che lo slider abbia posizione relativa */
#slider {
    position: relative;
    overflow: hidden;
}

/* Aggiunge un div virtuale per lo sfondo di ogni slide */
#slider .et_pb_slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Crea un overlay per lo sfondo senza toccare il contenuto */
#slider .et_pb_slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    z-index: -1;
    opacity: 1;
   /* animation: zoomBackground 5s forwards ease-in-out;*/
}
#slider .et_pb_slide {
animation: zoomBackground 5s forwards ease-in-out;}

/* Evita che il contenuto della slide si ingrandisca */
#slider .et_pb_slider_container_inner {
	transform-origin: center center;
    animation: zoomBackgroundRewind 5s forwards ease-in-out;
    will-change: transform; /* Migliora le performance */
}


/* Animazione di zoom dello sfondo */
@keyframes zoomBackground {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}
/* Animazione di zoom dello sfondo */
@keyframes zoomBackgroundRewind {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(calc(1 / 1.1));
    }
}
/** Fine animazione slider header **/

@media (max-width: 980px) {
	.pa-open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.pa-open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
}


/* diminuire spazio nel formulario */
.tfs-row {margin-top: -15px!important;}

/*porfolio image aspect ratio square 1:1*/
.pa-portfolio-image-1-1 .et_portfolio_image {
  padding-top: 100%;
  display: block;
}
.pa-portfolio-image-1-1 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}


/*portfolio image aspect ratio portrait 9:16*/
.pa-portfolio-image-9-16 .et_portfolio_image {
  padding-top: 177.77%;
  display: block;
}
.pa-portfolio-image-9-16 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}



/* animazione bk home*/
.bkanimato {
  will-change: background-size, background-position;
}

/*.et_pb_section.landscape.container-portrait, .et_pb_section.portrait.container-portrait {*/
/*.bkanimato.landscape.container-portrait, .bkanimato.container-portrait {*/
.bkanimato.landscape.container-portrait, .bkanimato.portrait.container-portrait {
	background-size: auto 100%; /*larghezza auto e altezza 100%*/
	-webkit-animation: kenburns-portrait 5s ease-out both;
	        animation: kenburns-portrait 5s ease-out both;
}

@keyframes kenburns-portrait {
  0% {
   -webkit-background-size: auto 100%;
	  background-size: auto 100%;
background-position: center; /* Centra l'immagine */
    /*background-position: 40% 16%; */
  }
  100% {
	  -webkit-background-size: auto 120%;
    background-size: auto 120%;
	  background-position: center; /* Centra l'immagine */
    /*background-position: 50% 50%;*/
	  
  }
}


/*.et_pb_section.portrait.container-landscape, .et_pb_section.landscape.container-landscape{*/
.bkanimato.portrait.container-landscape, .bkanimato.landscape.container-landscape{
	background-size: 100% auto;  /*larghezza 100%  e altezza auto*/
	-webkit-animation: kenburns-landscape 5s ease-out both;
	        animation: kenburns-landscape 5s ease-out both;

}
@keyframes kenburns-landscape {
  0% {
	  -webkit-background-size: 100% auto;
   background-size: 100% auto;
background-position: center; /* Centra l'immagine */
    /*background-position: 40% 16%; */
  }
  100% {
	  -webkit-background-size: 120% auto;
    background-size: 120% auto;
	  background-position: center; /* Centra l'immagine */
    /*background-position: 50% 50%;*/
	  
  }
}

/* codice di divi per kerborns*/
.kb-zoomout .et_pb_slide .et_parallax_bg {
  animation: zoomout 7s forwards;
  -ms-animation: zoomout 7s forwards;
  -webkit-animation: zoomout 7s forwards;
  /*-0-animation: zoomout 7s forwards;*/
  -moz-animation: zoomout 7s forwards;
}

.kb-zoomin .et_pb_slide .et_parallax_bg {
  animation: zoomin 7s forwards;
  -ms-animation: zoomin 7s forwards;
  -webkit-animation: zoomin 7s forwards;
  /*-0-animation: zoomin 7s forwards;*/
  -moz-animation: zoomin 7s forwards;
}

.kb-zoomin-right .et_pb_slide .et_parallax_bg {
  animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 7s forwards;
  -webkit-animation: zoomin-right 7s forwards;
 /* -0-animation: zoomin-right 7s forwards;*/
  -moz-animation: zoomin-right 7s forwards;
}

.kb-zoomout-right .et_pb_slide .et_parallax_bg {
  animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 7s forwards;
  -webkit-animation: zoomout-right 7s forwards;
  /*-0-animation: zoomout-right 7s forwards;*/
  -moz-animation: zoomout-right 7s forwards;
}

.kb-zoomout .et_parallax_bg {
  animation: zoomout 17s forwards;
  -ms-animation: zoomout 17s forwards;
  -webkit-animation: zoomout 17s forwards;
 /* -0-animation: zoomout 17s forwards;*/
  -moz-animation: zoomout 17s forwards;
}

.kb-zoomin .et_parallax_bg {
  animation: zoomin 17s forwards;
  -ms-animation: zoomin 17s forwards;
  -webkit-animation: zoomin 17s forwards;
 /* -0-animation: zoomin 17s forwards;*/
  -moz-animation: zoomin 17s forwards;
}

.kb-zoomin-right .et_parallax_bg {
  animation: zoomin-right 7s forwards;
  -ms-animation: zoomin-right 17s forwards;
  -webkit-animation: zoomin-right 17s forwards;
 /* -0-animation: zoomin-right 17s forwards;*/
  -moz-animation: zoomin-right 17s forwards;
}

.kb-zoomout-right .et_parallax_bg {
  animation: zoomout-right 7s forwards;
  -ms-animation: zoomout-right 17s forwards;
  -webkit-animation: zoomout-right 17s forwards;
  /*-0-animation: zoomout-right 17s forwards;*/
  -moz-animation: zoomout-right 17s forwards;
}

@keyframes zoomout {
  0% {
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
  }

  100% {
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
  }
}

@keyframes zoomin {
  0% {
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
  }

  100% {
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-0px, 0px, 0px);
    -webkit-transform: scale3d(3.5, 3.5, 3.5) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
  }
}

@keyframes zoomout-right {
  0% {
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    animation-timing-function: linear;
  }

  100% {
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
  }
}

@keyframes zoomin-right {
  0% {
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    animation-timing-function: linear;
  }

  100% {
    -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-150px, -20px, 0px);
  }
}