/*
-----------
STLE DESKTOP HOMEPAGE
-----------
*/
/* SEZIONE NEWS DESKTOP*/
#marg-bot .listing.columns-1 .listing-item, .mega-links.columns-1 > .menu-item {
	margin-bottom: 15px !important;
	padding-top: 5px !important;
}
/* CSS INSERITO NELLA PRIMA SIDEBAR SOTTO BLOG4 DELLE NOTIZIE FLASH */

.nascondi-contenuto .listing-item-blog-1 > .item-inner > .title, .listing-item-blog-2 > .item-inner > .title, .listing-item-blog-3 > .item-inner > .title {
	cursor: default !important;
	pointer-events: none !important;
}
.nascondi-contenuto .item-inner > *:not(.title):not(.featured) {
    display: none;
}

.nascondi-contenuto .featured > *:not(.term-badges) {
    display: none;
}
.margine-negativo .listing-blog-4 .listing-item-blog.has-post-thumbnail {
    margin-top: -30px !important;
    margin-bottom: 5px !important;
}

.margine-negativo .listing-item-blog-2.has-post-thumbnail .post-summary {
    padding-right: 0px !important;
}

.margine-negativo .listing-item-blog-1.has-post-thumbnail .post-summary {
    padding-left: 0px !important;
}
/* regola per formattare meglio gli item e il titolo */
.term-badge {
    position: relative;
    top: -2px; /* posiziona il badge 2px più in alto */
}

/* Inserisci la classe corretta che identifica le notizie/articoli */
/* Ho usato .listing-item come esempio */
.listing-item {
    margin-bottom: 15px; /* Imposta la distanza tra le notizie/articoli a 15px */
}
.listing-blog-4 .listing-item-blog.has-post-thumbnail {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px solid #f1f1f1;
}
.nascondi-contenuto .post-title {
    font-family: 'Inter-Regular', sans-serif !important;
    font-weight: 900 !important;
    color: #000 !important;
    font-size: 15px !important;
}
.nascondi-contenuto .listing-item-blog-1 > .item-inner > .title, .listing-item-blog-2 > .item-inner > .title, .listing-item-blog-3 > .item-inner > .title {
	line-height: 16px;
	margin-bottom: -6px;
}
.margine-superiore-title {
    margin-top: -25px;
}
/*tolto bordo nel blocco evidenza */
@media screen and (min-width: 600px) {
.listing-classic-1.columns-2 .listing-item-classic-1:last-child .listing-inner, .listing-classic-1.columns-3 .listing-item-classic-1:last-child .listing-inner, .listing-item-classic-1 .listing-inner {
	border-bottom: 0px solid #f1f1f1 !important;
}
}

/*
-----------
STLE MOBILE HOMEPAGE
-----------
*/

/* CODICE ONPAGE TRASFERITO QUI */

/* NASCONDI TUTTI I BLOCCHI VISIBILI DA DESKTOP */ 

@media screen and (max-width: 600px) {

#cust-tit .listing-item-classic .title .post-title {
    font-family: 'Inter-Regular', sans-serif !important;
    font-weight: 900 !important;
    font-size: 15px !important;
}

/* BARRA HEADER CON DUE VOCI - programma + live */
.container-c {
    display: flex;
    justify-content: space-between;
    background: transparent;
    margin-top: -10px;
}

.column-c {
    flex: 1;
}

.column-c:first-child {
    text-align: left;
}

.column-c:last-child {
    text-align: right;
}

.column-c a {
    color: #000;
    text-decoration: none;
}

.column-c:first-child a .fa-arrow-right {
    color: #00711A;
    margin-left: 5px;
}

/* NON SO COSA SIA */

.widget.widget_nav_menu ul.menu li {
	display: inline-block;
}
#menu-menu-trasmissioni-home-2023 {
	display: flex;
	justify-content: center;
	list-style-type: none;
	padding-top: 5px;
}
.extra .menu .li {
        border: 0px;
}
.widget.widget_nav_menu ul.menu li a {
	border: 0px solid #dedede;
}
.widget.widget_nav_menu ul.menu li a::before {
	display: none;
}
/* Nasconde l'icona */
#menu-item-134665 a .fa-long-arrow-right {
  display: none;
}

/* Aggiunge una nuova icona dopo il testo */
#menu-item-134665 a::after {
  content: "\f178"; /* Codice Unicode per l'icona 'fa-long-arrow-right' */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: 10px; /* Spazio tra il testo e l'icona */
}

/* CSS per blocco news Flash */

.bs-listing-listing-text-3 .listing {
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
  width: 100%;
}

.bs-listing-listing-text-3 .listing-item {
  flex: 0 0 100%;
  display: inline-block;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  white-space: normal; /* Imposta il titolo per andare a capo */
}

