.elementor-62778 .elementor-element.elementor-element-e425022:not(.elementor-motion-effects-element-type-background), .elementor-62778 .elementor-element.elementor-element-e425022 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-62778 .elementor-element.elementor-element-e425022 > .elementor-container{min-height:100px;}.elementor-62778 .elementor-element.elementor-element-e425022{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-62778 .elementor-element.elementor-element-e425022 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-62778 .elementor-element.elementor-element-7bfea5 > .elementor-element-populated{padding:0px 20px 40px 20px;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-62778 .elementor-element.elementor-element-17920af2 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-weight:700;color:var( --e-global-color-1288f48 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-62778 .elementor-element.elementor-element-73637653{text-align:center;}.elementor-62778 .elementor-element.elementor-element-73637653 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-weight:600;color:var( --e-global-color-1288f48 );}.elementor-62778 .elementor-element.elementor-element-7de9b2d7:not(.elementor-motion-effects-element-type-background), .elementor-62778 .elementor-element.elementor-element-7de9b2d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-d4895d5 ) 0%, var( --e-global-color-6ddff4d ) 100%);}.elementor-62778 .elementor-element.elementor-element-7de9b2d7 > .elementor-background-overlay{background-color:var( --e-global-color-1288f48 );opacity:0.23;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-62778 .elementor-element.elementor-element-7de9b2d7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-62778 .elementor-element.elementor-element-7de9b2d7 a{color:var( --e-global-color-primary );}.elementor-62778 .elementor-element.elementor-element-e492708{--spacer-size:50px;}.elementor-62778 .elementor-element.elementor-element-341d9d06{width:100%;max-width:100%;}.elementor-62778 .elementor-element.elementor-element-341d9d06 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-1288f48 ) 100%, #f2295b 100%);}.elementor-62778 .elementor-element.elementor-element-cdaace1 > .elementor-widget-container{background-color:var( --e-global-color-ab4ba3d );margin:-1px -1px -1px -1px;}.elementor-62778 .elementor-element.elementor-element-7ef1be6 > .elementor-widget-container{background-color:transparent;margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #8F62B500 0%, #FFFFFF00 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#66666600;border-radius:3px 3px 3px 3px;}.elementor-widget-global .elementor-testimonial__text{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-global .elementor-testimonial__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-62778 .elementor-element.elementor-global-39502 .elementor-main-swiper .swiper-slide{padding:40px 40px 40px 40px;}.elementor-62778 .elementor-element.elementor-global-39502 .elementor-swiper-button{font-size:18px;color:var( --e-global-color-accent );}.elementor-62778 .elementor-element.elementor-global-39502 .elementor-swiper-button svg{fill:var( --e-global-color-accent );}.elementor-62778 .elementor-element.elementor-global-38961{--grid-template-columns:repeat(0, auto);width:auto;max-width:auto;--icon-size:16px;--grid-column-gap:0px;--grid-row-gap:1px;}.elementor-62778 .elementor-element.elementor-global-38961 .elementor-widget-container{text-align:right;}.elementor-62778 .elementor-element.elementor-global-38961 .elementor-social-icon{background-color:var( --e-global-color-1288f48 );--icon-padding:0.3em;}.elementor-62778 .elementor-element.elementor-global-38961 .elementor-social-icon i{color:var( --e-global-color-primary );}.elementor-62778 .elementor-element.elementor-global-38961 .elementor-social-icon svg{fill:var( --e-global-color-primary );}@media(min-width:768px){.elementor-62778 .elementor-element.elementor-element-47cf4d06{width:20%;}.elementor-62778 .elementor-element.elementor-element-1898f81{width:59.333%;}.elementor-62778 .elementor-element.elementor-element-51685ab{width:20%;}}@media(max-width:1024px){.elementor-62778 .elementor-element.elementor-element-e425022 > .elementor-container{min-height:100px;}}@media(max-width:767px){.elementor-62778 .elementor-element.elementor-element-e425022 > .elementor-container{min-height:100px;}.elementor-62778 .elementor-element.elementor-element-7bfea5 > .elementor-element-populated{padding:20px 20px 40px 20px;}}/* Start custom CSS for shortcode, class: .elementor-element-341d9d06 *//* SOLO questo widget profilo */
.elementor-62778 .elementor-element.elementor-element-341d9d06{
  /* altezza di taglio: prova 180–200px finché copre bene */
  max-height: 387px !important;
  overflow: hidden !important;
  position: relative;

  /* togli lo sfondo bianco */
  background: transparent !important;

  /* opzionali: bordi smussati e ombra se vuoi */
  border-radius: 16px;
  box-shadow: none !important;
}

