/*    for  sub-menu pases  --  for  sub-menu pases --  for  sub-menu pases */
/*   forse solo per Origini ???? */
.line-solo-desktopA {
  display: table-row;
}

@media (max-width:700px) {
  .line-solo-desktopA {
    display: none;
  }
}
/*  END END  forse solo per Origini ???? */

/*    for  NEW intro WEB PAGE  for  NEW intro WEB PAGE for  NEW intro WEB PAGE for  NEW intro WEB PAGE   for  NEW intro WEB PAGE  */

/*   style of title in NEW WEB PAGE */
.style_MENU_page_TITLE_NEW{
  color:white;
  text-align:center;
  font-size:clamp(18px,2.2vw,28px);
  font-family:"Century Gothic", sans-serif;
  padding:8px 0;
}

/*  all for first apearing page end later the second one  the .css for Franco slides show */
#intro{ position:fixed; 
inset:0; 
z-index:99999; 
overflow:hidden; 
background:#000; 
transition:opacity 1.6s 
ease; } 
/*  to make first page disappering on  click */
#intro{
  opacity:1;
  transition:opacity .45s ease;
  cursor:pointer;
}
#intro.fade-out{
  opacity:0;
  pointer-events:none;
}
/* end  */

#pageContent{ 
    display:block; 
    opacity:1; 
    transition:opacity .45s 
    ease; } 
    
#pageContent.show{
  opacity:1;
}
 
    
.intro-bg{ position:absolute; 
inset:0; 
width:100%; 
height:100%; 
object-fit:cover; 
opacity:0; 
transform:scale() translateY(8px); 
animation:introBgFade 2.2s ease forwards, kenBurns 10s ease-out forwards;
   display: block;
   content: url("/AIVE/poto/cover/C_dorme.jpeg");
}

/* intro picture for Mobile page*/
@media (max-width: 768px) {
  .intro-bg {
    content: url("/AIVE/poto/cover/CrivizzA.jpeg");
  }
}

@keyframes introBgFade {
  from { opacity:0; }
  to   { opacity:1; }
}

@keyframes kenBurns {
  from { transform:scale(1); }
  to   { transform:scale(1.02); }
}


.intro-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom,
      rgba(0,0,0,0.10) 0%,
      rgba(0,0,0,0.18) 35%,
      rgba(0,0,0,0.30) 70%,
      rgba(0,0,0,0.42) 100%);
}

.intro-light{
  position:absolute;
  left:50%;
  top:50%;
  width:520px;
  height:520px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.10) 28%, rgba(255,255,255,0.00) 68%);
  opacity:0;
  animation:lightBloom 2.6s ease forwards;
}

.intro-center{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:20px;
}

.intro-logo{
  width:110px;
  height:auto;
  opacity:0;
  transform:translateY(18px) scale(0.96);
  filter:blur(6px) brightness(1.2);
  animation:logoEmerges 2.2s cubic-bezier(.2,.8,.2,1) forwards;
  animation-delay:0.7s;
}

.intro-text{
  margin-top:26px;
  color:#ffffff;
  font-size:clamp(28px, 4vw, 58px);
  line-height:1.15;
  letter-spacing:1.4px;
  font-weight:500;
  text-shadow:0 3px 18px rgba(0,0,0,0.42);
  opacity:0;
  transform:translateY(90px);
  animation:textRise 2.8s cubic-bezier(.16,.84,.24,1) forwards;
  animation-delay:1.5s;
}

.intro-subtext{
  margin-top:12px;
  color:rgba(255,255,255,0.92);
  font-size:clamp(13px, 1.5vw, 18px);
  letter-spacing:2px;
  text-transform:uppercase;
  text-shadow:0 2px 10px rgba(0,0,0,0.35);
  opacity:0;
  transform:translateY(40px);
  animation:subRise 2.2s ease forwards;
  animation-delay:2.1s;
}


