/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/



@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  src: url("/wp-content/themes/salient-child/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"),
       url("/wp-content/themes/salient-child/fontawesome/webfonts/fa-brands-400.woff") format("woff");
}

.full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2 {
		font-size: 4vw !important;
		line-height: 4vw !important;
	    font-weight: 600 !important;
	    text-transform: uppercase !important;
}

.nectar-flip-box,
.nectar-flip-box .flip-box-front,
.nectar-flip-box .flip-box-back {
    border-radius: 10px !important;
    overflow: hidden; /* evita che gli angoli si vedano squadrati mentre ruota */
}

.full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2 {
  display: inline;  /* così il background segue il testo */
  padding: 0 .25em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;

  /* nessun colore di sfondo iniziale, solo testo */
  color: #ffffff; /* o il colore che hai ora */

  /* barra che verrà animata */
  background-image: linear-gradient(#800000, #800000); /* colore barra */
  background-repeat: no-repeat;
  background-position: left center;   /* parte da sinistra */
  background-size: 0 100%;           /* larghezza iniziale = 0 (invisibile) */

  transition: background-size 0.35s ease, color 0.35s ease;
}

/* Al passaggio del mouse: la barra si "stende" in orizzontale per ogni riga */
.full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2:hover {
  background-size: 100% 100%;        /* la barra copre tutta la riga */
  color: #ffffff;                    /* puoi anche cambiarlo se vuoi */
}

.privacy-scroll {
  max-height: 500px;
  overflow-y: auto !important;
  overflow-x: hidden;
  padding-right: 1rem;
  position: relative;
}

/* opzionale: rendere la scrollbar più carina/visibile */
.privacy-scroll {
  scrollbar-width: thin;  /* Firefox */
}

.privacy-scroll::-webkit-scrollbar {
  width: 8px;             /* Chrome / Safari / Edge */
}

@media only screen and (max-width: 690px) {
    body #ajax-content-wrap .vc_row.top_margin_phone_-50px {
        margin-top: -144px;
    }
}

/* ======================================================
   FOOTER STILE "SCRENSHOT" — COMPLETAMENTE PERSONALIZZATO
   ====================================================== */

/* Sfondo bordeaux dietro i blocchi footer */
#footer-outer {
    background-color: #800000 !important;
}

#footer-outer #footer-widgets {
padding: 30px 30px !important;
}

/* Rimuove padding laterale enorme imposto dal tema */
#footer-outer .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ===============================
   BOX BIANCO GRANDE (WIDGET)
   =============================== */
#footer-widgets .container {
    background: #ffffff !important;
    border-radius: 14px;
    padding: 50px 50px !important;
    margin: 40px auto 30px !important;
}

/* ===============================
   BOX BIANCO PICCOLO (COPYRIGHT)
   =============================== */
#footer-outer[data-copyright-line="true"] #copyright{
  border-top: none !important;
}

/* pillola bianca stessa larghezza del box sopra */
#footer-outer #copyright .container{
  background:#ffffff !important;
  border-radius:10px;              /* stesso raggio del box widget */
  padding:12px 40px !important;    /* più basso ma comodo da leggere */
  margin:0 auto 30px !important;   /* centrato, con spazio sotto */
  max-width:1200px;                /* stessa larghezza del box sopra */
}

/* testo dentro la pillola */
#footer-outer #copyright .col{
  float:none;
  width:100%;
  text-align:center;               /* se lo vuoi a sinistra: left */
}

/* ======================================================
   TESTI E LINK DEL FOOTER — COLORE #800000 OVUNQUE
   ====================================================== */

#footer-outer,
#footer-outer *:not(svg):not(path) {
    color: #800000 !important;
    fill: #800000 !important;
}

/* Link footer (testo delle voci menu) */
#footer-outer[data-custom-color="true"] #footer-widgets a:not(.nectar-button),
#footer-outer[data-custom-color="true"] #footer-widgets a:not(.nectar-button):visited {
    color: #800000 !important;
}