/* elimina il fade bianco in basso */
.elementor-62778 .elementor-element.elementor-element-341d9d06::after{
  display: none !important;
}
/* =========================
   Community (Ultimate Member)
   Allineamento + Social icons più piccole
   ========================= */

/* --- 1) Sposta giù la colonna sinistra senza toccare la card --- */
@media (min-width: 992px){
  /* Preferito: classe della colonna sinistra */
  body.page-id-28675 .col-sx-community { 
    padding-top: 28px !important; 
  }

  /* Fallback se non hai messo la classe */
  body.page-id-28675 .sidebar,
  body.page-id-28675 .site-sidebar { 
    padding-top: 28px !important; 
  }

  /* Azzeriamo eventuali vecchi tentativi sulla card UM */
  body.page-id-28675 .um.um-profile { 
    margin-top: 0 !important; 
  }
}

/* --- 2) Riduci le icone social nel profilo UM --- */
/* Target generico per liste/containment "social" dentro la card UM */
body.page-id-28675 .um.um-profile [class*="social"] a {
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 16px !important;          /* icone font-based */
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-right: 6px !important;
}

/* Se i link puntano ai social (ancor più preciso) */
body.page-id-28675 .um.um-profile :is(
  a[href*="facebook.com"],
  a[href*="instagram.com"],
  a[href*="x.com"],
  a[href*="twitter.com"],
  a[href*="linkedin.com"],
  a[href*="tiktok.com"],
  a[href*="youtube.com"],
  a[href*="spotify.com"],
  a[href*="soundcloud.com"],
  a[href*="bandcamp.com"],
  a[href*="t.me"],
  a[href*="telegram.me"]
){
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 16px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-right: 6px !important;
}

/* Se dentro al link c’è un IMG o un SVG (icone non font) */
body.page-id-28675 .um.um-profile :is(
  a[href*="facebook.com"],
  a[href*="instagram.com"],
  a[href*="x.com"],
  a[href*="twitter.com"],
  a[href*="linkedin.com"],
  a[href*="tiktok.com"],
  a[href*="youtube.com"],
  a[href*="spotify.com"],
  a[href*="soundcloud.com"],
  a[href*="bandcamp.com"],
  a[href*="t.me"],
  a[href*="telegram.me"],
  [class*="social"] a
) > :is(img, svg){
  width: 18px !important;
  height: 18px !important;
}

/* Opzionale: compattiamo lo spazio verticale sotto il nome */
body.page-id-28675 .um.um-profile [class*="social"]{
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px 6px;            /* righe/colonne più strette */
}
/* Forza apertura menù profilo UM verso sinistra */
body.page-id-28675 .um-profile .um-dropdown,
body.page-id-28675 .um-profile .um-dropdown.open {
  left: auto !important;
  right: 0 !important;
  transform: none !important; /* evita traslazioni strane */
}