.bs-listing-listing-text-3 .listing-item .item-inner {
  padding: 10px; /* puoi modificare questo valore in base alle tue necessità */
}

.bs-listing-listing-text-3 .listing-item .title {
  white-space: normal; /* permette al titolo di andare a capo */
}
.bs-listing-listing-text-3 .post-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400 !important;
  color: black !important;
  font-size: 15px;
}
.bs-listing-listing-text-3 .post-meta {
  font-family: 'Inter', sans-serif !important;
  font-weight: 200 !important;
  color: black !important;
  font-size: 12px;
}
.bs-listing-listing-text-3 .listing::-webkit-scrollbar {
  display: none; /* Nasconde la barra di scorrimento per i browser Webkit */
}

.bs-listing-listing-text-3 .listing {
  -ms-overflow-style: none; /* Nasconde la barra di scorrimento per IE e Edge */
  scrollbar-width: none; /* Nasconde la barra di scorrimento per Firefox */
}

.bs-listing-listing-text-3 {
  margin-bottom: -20px !important;
}
.bs-listing-listing-text-3 .time {
  color: black;
  padding-right: 3px;
}



/* FINE CODICE ONPAGE TRASFERITO QUI */

/* HEADER BAR CON LE 3 CITTà */
.navigation-bar {
    background-color: #2f4858;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: calc(2vw + 10px); /* Dimensione del font basata sulla larghezza dello schermo */
    line-height: 30px;
    margin: 0;
    margin-top: -10px;
    padding: 0;
    box-sizing: border-box;
}

.nav-item {
    color: white;
    text-decoration: none;
    padding: 0 15px;
    flex: 1;
    white-space: nowrap; /* Impedisce la rottura a capo */
    box-sizing: border-box;
}

.nav-item:not(:last-child) {
    border-right: 1px solid white; /* Aggiunge il bordo a tutti tranne l'ultimo elemento */
}

@media (max-width: 600px) {
    .navigation-bar {
        font-size: 14px; /* Dimensione del font fissa per schermi piccoli */
    }
}


/* SISTEMAZIONE BLOCCHI MOBILE */

#bbpress-forums #bbp-search-form, .main-section, .vc_col-has-fill .wpb_wrapper > .bs-listing:last-child, .vc_col-has-fill .wpb_wrapper > .bsp-wrapper:last-child, .vc_col-has-fill .wpb_wrapper > :last-child, .vc_row-has-fill .wpb_wrapper > .bs-listing:last-child, .vc_row-has-fill .wpb_wrapper > .bsp-wrapper:last-child, .vc_row-has-fill .wpb_wrapper > :last-child {
	margin-bottom: 0px !important;
}
div.wpb_row:nth-child(2) > div:nth-child(1) > div:nth-child(1) {
	border-bottom: 1px solid black;
	padding-bottom: 3px;
}

/* aperture 2-3-4 mobile */
@media (max-width: 600px) {

.custom-image-text-layout .listing-inner {
    display: flex; 
    align-items: flex-start; 
    max-height: 150px; 
    overflow: hidden; 
}

.custom-image-text-layout .featured {
    flex-basis: 40%; 
    max-width: 40%; 
}

.custom-image-text-layout .featured .img-holder {
    width: 100%; 
    height: 90px; 
    display: block; 
    object-fit: cover; 
    background-size: cover; 
}

.custom-image-text-layout .title {
    flex-basis: 60%; 
    max-width: 60%; 
    padding-left: 10px; 
}
}
/* sistema padding e stile fra articoli della sezione In Evidenza Mobile */

.post-164548 > div:nth-child(1) {
	padding-bottom: 0px;
}

.evid .post-title {
	color: #fff !important;
}

#evid .post-title {
	color: #fff !important;
}

.margine-superiore-title {
	margin-top: -50px !important;
}

#lista-all-post .listing-classic-1.columns-2 .listing-item-classic-1:last-child .listing-inner, .listing-classic-1.columns-3 .listing-item-classic-1:last-child .listing-inner, .listing-item-classic-1 .listing-inner {
	padding-bottom: 0px !important;
	margin-bottom: -10px !important;
}

#evid .listing-inner .item-inner {
	padding-bottom: 0px;
	margin-bottom: -10px;
}

#lista-all-post .listing-item-classic-1 .title {
	line-height: 18px;
}

#evid .listing-item-classic-1 .title {
	line-height: 18px;
}
#lista-all-post .listing-item-classic-1 {
	padding-bottom: 0px !important;
	margin-bottom: -15px !important;
}
}
/* ALTEZZA IMMAGINE IN MIX4 HOMEPAGE */

.altezza-mix4 .listing-item-grid-1 .featured .img-holder {
	max-height: 150px;
}
}