/*
 Theme Name:   Echo Child
 Theme URI:    https://echo.themewant.com/
 Description:  Echo Child
 Author:       ReacThemes
 Author URI:   http://reactheme.com
 Template:     echo
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 */

/*********header menu************/
.menu-header-studio100 .menu-area .navbar ul.menu > li a{
display: inline-block;
  position: relative;
  cursor: pointer;}

.menu-header-studio100 .menu-area .navbar ul.menu > li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: white;
  transition: width 0.3s ease; /* solo transition */
}

.menu-header-studio100 .menu-area .navbar ul.menu > li a:hover::after {width: 90%;}

/********************************/
.wpcf7 input[type="email"],
.wpcf7 input[type="submit"] {
  display: inline-block;
  vertical-align: middle;
}


/***homepage live streaming***/
.player-iframe iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.title-diretta a{
	display: inline-block;
  position: relative;
  cursor: pointer;}

.title-diretta a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: white;
  transition: width 0.3s ease; /* solo transition */
}

.title-diretta a:hover::after {width: 100%;}

/***singolo articolo***/
.single-post .author-block.style-2right{
	display:none
}
.single-post h3.widget-title.text-center{text-align:left !important}

.single-post .reactheme-blog-details .bs-desc ul.react-bullet-1{
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;}

    .single-post .bs-video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* proporzione 16:9 */
    height: 0;
    overflow: hidden;
}

.single-post .bs-video iframe,
.single-post .bs-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* utile per i <video> */
}

.single-post .bs-desc p {color: #444}
.single-post .bs-desc ul {
    margin-left: 20px !important;
        list-style: disc;
	color: #444
}

.single-post .echo-story-text h6{font-size: 15px !important;
    line-height: 20px!important;;
   }
/*****archivio cateogria****/
.blog-category ul.main__page__pagination{
	display: flex;
    justify-content: center;
	margin-top:30px
}

.blog-category ul.main__page__pagination li{
	margin:0 30px 0 30px;
	color:black;
}

.blog-category ul.main__page__pagination li > a{color:black;}

/****palinsesto tv***/
.palinsesto-tv .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th{    
	background-color: #1F62D7;
    border: 1px solid #92a3c1;
    color: #ffffff;
font-size:20px
}

.palinsesto-tv td.mptt-shortcode-hours {
    background-color: #f1f1f1;
    color: black;
}

/************************/
.video-icon-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  color: rgba(255, 255, 255, 0.9);
  pointer-events: auto; /* così non blocca i click */
  z-index:2;
}

.bs-img {
  position: relative; /* serve per posizionare l’icona */
}

/*************/

.video-icon-overlay .fa-play-circle:before {
    color: white;
    pointer-events: auto;
}
.uc_post_list_image {
  position: relative;
}
.video-icon-overlay i {
  font-size: 30px;
  color: white;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  pointer-events: auto;
}
.uc_post_image {
  position: relative;
}

/****contatti***/
.elementor-field-group-campo_privacy label{
	   font-size: 14px !important;
    line-height: 23px !important;
}

.container-divisore {
  position: relative;
}

.container-divisore::after {
  content: "";
  position: absolute;
  top: 50%;                     /* metà altezza container */
  right: 0;                      /* sul bordo destro */
  transform: translateY(-50%);   /* centrato verticalmente */
  width: 1px;                    /* spessore */
  height: 140px;                 /* lunghezza */
  background-color: black;        /* colore */
}

/* Mobile: fino a 768px (adatta se ti serve) */
@media (max-width: 768px) {
  .container-divisore::after {
    content: none;    /* disattiva lo pseudo-elemento */
  }
}


/********************************************************************************/
 * /**********icona video anteprima articolo*********************/
/* Contenitore per posizionamento */
.video-icon-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 24px; /* Larghezza dell'icona */
    height: 24px; /* Altezza dell'icona */
}

/* Icona video base - sempre visibile */
.video-icon-overlay i {
    font-size: 24px;
    color: white;
    transition: all 0.4s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -52%); /* Spostata leggermente verso l'alto */
    z-index: 3;
}

/* Cerchio bianco animato - solo in hover */
.video-icon-overlay::after {
    content: "";
    position: absolute;
    z-index: 1; /* Dietro l'icona */
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0); /* Inizialmente invisibile */
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transition: all 0.4s;
    background: #FFFFFF;
    border: 0.5px solid #ffffff;
    opacity: 0;
}

