:root {
  --ffBluChiaro: #2686b6;
  --ffBluScuro: #005577;
  --ffRossoChiaro: #ff0000;
  --ffRossoScuro: #cc0000;
  --ffBianco: #ffffff;
}

body{
  background-color: var(--ffBluChiaro)!important;
}

html,body,h1,h2,h3,h4,h5,h6,p,a,li,span{
  font-family: 'Anton', sans-serif;
}

p,a,li,span{
  font-family: 'Antonio', sans-serif;
}

.nav-link{
  font-size:23px!important;
  background: linear-gradient(to top, var(--ffBluChiaro), var(--ffBluScuro))!important;
  -webkit-background-clip: text!important;
          background-clip: text!important;
  -webkit-text-fill-color: transparent!important;
}
.nav-link:hover{
  background: linear-gradient(to top, var(--ffRossoChiaro), var(--ffRossoScuro))!important;
  -webkit-background-clip: text!important;
          background-clip: text!important;
  -webkit-text-fill-color: transparent!important;
}
nav.navbar{
  padding-top:0px!important;
  position:fixed!important;
  top:0px!important;
  z-index:1000!important;
  background-color:white!important;
  width:100%!important;
}

#basicExampleNav{
  justify-content: flex-end;
}

.navbar-toggler{
  z-index:150;
  border:black 1px solid!important;
  position:fixed;
  top:20px;
  right:50px;
}

.navbar-toggler-icon{
  background-image:url('../img/collapse.png')!important;
  background-size:22px!important;
}

.navbarLogo{
  height:70px;
}

.navbar-nav{
  background-color: white!important;
  padding: 15px;
  position: fixed;
  right: 0px!important;
  padding-right:100px;
}

.headNuvola1{
  height:10vw;
  margin-right:15vw;
  max-height:100px;
}
.headNuvola2{
  height:10vw;
  max-height:100px;
}
.headNuvola3{
  height:7vw;
  max-height:70px;
}

.fadeObject {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.muoviASx {
  display: inline-block;
  transition: transform 2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(0);
}

.muoviADx {
  display: inline-block;
  transform: translateX(0);
  transition: transform 2s cubic-bezier(0.4, 0, 0.2, 1);
}

.muovi-sinistra {
  transform: translateX(-50px);
}

.muovi-destra {
  transform: translateX(50px);
}

.ruotaASx {
  display: inline-block;
  transition: transform 2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: rotate(3deg);
}

.ruotaADx {
  display: inline-block;
  transition: transform 2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: rotate(-3deg);
}

.ruota-sinistra {
  transform: rotate(6deg);
}

.ruota-destra {
  transform: rotate(-6deg);
}


.aereo {
	opacity: 1;
	animation-name: aereomove;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in; /*cubic-bezier(0.4, 0, 0.2, 1);*/
	animation-duration: 10s;
}

@keyframes aereomove {
  0% {
    transform: translateX(0px) translateY(0px) rotate(0deg);
	}
	33% {
		transform: translateX(7px) translateY(-7px) rotate(2deg);
	}
  66% {
    transform: translateX(-7px) translateY(-4px) rotate(-2deg);
	}
  100% {
    transform: translateX(0px) translateY(0px) rotate(0deg);
	}
}




/*STILI NASCONDI MOSTRA MOBILE TABLET DESKTOP*/

/* Nascondi .desktop su mobile e tablet */
@media (max-width: 991.98px) {
  .desktop {
    display: none !important;
  }
}

/* Nascondi .tablet su mobile e desktop */
@media (max-width: 575.98px), (min-width: 992px) {
  .tablet {
    display: none !important;
  }
}

/* Nascondi .mobile su tablet e desktop */
@media (min-width: 576px) {
  .mobile {
    display: none !important;
  }
}


/*CORREZIONI FONTSIZE SCHERMI*/

/*ULTRA XS*/
@media (max-width: 575px) {
  .h1, h1{
    font-size:60px;
    line-height:65px;
  }
  .h2, h2{
    font-size:40px;
    line-height:45px;
  }
  .h3, h3{
    font-size:30px;
    line-height:35px;
  }
  .h4, h4{
    font-size:23px;
    line-height:28px;
  }
  p{
    font-size:20px;
    line-height:25px;
  }
}

/*XS*/
@media (min-width: 576px) {
  .h1, h1{
    font-size:60px;
    line-height:65px;
  }
  .h2, h2{
    font-size:40px;
    line-height:45px;
  }
  .h3, h3{
    font-size:30px;
    line-height:35px;
  }
  .h4, h4{
    font-size:23px;
    line-height:28px;
  }
  p{
    font-size:20px;
    line-height:25px;
  }
}

/*SM*/
@media (min-width: 768px) {
  .h1, h1{
    font-size:70px;
    line-height:75px;
  }
  .h2, h2{
    font-size:50px;
    line-height:55px;
  }
  .h3, h3{
    font-size:40px;
    line-height:45px;
  }
  .h4, h4{
    font-size:27px;
    line-height:32px;
  }
  p{
    font-size:22px;
    line-height:25px;
  }
}

/*MD*/
@media (min-width: 992px) {
  .h1, h1{
    font-size:80px;
    line-height:85px;
  }
  .h2, h2{
    font-size:60px;
    line-height:65px;
  }
  .h3, h3{
    font-size:45px;
    line-height:50px;
  }
  .h4, h4{
    font-size:31px;
    line-height:37px;
  }
  p{
    font-size:25px;
    line-height:30px;
  }
}

/*LG*/
@media (min-width: 1200px) {
  .h1, h1{
    font-size:100px;
    line-height:105px;
  }
  .h2, h2{
    font-size:70px;
    line-height:75px;
  }
  .h3, h3{
    font-size:49px;
    line-height:55px;
  }
  .h4, h4{
    font-size:37px;
    line-height:42px;
  }
  p{
    font-size:25px;
    line-height:30px;
  }
}



/*OLD MEDIA QUERIES*/
/*MOBILE
@media (max-width: 575.98px){
}
*/
/*TABLET
@media (max-width: 991.98px), (min-width: 576px){
}
*/
/*DESKTOP
@media (min-width: 992px) {
}
*/


/*DEBUGGER STILE*/
/*
* {
  outline: 1px solid red;
}
*/

.row-equal-height {
  display: flex;
  flex-wrap: wrap;
}

.col-middle-right {
  display: flex;
  align-items: center;     /* Vertical center */
  justify-content: right; /* (opzionale) Orizzontale */
  /*border: 1px solid #ccc;*/
  /*padding: 1rem;*/
}

.col-middle-center {
  display: flex;
  align-items: center;     /* Vertical center */
  justify-content: center; /* (opzionale) Orizzontale */
  /*padding: 1rem;*/
}

.col-middle-left {
  display: flex;
  align-items: center;     /* Vertical center */
  justify-content: left; /* (opzionale) Orizzontale */
  /*padding: 1rem;*/
}

.carousel-indicators li{
  background-color: #6FC0F4;
}

.carousel-indicators li.active{
  background-color: #FF0000;
}

/*FONT FACE*/
/*
@font-face {
  font-family: "Esempio";
  src:
    local("Esempio"),
    url("trickster-COLRv1.otf") format("opentype") tech(color-COLRv1),
    url("trickster-outline.otf") format("opentype"),
    url("trickster-outline.woff") format("woff");
}
*/
@font-face {
  font-family: "Anton";
  src:
    local("Anton"),
    url("../fonts/Anton-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Antonio";
  src:
    local("Antonio"),
    url("../fonts/Antonio-VariableFont_wght.ttf") format("truetype");
}