.elementor-18102 .elementor-element.elementor-element-4a43c7e{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18102 .elementor-element.elementor-element-ffd2305{text-align:center;}.elementor-18102 .elementor-element.elementor-element-ffd2305 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:57px;font-weight:400;}.elementor-18102 .elementor-element.elementor-element-5c50831{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18102 .elementor-element.elementor-element-47e5366.elementor-element{--align-self:center;}.elementor-18102 .elementor-element.elementor-element-47e5366{order:4;}/* Start custom CSS for shortcode, class: .elementor-element-47e5366 *//* Menu filtri orizzontale CAF */
@import url('https://fonts.googleapis.com/css2?family=Fahkwang:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

.caf-filter ul {
  display: flex;
  flex-wrap: wrap;   /* va a capo se ci sono troppe voci */
  justify-content: center; /* centrato orizzontalmente */
  list-style: none;
  padding: 0;
  margin: 20px 0;
  
}

.caf-filter ul li {
  display: inline-block;
  cursor: pointer;
  background: #ffffff !important; /* sfondo bianco */  
  border-radius: 20px;
  transition: all 0.3s ease;
  font-size: 20px !important;
}

.caf-filter ul li a:hover{
    
    text-decoration: underline !important;
}

.abc.active,
.abc.active a {
    background-color: #ffffff !important; /* sfondo bianco */
    color: #800000 !important;           /* testo rosso */
    border-color: #800000 !important;    /* bordo rosso */
}

.caf-filter ul li a.active {
color: #800000 !important;      /* testo rosso */
    background-color: transparent !important; /* nessun sfondo */
    text-decoration: none;           /* niente sottolineatura aggiuntiva */
    position: relative; 
    
}
.caf-filter ul li a {
    color: #800000 !important;      /* testo rosso */
    background-color: transparent !important; /* nessun sfondo */
               /* niente sottolineatura aggiuntiva */
    position: relative; 
    }
    
.caf-filter ul li.active::after {
  content: "";
  display: block;
  height: 2px;                   /* spessore della linea */
  width: 100%;                   /* tutta la larghezza del bottone */
  background-color: #800000;     /* linea rossa */
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 1px;            /* lineetta leggermente arrotondata */
}
.caf-filter ul li.active a {
    color: #800000 !important;  /* testo rosso */
    text-decoration: underline;      /* niente sottolineatura */
}

/*tiotlo*/
.caf-post-title h2{
    font-size: 28px !important;       /* dimensione tipica di h2 */
    font-weight: 700;      /* bold */
    line-height: 1.3;
    margin: 0 0 10px 0;
   background-color: #ffffff !important; /* sfondo bianco */ 
}

.caf-post-title a {
    text-decoration: none; /* link senza sottolineatura */
    color: #800000 !important;           /* colore del titolo */
}
.caf-post-title::before {
    content: "TV & MOVIES";  /* testo del sottotitolo */
    display: block;               /* va a capo sopra il titolo */
    font-size: 0.9rem;            /* grandezza simile a h6 */
    font-weight: 300;             /* semi-bold */
    text-transform: uppercase;    /* maiuscolo */
    letter-spacing: 1px;          /* spaziatura elegante */
    color: #800000;               /* colore rosso fashion */
    margin-bottom: 6px;           /* distanza tra sottotitolo e titolo */
}
/* ARTS */
.tp_ARTS .caf-post-title::before {
    content: "ARTS";  /* 👈 qui scrivi il testo che vuoi mostrare */

}
/* BOOKS */
.tp_BOOKS .caf-post-title::before {
    content: "BOOKS";  /* 👈 qui scrivi il testo che vuoi mostrare */

}
/* MUSIC */
.tp_MUSIC .caf-post-title::before {
    content: "MUSIC";  /* 👈 qui scrivi il testo che vuoi mostrare */

}
/* NEWS */
.tp_NEWS .caf-post-title::before {
    content: "NEWS";  /* 👈 qui scrivi il testo che vuoi mostrare */

}
/* OPINION */
.tp_OPINION .caf-post-title::before {
    content: "OPINION";  /* 👈 qui scrivi il testo che vuoi mostrare */

}

/* SPORTS */
.tp_SPORTS .caf-post-title::before {
    content: "SPORTS";  /* 👈 qui scrivi il testo che vuoi mostrare */

}

.caf-post-layout1 .caf-featured-img-box {
    display: block;
    width: 100%;
    height: 400px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center !important;
}
/* menu */
.caf-filter ul li a {
  text-decoration: underline;   /* niente sottolineatura di default */
  display: block;
 font-family:'Fahkwang', sans-serif !important;    
 background-color: #ffffff; /* sfondo rosso */
  color: #800000;            /* testo bianco */

}

/* Nasconde il pulsante "Read More" nella griglia dei post */

.caf-read-more {
    display: none !important;
}

/* Nasconde l'icona dei commenti (fa-comment) nella griglia dei post */
.comment.caf-col-md-3.caf-pl-0 {
    display: none !important;
}
/* Stile base per tutti i numeri di pagina e Prev/Next */
.caf-pagination .page-numbers,
.caf-pagination .prev-page-numbers,
.caf-pagination .next-page-numbers {
    background: #ffffff !important; /* sfondo bianco */
    color: #800000 !important;      /* testo rosso */
    border: 1px solid #800000 !important;
    border-radius: 4px;             /* opzionale: angoli arrotondati */
    padding: 6px 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}


.caf-content {
display: none !important;
}
/* Nascondi i numeri della paginazione */
.caf-pagination .page-numbers {
  display: none !important;
}


/* Mostra solo il pulsante next */
.caf-pagination .next,
.caf-pagination .next-page-numbers {
  display: inline-block !important;
}
.fa.fa-user,
.fa.fa-calendar {
    display: none !important;
}
.author.caf-col-md-4,
.date.caf-col-md-6 {
  display: block !important;   /* ogni blocco occupa tutta la riga */
  width: 100% !important;      /* forza larghezza completa */
  float: none !important;      /* annulla il float della griglia */
  clear: both !important;      /* fa sì che la .date scenda sotto */
}/* End custom CSS */