/* Hover link footer */
#footer-outer[data-custom-color="true"] #footer-widgets a:not(.nectar-button):hover {
    color: #800000 !important;
    opacity: .65; /* come effetto di Salient nella tua terza foto */
}

/* ======================================================
   ICONE SOCIAL (devono essere bordeaux)
   ====================================================== */

#footer-outer .nectar-social i,
#footer-outer .nectar-social svg,
#footer-outer .nectar-social path {
    color: #800000 !important;
    fill: #800000 !important;
}

/* ======================================================
   RESPONSIVE
   ====================================================== */
@media (max-width: 768px) {
    #footer-widgets .container {
        padding: 35px 25px !important;
    }


}

@media only screen and (min-width:1000px) body #footer-outer .row {
	padding: 0 !important;
}

 .toggle.accent-color {
  margin-bottom: -10px !important;   /* questo è lo “spazio sotto” */
  padding-bottom: 0 !important;
  border-radius: 12px !important;
  overflow: hidden;
}

#footer-outer .row {
  display: flex;
  align-items: center;
}

#footer-outer .row > .col.span_6 { display: flex; justify-content: center; /* centra dentro ciascuna metà */ } /#footer-outer #nav_menu-2 .menu-footer-menu-container, #footer-outer #nav_menu-2 .menu-footer-menu-container ul { display: flex; flex-direction: column; /* uno sopra l’altro */ align-items: center; /* centra il blocco */ justify-content: center; margin: 0; padding: 0; } #footer-outer #nav_menu-2 .menu-footer-menu-container li { list-style: none; margin: 10px 0; } #footer-outer #nav_menu-2 .menu-footer-menu-container a {  display: inline-block; }

@media (max-width: 999px), (hover: none), (pointer: coarse) {
  #footer-outer .row{
    display: block !important;
  }
}

.matrix-type{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;      /* cambia se lo vuoi più leggero */
  letter-spacing: 0.5px;
  color: white;
  font-size: 50px
}

.signature{
  width: 260px;
  max-width: 100%;
  height: auto;
  display: block;
}

/* forza tratto visibile */
svg.signature path{
  fill: none;
  stroke: currentColor; /* o un colore tuo */
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

svg.signature.play path {
  animation: sigDraw 2.2s ease forwards;
  will-change: stroke-dashoffset;
}
@keyframes sigDraw { to { stroke-dashoffset: 0; } }

/* contenitore */
#firma-vozza{
  width: 520px;
  max-width: 100%;
  margin: 30px auto;
  line-height: 0; /* evita spazi strani */
}

/* l'SVG inserito da Vivus */
#firma-vozza svg{
  width: 100%;
  height: auto;
  display: block;
}

/* tratto firma (Vivus lavora su stroke) */
#firma-vozza svg path{
  fill: none !important;
  stroke: #111 !important;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Montserrat (meglio qui che nell'HTML) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');

/* Wrapper */
.hero{
  background:#000 !important;
  min-height:60vh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:48px 16px !important;
  overflow:visible !important;
  width:100% !important;
  text-align:center !important;
}

/* Titolo (id specifico = non viene sovrascritto facilmente) */
.hero #scrambleText{
  font-family:"Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight:600 !important;
  color:#fff !important;
  line-height:1.05 !important;
  letter-spacing:-0.02em !important;

  font-size:clamp(38px, 6vw, 80px) !important;
  text-align:center !important;

  display:inline-block !important;   /* fondamentale */
  margin:0 auto !important;
  padding:0 !important;
}

/* Trattino sotto (forzato) */
.hero #scrambleText::after{
  content:"" !important;
  display:block !important;
  margin:18px auto 0 !important;
  width:120px !important;            /* fisso per test: poi lo rendiamo responsive */
  height:4px !important;
  background:#fff !important;
  border-radius:999px !important;
  opacity:1 !important;
  visibility:visible !important;
}