/* Onde ripple - effetto sasso nell'acqua */
.video-icon-overlay::before {
    content: "";
    position: absolute;
    z-index: 0; /* Dietro tutto */
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.6);
    background: transparent;
    opacity: 0;
    pointer-events: none;
}
/********************************************************************************/
/******************************************/
/* Effetti hover homepage */
.blog-thumbnail:hover .video-icon-overlay::after {
    transform: translateX(-50%) translateY(-50%) scale(1); /* Cerchio appare */
    opacity: 1;
    animation-name: videobuttonpopup;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

/* Animazione onde ripple in hover */
.blog-thumbnail:hover .video-icon-overlay::before {
    animation-name: ripple;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}
/******************************************/
/* Effetti hover componente list grid categoria */
.uc_post_list_image:hover .video-icon-overlay::after {
    transform: translateX(-50%) translateY(-50%) scale(1); /* Cerchio appare */
    opacity: 1;
    animation-name: videobuttonpopup;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

/* Animazione onde ripple in hover componente list grid categoria*/
.uc_post_list_image:hover .video-icon-overlay::before {
    animation-name: ripple;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}
/******************************************/
/* Effetti hover componente tile grid categoria */
.uc_post_tile_video:hover .video-icon-overlay::after {
    transform: translateX(-50%) translateY(-50%) scale(1); /* Cerchio appare */
    opacity: 1;
    animation-name: videobuttonpopup;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

/* Animazione onde ripple in hover componente tile grid categoria*/
.uc_post_tile_video:hover .video-icon-overlay::before {
    animation-name: ripple;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

/******************************************/
/* Effetti hover componente post grid categoria */
.uc_post_grid_style_one_item:hover .video-icon-overlay::after {
    transform: translateX(-50%) translateY(-50%) scale(1); /* Cerchio appare */
    opacity: 1;
    animation-name: videobuttonpopup;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

/* Animazione onde ripple in hover componente post grid categoria*/
.uc_post_grid_style_one_item:hover .video-icon-overlay::before {
    animation-name: ripple;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}
/*********************************************************************/

/* Keyframe per l'animazione pulsante */
@keyframes videobuttonpopup {
    0% {
        transform: translateX(-50%) translateY(-50%) scale(1);
    }
    50% {
        transform: translateX(-50%) translateY(-50%) scale(1.1);
    }
    100% {
        transform: translateX(-50%) translateY(-50%) scale(1);
    }
}

/* Keyframe per l'effetto ripple (onde concentriche) */
@keyframes ripple {
    0% {
        transform: translateX(-50%) translateY(-50%) scale(0.8);
        opacity: 0.6;
    }
    50% {
        transform: translateX(-50%) translateY(-50%) scale(1.5);
        opacity: 0.3;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) scale(2.5);
        opacity: 0;
    }
}
/********************************************************************************/
/***Palinsesto***/
.palinsesto-100 .ex-chanel-list{display:none}

.extvs-cr-progr .extvs-table1-time span::after {
    content: "IN ONDA";  /* Testo da aggiungere */
    display: block;       /* Va a capo sotto il testo originale */
    color: red;           /* Colore del testo */
    font-weight: bold;    /* Grassetto */
    margin-top: 2px;      /* Piccolo spazio sopra "IN ONDA" */
}
.extvs-st2-time strong{color:red;     font-size: 18px;}
.ex-tvs-simple.style-2:not(.ex-tvs-slide1) .ex-date-list .extvs-date-day.extvs-date-day-at{ background-color: rgb(0 0 0) !important;}

.palinsesto-home .ex-tvs-now.style-2 .ex-parent-simple .item-tvs{border:unset}
.palinsesto-home .ex-tvs-now.style-2 .ex-parent-simple .item-tvs .extvs-st2-image{width: 30%;}
.palinsesto-home .extvs-st2-time span{color:white; padding-left: 10px !important;}
.palinsesto-home .ex-parent-simple .item-tvs h3{font-size:22px;font-weight:800;     margin: 8px 0 8px 0;}
.palinsesto-home .ex-parent-simple .item-tvs  span.sub-tt{color:white;font-size:15px}

@media(max-width:800px){
	.ex-tvs-now.style-2 .item-tvs {padding: 0px!important;}
	.ex-tvs-simple.style-3 .ex-parent-simple .item-tvs .extvs-st2-parent, .ex-tvs-now.style-2 .ex-parent-simple .item-tvs .extvs-st2-parent {width: 75%;padding: 0px!important; padding-left:20px!important;}
	.palinsesto-home .ex-parent-simple .item-tvs h3 {
    font-size: 16px; font-weight: 600; margin: 5px 0 5px 0; line-height:1.2em!important;}
	.extvs-st2-time strong {color: red;font-size: 15px;}
}

/**************************************************/
/*altezza box video yputube articolo*/
.single .single-content-full .bs-desc iframe {
    height: 460px;
}
/*************************************************/
.home .title-diretta .elementor-image-box-img a::after{display:none;}
/*************************************************/
/*tag e share video*/
.bs-info.single-page-info.tags {width: 65%;}
.bs-info.bottom-share--single {align-items: start !important;}
.custom-social-share {margin-left: 16px;}
.custom-social-share a {margin-left: -16px !important;}
/************/
/*articoli home laterali*/
.home .blog-contents-wrapper.flex-row-reverse {margin-bottom: 7px;}
/*FONT titoli VARIANTE CON NUMERI PIù GRANDI*/
h1, h2, h3, h4, h5, .uc_post_list_title a, .uc_post_title a, a.postTitle {
  font-family: 'Raleway', serif;
  font-variant-numeric: lining-nums;
  /* oppure */
  font-feature-settings: "lnum";
}

.home .elementor-6052 .elementor-element.elementor-element-148506d5 .echo-blog-grid .blog-item .blog-content {
    padding: 0px 10px 10px 0px;
  }
/*******/
/*anteprima mgrande notiozie grande*/
.anteprima_grande_home .rt-blog-slider.slider-style-3 .blog-item .blog-contents-wrapper{background-position: bottom center;}

/**/
.ekit-wid-con .elementskit-infobox {
  -webkit-transition: all .8s ease !important;
  transition: all .8s ease !important;
}
.category-futura .main-contain #content {padding-bottom: 0;} 

.uc_post_list_box{
    padding: 0px !important;
}

/**************************************************************/
.box-programmazione-home {
  position: relative;
  padding: 24px;
  border-radius: 24px;

  /* vetro */
  background: linear-gradient(180deg,
      rgba(255,255,255,0.25) 0%,
      rgba(255,255,255,0.12) 100%);
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);

  /* bordo frost */
  border: 1px solid rgba(255,255,255,0.35);

  /* ombra morbida */
  box-shadow:
    0 10px 30px rgba(0,0,0,0.25),
    inset 0 1px 0 rgba(255,255,255,0.12);
}

/* fallback se il browser non supporta backdrop-filter */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .box-programmazione-home {
    background: rgba(255,255,255,0.55);
  }
}

/* riflesso in alto (shine) */
.box-programmazione-home::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(to bottom,
    rgba(255,255,255,0.65),
    rgba(255,255,255,0) 35%);
  mix-blend-mode: screen;
  pointer-events: none;
  opacity: .35;
}

/* bordo superiore chiaro per effetto spessore */
.box-programmazione-home::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
  pointer-events: none;
}