@keyframes lightBloom{
  0%{
    opacity:0;
    transform:translate(-50%,-50%) scale(0.8);
  }
  35%{
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
  }
  100%{
    opacity:0.72;
    transform:translate(-50%,-50%) scale(1.06);
  }
}

@keyframes logoEmerges{
  0%{
    opacity:0;
    transform:translateY(18px) scale(0.96);
    filter:blur(6px) brightness(1.2);
  }
  60%{
    opacity:1;
    transform:translateY(0) scale(1.02);
    filter:blur(0.5px) brightness(1.08);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0) brightness(1);
  }
}

@keyframes textRise{
  0%{
    opacity:0;
    transform:translateY(90px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes subRise{
  0%{
    opacity:0;
    transform:translateY(40px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

@media (max-width:700px){
  .intro-logo{
    width:84px;
  }

  .intro-text{
    letter-spacing:1px;
  }

  .intro-subtext{
    letter-spacing:1.3px;
  }

  .intro-light{
    width:340px;
    height:340px;
  }
}
/*  setting for the AIVE president logo */
.logoAIVE_Pres{
    max-width: 150px;
    width: 100%;
    height: auto;
}

/*  END END END all for first apearing page end later the second one  the .css for Franco slides show */

/*   .css to create the small picture to house the news in ATTUALITA' and maintain the normal News in  desk vesion*/
/* default desktop */
.solo-desktop {
  display: block;
}

.solo-mobile {
  display: none;
}

/* stile mobile cards  for the smal news in fron page of mobile*/
.solo-mobile{
  max-width:350px;   /* larghezza tipo smartphone */
  margin:20px auto;    /* centrato */
  height:200px;
  overflow:hidden;
  border-radius:36px;
  box-shadow:0 10px 28px rgba(0,0,0,0.30);
}
.mobile-links{
  width:100%;
  height:100%;
}

.mobile-card{
  position:relative;   /* necessario per posizionare il testo */
  display:block;
  width:100%;
  height:100%;
}

.mobile-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* testo sopra la foto */
.mobile-text{
  position:absolute;
  bottom:15px;
  left:0;
  width:100%;
  text-align:center;
  color:white;
  font-size:22px;
  font-family:"Century Gothic", sans-serif;
  font-weight:600;
  text-shadow:0 3px 8px rgba(0,0,0,0.7);
}

/* effetto hover desktop */
.mobile-card:hover img{
  transform:scale(1.05);
}

/* effetto touch mobile */
.mobile-card:active img{
  transform:scale(1.08);
}
/* versione mobile */
@media screen and (max-width: 700px) {
  .solo-desktop {
    display: none;
  }

  .solo-mobile {
    display: block;
  }
}

/*  END END END  .css to create the small picture to house the news .......*/

/*   to make ropes and ancors *//*   to make ropes and ancors */

.sezione-nautica-pro{
  position:relative;
  text-align:center;
  margin:45px 0;
}

.sezione-nautica-pro .corda{
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  height:3px;
  transform:translateY(-50%);

  background:
  repeating-linear-gradient(
    45deg,
    #1f3a5f,
    #1f3a5f 6px,
    #8b1e2d 6px,
    #8b1e2d 12px
  );

  border-radius:4px;
  z-index:1;
  
  box-shadow:0 1px 3px rgba(0,0,0,0.25);
} 
.sezione-nautica-pro .contenuto{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:12px;
  background:white;
  padding:0 20px;
  z-index:2;
}

.sezione-nautica-pro .titolo{
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  font-size:clamp(22px,3vw,36px);
  font-weight:600;
  color:#1f3a5f;   /* navy */
  letter-spacing:1px;
}

.sezione-nautica-pro .ancora{
  font-size:22px;
  color:#C0C0C0;   /* argento */
}

@media (max-width:600px){

  .sezione-nautica-pro{
    margin:30px 0;
  }

  .sezione-nautica-pro .corda{
    height:4px;
  }

  .sezione-nautica-pro .ancora{
    font-size:18px;
  }

}
/*  END  END  END  END  to make ropes and ancors */