/* Se serve correggere anche la freccetta del menu */
body.page-id-28675 .um-profile .um-dropdown:before,
body.page-id-28675 .um-profile .um-dropdown:after {
  left: auto !important;
  right: 16px !important; /* spostala dove preferisci */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8527e05 */.elementor-62778 .elementor-element.elementor-element-8527e05 div.uimob340 .um-account-main {
    float: none;
    width: 100%;
    padding: 0;
    display: none;
    box-sizing: border-box;
}
/* --- Miglioramento campo ricerca Community --- */
body.page-id-28675 input[type="search"] {
  border-radius: 9999px !important;      /* ovale completo */
  border: 2px solid #5E359D !important;  /* bordo viola */
  padding: 10px 18px !important;         /* spazio interno */
  font-size: 14px;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.25s ease;
  background-color: #fff;                /* sfondo bianco pulito */
  color: #000;                           /* testo nero */
}

/* Hover */
body.page-id-28675 input[type="search"]:hover {
  border-color: #7a52c8 !important;      /* viola più chiaro */
}

/* Focus */
body.page-id-28675 input[type="search"]:focus {
  border-color: #FAD332 !important;      /* giallo acceso */
  box-shadow: 0 0 6px rgba(250,211,50,0.4);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cdaace1 */.elementor-62778 .elementor-element.elementor-element-cdaace1 div.uimob340 .um-account-main {
    float: none;
    width: 100%;
    padding: 0;
    display: none;
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ffe81d *//* Crea un wrapper virtuale attorno al widget */
[data-widget="mcp-now-playing-cover"] {
  position: relative;
  display: block;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--card);
  box-shadow: var(--shadow);
  border: 1px solid rgba(17,17,17,.06);
}

/* Clippa eventuali immagini o iframe interni */
[data-widget="mcp-now-playing-cover"] img,
[data-widget="mcp-now-playing-cover"] iframe {
  border-radius: inherit;
  display: block;
  width: 100%;
  height: auto;
}
/* Card full-bleed immagine + overlay leggibile */
.onair-card{
  border-radius: var(--radius);
  border: none;
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(17,17,17,.12);
  background: #000; /* fallback sotto l’immagine */
}
.onair-card > [data-widget="mcp-now-playing-cover"]{ display:block; width:100%; height:100%; }
.onair-card::after{
  content:"";
  position:absolute; inset:0;
  /* sfuma a destra per leggere meglio titolo/artista */
  background: linear-gradient(90deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,0) 60%);
  pointer-events:none;
}
/* ——— Stop contorno blu (focus ring) solo nella colonna sinistra & On Air ——— */

/* 1) Qualsiasi elemento a fuoco nella colonna sinistra: niente ring */
.indie-comm-grid > div:first-child :focus,
.indie-comm-grid > div:first-child :focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

/* 2) Widget On Air (wrapper + figli, inclusi iframe/canvas interni) */
.onair-card,
.onair-card * ,
[data-widget="mcp-now-playing-cover"],
[data-widget="mcp-now-playing-cover"] * {
  outline: none !important;
  outline-color: transparent !important;
  box-shadow: none !important;
  border: none !important;           /* se il widget aggiunge un bordo di focus */
  -webkit-tap-highlight-color: transparent !important;
}

/* 3) Varianti specifiche più ostinate */
.onair-card:focus,
.onair-card:focus-visible,
.onair-card:focus-within,
[data-widget="mcp-now-playing-cover"]:focus,
[data-widget="mcp-now-playing-cover"]:focus-visible,
[data-widget="mcp-now-playing-cover"]:focus-within {
  outline: none !important;
  box-shadow: none !important;
}

/* 4) Se il ring è disegnato sull'iframe interno */
.onair-card iframe,
.onair-card iframe:focus,
.onair-card iframe:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  background-clip: padding-box !important;
  border-radius: inherit !important;
}

/* 5) Tema WP spesso usa :focus-within per i blocchi */
.indie-comm-grid > div:first-child .wp-block:focus-within,
.indie-comm-grid > div:first-child .widget:focus-within,
.indie-comm-grid > div:first-child .widget_block:focus-within {
  box-shadow: none !important;
  outline: none !important;
}

/* 6) Fix Firefox (non serve su Chrome ma è innocuo) */
.onair-card *::-moz-focus-inner { border: 0 !important; }
/* ON AIR — sheen sul contenitore del widget */
[data-widget="mcp-now-playing-cover"]{
  position: relative;               /* già presente, lo ribadiamo */
  isolation: isolate;               /* crea uno stack proprio: lo sheen non viene “mangiato” */
  overflow: hidden;                  /* rifila i bordi */
}

/* Riflesso mobile bianco perlaceo */
[data-widget="mcp-now-playing-cover"]::before{
  content:"";
  position:absolute; inset:0;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.18) 15%,
    rgba(255,255,255,.40) 25%,
    rgba(255,255,255,.18) 35%,
    transparent 50%
  );
  mix-blend-mode: screen;
  opacity: 0;
  transform: translateX(-35%);
  pointer-events: none;
  z-index: 3;                        /* sopra tutto il contenuto del widget */
  animation: sheenSlideOnAir 12s ease-in-out infinite;
}

/* La tua sfumatura a destra resta sopra o sotto? scegli tu:
   - Se vuoi la sfumatura SOPRA allo sheen (più leggibile il testo): tieni z-index 4
   - Se la vuoi SOTTO: metti z-index:1 qui sotto */
.onair-card::after{ z-index: 4 !important; }

@keyframes sheenSlideOnAir {
  0%, 60% { opacity: 0; transform: translateX(-35%); }
  70%     { opacity: .6; }
  100%    { opacity: 0; transform: translateX(110%); }
}