/**********/
#echo-load {
  position: fixed !important;
  top: -149px !important;
  left: -202px !important;
}

#echo-load .loader-icon img {
  animation: spinZoomIn 3s linear infinite;
  transform-origin: center;
}

@keyframes spinZoomIn {
  from {
    transform: rotate(0deg) scale(0.3); /* parte piccola */
    opacity: 1;
  }
  to {
    transform: rotate(360deg) scale(2); /* diventa più grande */
    opacity: 1;
  }
}



/****pagina contatti****/
#form-field-field_privacy + label {
    font-size: 12px !important;
    line-height: 1.4em; /* opzionale per migliorare leggibilità */
}
#form-field-field_privacy {vertical-align: middle;  }


@media(max-width:800px){
	.main-contain #content {
    padding-top: 50px!important;
    padding-bottom: 80px;
}
	

	
	.page-id-19711 .main-contain #content {
     padding-top: 0px!important; 
    padding-bottom: 80px;
}
	
	.page-id-19711 div#page {
     padding-top: 89px!important; 
}
}




/* CSS VALERIO | SLIDER ULTIME NOTIZE MOBILE*/
@media (max-width: 768px) {
	
  .blog-content.dark-body-bg {padding: 0 !important;}	
.rt-blog-slider .blog-content {padding: 0px !important;}
	.home-2-area-shep {margin-top: -16px;}
	.rt-blog-slider.slider-style-3 .swiper-nagination, .rt-blog-slider.slider-style-4 .swiper-nagination {padding: 10px;}
	.page-id-19711 .main-contain #content {padding-top: 0px!important; padding-bottom: 40px;}
	
	
}

