/* =========================================================
   # HEADER
   ========================================================= */

/* Struttura generale header */
#header {
  position: fixed;
  width: 100%;
  z-index: 999;
  background: #022112;
  padding: 18px 12px;
  -webkit-font-smoothing: auto !important;
}

/* Stato scroll (animazione visibilità header) */
#header.nav-up {
  top: 0;
  transition: top 0.2s linear;
}
#header.nav-down {
  top: -100px;
  transition: top 0.2s linear;
}

/* Menu principale */
#header .home-menu {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
}
#header .home-menu li {
  padding: 0 13px;
}
#header .home-menu li a {
  font-family: "pt_sans_narrowbold";
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  opacity: 0.5;
  position: relative;
}

/* Hover menu (solo desktop) */
@media screen and (min-width: 1024px) {
  #header .menu-col ul li a:hover,
  #header .menu-col ul li.current-menu-item a {
    opacity: 1 !important;
  }
  #header .menu-col ul li a:before {
    content: '';
    background: #eada25;
    width: 100%;
    position: absolute;
    height: 3px;
    bottom: -36px;
    transition: .3s;
    opacity: 0;
    left: 0;
  }
  #header .menu-col ul li a:hover:before,
  #header .menu-col ul li.current-menu-item a:before {
    bottom: -32px;
    opacity: 1;
  }
}


/* =========================================================
   # LINK CENTRALE (Scroll Down - mylink)
   ========================================================= */

/* Posizionamento e stile del link scroll */
#mylink {
  position: absolute;
  width: fit-content;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-decoration: none;
  z-index: 999;
  pointer-events: auto !important;
}
#mylink:hover { cursor: pointer; }

/* Testo del link */
#mylink p {
  margin-top: 125px;
  font-family: "Mostra Nuova Bold";
  text-transform: uppercase;
  font-size: 13px;
  color: #fff;
}

/* Icona freccia animata */
#mylink span::before {
  position: absolute;
  top: -15px;
  left: 50%;
  content: '';
  width: 18px;
  height: 18px;
  margin-left: -3px;
  background: url(https://cedraltassoni.it/wp-content/uploads/2023/11/angle.svg);
  background-size: cover;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}

/* Keyframes animazione freccia */
@keyframes sdb10 {
  0% { transform: translate(0, 0); opacity: 0; }
  40% { opacity: 1; }
  80% { transform: translate(0, 20px); opacity: 0; }
  100% { opacity: 0; }
}

/* Rimuove overflow interno dal primo blocco fullpage */
#first-section .fp-overflow {
  overflow-y: hidden !important;
}


/* =========================================================
   # TESTI GENERICI
   ========================================================= */

p {
  font-size: 16px !important;
  line-height: 25px !important;
  font-family: 'PT Sans', sans-serif;
  letter-spacing: 0;
}
h2, h3 {
  font-family: 'Mostra Nuova Bold' !important;
  text-transform: uppercase !important;
}
h3 {
  font-size: 60px !important;
  line-height: 50px !important;
}
.btn {
  font-family: 'pt_sans_narrowbold' !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}


/* =========================================================
   # WPML LANGUAGE SWITCHER
   ========================================================= */

/* Posizione del selettore */
.selettore-lingua {
  position: relative !important;
  top: 15px !important;
  left: 15px !important;
}

/* Struttura lista lingue */
.wpml-floating-language-switcher li {
  width: 40px !important;
  text-align: center !important;
}
.wpml-floating-language-switcher li a { padding: 5px 0 !important; }
.wpml-floating-language-switcher a { text-decoration: none !important; }