@media (prefers-reduced-motion: reduce){
  [data-widget="mcp-now-playing-cover"]::before{ animation:none; opacity:0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ef1be6 *//* ===================== RECENTLY PLAYED (COVER SOPRA + TESTO MULTILINEA) ===================== */

/* Card generale */
div[data-widget="mcp-recently-played"] {
  background: rgba(255,255,255,.05);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 14px;
  border: none;
  box-shadow: 0 8px 22px rgba(17,17,17,.18);
  overflow: hidden;
  padding: 10px 12px;
  font-size: 13px !important;
}

/* Ogni riga = blocco verticale */
div[data-widget="mcp-recently-played"] .mcp-track,
div[data-widget="mcp-recently-played"] li,
div[data-widget="mcp-recently-played"] > div {
  display: flex;
  flex-direction: column;           /* cover sopra, testo sotto */
  align-items: center;              /* centra tutto */
  text-align: center;               /* allinea testo */
  gap: 8px;
  padding: 12px 8px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
div[data-widget="mcp-recently-played"] .mcp-track:last-child,
div[data-widget="mcp-recently-played"] li:last-child,
div[data-widget="mcp-recently-played"] > div:last-child {
  border-bottom: none;
}

/* Cover quadrata, stondata */
div[data-widget="mcp-recently-played"] img {
  width: 64px !important;
  height: 64px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  background: #222;
  box-shadow: none;
  display: block;
}

/* Titolo */
div[data-widget="mcp-recently-played"] .mcp-title {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  white-space: normal;              /* consente il ritorno a capo */
  overflow-wrap: anywhere;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;            /* massimo due righe */
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 90%;
}

/* Artista */
div[data-widget="mcp-recently-played"] .mcp-artist {
  font-size: 12px;
  opacity: 0.8;
  color: #fff;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 90%;
}

/* Hover: evidenzia solo la riga */
div[data-widget="mcp-recently-played"] .mcp-track:hover,
div[data-widget="mcp-recently-played"] li:hover,
div[data-widget="mcp-recently-played"] > div:hover {
  background: rgba(255,255,255,.08);
  border-radius: 10px;
  transition: background .2s ease;
}
/* ===== Sheen dinamico (riflesso mobile bianco perlaceo) ===== */
div[data-widget="mcp-recently-played"]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.15) 15%,
    rgba(255,255,255,.35) 25%,
    rgba(255,255,255,.15) 35%,
    transparent 50%
  );
  mix-blend-mode: screen;
  opacity: 0;
  transform: translateX(-35%);
  pointer-events: none;
  animation: sheenSlide 6s ease-in-out infinite;
}

/* Animazione riflesso */
@keyframes sheenSlide {
  0%, 60% {
    opacity: 0;
    transform: translateX(-35%);
  }
  70% {
    opacity: .5;
  }
  100% {
    opacity: 0;
    transform: translateX(110%);
  }
}

/* Accessibilità: spegne l’animazione se necessario */
@media (prefers-reduced-motion: reduce) {
  div[data-widget="mcp-recently-played"]::before {
    animation: none;
    opacity: 0;
  }
}
/* ===== Hover singola riga: effetto card “fluttuante” ===== */
div[data-widget="mcp-recently-played"] .mcp-track:hover,
div[data-widget="mcp-recently-played"] li:hover,
div[data-widget="mcp-recently-played"] > div:hover {
  background: rgba(255,255,255,.10);
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 6px 18px rgba(0,0,0,.25), inset 0 0 8px rgba(255,255,255,.08);
  border-radius: 12px;
  transition: all .25s ease;
}

/* transizione morbida quando si toglie l’hover */
div[data-widget="mcp-recently-played"] .mcp-track,
div[data-widget="mcp-recently-played"] li,
div[data-widget="mcp-recently-played"] > div {
  transition: all .25s ease;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-00965f0 *//* Override the embed link styles in the activity wall post. 
.um-activity-widget .um-activity-body .um-activity-bodyinner-txt .post-meta{
	display:table;
width: 100%;
  padding-left:0px!important;

}*/
.um-activity-widget .um-activity-body .um-activity-bodyinner-txt .post-meta a{
	/*display: block;*/
	display: table;
	margin: 0px;
	padding: 10px;
}
.um-activity-widget .um-activity-body .um-activity-bodyinner-txt .post-meta a .post-image{
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	max-width: 200px!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f3ff77c */.elementor-62778 .elementor-element.elementor-element-f3ff77c div.uimob340 .um-account-main {
    float: none;
    width: 100%;
    padding: 0;
    display: none;
    box-sizing: border-box;
}/* End custom CSS */