/* CSS VALERIO | SINGOLO ARTICOLO */

@media (max-width: 768px) {
	
.single-post .breadcrumbs-inner.bread- {display: none!important;}
.reactheme-blog-details .bottom-tags-share .bs-info a[rel=tag] {font-size: 13px!important;}
.single .ps-navigation  .inner-next i {
    width: 30px!important;
    height: 30px!important;
    display: inline-block;
    line-height: 30px!important;
    font-size: 15px!important;

}
	
	.single .ps-navigation .prev i {
    width: 30px!important;
    height: 30px!important;
    display: inline-block;
    line-height: 30px!important;
    font-size: 15px!important;
	border: 1px solid var(--gray-slate-light-10)!important;
		top:0!Important;
}
	
	.related-post .echo-more-news-area .echo-top-story {
    display: flex!important;
}
	
	.reactheme-blog-details .bottom-tags-share .bs-info {
    gap: 10PX; padding-bottom: 30PX;}
	
	.bs-info.bottom-share--single {padding: 0px!important; margin:0px!important;}
	body.single-post .react-sideabr {padding-top: 0px!important;}
.echo-more-news-area {margin-bottom: 25px!important;}
	
	.ex-tvs-simple.style-1 .ex-parent-simple table th, .ex-tvs-simple.style-1 .ex-parent-simple table td, .ex-tvs-simple.style-2 .ex-parent-simple table th, .ex-tvs-simple.style-2 .ex-parent-simple table td, .ex-tvs-now.style-1 .ex-parent-simple table th {
    padding: 15px 5px!important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
	
	.extvs-cr-progr .extvs-table1-time span::after {
    font-size: 12px!important;
}
	
	.main-contain #content {
    padding-bottom: 50px!important;
}
	
}

.blog-content {
    padding: 0px 20px;
	
}

.single-post a.post-link {
    font-size: 18px;
}







/* LOADER CENTRATO */

#echo-load .loader-icon img{
  position: fixed;           
  top: 50%;
  left: 50%;
  display: block;
  width: clamp(96px, 26vw, 180px);
  height: auto;

 
  translate: -50% -50%;

  transform-origin: 50% 50%;
  transform-box: fill-box;

  /* la tua animazione rimane la stessa */
  animation: spinZoomIn 3s linear infinite;
}



/* FONT-SIZE TAG SINGOLO ARTICOLO */

h4.tags-text {
    FONT-SIZE: 16PX!important;
}

@media (max-width:840px){
  .bs-info.single-page-info.tags{
    display:flex;                 /* mantiene l'allineamento col resto */
    align-items:center;
    flex-wrap:nowrap !important;  /* evita il ritorno a capo */
    overflow-x:auto !important;   /* scroll orizzontale */
    overflow-y:hidden;
    white-space:nowrap;
    gap:.5rem;                    /* micro-spazio tra chip */
    -webkit-overflow-scrolling:touch;
  }
  .bs-info.single-page-info.tags .tags-text{
    flex:0 0 auto;
    margin-right:.5rem;           /* lascia “Tags:” vicino ai chip */
  }
  .bs-info.single-page-info.tags a[rel="tag"]{
    display:inline-block;         /* resta su una riga */
    flex:0 0 auto;
  }
	
	.bs-info.single-page-info.tags {
    width: 100%; 
}
	
.reactheme-blog-details .bottom-tags-share .bs-info {margin-bottom: 0px; }
	.single-post h3.title {font-size: 20px!important; margin:0px!important;}
	.related-post .echo-more-news-area {
    padding: 20px 20px!important;
    background: #f9f9f9;
    margin-bottom: 40px;
}
	
	.single-post a.post-link {font-size: 15px!important; line-height:1em!important;}
	.single-post h2.wp-block-heading {font-size:20px!important;margin-bottom:15px!important;}
	
	.related-post .echo-more-news-area .echo-top-story {margin: 0px 0px 15px;}
	.news-details-inner h3, .news-details-inner h4 {margin-bottom: 0px;!important}
	.single-post .container {padding: 0px;}
	.col-lg-12.mb-4 {padding: 0;}
	.single-post .main-contain #content {padding-top: 0px!important;}
	.single-post .col-lg-8 {padding: 0px 20px;}
	
}