/* Dropdown lingua */
header .wpml-ls-sub-menu a { background: #009639 !important; }
.wpml-ls-legacy-dropdown-click a { background-color: transparent !important; border: none !important; }
.wpml-ls-legacy-dropdown-click { width: auto !important; max-width: auto !important; }
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after { display: none !important; }
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
  padding-right: 0 !important;
  color: #fff !important;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:before {
  content: '';
  background: url(https://jeio.it/wp-content/uploads/2023/12/globo.svg);
  width: 18px;
  height: 18px;
  background-size: cover;
  position: absolute;
  left: -19px;
  top: 6px;
}

/* Responsive */
@media screen and (max-width: 1024px) {
  .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu { margin-top: 0 !important; color: #fff !important; }
  .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a { color: #fff !important; }
}
@media screen and (min-width: 1025px) {
  .wpml-ls-legacy-dropdown-click>ul { margin-left: 50px !important; }
  header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:before { top: 4px !important; }
  header .wpml-ls-legacy-dropdown-click>ul:before {
    content: '';
    width: 1px;
    height: 100%;
    background: rgba(255,255,255,0.4);
    position: absolute;
    left: -35px;
    top: 0;
  }
  .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a {
    background: #009639;
    color: #fff;
  }
}


/* =========================================================
   # FOOTER
   ========================================================= */

/* Struttura generale */
#images-tassoni { position: relative; z-index: 0 !important; }
#bg-tassoni { position: absolute; z-index: 0 !important; }
#footer-animazione {
  position: relative;
  z-index: 9999 !important;
  background-color: #eada25;
}

/* Menu e liste */
footer .menu li { margin-bottom: 18px; }
.homepage footer .menu li { margin-bottom: 10px; }
footer .menu li a { opacity: .4; }
footer .menu li a:hover { opacity: 1; }

/* Reset bullet points */
#footer-animazione ul,
#footer-animazione li {
  list-style: none !important;
  margin: 0;
  padding: 0;
  text-align: left;
  text-transform: none !important;
  text-decoration: none !important;
  color: #004D28;
  margin-bottom: 6px;
}

/* Subfooter */
.row-subfooter {
  color: #fff;
  font-size: 14px !important;
  background: #004D28;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px;
}
.link-subfooter {
  color: #fff !important;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
  padding: 0 8px;
}

/* Colonne footer */
.columnn-footer {
  padding: 0 16px;
  font-weight: 600;
  color: #004D28;
  display: flex;
  justify-content: left !important;
  align-items: flex-start !important;
}

/* Titoli e link footer */
.title-footer-menu {
  font-size: 17px;
  font-weight: 700;
  color: #004D28;
  opacity: .8;
  text-align: left;
  text-decoration: none;
  margin-bottom: 8px;
}
.link-footer-menu {
  font-family: "PT Sans Narrow";
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  color: #929F23;
  /*opacity: .4;*/
  text-align: left;
  text-decoration: none !important;
}
.link-footer-menu:hover {
  text-decoration: none !important;
  color: #004d28;
}

/* Go-to area */
.go-to { background-color: #fff; height: 120px; }

.footer-container {
  border: none;
}


/* =========================================================
   # COLORI E TESTI DECORATIVI
   ========================================================= */
.green-text,
.green-text h2,
.green-text h3,
.green-text h4,
.green-text h5,
.green-text p { color: #004D28; }


/* =========================================================
   # SPACING UTILS
   ========================================================= */
.pb-120 { padding-bottom: 120px; }
.pt-120 { padding-top: 120px; }
.col-6.pl-100.pr-100 { padding-left: 100px; padding-right: 100px; }
.mb-50 { margin-bottom: 50px; }


/* =========================================================
   # SEZIONI E TITOLI
   ========================================================= */
.two_columns_section h5 {
  font-family: 'Mostra Nuova' !important;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 30px;
}
.section h3 { font-size: 60px; line-height: 50px; }
.title-column-footer {
  font-size: 20px;
  text-decoration: none;
  color: #004D28;
  font-weight: 800;
}


/* =========================================================
   # CTA BUTTONS
   ========================================================= */
.cta-button {
  border: 2px solid #004D28;
  color: #004D28;
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 13px 55px;
  margin-top: 25px;
  overflow: hidden !important;
  display: inline-block !important;
  height: 50px !important;
  transition: all 0.2s !important;
}

/* CTA Newsletter */
.cta-button-newsletter {
  background-color: #004D28;
  border: 2px solid #004D28;
  color: #eada25;
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 13px 16px;
  display: inline-block !important;
  height: 50px !important;
  transition: all 0.2s !important;
  margin-top: 0;
}

/* Hover CTA Newsletter */
.cta-button-newsletter:hover {
  background-color: #eada25;
  border: 2px solid #004D28;
  color: #004D28;
}

/* CTA animazione testo */
.cta-button span {
  display: block !important;
  transition: .2s !important;
}
.cta-button span:last-child { margin-top: 24px; }
.cta-button:hover .slide-anim-text { margin-top: -45px !important; }
.cta-button:hover {
  background: #004D28 !important;
  color: #eada25 !important;
}
.cta_section.cta-carousel .cta-button { display: block !important; }


/* =========================================================
   # PARALLAX E IMMAGINI HERO
   ========================================================= */
img.parallax-banner {
  height: 150vh;
  top: -300px;
  object-fit: cover;
}
img.parallax-banner.smaller { height: 130vh; top: -80px; }
.banner_section .absolute-image { position: absolute; width: 350px; left: 0; }
.banner_section .absolute-image.center {
  left: 0; right: 0; top: 0; bottom: 0; margin: auto;
}
.parallax-banner-wrapper { overflow: hidden; }
.reverse-row { flex-direction: row-reverse; }


/* =========================================================
   # SCROLL TOP BUTTON
   ========================================================= */
.scroll-top {
  right: 50px;
  top: 50px;
  transition: all 0.2s;
  z-index: 999;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
.scroll-top:hover { cursor: pointer; }
.scroll-top h6 {
  color: #0F4621;
  font-family: "PT Sans Narrow";
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 0.2s;
}
.scroll-top:before {
  content: '';
  background: url(https://cedraltassoni.it/wp-content/uploads/2024/03/top-arrow.svg);
  background-size: cover;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -23px;
  left: -5px;
  transition: all 0.2s;
}
.scroll-top:hover h6 { margin-top: 15px; }
.scroll-top:hover:before { top: -30px; }


/* =========================================================
   # FOOTER SOCIAL
   ========================================================= */
.footer-social-wrapper {
  margin-top: 40px;
  position: relative !important;
  z-index: 99 !important;
}
.social-icon-2 {
  height: 32px;
  width: 32px;
  margin-right: 8px;
  margin-top: 16px;
}