/* FRECCIE SLIDER HOME MOBILE  */

svg.e-font-icon-svg.e-eicon-chevron-right {font-size: 16px!important;}
svg.e-font-icon-svg.e-eicon-chevron-left {font-size: 16px!important;}

/****singolo articolo****/
.single-post .bs-desc a{color:#1e73be; font-weight:600}
.single-post .bs-desc a:hover { text-decoration:underline !important;}



/* ======== STILE FORM NEWSLETTER ======== */
/* Container principale */
/* Form row con input e bottone */
.custom-newsletter-form .form-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  border: 1px solid white;
  border-radius: 50px;
}

/* Input email */
.custom-newsletter-form .email-input-wrapper {  flex: 1;}

.custom-newsletter-form input[type="email"] {
  width: 80%;
  margin: 20px 5px 20px 15px;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 15px;
  outline: none;
	padding:0
}

.custom-newsletter-form input[type="email"]::placeholder {  color: rgba(255, 255, 255, 0.5);}

/* Bottone submit */
.custom-newsletter-form .submit-button-wrapper {  margin-left: 0;}

.custom-newsletter-form input[type="submit"] {
  background-color: #fff;
  color: #1a2342;
  border: none;
  border-radius: 40px;
  padding: 10px 35px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}

/* Checkbox row */
.custom-newsletter-form .acceptance-row {
  display: flex;
  gap: 12px;
}

.custom-newsletter-form input[type="checkbox"] {
  width: 22px;
  height: 22px;
  min-width: 22px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  background-color: transparent;
  border-radius: 4px;
  margin: 0;
  appearance: none;
}

.custom-newsletter-form input[type="checkbox"]:checked {  background-color: #fff;}

.custom-newsletter-form .wpcf7-list-item-label {  color: rgba(255, 255, 255, 0.8);  font-size: 14px;}
.wpcf7 .custom-newsletter-form p {  margin: 0 !important;  padding: 0 !important;}
.wpcf7-form p {  margin: 0 !important;}
.custom-newsletter-form .wpcf7-form-control-wrap { margin: 0 !important;  padding: 0 !important;}
.custom-newsletter-form br { display: none;}
.custom-newsletter-form .email-input-wrapper { flex: 1;  max-width: calc(100% - 120px);}
.custom-newsletter-form .wpcf7-spinner { display: none !important;}
.wpcf7 .ajax-loader { display: none !important;}

@media (max-width:790px){
.custom-newsletter-form .wpcf7-list-item-label { font-size: 11px;}
}
/*******testo formattato****/
.testo-formattato ul {  list-style: disc;    margin-left: 44px;}
.testo-formattato li {margin: 10px;}

/***categoria sport home mobile****/
@media (max-width:790px){
	.carosel-post-sport .ue_post_category, .carosel-post-news  .ue_post_category{
		background-color:#121B3A; 
		width: auto;
        border-radius: 7px;
	margin-bottom:12px;}
	
	.carosel-post-sport .uc_image_carousel_content, .carosel-post-news .uc_image_carousel_content{   
		display: flex;
flex-flow: column nowrap;
    align-items: center;}
	
	.carosel-post-sport .ue_post_category{width:56% }
	.carosel-post-news .ue_post_category{width:50% }
} 

/***reel instagram***/
@media all and (max-width: 790px){
 .sbi_photo_wrap:hover svg {
    z-index: -5 !important;
  }
}

.palinsesto-new .ex-chanel-list{display:none}
.palinsesto-attuale .extvs-st2-parent{text-align:center}
.palinsesto-attuale figure.extvs-simple-sch{display: flex; justify-content: space-around;}