/*
Theme Name:     sventrax
Theme URI:      http://lemonskin.net/sventrax
Description:    Tema personalizzato di elara
Author:         Lock
Template:       foliopress
Version:        1.0
*/


/* font
@font-face {
    font-family: Playfair;
    src: url('fonts/playfair.otf') format('truetype');
}
*/

/* ------------------------------ */
/* Immagini contrastate: riga 548 */
/* ------------------------------ */

/* LAVORI IN CORSO - display: none | block; */
#content::before {

    display: none;

    background-image: url('img/work_in_progress.png');
    background-position: 50% 50%;
    content: '.';
    color: transparent;
    margin-top: -17px;
    margin-bottom: 20px;
    background-color: #fec400;
    border-top: 1px solid #fec400;
    border-bottom: 1px solid #fec400;
}

/* NEVE */
#neve {
  position: fixed;         /* Si fissa rispetto alla finestra */
  top: 0;
  left: 0;
  width: 100vw;            /* Larghezza viewport */
  height: 100vh;           /* Altezza viewport */
  z-index: 9999;           /* Sta sopra tutto */
  pointer-events: none;    /* I click passano attraverso */
}
#neve,
#toggleSnowLink {
  display: none;
}

/* SCHERZI */

/* 1° Aprile - rotazione pagina */

#Inky {
    /* ------------------------ */
    /* --- hidden (off) / riga commentata (on) --- */
    visibility: hidden;
    /* ------------------------ */
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1001;
    animation: pulsazione 1s infinite ease-in-out;
    transition: transform 1s ease-in-out;
    transform-origin: center center;
    opacity: 0;
    display: flex; /* Utilizza flexbox per allineare gli elementi */
    align-items: center; /* Allinea gli elementi verticalmente al centro */
    justify-content: center; /* Allinea gli elementi orizzontalmente al centro */
    white-space: nowrap; /* Impedisce alle scritte e all'immagine di andare a capo */
    pointer-events: none; /* Impedisce alle scritte di interferire con i clic */
}

#Inky.visible {
    opacity: 1;
    /*visibility: visible;*/
}

#Inky.rotated {
    transform: translate(-50%, 0) rotate(360deg);
}

@keyframes pulsazione {
    0% { opacity: 0.7; }
    50% { opacity: 0.9; }
    100% { opacity: 0.7; }
}

.image-container {
    position: relative;
    width: 59px;
    height: 45px;
    margin: 0 10px;
}

.image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; /* Tutte le immagini nascoste all'inizio */
    pointer-events: auto;
}

#page {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#page.rotated {
    -webkit-transform : rotate(180deg); 
    -moz-transform : rotate(180deg); 
    -ms-transform : rotate(180deg); 
    -o-transform : rotate(180deg); 
    transform : rotate(180deg); 
}

/* SCHERZI - FINE

/* pagina deformata */
/*
#page {
    margin-top: 35px;
    transform: skewY(3deg);
}
*/

/* paragrafi tutti storti */
/*
p:nth-child(odd) { transform: rotate(1deg); }
#site-navigation, #secondary section:nth-child(even), .entry-title, .page-title, .entry-title a { transform: rotate(2deg); }
.entry-meta, p:nth-child(even) { transform: rotate(-2deg); }
ul { transform: rotate(3deg); }
figure:nth-child(even), #secondary section:nth-child(odd) { transform: rotate(-3deg); }
figure:nth-child(odd) { transform: rotate(4deg); }
#lemonskin_io_widget-10 { transform: rotate(-4deg); }
*/

/* smooth scrolling */
html {
    scroll-behavior: smooth;
}
/* [O-S] - Correzione offset per anchors */
/* :target { scroll-margin-top: 50px; } */

/* Progress bar - START */

/* --- 1. MOTORE DI CALCOLO --- */
#contenitore_informazioni {
    --base_calcolo: calc(var(--totale_libri) - var(--libri_non_leggibili));
    --p_decimale: calc(var(--libri_letti) * 100 / var(--base_calcolo));
    --p: round(nearest, var(--p_decimale), 1);
}

/* --- 2. LOGICA NUMERI --- */
#num-totali { counter-reset: totali var(--totale_libri); }
#num-totali::before { content: counter(totali); }
#num-letti { counter-reset: letti var(--libri_letti); cursor: pointer; }
#num-letti::before { content: counter(letti); }
#num-rimanenti { counter-reset: rimanenti calc(var(--totale_libri) - var(--libri_non_leggibili) - var(--libri_letti)); }
#num-rimanenti::before { content: counter(rimanenti); }
#num-non-leggibili { counter-reset: non-leggibili var(--libri_non_leggibili); }
#num-non-leggibili::before { content: counter(non-leggibili); }

#numero-progresso.colore-dinamico {
    counter-reset: percentuale var(--p);
    color: hsl(calc(var(--p) * 1.23), calc(90% - (var(--p) * 0.34%)), calc(50% - (var(--p) * 0.05%))) !important;
}
#numero-progresso::before {
    content: counter(percentuale) "%";
    cursor: pointer;
}
/* Reset al click sui Letti o sulla Percentuale */
#contenitore_informazioni:has(#num-letti:active, #numero-progresso:active) .progress-fill {
  animation: none !important;
  transform: scaleX(0) !important;
  opacity: 0 !important;
}

/* --- 3. PROGRESS BAR (Contenitore e Reset) --- */
.progress-bar {
  width: 100%;
  background: #eee;
  border-radius: 8px;
  height: 14px;
  overflow: hidden;
  position: relative;
  margin: 10px 0;
  cursor: pointer;
}

.progress-bar:active .progress-fill {
  animation: none !important;
  transform: scaleX(0) !important;
  opacity: 0 !important;
}

/* --- 4. PROGRESS FILL (Versione Jelly di Default) --- */
.progress-fill {
  height: 100%;
  border-radius: 8px;
  width: calc(var(--p) * 1%);
  background-image:
    linear-gradient(115deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 70%),
    linear-gradient(to right,
      hsl(calc(var(--p) * 1.23), calc(90% - (var(--p) * 0.34%)), calc(50% - (var(--p) * 0.05%))),
      hsl(calc(var(--p) * 1.23), calc(90% - (var(--p) * 0.34%)), calc(50% - (var(--p) * 0.05%)))
    );
  background-size: 150px 100%, 100% 100%;
  background-repeat: no-repeat;
  background-position: -150px 0, 0 0;
  transform-origin: left center !important;
  opacity: 0;
  
  /* Allungamento Jelly: lo shine parte a 1s (fine allungamento, inizio rimbalzi) */
  animation:
    jellyInertia 1.7s cubic-bezier(.25,.46,.45,1.08) forwards,
    shineSlide .6s linear 1s forwards;
    
  box-shadow: inset 0 1px 3px rgba(255,255,255,.15), inset 0 -1px 2px rgba(0,0,0,.05);
}

/* --- 5. OPZIONE NO-JELLY (Sincronizzata) --- */
.progress-fill.no-jelly {
  transform-origin: left center !important;
  /* Allungamento Smooth: lo shine parte a 0.8s (fine corsa) */
  animation: 
    smoothLoad 0.8s ease-out forwards,
    shineSlide 0.6s linear 0.8s forwards !important; 
  opacity: 0;
}

/* --- 6. KEYFRAMES --- */
@keyframes smoothLoad {
  0% { transform: scaleX(0); opacity: 0; }
  20% { opacity: 1; }
  100% { transform: scaleX(1); opacity: 1; }
}

@keyframes jellyInertia {
  0% { transform: scaleX(0); opacity: 0; }
  15% { opacity: 1; }
  60% { transform: scaleX(1.03); } /* Qui la barra è già carica */
  75% { transform: scaleX(0.98); }
  88% { transform: scaleX(1.01); }
  100% { transform: scaleX(1); opacity: 1; }
}

@keyframes shineSlide {
  0% { background-position: -150px 0, 0 0; }
  100% { background-position: calc(100% + 150px) 0, 0 0; }
}

/* Progress bar - END */

/* Nuovo menu */

/* -- logo sito e search -- */
#logo_sito {
    margin-left: 6px;
    margin-right: 15px;
    width: 40px;
    height: 40px;
}
.search-form {
    margin-bottom: 15px;
}
/* ------------------------ */

.hidden_link,
.hidden_link_search {
    cursor: pointer;
}
.hidden_link:hover,
.hidden_link_search:hover {
    text-decoration: none !important;
}
.hidden_link_search {
    color: #888 !important;
}
#secondary {
    border-left: 3px dotted #f7f7f7;
}
#secondary.homepage {
    border-left: 3px dotted #d6f5d8;
}
#secondary .menu {
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: -30px;
}
#secondary .menu-admin {
    margin-left: 10px;
}
#secondary .widget_search {
    margin: -30px 10px 40px 10px
}
/* menu - selezione testo accessibilità */
#secondary .mn_acc {
    text-decoration: none !important;
    border-bottom: 2px solid #ccc;
}
#secondary .menu-item a {
    display: block;
}
#secondary .menu-item a:hover .mn_acc {
    border-bottom: 0;
}
#secondary .menu-item a:first-child  {
    /* non sottolineare "sostienimi" */
    text-decoration: none !important;
}

#secondary .sostienimi .mn_acc,
#secondary .sostienimi:hover .mn_acc {
    border-bottom: 0 !important;
}
#secondary .menu-item,
#secondary .sub-menu {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-size: 18px;*/
    font-weight: 600;
}
#secondary .sub-menu .menu-item {
    opacity: .8;
    font-weight: 300;
}
#secondary li.current_page_ancestor > a,
.widget_nav_menu ul li.current-menu-item > a,
.widget_nav_menu ul li.current-menu-ancestor > a {
    color: #48d12e !important;
    font-weight: 600;
}
.widget_custom_html:first-child { margin-bottom: 0 !important }
#apri_menu a,
#barra_menu a {
    color: #fff !important;
    background-color: #aaa;
    font-weight: 500;
    text-shadow: none;
    box-shadow: none;
    border-radius: 20px;
    padding: 8px 15px;
    display: inline-block;
    font-size: 15px;
    margin: 10px 0 0 10px;
    transition: 0.2s linear;
    opacity: .4;
    position: absolute;
    z-index: 10;
}
#apri_menu a::before { content: 'Menu'; }
#barra_menu a::before { content: 'Chiudi'; }
#barra_menu { margin-bottom: -20px; }
#barra_menu a {
    margin: 0px 0px 15px 0px;
    position: relative;
}
#apri_menu a:hover,
#barra_menu a:hover {
    opacity: 1;
    background-color: #f00;
    text-decoration: none;
}

/* correzione margine barra in alto */
:target::before {
  content: "";
  display: block;
  /* height: 60px; fixed header height*/
  /* margin: -60px 0 0; negative fixed header height */
}

.bottone_donazione {
    margin-top: 35px;
}

.recentemente_modificato,
.recentemente_modificato_fade {
        display: inline-block;
        position: relative;
        top: -2px;
}
.recentemente_modificato::before,
.recentemente_modificato_fade::before {
    color: #ff6f00;
    border: 2px solid #ffaa69;
    border-radius: 5px;
    font-size: 14px;
    /* padding: 1px 5px 2px; */
    padding: 0px 6px 1px;
    margin-left: 10px;
    margin-bottom: 15px;
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
    content: 'a';
    text-transform: uppercase;
    text-indent: 0;
}
.recentemente_modificato_fade::before {
    color: #d6f5d8;
    border: 2px solid #d6f5d8;
}

/* margine wizard Youtube plugin */
.epyt-video-wrapper {
	margin-bottom: 20px;
}

/* correzione SPERO temporanea ai blocchi youtube di Gutenberg */
.wp-block-embed__wrapper::before {
	display: contents !important;
}

/* selezione del testo */
::selection {
    background: #efe4de;
    color: #6f645e;
}
body {
    /* font-family: Poppins,Roboto,"Helvetica Neue",Arial,sans-serif; - 13/08/2019 */
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
}
/* toglie il glow azzurro dai campi input */
.form-control:focus, .form-control:active {
    border-color: #c7ced4;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 0px rgba(255,255,255,1);
}
/* nasconde gli anchor da non mostrare */
.top_jump, .bottom_jump, .page_jump, #last_page { display: none; }


/* menu - selezione testo accessibilità */
.mn_acc {
text-decoration: underline;
}

/* HEADER */

/* top bar fissa */
#masthead {
    position: fixed;
    z-index: 10000;
    width: 100%;
    /* opacity: .95; */
}
#content { padding-top: 10px; }
/* altezza top bar */
.main-navigation a,
.navbar span.search-toggle { 
    padding: 0px 10px;
}
.navbar span.search-toggle {
    top: 2px;
    position: relative;
}
/* allinea correttamente eventuali sottomenu */
.nav-menu .sub-menu {
    top: 22px;
    text-align: left;
}

/* nascosta su schermi grandi */
.menu_search {
    display: none !important;
}
.widget_search .search-form {
    margin-top: 40px;
    margin-left: -10px;
    margin-bottom: -25px;
}
input.s {
    padding: 7px;
}
.input-group > .form-control:not(:last-child) {
    width: 150px;
    margin-left: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.input-group > .input-group-prepend:not(:first-child) > .btn {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.sticky {
/* per ancorare immagini in alto allo schermo */
    position: sticky;
    top: 10px;
    z-index: 100;
}
.post.type-post.status-publish.sticky {
    top: 0;
}

/* TOLKIENLIBRERIA /start */

.Libreria_Tolkien {
     display: flex;
     width: 100%;
     height: 344px;
     padding-left: 30px;
     padding-right: 28px;
     padding-bottom: 4px;
}

/* TOLKIENLIBRERIA /start */
.Libreria_Legno_1 {
 background-image: url("https://www.lemonskin.net/io/wp-content/uploads/2026/03/LIBRERIA-Sfondo_1.jpg");
 background-size: 100%;
}
.Libreria_Legno_1A {
 background-image: url("https://www.lemonskin.net/io/wp-content/uploads/2026/03/LIBRERIA-Sfondo_1A.jpg");
 background-size: 100%;
}
.Libreria_Legno_1B {
 background-image: url("https://www.lemonskin.net/io/wp-content/uploads/2026/03/LIBRERIA-Sfondo_1B.jpg");
 background-size: 100%;
}
.Libreria_Legno_2 {
 background-image: url("https://www.lemonskin.net/io/wp-content/uploads/2026/03/LIBRERIA-Sfondo_2.jpg");
 background-size: 100%;
}
.Libreria_Legno_2A {
 background-image: url("https://www.lemonskin.net/io/wp-content/uploads/2026/03/LIBRERIA-Sfondo_2A.jpg");
 background-size: 100%;
}
.Libreria_Legno_2B {
 background-image: url("https://www.lemonskin.net/io/wp-content/uploads/2026/03/LIBRERIA-Sfondo_2B.jpg");
 background-size: 100%;
}
.Libreria_Legno_1B,
.Libreria_Legno_2B {
    height: 318px;
    /* padding-bottom: 21px; */
}

/* Allineamento bottom */
#Lib_s1,
#Lib_s2,
#Lib_s3,
#Lib_s4,
#Lib_s5,
#Lib_s6,
#Lib_s7,
#Lib_s8 { padding-bottom: 30px !important; }


#Lib_s1 figure,
#Lib_s2 figure,
#Lib_s3 figure,
#Lib_s4 figure,
#Lib_s5 figure,
#Lib_s6 figure,
#Lib_s7 figure,
#Lib_s8 figure { margin-bottom: 0; }

#Lib_s1 figure:not(.LORES),
#Lib_s2 figure:not(.LORES),
#Lib_s3 figure:not(.LORES),
#Lib_s4 figure:not(.LORES),
#Lib_s5 figure:not(.LORES),
#Lib_s6 figure:not(.LORES),
#Lib_s7 figure:not(.LORES),
#Lib_s8 figure:not(.LORES) { zoom: .377; }

/* Illumina */
#Lib_s1 a,
#Lib_s2 a,
#Lib_s3 a,
#Lib_s4 a,
#Lib_s5 a,
#Lib_s6 a,
#Lib_s7 a,
#Lib_s8 a { transition: opacity .25s ease-in-out; }

#Lib_s1:hover a,
#Lib_s2:hover a,
#Lib_s3:hover a,
#Lib_s4:hover a,
#Lib_s5:hover a,
#Lib_s6:hover a,
#Lib_s7:hover a,
#Lib_s8:hover a {
    filter: grayscale(100%);
    opacity: .4;
}
#Lib_s1 a:hover,
#Lib_s2 a:hover,
#Lib_s3 a:hover,
#Lib_s4 a:hover,
#Lib_s5 a:hover,
#Lib_s6 a:hover,
#Lib_s7 a:hover,
#Lib_s8 a:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* Immagini e video con bordi arrotondati */
.wp-block-image img,
.epyt-video-wrapper iframe {
    border-radius: 10px;
}
/* Eccezione */
.wp-block-image.no_round img,
.wp-block-image.noround img {
    border-radius: 0;
}

/* correzione retina */
@media (min-width: 1800px) {
    .Libreria_Tolkien {
         display: flex;
         width: 100%;
         height: 470px;
         padding-left: 38px;
         padding-right: 30px;
         padding-bottom: 40px;
    }
    .Libreria_Legno_1B,
    .Libreria_Legno_2B {
        height: 435px;
        /* padding-bottom: 21px; */
    }
}

/* allineamento libri */
.Libreria_Tolkien a {
 display: inline-block;
 align-self: flex-end;
 float: left;
}
/* reset library */
.reset_library {
	position: absolute;
	color: #fff;
	padding-left: 5px;
	font-size: 30px;
	opacity: 0;
	z-index: 100;
	text-decoration: none;
}
.reset_library:hover,
.reset_library:active {
	color: #fff;
	text-decoration: none;
}
/* schede Tolkien-Libreria */
.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8 {
  display: none;
  border: 1px solid rgb(235, 238, 241);
  border-radius: 10px;
  margin: 20px 0px;
  padding: 10px;
}
/* limita il margine del sottotitolo */
.scheda-libro .sottotitolo {
    margin-bottom:5px;
    font-style: italic;
}
.non_letto div:first-child,
.non_leggibile div:first-child {
    /*min-width: 100%;*/
}
.letto div:first-child {
    min-width: initial;
    /*flex-basis: 100% !important;*/
}
/* label "letto" */
.scheda-libro .wp-block-columns {
    padding: 2px 15px;
    border-radius: 23px;
    color: #fff;
    background-color: #c2c2c2;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: left;
}
/*
.scheda-libro .wp-block-column:last-child p {
    text-align: right;
}
*/
.scheda-libro .wp-block-columns p { margin-bottom: 0; }
.scheda-libro .letto {
    background-color: #94ccb0 !important;
}
.scheda-libro .non_letto {
    background-color: #acb5cd !important;
}
.scheda-libro .non_leggibile {
    background-color: #f18f96 !important;
}
.scheda-libro .letto.wp-block-columns > div:nth-child(2) { text-align: right; }
/* controlla la seconda riga nel caso di libri multipli */
.scheda-libro .seconda_riga {
    display: block;
    line-height: 1.6em;
}
.scheda-libro .ultima_riga {
    margin-bottom: 10px;
}

/* istruzioni */
.istruzioni {
 display: block;
 text-align: center;
 opacity: 0.5;
}

/* TOLKIENLIBRERIA /end */

/* nascondi link menu */
#apri_menu,
#barra_menu {
    display: none;
}

/* Gestione CINEMA DISPLAY (Retina) */
@media (min-width: 1800px) {
    .container {
        max-width: 1700px;
    }
    #primary {
        max-width: 1030px;
    }
    body {
        font-size: 1.3rem !important;
    }
    .entry-title, .page-title, .search-results .entry-title {
        font-size: 2.1em !important;
    }

    #Lib_s1, #Lib_s2, #Lib_s3, #Lib_s4, #Lib_s5, #Lib_s6, #Lib_s7, #Lib_s8 { padding-bottom: 40px !important; }
    #Lib_s1 figure:not(.LORES), #Lib_s2 figure:not(.LORES), #Lib_s3 figure:not(.LORES), #Lib_s4 figure:not(.LORES),
    #Lib_s5 figure:not(.LORES), #Lib_s6 figure:not(.LORES), #Lib_s7 figure:not(.LORES), #Lib_s8 figure:not(.LORES) { zoom: .50; }
    /* TEMP */
    #Lib_s1 figure.LORES,
    #Lib_s2 figure.LORES,
    #Lib_s3 figure.LORES,
    #Lib_s4 figure.LORES,
    #Lib_s5 figure.LORES,
    #Lib_s6 figure.LORES,
    #Lib_s7 figure.LORES,
    #Lib_s8 figure.LORES { zoom: 1.4; }
}
/* forza immagini più contrastate */
.crisp {
        image-rendering: crisp-edges;
        /* Opzionale: per browser basati su Webkit come Safari */
        /* image-rendering: -webkit-optimize-contrast; */
}
/* non rende le immagini più contrastate */
.nc figure img,
.nocrisp figure img {
    image-rendering: inherit;
}

/* Correzioni schermi piccoli */

/* schermi touch, disattiva fading colonna laterale */
@media (pointer:coarse) {
    #gestione_trasparenza { opacity: 1 !important; }
}

/* iPad orizzontale */
@media only screen and (max-width: 1200px) {
	/* nascondo sottotitolo */
    .site-description { display: none !important; }

    /* Tolkienlibreria */
    .Libreria_Tolkien {
        zoom: .835;
    }
    /* [O-S] - Correzione offset per anchors */
    /* :target { scroll-margin-top: 87px; } */

}
/* iPad verticale, MENU NASCOSTO ||| */
@media only screen and (max-width: 991px) {
	.sticky {
  	top: 0 !important;
    margin-bottom: 25px !important;
	}

    #apri_menu,
    #barra_menu {
        display: initial;
    }
    
    /* [O-S] - Correzione offset per anchors */
    /* :target { scroll-margin-top: 30px; } */

    /* nascondi sottomenu */
    .sub-menu {
        top: 0px !important;
    }
    .main-navigation ul li ul.sub-menu {
        background: inherit !important;
        display: none !important;
    }

    /* Tolkienlibreria */
    .Libreria_Tolkien {
        zoom: .945;
    }

    /* barra in alto fissa */
    #masthead { position: initial; }
    /* bordi ridotti */
    #content {padding-top: 20px; }
    .main-navigation a,
    .navbar span.search-toggle { 
    padding: 15px;
    }
    .input-group > .form-control:not(:last-child) { margin-left: 0; }
    /* menu centrato */
    .nav-menu .menu-item a {
        text-align: center;
        font-size: 1.3em;
    }
    /* mostra ricerca nel menu
    .menu_search {
    display: inline-block !important;
    padding: 20px 0 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    */

    /* il margine è ok su mobile */
    a.more-link { margin: 0 0 10px !important; }
    /* nasconde eventuali scritte nei titoli allineate a destra,
    come ad esempio date */
    h2 .alignright,
    h3 .alignright,
    h4 .alignright { display: none !important; }


    /* boh, non ricordo */
    .tab_date,
    .tab_content {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        padding: 5px 10px 15px 10px !important;
    }
    .tab_date {
        margin-bottom: 8px !important;
        padding: 5px 15px !important;
        font-size: 1.5em !important;
        background-color: #eee !important;
        border-radius: 10px !important;
    }
    .tab_year {
        opacity: 1 !important;
        font-size: 1em !important;
    }
    .tab_dot {
        display: none !important;
    }
    /* altezza widget(s) */
    .widget_recent_entries:first-of-type { margin-top: 15px !important; }
}
/* iPhone */
@media only screen and (max-width: 767px) {
    
    /* Tolkienlibreria */
    .Libreria_Tolkien {
        zoom: .725;
    }

    /* Riduce le stelle del voto medio */
    details.recensione > summary span:first-of-type {
        font-size: 80%;
    }

    /* mantiene leggibili i cassetti di Sostienimi */
    .cassetto_dim_min .collapseomatic_content .collapseomatic_content {
        min-width: 350px !important;
        background-color: white;
    }
	
	/* STELLE schermi piccoli */
	.star1::before { color:red !important; content:'1' !important; }
	.star1::after  { color:red !important; content:'\2605' !important; }
	.star2::before { color:#f90 !important; content:'2' !important; }
	.star2::after  { color:#f90 !important; content:'\2605' !important; }
	.star25::before { color:#f90 !important; content:'2,5' !important; }
	.star25::after  { color:#f90 !important; content:'\2605' !important; }
	.star3::before { color:#fc0 !important; content:'3' !important; }
	.star3::after  { color:#fc0 !important; content:'\2605' !important; }
	.star35::before { color:#fc0 !important; content:'3,5' !important; }
	.star35::after  { color:#fc0 !important; content:'\2605' !important; }
	.star4::before { color:#9c0 !important; content:'4' !important; }
	.star4::after  { color:#9c0 !important; content:'\2605' !important; }
	/* particolari (Project Hail Mary) */
	.star4x::before { color:#9c0 !important; content:'4' !important; }
	.star4x::after  { color:#9c0 !important; content:'\2606' !important; }
	/* --- */
	.star45::before { color:#9c0 !important; content:'4,5' !important; }
	.star45::after { color:#9c0 !important; content:'\2605' !important; }
	.star5::before { color:#0c0 !important; content:'5' !important; }
	.star5::after { color:#0c0 !important; content:'\2605' !important; }
	.star6::before { color:#749fff !important; content:'6' !important; }
	.star6::after { color:#749fff !important; content:'\2605' !important; }
	.star1,.star2,.star3,.star4,.star5,.star6 { margin-right: 10px; }
}

/* forza sfondo bianco col mouse sull'articolo */
#main {
    background-color: transparent;
    transition: background 0.5s linear;
}
#main:hover {
    background-color: #fff;
    transition: background 0.5s linear;
}
/* trasparenza menu laterale */
#gestione_trasparenza {
    opacity: .2;
    background-color: transparent;
    transition: opacity 0.5s linear, background 0.5s linear !important;
}
#secondary .sostienimi {
    color: #48d12e;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 6px;
    opacity: 1;
    padding: 2px 10px;
    margin-left: -10px;
    transition: 0.2s linear;
    display: inline-block;
    margin-top: 8px;
}
/* ##### */
#gestione_trasparenza:hover {
    opacity: 1;
    background-color: #fff;
    transition: opacity 0.5s, background 0.5s linear !important;
}

#gestione_trasparenza:hover .sostienimi {
    border: 2px solid #e7ddd8;
}
#gestione_trasparenza:hover .sostienimi:hover {
    border: 2px solid #48d12e;
}

.site-title {
    display: inline-block;
    font-size: 1em;
    /* font-family: "Playfair", serif; */
    text-transform: uppercase;
    font-weight: 400;
}
/* formattazione sottotitolo (il meglio del peggio...) */
.site-description {
    display: inline-block;
    position: relative;
    top: -2px;
    color: #aaa;
}
.site-description::before {
	content: '— ';
}
.site-description a,
.site-description a:hover,
.site-description a:focus
.site-description a:active {
    color: #aaa;
    text-decoration: none;
}

/* barra menu allineata a dx */
#navbarCollapse {
    text-align: right;
}

/* ARTICOLI */

/* icona sticky - freccia su */
.sticky .sticky-post {
    position: absolute;
    top: -5.5px;
    margin-left: 10px;
}
.sticky .sticky-post::before {
    content: '\f0aa';
    color: #badfba;
    font-size: 1.4em;
}

/* -- Effetti -- */
@keyframes rotate {
  to { rotate: 1turn; }
}
/* home */
.rotate_quick {
    animation: rotate 4s linear infinite;
    transition: transform 2s ease-out, filter 0.5s ease, opacity 0.5s ease;
    opacity: 1;
}
.rotate_quick:hover {
    animation-play-state: paused;
    transform: rotate(.2turn);
    filter: grayscale(1);
}
/* articoli  */
.rotate {
    animation: rotate 20s linear infinite;
    transition: transform 2s ease-out, filter 5s ease;
}
.rotate:hover {
    /*
    animation-play-state: paused;
    transform: rotate(.2turn);
    */
    filter: hue-rotate(254deg); /* grayscale(.70); */
}
/* ------------- */

/* --- CENSURA / evanescente --- */
.censura,
.evanescente {
  display: inline-block;
  vertical-align: bottom;
  color: inherit;
  -webkit-mask-image: linear-gradient(to right, black 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.1) 30%, transparent 50%, black 50.1%, black 99%);
  mask-image: linear-gradient(to right, black 0%, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.1) 30%, transparent 50%, black 50.1%, black 99%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  -webkit-mask-position: 0% 0;
  mask-position: 0% 0;
  transition: -webkit-mask-position 0.6s cubic-bezier(0.4, 0, 0.2, 1), mask-position 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.censura:hover,
.evanescente:hover {
  -webkit-mask-position: 100% 0;
  mask-position: 100% 0;
  /* scorrimento alternativo
  -webkit-mask-position: 0% 0;
  mask-position: 0% 0; */
}
/* --- /CENSURA --- */

/* continua a leggere */
a.more-link {
    display: block;
    color: #48d12e !important;
    background: transparent;
    text-align: right;
    margin: -10px 0 10px;
    padding-right: 10px;
}

a.more-link:hover {
    text-decoration: underline;
}
/* icona freccia read more */
.more-link::after {
    font-family: 'FontAwesome';
    content: '\f061';
    width: 25px;
    display: inline-block;
    padding-left: 10px;
}

 /* intestazioni, titoli e meta centrati */
.entry-header,
.entry-meta {
    position: relative;
    text-align: center;
    display: flow-root;
}
/* titoli neri */
.entry-title,
.search-results .entry-title {
    font-size: 50px;
    line-height: 1.1em;
}
/* correggi colore sub-menu */
.entry-title a:hover, .entry-title a:focus, .entry-title a:active,
.main-navigation li ul li:hover > a,
.main-navigation li ul li:focus > a,
.main-navigation ul li.current-menu-item .sub-menu a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation li ul li.current_page_item > a,
.main-navigation li ul li.current_page_ancestor > a {
    color: #333 !important;
}
.main-navigation li ul li.current-menu-item a {
    color: #ac907e !important;
}
/* avvicina data e autore al titolo dentro ARTICLEs e PAGEs */
.entry-title, .page-title,
.search-results .entry-title {
    margin-bottom: 12px;
    /* font-family: 'Noto Serif'; */
    font-size: 2.6em;
    line-height: 1.2;
}
.entry-meta {
    padding-bottom: 20px;
    font-family: 'Noto Serif';
}
.search .entry-meta {
    padding-bottom: 0;
}
/* categorie */
.cat-links {
    color: #ccc;
    font-size: 1.2rem;
    }
.cat-links a {
    color: #48d12e;
    text-transform: uppercase;
    /* font-size: 15px; */
    font-family: Poppins;
}
/* .cat-links a:hover { color: #ac907e; } */

.entry-meta div.data,
.entry-meta div.data_mod,
.entry-meta div.autore,
.entry-meta div.sviluppatore,
.entry-meta div.meta-commenti {
    display: inline-block;
    position: relative;
    margin-left: 8px;
    padding-left: 8px;
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
}
.entry-meta div.data,
.entry-meta div.data_mod {
    color: #badfba;
}
/* niente margini nelle PAGE */
.page .entry-meta div.data,
.page .entry-meta div.data_mod {
    margin-left: 0;
    padding-left: 0;
}
.entry-meta div.categoria {
    display: inline-block;
}
.entry-meta div.data_mod { cursor: pointer; }

.entry-meta div.data::before,
.entry-meta div.data_mod::before,
.entry-meta div.autore::before,
.entry-meta div.meta-commenti::before {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    left: 0;
    top: 20%;
    bottom: 20%;
    background-color: #e7f9e8;
}
/* niente trattino nelle pagine */
.page .entry-meta div.data::before,
.page .entry-meta div.data_mod::before {
    display: none;
}

.entry-meta div.data_mod::after {
    font-family: 'FontAwesome';
    content: '\f00c';
    width: 22px;
    display: inline-block;
    opacity: .5;
    text-align: right;
}
/* pallino commenti */
.meta-commenti a {
    color: #fff !important;
    background-color: #c7ced4;
    border-radius: 5px;
    padding: 0 7px;
    min-width: 25px;
    text-align: center;
    text-decoration: none !important;
    position: relative;
    top: -1px;
    transition: 0.2s linear;
}
.meta-commenti a:hover,
.meta-commenti a:focus,
.meta-commenti a:active {
    color: #fff;
    background-color: #47d12e;
}
.fonte_art {
    float: right;
    color: #aaa;
    display: inline-block;
}
.fonte_art span { color: #777; }

/* margini galleria */
.wp-block-blockgallery-masonry {
    margin: 20px 0;
}

/* domande e risposte */
.wp-block-yoast-faq-block {
    margin: 20px 0;
    padding: 10px;
    color: #506d8a;
    background-color: #ebf2fb;
    border: 2px solid #c6d3e0;
    border-radius: 10px;
}
.schema-faq-answer {
    margin-top: 10px;
}

/* riduce la distanza tra i post in home */
.site-main .post {
    padding-bottom: 10px;
    margin-bottom: 25px;
}
/* toglie barretta grigia a fine articolo */
.single .site-main .post {
    border-bottom: 0;
    margin-bottom: 0;
}
/* ingrandisce il font negli articoli */
.entry-content {
    font-size: 1.3em;
    line-height: 1.6em;
    /* text-align: justify; */
}
/* dimensione cap letter */
p.has-drop-cap:not(:focus)::first-letter {
    float: left;
    /* font-size: 5.1em; */
    font-size: 4.9em;
    margin: .1em .1em 0 0;
    line-height: .7em;
}

/* Separa maggiormente i titoli dentro gli articoli */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    border-bottom: 1px solid #8f98a1;
    text-align: left;
    margin: 40px 0 10px;
    padding-bottom: 8px;
}
.entry-content h1 {
    font-size: 1.9em;
}
.entry-content h2 {
    font-size: 1.6em;
}
.entry-content h3 {
    font-size: 1.2em;
}
.entry-content h4 {
    font-size: 1.1em;
    margin: 40px 0 4px;
}
.entry-content h5 {
    font-size: 1.0em;
    margin: 40px 0 4px;
}
.entry-content h6 {
    font-size: 0.9em;
    margin: 40px 0 4px;
}

/* Riduce automaticamente la distanza del titolo Hx nelle note, nei cassetti e all'inizio di un post*/
div.nota > h1:first-child,
div.nota > h2:first-child,
div.nota > h3:first-child,
div.nota > h4:first-child,
div.nota > h5:first-child,
div.nota > h6:first-child,
/* seleziona il primo titolo dopo summary */
details > summary + h1,
details > summary + h2,
details > summary + h3,
details > summary + h4,
details > summary + h5,
details > summary + h6,
/* se il contenuto si trova dentro un gruppo */
details > summary + .wp-block-group > .wp-block-group__inner-container > h1:first-child,
details > summary + .wp-block-group > .wp-block-group__inner-container > h2:first-child,
details > summary + .wp-block-group > .wp-block-group__inner-container > h3:first-child,
details > summary + .wp-block-group > .wp-block-group__inner-container > h4:first-child,
details > summary + .wp-block-group > .wp-block-group__inner-container > h5:first-child,
details > summary + .wp-block-group > .wp-block-group__inner-container > h6:first-child,
div.entry-content > h1:first-child,
div.entry-content > h2:first-child,
div.entry-content > h3:first-child,
div.entry-content > h4:first-child,
div.entry-content > h5:first-child,
div.entry-content > h6:first-child,
/* titoli schede della Tolkien-libreria */
.entry-content .scheda-libro h1.wp-block-heading,
.entry-content .scheda-libro h2.wp-block-heading,
.entry-content .scheda-libro h3.wp-block-heading,
.entry-content .scheda-libro h4.wp-block-heading,
.entry-content .scheda-libro h5.wp-block-heading,
.entry-content .scheda-libro h6.wp-block-heading {
    margin-top: 10px !important;
}
/* margine top testo con prima immagine nel cassetto */
details summary + .wp-block-image {
    margin-bottom: 2px !important;
}
/* margine top delle didascalie immagini */
.wp-block-image :where(figcaption) {
    margin-top: 0 !important;
}

/* formattazione articoli correlati (related articles) */
div.yarpp-template-list {
	margin: 2em 0;
}
.yarpp-template-list h3 {
	margin: 0px 0 10px !important;
    border-bottom: 1px solid #8f98a1 !important;
    padding-bottom: 8px !important;
    text-align: left !important;
    font-size: 1.6em !important;
    width: 100%;
    font-weight: 100 !important;
}
.yarpp-template-list li {
    color: #eaeaea;
}
.yarpp-template-list li a {
	font-weight: 100;
}
.yarpp-template-list li abbr {
	/* color: transparent; */
    /* display: none; */
}
.yarpp-related a {
    font-weight: 100 !important;
    text-decoration: initial !important;
}
.yarpp-related li {
    color: #eaeaea !important;
}
/* lista articoli correlati allineata */
.yarpp-related ol {
    margin: 0 0 20px 50px;
}

/* formattazione TABS */
.wp-block-getwid-tabs__nav-links {
    list-style: none !important;
    /* display: -webkit-box !important; */
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center !important;
    align-items: center;
    padding: 0;
    margin: 0 0 -1px 0 !important;
}
.wp-block-getwid-tabs__nav-link {
    margin: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.wp-block-getwid-tabs__nav-link a {
    padding: .5em 0.5em !important;
}
.wp-block-getwid-tabs__tab-content {
    padding: 1em;
}
.compact .wp-block-getwid-tabs__nav-link a {
    padding: .5em 0.35em !important;
}

/* nasconde gli indici in home/archivio/ricerca */
.home .indice,
.archive .indice,
.search .indice { display: none; }
/* nasconde negli articoli */
.single .nascondi { display: none; }

/* formatta correttamente i post testuali in homepage   */
/* (per il momento soltanto quelli di tipo PAGE)        */
.type-page a.entry-wrap {
    height: 366px;
    display: block;
    color: #666;
    background-color: #f1f1f1;
    text-decoration: none;
    overflow: auto; /* permette di scrollare se è troppo alto */
}
/* uniforma la visualizzazione delle PAGEs a quella degli ARTICLEs */
 .type-page a.entry-wrap .entry-main {
    padding: 20px;
 }
/* separa il primo paragrafo dal titolo negli ARTICLEs e PAGEs testuali */
.type-page a.entry-wrap p:first-of-type,
.type-post a.entry-wrap p:first-of-type {
    margin-top: 20px;
}
/* riduce la distanza degli articoli dalla top page */
.site-content {
    padding: 20px 0 20px;
}

/* Formattazione colonne */
/* Layout base colonne WordPress */
.wp-block-columns.is-layout-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: normal;
}

/* Colonne normali: elastiche */
.wp-block-columns.is-layout-flex > .wp-block-column {
  flex: 1 1 0;
  min-width: 0;
}

/* Colonna con flex-basis impostato da WP → non cresce né si restringe */
.wp-block-columns.is-layout-flex > .wp-block-column[style*="flex-basis"] {
  flex-grow: 0;
  flex-shrink: 0;
}

/* Colonna vuota senza larghezza impostata → default 50px */
.wp-block-columns.is-layout-flex > .wp-block-column:not([style*="flex-basis"]) p:empty {
  min-height: 1px; /* per sicurezza */
}
.wp-block-columns.is-layout-flex > .wp-block-column:not([style*="flex-basis"]) p:empty::before {
  content: '';
  display: block;
  width: 50px;
}

.libri_multipli .wp-block-column:nth-child(2) {
    flex: 0;
    text-align: right;
}

/* formattazione testo preformattato */
.wp-block-preformatted {
    margin: 20px 0;
    /* padding: 10px 5px; */
    padding: 10px 15px;
    /* background-color: #fcfcff; */
    border: 1px solid #ececef;
    border-radius: 5px;
}

/* formattazione BLOCKQUOTE */
blockquote em, blockquote i, blockquote cite {
    font-style: italic;
    font-weight: normal;
    font-size: inherit;
    color: inherit;
}
/* nasconde il simbolino " */
blockquote::before {
    display: none;
    color: #655 !important;
}
/* citazione normale */
.wp-block-quote:not(.is-large):not(.is-style-large) {
    margin: 10px 0 20px;
    padding-left: 1em;
    border-left: 4px solid #666;
    /* font-size: 18px; */
    font-weight: 500;
    font-style: italic;
    font-size: 1em;
    color: #667;
    line-height: 1.6em;
}

.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{
    font-size: inherit !important;
}
.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite {
    font-size: .8em !important;
}

.wp-block-quote:not(.is-large):not(.is-style-large) cite {
    opacity: .5;
}
/* citazione senza margine nell'ultimo paragrafo */
.wp-block-quote.is-layout-flow p:last-of-type{
    margin-bottom: 0 !important;
}
/* citazione grande */
.wp-block-quote.is-style-large {
    width: 100%;
    font-family: 'Noto Serif';
    font-size: 26px;
    line-height: 40px;
    margin: 0 0 16px;
    border-left: 10px solid #eaeaef;
    padding-left: 25px;
}
.wp-block-quote.is-style-large p {
    font-style: italic;
    color: #728298;
}
.wp-block-quote.is-style-large cite {
    font-size: .7em;
    color: #bfbfcf;
    display: block;
    line-height: 1.3em;
}

/* citazione evidenziata */
.wp-block-pullquote {
    border-top: 4px solid #988;
    border-bottom: 4px solid #988;
    margin: 1em 0 1em !important;
    padding: 1em 0 !important;
}
.wp-block-pullquote blockquote,
.wp-block-pullquote blockquote p {
    color: #766;
}
.wp-block-pullquote blockquote p {
    margin-bottom: 0;
    font-size: 25px;
    color: #766;
}
.wp-block-pullquote blockquote cite {
    margin-top: 15px;
}
/* se è di lato lo voglio più basso */
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
    width: 40%;
    font-size: 25px;
    margin: 15px 20px;
    padding: 20px 5px;
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
    font-size: 25px;
}
.wp-block-pullquote blockquote {
    padding-left: 0px;
}
.wp-block-pullquote p { font-family: 'Noto Serif'; }

/* .wp-block-pullquote.is-style-solid-color cite, */
.wp-block-pullquote cite {
    font-family: 'Noto Serif';
    font-size: 18px !important;
    color: #aaa;
    /* text-transform: uppercase !important; */
}

/* tabella a righe alternate */
.wp-block-table.is-style-stripes tr:nth-child(2n+1) {
    background-color: #f3f4f5;
}

/* frase del giorno area widgwet */
.widget .daily_quote {
    width: 100%;
    color: #48d12e;
    font-size: 1.2em;
    margin: 0px;
    padding: 10px 0;
    border-top: 4px solid #defad8;
    border-bottom: 4px solid #defad8;
    text-align: center;
}
.widget .daily_quote .dq_autore {
    color: #48d12e;
    padding-top: 10px;
    opacity: .5;
}
.widget .daily_quote .dq_autore a {
    color: #48d12e;
    text-decoration: underline;
}
.widget .daily_quote .dq_autore a:hover {
    color: #48d12e;
    text-decoration: none;
}
.widget .daily_quote .dq_autore .dq_extra {
    color: #48d12e;
    margin-top: 10px;
}

/* widget "sostienimi" */
#custom_html-7 p {
	border: 3px solid #b9aaa8;
	border-radius: 10px;
	padding: 5px 0;
	background: #f5f2f0;
}
/* blockcode */
.wp-block-code {
    padding: .8em 1em;
    border: 1px solid #e2e4e7;
    border-radius: 4px;
}
/* block separator linea corta */
.wp-block-separator {
    max-width: 109px;
    margin: 24px auto 20px auto;
    border-top: 0px;
    border-bottom: 2px solid #8f98a1;
}
/* block separator linea lunga */
.wp-block-separator.is-style-wide {
    /* max-width: 95%; */
    max-width: 100%;
    border-top: 0px;
    border-bottom: 1px solid #dcdcea;
}
/* block separator asterischi */
.wp-block-separator.is-style-dots::before {
    content: "***";
    color: #ccc;
    font-family: Palatin;
    letter-spacing: 1em;
    display: block;
    white-space: nowrap;
    padding-left: 0px;
}
.wp-block-separator.is-style-dots {
    border: 0;
    margin: 25px auto 10px;
    padding-right: 0px;
}
.wp-block-separator.is-style-dots::before {
    padding-left: 0px;
}

/* paginazione */
.page-links {
    text-transform: uppercase;
    color: #aaa;
    font-size: 0;
    margin-top: 30px;
}
.page-links span {
    font-size: 1rem;
}
.page-links span, .page-links a:hover span {
    background-color: #e19056;
    border: 1px solid #e19056;
    padding: 5px 30px;
}
.page-links a:hover { text-decoration: none; }
.page-links > span:first-child,
.page-links > a:first-child span:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-left: 10px;
}
.page-links > span:last-child,
.page-links > a:last-child span:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* modifica FOOTER */
.copyright {
    opacity: .25;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}
.copyright:hover { opacity: 1; }
/* nome sito maiuscolo */
.copyright .theme-link a {
    text-transform: uppercase;
}
.theme-link .autore,
.wp-link a {
    color: #48d12e;
}
.theme-link:after {
    color: #ddd;
}

/* WIDGETS */

/* gestione bordino basso titoli */
.widget-title {
    margin-bottom: 0;
    color: #48d12e;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
    font-size: 1.2em;
}
/* Regola per quando il titolo è vuoto */
.widget-title:empty {
    border-bottom: 0;
    padding-bottom: initial;
}
/* formattazione DATA (e visite) articoli nel widget */
.widget-area .post-date,
.widget-area .popular-posts .wpp-views {
    /* per il momento li nascondo */
    display: none;
    float: right;
    opacity: .25;
}
.widget-area .recentcomments {
    padding-bottom: 5px !important;
}
/* aggiunge barretta tra i link negli articoli aggiornati */
/* .widget-area .recently_updated_posts li, */
.widget-area .widget_recent_entries ul li,
.widget-area .widget_recently_updated_widget li,
.widget-area .popular-posts li,
.widget-area .widget_recent_comments ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px 0 0;
}
/* Rimuove il bordo solo dall'ultimo elemento della lista */
.widget-area .widget_recent_comments ul li:last-child,
.widget_recently_updated_widget li:last-child,
.widget-area .popular-posts li:last-child,
.widget_recent_comments ul li {
    border-bottom: none;
}
/* widget categorie e collapsed archives */
.widget-area .widget_categories li,
.widget-area .widget_collapsed_archives_widget li {
    text-align: right;
    color: rgba(33, 37, 41,.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 2px 0;
}
.widget-area .widget_categories li a,
.widget-area .widget_collapsed_archives_widget label::before,
.widget-area .widget_collapsed_archives_widget li a {
    float: left;
}
/* gli archivi mensili devono avere il bordo in alto */
.widget-area .widget_collapsed_archives_widget li ul li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 0;
}

/* formattazione TAG CLOUD nel widget */
.tagcloud {
    line-height: 1.4;
}

/* tronca i titoli degli articoli nei widget, se troppo lunghi */
.widget_recent_entries li a,
/* .recently_updated_posts li a, */
.widget_recently_updated_widget li a,
.popular-posts li a {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

/* Distanzia maggiormente i tag dentro PAGEs */
.tag-links {
    font-family: Poppins,Roboto,"Helvetica Neue",Arial,sans-serif;
    margin: 30px 0 10px;
    display: block;
    text-align: center;
    font-size: 0; /* nascondo le virgole */
}
/* per i tag in alto */
.tag-links-top {
    margin-top: 10px;
    margin-bottom: -25px;
}
.single-format-aside .tag-links-top {
    margin-bottom: -10px;
}
/* TAG articolo top menu*/
.tag-links {
    opacity: .45;
    transition: .2s linear;
}
.tag-links:hover {
    opacity: 1;
}
.tag-links a {
    color: #c4c4c4;
    border: 2px solid #eaeaea;
    border-radius: 15px;
    padding: 2px 10px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .9rem;
    margin: 0 3px 8px;
    transition: .2s linear;
}
.tag-links a:hover,
.tag-links a:active,
.tag-links a:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #48d12e;
    border: 2px solid #48d12e;
    transition: 0.2s linear;
}
/* tag dentro paragrafi */
a.tag_link {
    color: #6f645e;
    border: 2px solid #e4dbd6;
    border-radius: 15px;
    padding: 2px 10px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .8rem;
    margin: 0 3px 8px;
    transition: 0.2s linear;
}
a.tag_link:hover,
a.tag_link:active,
a.tag_link:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #ac907e;
    border: 2px solid #ac907e;
    transition: 0.2s linear;
}
/* formattazione TAGs in homepage */
.my_tag {
    color: #555;
    background-color: #ccc;
    border-radius: 15px;
    padding: 2px 15px;
    margin-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}

/* colori logged in (commenti) */
.logged-in-as a:hover, .logged-in-as a:focus, .logged-in-as a:active,
.akismet_comment_form_privacy_notice a:hover,
.akismet_comment_form_privacy_notice a:focus,
.akismet_comment_form_privacy_notice a:active {
    color: #0056b3;
}

/* colore base dei link */
a {
    /* color: #007bff; - vecchio azzurro */
    color: #48d12e;
}
a:focus, a:active, a:hover {
    /* color: #0056b3; - vecchio azzurro scuro */
    color: #4a9d3a;
}

/* nav-links */
.nav-links {
    display: flex;
    border: 1px solid #e5e5e5;
    border-radius: 10px !important;
}
.nav-previous,
.nav-next {
    align-self: center;
}

/* link */
.main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a,
.site-title a:hover, .site-title a:focus, .site-title a:active,
.entry-meta a:hover, .entry-meta a:focus, .entry-meta a:active,
.nav-links a:hover, .nav-links a:focus, .nav-links a:active,
.main-navigation li ul li:hover > a,
.navbar span.search-toggle:hover,
.site-info .copyright a:hover, .site-info .copyright a:focus, .site-info .copyright a:active,
.comment-metadata a.comment-edit-link,
.widget-area a:hover {
    color: #48d12e;
}
/* niente sottolineatura */
.site-title a:hover, .site-title a:focus, .site-title a:active {
    text-decoration: none;
}

/* link INIZIO-PAGINA (e stop snow) */

/* inizio-pagina */
.inizio-pagina a:before {
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.inizio-pagina {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.inizio-pagina a {
    width: 40px;
    height: 40px;
    text-align: center;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -moz-opacity: 0.3;
    filter:alpha(opacity=30);
    color: #fff;
    background: #aaa;
    border-radius: 20px;
    margin: 0 2px;
    padding: 0px 10px;
    display: inline-block;
    font-size: 15px;
    pointer-events: auto;
    text-decoration: none;
    transition: 0.2s linear;
    opacity: .6;
}
.inizio-pagina a:hover {
    background-color: #48d12e;
    opacity: 1 !important;
}
.inizio-pagina a:before {
    content: '\f106';
    color: #fff;
    font-size: 18px;
    line-height: 40px;
}

/* .back-to-top { bottom: 20px; } */
/* .back-to-top a, */
.toggle-snow a {
    color: #000;
    background: #aaa;
    border-radius: 20px;
    margin: 0 2px;
    padding: 0px 10px;
    display: inline-block;
    font-size: 15px;
    pointer-events: auto;
    text-decoration: none;
    transition: 0.2s linear;
    opacity: .6;
}
/* .back-to-top a:hover, */
.toggle-snow a:hover,
.toggle-snow:hover {
    background-color: #48d12e;
    opacity: 1 !important;
    color: #fff !important;
}
.toggle-snow a {
    position: fixed;
    bottom: 20px;
    left: 125px;
    width: 38px;
    height: 38px;
    display: block;
    text-align: center;
    z-index: 10000;
    display: inline-block;
    text-decoration: none;
    transition: 0.2s linear;
    padding-top: 6px;
    font-size: 18px;
    opacity: .3 !important;
}
.toggle-snow a::before {
    font-family: 'FontAwesome';
    /* content: '\f2dc'; - fiocco di neve */
}
/* neve attiva */
.toggle-snow a.neveOn::before {
  content: '\f05e';  /* divieto */
}
/* neve disattiva */
.toggle-snow a.neveOff::before {
  content: '\f069';  /* asterisco semplice Unicode */
}

/* ricerca */
.input-group-prepend .btn-info,
input[type="reset"], input[type="button"], input[type="submit"] {
    background-color: #c7ced4;
    border-radius: 10px;
    transition: 0.2s linear;
}
.btn-info {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover,
.input-group-prepend .btn-info:hover {
    background-color: #48d12e !important;
}
#campo_ricerca_sito {
    border-right: 0px;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #4c301e;
}
textarea { border-radius: 10px; }
.search-results .page-title span,
.tag .page-title span,
.category .page-title span {
    color: #e19056;
}

/* eliminazione righette azzurre */
.entry-title::after, .page-title::after, .widget-title::after, .post-grid .entry-title::after {
    display: none;
}

.format-quote blockquote {
    font-size: 25px;
    width: 100%;
    font-family: 'Noto Serif';
    font-style: italic;
    line-height: 40px;
    color: #92a2b8;
    padding: 10px 0 10px 45px;
    margin: 10px 0 0;
    border-top: 1px solid #eee;
    text-align: left;
}
/* secondo tipo di citazione grande */
.wp-block-pullquote.is-style-solid-color {
	border: 0;
	margin: 10px 0 30px;
	padding: 0;
}
.wp-block-pullquote.is-style-solid-color blockquote {
	color: #92a2b8;
	font-size: 25px;
    font-family: 'Noto Serif';
    line-height: 40px;
    text-align: left;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
    font-size: 25px;
    margin: 10px 0 0;
    padding: 0px 35px 0px 35px;
}

.post_format-post-format-quote .recentemente_modificato::before {
    color: #dbe0e7;
    border: 2px solid #dbe0e7;
}
.post_format-post-format-quote .cat-links a,
.post_format-post-format-quote .cat-links a:hover,
.post_format-post-format-quote .cat-links a:active,
.post_format-post-format-quote .cat-links a:focus {
    color: #92a2b8;
}
/* link dei tag */
.post_format-post-format-quote .cat-links .tag-links a {
    color: #dbe0e7;
    border: 2px solid #dbe0e7;
}
.post_format-post-format-quote .cat-links .tag-links a:hover {
    background-color: #92a2b8;
    border: 2px solid #92a2b8;
}
.post_format-post-format-quote .cat-links .data,
.post_format-post-format-quote .cat-links .data_mod {
	color: #dbe0e7;	
}
.post_format-post-format-quote .cat-links .meta-commenti a:hover,
.post_format-post-format-quote .cat-links .meta-commenti a:focus,
.post_format-post-format-quote .cat-links .meta-commenti a:active {
	background-color: #92a2b8;
}

/* DIGRESSIONI */
.format-aside .entry-title a {
    color: #648c84 !important;
}
.format-aside {
    color: #849c94;
}

.post_format-post-format-aside .recentemente_modificato::before {
    color: #d7dfdc;
    border: 2px solid #d7dfdc;
}
.post_format-post-format-aside .cat-links a,
.post_format-post-format-aside .cat-links a:hover,
.post_format-post-format-aside .cat-links a:active,
.post_format-post-format-aside .cat-links a:focus {
    color: #849c94; 
}
/* link dei tag */
.post_format-post-format-aside .cat-links .tag-links a {
    color: #d7dfdc;
    border: 2px solid #d7dfdc;
}
.post_format-post-format-aside .cat-links .tag-links a:hover {
    background-color: #849c94;
    border: 2px solid #849c94;
}

.post_format-post-format-aside .entry-content a {
    /* color: #b4ccc4; */
    color: #46b47f;
}
.post_format-post-format-aside .entry-content .modern-footnotes-footnote a {
    color: #fff;
}
.post_format-post-format-aside .entry-content .modern-footnotes-footnote a:hover {
    color: #a2afbd;
}
.post_format-post-format-aside .cat-links .data,
.post_format-post-format-aside .cat-links .data_mod {
	color: #d7dfdc;	
}

.post_format-post-format-aside .cat-links .meta-commenti a:hover,
.post_format-post-format-aside .cat-links .meta-commenti a:focus,
.post_format-post-format-aside .cat-links .meta-commenti a:active {
    background-color: #849c94;
}

/* iconcina permalink */
.entry-meta .quote_titolo {
    display: inline-block;
    float: right;
}
.entry-meta .quote_titolo a::before {
    font-family: 'FontAwesome';
    content: '\f192';
    display: inline-block;
}
/* più spazio nel link in basso ai libri in quote */
.entry-meta.low_quote {
    padding-bottom: 35px;
}

/* post tipo QUOTE (citazioni) */
.format-quote entry-content {
    font-size: 1.6em;
}
.format-quote blockquote {
    border-top: 0;
}
.format-quote .entry-content::before {
    font-size: 1.6em;
    margin-top: 46px;
}
.format-quote .entry-content::after {
    display: none !important;
}
.format-quote .entry-content blockquote {
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
    font-size: 25px !important;
    font-style: italic;
    line-height: 40px;
    color: #92a2b8 !important;
    margin-bottom: 0px !important;
    padding-top: 25px;
    border-left: 0 !important;
    padding-left: 0 !important;
    border-top: 6px solid #f0f0f6;
    border-bottom: 6px solid #f0f0f6;
}
.format-quote .entry-content blockquote:first-letter  {
    float: left;
    font-size: 5.1em;
    margin: .1em .1em 0 0;
    line-height: .7em;
}
.format-quote .entry-content blockquote cite {
    font-size: 0.8em;
    text-align: right;
}
.wp-block-quote cite {
    padding-bottom: 0;
}
/* allineamento sx / dx */
.wp-block-pullquote.alignleft {
    margin-right: 15px !important;
}

.wp-block-pullquote.alignright {
    margin-left: 15px !important;
}
.format-quote .entry-content p {
    margin-bottom: 0;
    padding: 0 0 20px 35px;
    text-align: left;
}
.format-quote .entry-content p a {
    color: #728298;
    text-decoration: underline;
}
.format-quote .entry-content p a:hover {
    color: #b2c2d8;
}
.modern-footnotes-footnote {
    display: inline-block;
    padding-bottom: 2px !important;
}
}
.modern-footnotes-footnote a {
    /* se vuoi modificare il default, vai nelle opzioni del plugin */
    transition: 0.2s linear;
}
.format-quote .entry-content p .modern-footnotes-footnote a {
    color: #fff;
    text-decoration: none;
}
.format-quote .entry-content p .modern-footnotes-footnote a:hover {
    color: #a2afbd;
}

.wp-block-pullquote.is-style-solid-color blockquote::before,
.wp-block-pullquote.is-style-solid-color blockquote::after,
.format-quote .entry-content::before,
.format-quote .entry-content::after {
    content: '\f10d';
    display: block;
    font-family: 'FontAwesome';
    /*width: 100%;*/
    color: #526278;
    position: absolute;
}
.wp-block-pullquote.is-style-solid-color blockquote::before {
	top: 5px;
}

.wp-block-pullquote.is-style-solid-color blockquote::after,
.format-quote .entry-content::after {
    content: '\f10e';
    margin-top: -30px;
    /*text-align: right;*/
    right: 0;
}

.format-quote .entry-content::after {
     margin-top: -60px;   
}

.col_1 .wp-caption .wp-caption-text,
.col_2 .wp-caption .wp-caption-text {
    border: 0;
}

/* STELLE */
.star1::before { color:red; content:'\2605'; }
.star1::after  { color:#ddd; content:'\2605\2605\2605\2605'; }
.star2::before { color:#f90; content:'\2605\2605'; }
.star2::after  { color:#ddd; content:'\2605\2605\2605'; }
.star25::before { color:#f90; content:'\2605\2605\2606'; }
.star25::after  { color:#ddd; content:'\2605\2605'; }
.star3::before { color:#fc0; content:'\2605\2605\2605'; }
.star3::after  { color:#ddd; content:'\2605\2605'; }
.star35::before { color:#fc0; content:'\2605\2605\2605\2606'; }
.star35::after  { color:#ddd; content:'\2605'; }
.star4::before { color:#9c0; content:'\2605\2605\2605\2605'; }
.star4::after  { color:#ddd; content:'\2605'; }
/* particolari (Project Hail Mary) */
.star4x::before { color:#9c0; content:'\2606\2606\2606\2606'; }
.star4x::after  { color:#ddd; content:'\2606'; }
/* --- */
.star45::before { color:#9c0; content:'\2605\2605\2605\2605\2606'; }
.star5::before { color:#0c0; content:'\2605\2605\2605\2605\2605'; }
.star6::before { color:#749fff; content:'\2605\2605\2605\2605\2605\2605'; }
.star1,.star2,.star3,.star4,.star5,.star6 { margin-right: 10px; }
/* STELLE MONO */
.mstar1::before { color:#ccc; content:'\2605'; }
.mstar1::after { color:#eee; content:'\2605\2605\2605\2605'; }
.mstar2::before { color:#ccc; content:'\2605\2605'; }
.mstar2::after { color:#eee; content:'\2605\2605\2605'; }
.mstar3::before { color:#ccc; content:'\2605\2605\2605'; }
.mstar3::after { color:#eee; content:'\2605\2605'; }
.mstar4::before { color:#ccc; content:'\2605\2605\2605\2605'; }
.mstar4::after { color:#eee; content:'\2605'; }
.mstar5::before { color:#ccc; content:'\2605\2605\2605\2605\2605'; }
.mstar6::before { color:#ccc; content:'\2605\2605\2605\2605\2605\2605'; }
/* STELLE OUTLINE QUANDO CASSETTO APERTO */
details[open] .mstar1::after { color:#ddd !important; content:'\2606\2606\2606\2606' !important; }
details[open] .mstar2::after { color:#ddd !important; content:'\2606\2606\2606' !important; }
details[open] .mstar3::after { color:#ddd !important; content:'\2606\2606' !important; }
details[open] .mstar4::after { color:#ddd !important; content:'\2606' !important; }
.mstar1,.mstar2,.mstar3,.mstar4,.mstar5,.mstar6 { margin-left: 20px; padding:0; }

/* NUOVE RECENSIONI <details> */

/* nascondi recensione */
details.recensione.OFF {
    display: none;
}
/* dim. big (anno) */
details.recensione.big > summary {
    font-size: 1.5em;
}
/* dim. freccetta */
details.recensione.big > summary::before {
    font-size: .7em;
}
/* colore colonna dx */
details.recensione summary .dx {
    color: #888;
}
/* queste due righe mantengono allineate tutte le stelline, anche nelle sottocartelle */
details.recensione details.recensione summary .dx {
	margin-right: 8px;
}	
details.recensione details.recensione details.recensione summary .dx {
    margin-right: 0px;
}
/* in LETTURA, in GIOCO, in PAUSA, DA (leggere) */
details.recensione.lettura summary .dx::before,
details.recensione.da summary .dx::before,
details.recensione.pausa summary .dx::before,
details.recensione.in_gioco summary .dx::before {
content: 'in lettura';
    color: #ccc;
}
details.recensione.da summary .dx::before {
    content: 'da leggere';
}
/* titolo DA grigio */
details.recensione.da summary span:nth-child(2) {
    opacity: .3;
}
details.recensione.pausa summary .dx::before {
    content: 'in pausa';
}
details.recensione.in_gioco summary .dx::before {
    content: 'in gioco';
}
details.recensione.lettura summary .dx::after,
details.recensione.da summary .dx::after,
details.recensione.pausa summary .dx::after,
details.recensione.in_gioco summary .dx::after {
    content: '';
}
details.recensione.lettura .data,
details.recensione.lettura .giudizio,
details.recensione.da .data,
details.recensione.da .giudizio,
details.recensione.pausa .data,
details.recensione.pausa .giudizio {
    display: none;
}
/* Recensioni (riletto, rigiocato e platinato) */
.indice_recensioni {
    margin: 20px 10px 22px;
    pointer-events: none; /* click attraverso */
}
.indice_recensioni a {
    color: #fff;
    background: #aaa;
    border-radius: 20px;
    margin: 0 2px;
    padding: 0px 10px;
    line-height: 2.6em;
    display: inline-block;
    font-size: 15px;
    pointer-events: auto;
    text-decoration: none;
}
.indice_recensioni a:hover {
    color: #fff;
    background-color: #f00;
}

details.recensione .r::after,
details.recensione .p::after,
details.recensione .rp::after,
details.recensione .pr::after {
font-family: 'FontAwesome';
    content: '\f021';
    margin-left: 8px;
    display: inline-block;
    color: #888;
}
details.recensione .p::after { content: '\f219'; }
details.recensione .rp::after,
details.recensione .pr::after { content: '\f021  \f219'; }


details.recensione.recensione_libri .r:hover:after,
details.recensione.recensione_giochi .r:hover:after,
details.recensione.recensione_giochi .p:hover:after,
details.recensione.recensione_giochi .rp:hover:after,
details.recensione.recensione_giochi .pr:hover:after {
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
    text-transform: uppercase;
    color: white;
    background-color: #aaa;
    padding: 0 12px 0px;
    border-radius: 20px;
    font-size: 0.7em;
    vertical-align: 2px;
    line-height: 2.2;
}
details.recensione.recensione_libri .r:hover:after { content: 'Riletto'; }
details.recensione.recensione_giochi .r:hover:after { content: 'Rigiocato'; }
details.recensione.recensione_giochi .p:hover:after { content: 'Platinato'; }
details.recensione.recensione_giochi .rp:hover:after,
details.recensione.recensione_giochi .pr:hover:after { content: 'Rigiocato e Platinato'; }

/* num */
details.recensione .num {
    color: #ccc;
    padding: 0;
    margin-right: 3px;
    white-space: nowrap;
}
details.recensione .info {
    display: flex;
    width: 100%;
}
details.recensione .autore {
    color: #888;
    padding: 5px 10px;
    flex-grow: 1;
    text-align: left;
}
details.recensione .data {
    color: #ccc;
    float: right;
    padding: 5px 10px;
    white-space:nowrap;
}
details.recensione blockquote {
    width: 100%;
    font-family: 'BradleyHandITCTT-Bold';
    border-top: 1px solid #eee;
    color: #89a;
    font-size: 1.1em;
    padding: 5px 40px 0px 40px;
    margin: 0 !important;
}
details.recensione blockquote::before {
    content: '\f10d';
    display: block;
    font-family: 'FontAwesome';
    font-size: 1em;
    color: #526278;
    position: absolute;
    top: 0;
    left: 10px;
    opacity: .2;
}
details.recensione blockquote::after {
    content: '\f10e';
    display: block;
    font-family: 'FontAwesome';
    font-size: 1em;
    color: #526278;
    position: absolute;
    bottom: 0;
    right: 10px;
    opacity: .2;
}
details.recensione .giudizio {
    border-top: 1px solid #eee;
    width: 100%;
}
details.recensione .rilettura,
details.recensione .rigiocata {
    width: 100%;
    border-top: 1px solid #eee;
    padding: 5px 10px;
    display: flex;
}
details.recensione .rigiocata a.prec,
details.recensione .rigiocata a.succ { width: 50%; }

details.recensione .rilettura .prec,
details.recensione .rigiocata .prec { flex: 1; text-align: right; }
details.recensione .rilettura .prec::before { content: 'Lettura precedente'; }
details.recensione .rilettura .succ::before { content: 'Lettura successiva'; }
details.recensione .rigiocata .prec::before { content: 'Giocata precedente'; }
details.recensione .rigiocata .succ::before { content: 'Giocata successiva'; }

/* nascondi campi vuoti */
details blockquote:empty,
details .giudizio:empty,
details p:empty {
    display: none;
}
/* ripristina padding */
details strong {
    padding: 0 0 5px 0;
}
/* /NUOVE RECENSIONI <details> */


/* STILI */

/* nessun bordo */
.noborder, .nobordo, .no_border, .no_bordo,
.noborder table, .nobordo table, .no_border table, .no_bordo table,
.noborder tr, .nobordo tr, .no_border tr, .no_bordo tr,
.noborder td, .nobordo td, .no_border td, .no_bordo td {
    border: 0 !important;
}

/* intestazione sticky di colonne (usare classe sticky) */
.tab_intestazione table {
width: 100%;
background-color: white;
}
/* uniscono l'intestazione al resto della tabella */
figure.wp-block-table.tab_intestazione.sticky {
    margin-bottom: -21px;
}
/* nel caso dell'SDK cambia qualcosa, ma non ho voglia di indagare */
.col_par figure.wp-block-table.tab_intestazione.sticky {
    margin-bottom: -26px;
}
.tab_intestazione td {
width: 50%;
}

/* date sempre in minuscolo */
time {
    text-transform: lowercase;
}
/* /CASSETTINI ESPANDIBILI <details> */

.wp-block-details {
    overflow: hidden;
    --raggio-details: 10px;
    border-radius: var(--raggio-details);
    will-change: transform, border-radius;
}
/* ripristina 'overflow: initial' SOLO per i cassetti con contenuto sticky */
.wp-block-details.sticky {
    overflow: initial !important;
    border-radius: var(--raggio-details);
    --raggio-summary: calc(var(--raggio-details) - 2px);
}
.wp-block-details[open].sticky summary {
    border-radius: var(--raggio-summary) var(--raggio-summary) 0 0;
}
.wp-block-details.sticky summary {
    border-radius: var(--raggio-summary);
}

/* evita che eventuali <em> si appiccichino al testo */
summary em {
    margin: 0 0.2em;
}
/* custom arrow */
summary::-webkit-details-marker {display: none; }

details[open] > summary {
    border-bottom: 2px solid #ccc;
    border-radius: 0;
    background-color: #eee;
    padding-bottom: 5px;
}
details > summary {
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 0;
    text-indent: 2px;
    display: flex;
    text-align: left;
}
details > summary::before {
    content:"⇣ ";
    content:"\f063";
    font-family: 'FontAwesome';
    float: left;
    margin-right: 6px;
    color: #d6d6d6;
}
details[open] > summary::before {
    content:"⇡ ";
    content:"\f062";
}
details > summary .destra,
details > summary .dx,
details > summary .alignright {
    float: right;
    padding: 0;
    color: #abb8c3;
    margin: 0;
    margin-left: 10px;
    text-align: right !important;
    flex: 1;
}
/* container */
details {
    color: #1e2124;
    border: 2px solid #eee;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    transition: 0.2s linear;
    overflow: hidden !important;
}
/* container open */
details[open] {
    border-color: #ccc;
}
/* container mouseover */
details:hover {
    border-color: #aaa;
}
/* paragraphs formatting */
details p,
/* details span, ### non ho capito perché c'era 'sta cosa ### */
details figure {
    padding: 5px 10px;
    margin-block-end: 0;
}
details h1,
details h2,
details h3,
details h4,
details h5,
details h6 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}
details select,
details pre,
details blockquote,
details .nota,
details .glitch {
    margin: 5px 10px !important;
    width: auto;
}
details .wp-block-pullquote {
    margin: 20px !important;
}
details ul,
details ol {
    margin: 0 10px 10px 45px !important;
}
/* <hr> */
details hr,
details .wp-block-separator {
    margin: 10px 0 !important;
}
details.recensione .margine_ridotto {
    /* per i titoli */
    margin-top: 15px;
}

/* classe stili solo nel titolo */
details.col_par {
    color: inherit !important;
}
details.col_par summary {
    color: #80a0b2;
}
details.recensione > summary span {
    padding: 0 0 0 5px;
    text-align: left;
}
details > summary mark,
.wp-block-details mark,
mark {
    padding: 0 !important;
}

/* recursive containers */
details details {
    margin: 6px 6px !important;
}


/* /CASSETTINI ESPANDIBILI <details> */

/* Bordini articolo antiquato e aggiornato solo se NON siamo in .home .search e .archive */
body:not(.home):not(.search):not(.archive) #primary:has(details.antiquato) {
    outline: 3px dashed #998a88;
    border-radius: 20px;
    z-index: 1;
}
body:not(.home):not(.search):not(.archive) #primary:has(details.aggiornato) {
    outline: 3px solid #b3bdde;
    border-radius: 20px;
    z-index: 1;
}

/* menu Sostienimi! */
.sostienimi {
    /* color: #72bdf4; */
    opacity: .5;
}

/* bottone GOOGLE TRANSLATOR */
#glt-translate-trigger {
    background-color: #aaa !important;
    text-shadow: none;
    box-shadow: none;
    border-radius: 20px;
    padding: 8px 15px;
    display: inline-block;
    font-size: 15px;
    left: 20px;
    bottom: 20px;
    transition: 0.2s linear;
    opacity: .6;
}
#glt-translate-trigger:hover {
    background-color: #48d12e !important;
    opacity: 1;
}
.tool-container.toolbar-primary {
    bottom: 70px !important;
}

/* lineetta tratteggiata sul "more" */
span[id^="more"] {
    border-top: 2px dashed black;
    display: block;
    margin: -6px 0 4px;
    opacity: .03;
}

/* larghezza 100% */
.centopercento,
.centoxcento,
figure.centopercento table,
figure.centoxcento table { width: 100%; }

/* allineamento */
.has-text-align-left { text-align: left !important; }
.has-text-align-center { text-align: center !important; }
.has-text-align-right { text-align: right !important; }

/* allineamento verticale colonne */
.is-vertically-aligned-center {
    align-self: center;
}
/* lettore multimediale */
.wp-block-audio audio {
    width: 100%;
}
.wp-block-audio figcaption {
    margin-top: -10px;
}
blockquote .has-huge-font-size {
    font-size: calc(14px + 21px) !important;
}
pre {
    text-align: left;
}
/* mini-nosferatu */
p.mistero {
    background-image: url("http://www.lemonskin.net/io/wp-content/uploads/2023/10/mini-Nosferatu.png");
    background-repeat: no-repeat;
    background-size: 76px auto;
    padding: 0px 0px 0px 95px;
    color: #9581a8;
    font-style: italic;
    border-top: 3px solid #9581a8;
    border-bottom: 3px solid #9581a8;
    min-height: 76px;
    background-position: left;
}
details p.mistero {
    margin: 5px 10px 16px !important;
}
p.mistero::before {
    content: '“Questa è storia di grande mistero, magia e oscuro presagio; tu leggere lei in buio con vacillante candela. Prego. Grazie.”';
}
.light,
del,
.has-very-light-gray-background-color,
.has-very-light-gray-color { opacity: .5; }
.verylight { opacity: .15; }

/* COLORI Gutenberg */
.has-cyan-bluish-gray-color { color: #abb8c3; }
/* .has-light-green-cyan-color { color: #7bdcb5; } Verde Yoda */
.has-light-green-cyan-color { color: #7ec620; }
.has-vivid-red-color { color: #cf2e2e; }
.has-vivid-cyan-blue-color { color: #448ad4; }
.has-vivid-green-cyan-color { color: #33b43a; }
.has-vivid-purple-color { color: #b92b8c; }
.has-luminous-vivid-orange-color { color: #ff6900; }
.has-luminous-vivid-amber-color { color: #fcb900; }
.has-pale-cyan-blue-color { color: #48ace4; }
.has-pale-pink-color { color: #e78ad5; }


.rosso { color: #f00; }

.margine_bottom { margin-bottom: 0; }

/* pallino indici */
ul.advgb-toc {
    list-style: disc !important;
}

/* lista figa e lista larga */
ol.lista_figa {
   list-style-type: none;
   margin: 0 !important;
}

details ol.lista_figa {
   margin: 0 10px !important;
}

ol.lista_figa li {
   text-indent: 50px hanging;
   margin-bottom: 5px;
}

ol.lista_figa li:before {
    margin-right: 16px;
    content: counter(list-item);
    background: red;
    margin-bottom: 0;
    color: white;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    font-size: .9em;
    line-height: 33px;
}

ol.lista_figa li,
ol.lista_larga li,
ul.lista_larga li {
    border-bottom: 1px solid #dcdcea;
    padding-bottom: 15px;
    margin-bottom: 15px !important;
}

ol.lista_figa li:first-child,
ol.lista_larga li:first-child,
ul.lista_larga li:first-child {
    border-top: 1px solid #dcdcea;
    padding-top: 15px;
    margin-top: 15px !important;
}

/* appendi_lista */
.appendi_lista {
    display: block !important;
    margin-top: -20px !important;
}

/* blinking_cursor (da mettere all'immagine) */
/*
.blinking_cursor {
}
figure.blinking_cursor {
    margin-top: -18px;
    text-align: left;
}
details figure.blinking_cursor {
    margin-top: -10px;
}
*/
/*
.blinking_cursor::before {
    content: "█";
    display: inline-block;
    transform: scaleX(0.8);
    position: relative;
    top: -18px;
    animation: lampeggio 1s infinite;
}
*/
.blinking_cursor::before {
    content: "";
    display: inline-block;
    width: 0.7em;
    height: 0.9em;
    background: #414549;
    border-radius: 3px;
    position: relative;
    top: 2px;
    animation: lampeggio 1s infinite;
    margin: 0px 10px 0px 10px
}
p.blinking_cursor::before {
    margin: 0;
}
p.blinking_cursor {
    display: block !important;
}
@keyframes lampeggio {
    0%, 50% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

/* dead link */
.dead_link {
color: #007bff;
text-decoration: line-through;
transform: rotate(-3deg);
display: inline-block;
}

/* DETAILS E NOTE COLORATI */

/* Nota standard (marrone) */
.nota {
    border: 3px solid #998a88;
    background-color: #f5f2f0;   
    border-radius: 12px;
    padding: 5px 10px;
    color: #6f645e;
}
.nota a { color: #998a88; text-decoration: underline; }
.nota a:hover { text-decoration: none }
.nota .modern-footnotes-footnote a {
    color: #f5f2f0; /* B */
    background-color: #998a88; /* A */
    border-color: #998a88; /* A */
    text-decoration: none;
}
.nota .modern-footnotes-footnote a:hover,
.nota .modern-footnotes-footnote a:active,
.nota .modern-footnotes-footnote a:focus {
    color: #998a88; /* A */
    background-color: #f5f2f0; /* B */
    border-color: #998a88; /* A */
}
.nota .modern-footnotes-footnote__note {
    border: 3px solid #998a88; /* A */
    color: #6f645e; /* C */
    background-color: #fefbf9; /* E */
    font-style: normal !important;
    font-weight: normal !important;
}
/* ROSSO e ALERT*/
/* --------------------------- */
details.alert {
    border: 3px solid #e66 !important; /* A */
}
details.rossa, details.rosso,
.nota.rossa, .nota.rosso {
    border-color: #e66 !important; /* A */
    background-color: #fbebeb !important; /* B */
    color: #e66 !important; /* C */
}
details.alert:hover,
details.rossa:hover, details.rosso:hover {
    border-color: #c44 !important; /* F */
}
details[open].alert > summary {
    border-bottom: 3px solid #e66 !important; /* A */
    border-radius: 0;
}
details[open].rossa > summary, details[open].rosso > summary {
    border-bottom: 2px solid #e66 !important; /* A */
    border-radius: 0;
}
details.alert > summary,
details.rossa > summary, details.rosso > summary {
    color: #e66; /* C */
    background-color: #fdd !important; /* D */
    border-bottom: 0 !important;
    border-radius: 0;
}
details.alert > summary::before,
details.rossa > summary::before,
details.rosso > summary::before {
    color: #ffa2a2;
}
details.rossa a, details.rosso a,
.nota.rossa a, .nota.rosso a { /* N */
    color: #e66; /* A */
    text-decoration: underline;
}
details.rossa a:hover, details.rosso a:hover {
    text-decoration: none;
}
details.rossa .modern-footnotes-footnote a,
details.rosso .modern-footnotes-footnote a,
.nota.rossa .modern-footnotes-footnote a, /* N */
.nota.rosso .modern-footnotes-footnote a { /* N */
    color: #fbebeb; /* B */
    background-color: #e66; /* A */
    border-color: #e66; /* A */
    text-decoration: none;
}
details.rossa .modern-footnotes-footnote a:hover,
details.rossa .modern-footnotes-footnote a:active,
details.rossa .modern-footnotes-footnote a:focus,
details.rosso .modern-footnotes-footnote a:hover,
details.rosso .modern-footnotes-footnote a:active,
details.rosso .modern-footnotes-footnote a:focus,
.nota.rossa .modern-footnotes-footnote a:hover, /* N */
.nota.rossa .modern-footnotes-footnote a:active, /* N */
.nota.rossa .modern-footnotes-footnote a:focus, /* N */
.nota.rosso .modern-footnotes-footnote a:hover, /* N */
.nota.rosso .modern-footnotes-footnote a:active, /* N */
.nota.rosso .modern-footnotes-footnote a:focus { /* N */
    color: #e66; /* A */
    background-color: #fbebeb; /* B */
    border-color: #e66; /* A */
}
details.rossa .modern-footnotes-footnote__note,
details.rosso .modern-footnotes-footnote__note,
.nota.rossa .modern-footnotes-footnote__note, /* N */
.nota.rosso .modern-footnotes-footnote__note { /* N */
    border: 3px solid #e66 !important; /* A */
    color: #e66; /* C */
    background-color: #fff4f4; /* E */
}
/* resetta il cazzo di .alert di default */
.alert {
    position: unset;
    padding: unset;
    margin-bottom: unset;
    border-radius: 10px;
    margin-bottom: 15px;
}
details.alert > summary {
    display: block;
    text-align: center;
    position: relative;
    padding-right: 40px;
    text-indent: 22px hanging;
}
/* icona ALERT */
details.alert > summary::after {
    font-family: 'FontAwesome';
    content: '\f3ed';
    color: #ffa2a2;
    /* float: right; */
    position: absolute;
    top: 5px;
    right: 12px;
}
/* GIALLO */
/* --------------------------- */
details.gialla, details.giallo,
.nota.gialla, .nota.giallo { /* N */
    border-color: #ed9a21 !important; /* A */
    background-color: #fff5e2 !important; /* B */
    color: #ba8047 !important; /* C */
}
details.gialla:hover, details.giallo:hover {
    border-color: #df7c25 !important; /* F */
}
details[open].gialla > summary, details[open].giallo > summary {
    border-bottom: 2px solid #ed9a21 !important; /* A */
    border-radius: 0;
}
details.gialla > summary, details.giallo > summary {
    color: #cc6f27; /* C */
    background-color: #fae3bd !important; /* D */
    border-bottom: 0 !important;
    border-radius: 0;
}
details.gialla > summary::before,
details.giallo > summary::before { color: #f0b675; }
details.gialla a, details.giallo a,
.nota.gialla a, .nota.giallo a { /* N */
    color: #f0b675; /* A */
    text-decoration: underline;
}
details.gialla a:hover, details.giallo a:hover {
    text-decoration: none;
}
details.gialla .modern-footnotes-footnote a,
details.giallo .modern-footnotes-footnote a,
.nota.gialla .modern-footnotes-footnote a, /* N */
.nota.giallo .modern-footnotes-footnote a { /* N */
    color: #fff5e2; /* B */
    background-color: #ed9a21; /* A */
    border-color: #ed9a21; /* A */
    text-decoration: none;
}
details.gialla .modern-footnotes-footnote a:hover,
details.gialla .modern-footnotes-footnote a:active,
details.gialla .modern-footnotes-footnote a:focus,
details.giallo .modern-footnotes-footnote a:hover,
details.giallo .modern-footnotes-footnote a:active,
details.giallo .modern-footnotes-footnote a:focus,
.nota.gialla .modern-footnotes-footnote a:hover, /* N */
.nota.gialla .modern-footnotes-footnote a:active, /* N */
.nota.gialla .modern-footnotes-footnote a:focus, /* N */
.nota.giallo .modern-footnotes-footnote a:hover, /* N */
.nota.giallo .modern-footnotes-footnote a:active, /* N */
.nota.giallo .modern-footnotes-footnote a:focus { /* N */
    color: #ed9a21; /* A */
    background-color: #fff5e2; /* B */
    border-color: #ed9a21; /* A */
}
details.gialla .modern-footnotes-footnote__note,
details.giallo .modern-footnotes-footnote__note,
.nota.gialla .modern-footnotes-footnote__note, /* N */
.nota.giallo .modern-footnotes-footnote__note { /* N */
    border: 3px solid #ed9a21 !important; /* A */
    color: #ba8047 !important; /* C */
    background-color: #fffbf1; /* E */
}
/* VERDE */
/* --------------------------- */
details.verde,
.nota.verde { /* N */
    border-color: #00a000 !important; /* A */
    background-color: #e6ffe6 !important; /* B */
    color: #4a7c6a !important; /* C */
}
details.verde:hover {
    border-color: #0a500a !important; /* F */
}
details[open].verde > summary {
    border-bottom: 2px solid #00a000 !important; /* A */
    border-radius: 0;
}
details.verde > summary   {
    color: #4a7c6a; /* C */
    background-color: #c6eac6 !important; /* D */
    border-bottom: 0 !important;
    border-radius: 0;
}
details.verde > summary::before { color: #97cd9c; }
details.verde a,
.nota.verde a { /* N */
    color: #00a000; /* A */
    text-decoration: underline;
}
details.verde a:hover {
    text-decoration: none;
}
details.verde .modern-footnotes-footnote a,
.nota.verde .modern-footnotes-footnote a { /* N */
    color: #e6ffe6; /* B */
    background-color: #00a000; /* A */
    border-color: #00a000; /* A */
    text-decoration: none;
}
details.verde .modern-footnotes-footnote a:hover,
details.verde .modern-footnotes-footnote a:active,
details.verde .modern-footnotes-footnote a:focus,
.nota.verde .modern-footnotes-footnote a:hover, /* N */
.nota.verde .modern-footnotes-footnote a:active, /* N */
.nota.verde .modern-footnotes-footnote a:focus { /* N */
    color: #00a000; /* A */
    background-color: #e6ffe6; /* B */
    border-color: #00a000; /* A */
}
details.verde .modern-footnotes-footnote__note,
.nota.verde .modern-footnotes-footnote__note { /* N */
    border: 3px solid #00a000 !important; /* A */
    color: #4a7c6a; /* C */
    background-color: #f1fff1; /* E */
}
/* BLU */
/* --------------------------- */
details.blu,
.nota.blu { /* N */
    border-color: #2e73be !important; /* A */
    background-color: #f1f3ff !important; /* B */
    color: #5d6e96 !important; /* C */
}
details.blu:hover {
    border-color: #163d67 !important; /* F */
}
details[open].blu > summary {
    border-bottom: 2px solid #2e73be !important; /* A */
    border-radius: 0;
}
details.blu > summary {
    color: #5d6e96; /* C */
    background-color: #e2e8ff; /* D */
    border-bottom: 0 !important;
    border-radius: 0;
}
details.blu > summary::before { color: #b3bdde; }
details.blu a,
.nota.blu a { /* N */
    color: #2e73be; /* A */
    text-decoration: underline;
}
details.blu a:hover {
    text-decoration: none;
}
details.blu .modern-footnotes-footnote a,
.nota.blu .modern-footnotes-footnote a { /* N */
    color: #f2f8ff; /* B */
    background-color: #2e73be; /* A */
    border-color: #2e73be; /* A */
    text-decoration: none;
}
details.blu .modern-footnotes-footnote a:hover,
details.blu .modern-footnotes-footnote a:active,
details.blu .modern-footnotes-footnote a:focus,
.nota.blu .modern-footnotes-footnote a:hover, /* N */
.nota.blu .modern-footnotes-footnote a:active, /* N */
.nota.blu .modern-footnotes-footnote a:focus { /* N */
    color: #2e73be; /* A */
    background-color: #f2f8ff; /* B */
    border-color: #2e73be; /* A */
}
details.blu .modern-footnotes-footnote__note,
.nota.blu .modern-footnotes-footnote__note { /* N */
    border: 3px solid #2e73be !important; /* A */
    color: #5a6e9c; /* C */
    background-color: #fcfeff; /* E */
}
/* NOTA GRIGIA */
/* --------------------------- */
.nota.grigia, .nota.grigio { /* N */
    border-color: #ccc !important; /* A */
    background-color: #eee !important; /* B */
    color: #777 !important; /* C */
}
.nota.grigia a, .nota.grigio a { /* N */
    color: #666; /* D */
    text-decoration: underline;
}
.nota.grigia .modern-footnotes-footnote a,
.nota.grigio .modern-footnotes-footnote a { /* N */
    color: #eee; /* B */
    background-color: #777; /* C */
    border-color: #777; /* C */
    text-decoration: none;
}
.nota.grigia .modern-footnotes-footnote a:hover, /* N */
.nota.grigia .modern-footnotes-footnote a:active, /* N */
.nota.grigia .modern-footnotes-footnote a:focus,
.nota.grigio .modern-footnotes-footnote a:hover, /* N */
.nota.grigio .modern-footnotes-footnote a:active, /* N */
.nota.grigio .modern-footnotes-footnote a:focus { /* N */
    color: #777; /* C */
    background-color: #eee; /* B */
    border-color: #777; /* C */
}
.nota.grigia .modern-footnotes-footnote__note,
.nota.grigio .modern-footnotes-footnote__note { /* N */
    border: 3px solid #777 !important; /* C */
    color: #777; /* C */
    background-color: #fcfeff; /* E */
}

/* padding tabelle dentro cassetti */
details .wp-block-getwid-table { padding: 10px; }

/* AGGIORNAMENTO - cassetto */
/* --------------------------- */
details.aggiornamento {
    border: 3px solid #ccc;
}
details.aggiornamento:hover {
    border-color: #aaa;
}
details.aggiornamento > summary {
        color: #777;
        background-color: #eee;
        border-bottom: 0;
        border-radius: 0;
        display: block;
        text-align: center;
        position: relative;
        padding-right: 40px;
        text-indent: 22px hanging;
}
details.aggiornamento > summary::before {
    color: #cfcccc;
}
/* iconcina */
details.aggiornamento > summary::after {
    font-family: 'FontAwesome';
    content: '\f017';
    color: #cfcccc;
    /* float: right; */
    position: absolute;
    top: 5px;
    right: 12px;
}
details[open].aggiornamento > summary {
    border-bottom: 3px solid #ccc;
    border-radius: 0;
}
details.aggiornamento .modern-footnotes-footnote__note {
    border: 3px solid #ccc;
}

/* IMPORTANTE - cassetto */
/* --------------------------- */
details.importante {
    color: #a2766e;
    border: 3px solid #ed9a21;
}
details.importante:hover {
    border-color: #df7c25;
}
details.importante a {
    color: #ee9400;
}
details.importante > summary {
    color: #cc6f27;
    background-color: #fae3bd;
    border-bottom: 0;
    border-radius: 0;
    display: block;
    text-align: center;
    position: relative;
    padding-right: 40px;
    text-indent: 22px hanging;
}
details.importante > summary::before {
    color: #f0b675;
}
/* iconcina */
details.importante > summary::after {
    font-family: 'FontAwesome';
    content: '\f005';
    color: #f0b675;
    /* float: right; */
    position: absolute;
    top: 5px;
    right: 12px;
}
details[open].importante > summary {
    border-bottom: 3px solid #ed9a21;
    border-radius: 0;
}
details.importante .modern-footnotes-footnote__note {
    border: 3px solid #df7c25 !important;
    color: #a2766e;
    background-color: #fcfeff;
}
details.importante .modern-footnotes-footnote a {
    color: #fff; /* B */
    background-color: #ed9a21; /* A */
    border-color: #ed9a21; /* A */
    text-decoration: none;
}
details.importante .modern-footnotes-footnote a:hover,
details.importante .modern-footnotes-footnote a:active,
details.importante .modern-footnotes-footnote a:focus {
    color: #ed9a21; /* A */
    background-color: #fff; /* B */
    border-color: #ed9a21; /* A */
}

/* INFO - cassetto */
/* --------------------------- */
details.info,
details.informazioni {
    border: 3px solid #c0c0ca; /* A */
    width: initial !important;
}
details[open].info,
details[open].informazioni {
    border-color: #c0c0c6;
}
details.info:hover,
details.informazioni:hover {
    border-color: #aab;
}
details.info > summary::before,
details.informazioni > summary::before {
    color: #d4d4dd;
}
details.info > summary,
details.informazioni > summary {
    color: #99a; /* C */
    background-color: #f6f6fa;
    border-bottom: 0;
    border-radius: 0;
    display: block;
    text-align: center;
    position: relative;
    padding-right: 40px;
    text-indent: 22px hanging;
}
/* iconcina */
details.info > summary::after,
details.informazioni > summary::after {
    font-family: 'FontAwesome';
    content: '\f002';
    color: #d4d4dd; /* B */
    /* float: right; */
    position: absolute;
    top: 5px;
    right: 12px;
}
details[open].info > summary,
details[open].informazioni > summary {
    border-bottom: 3px solid #c0c0ca; /* A */
    border-radius: 0;
}
details.info .modern-footnotes-footnote__note,
details.informazioni .modern-footnotes-footnote__note {
    border: 3px solid #c0c0ca; /* A */
}
/* Domanda - cassetto */
/* --------------------------- */
details.domanda {
    border: 3px solid #f0d5b3 !important; /* A */
    width: initial !important;
}
details[open].domanda {
    border-color: #c0c0c6;
}
details.domanda:hover {
    border-color: #774a3f !important;
}
details.domanda > summary::before {
    color: #f0d5b3; /* A */
}
details.domanda > summary {
    color: #774a3f;
    background-color: #fffde9;
    border-bottom: 0;
    border-radius: 0;
    display: block;
    text-align: left;
    text-indent: 22px hanging;
    position: relative;
    padding-right: 40px;
}
/* iconcina */
details.domanda > summary::after {
    font-family: 'FontAwesome';
    content: '\f075';
    color: #f0d5b3; /* A */
    /* float: right; */
    position: absolute;
    top: 5px;
    right: 12px;
}
details[open].domanda > summary {
    border-bottom: 3px solid #f0d5b3; /* A */
    border-radius: 0;
}
details.domanda .modern-footnotes-footnote__note {
    border: 3px solid #e8dfd8; /* A */
}

/* CODICE - cassetto */
/* --------------------------- */
details.codice {
    color: #5ea48a;
    border: 3px solid #afdfcd;
}
details.codice:hover {
    border-color: #01d083;
}
details.codice a {
    color: #01d083;
}
details.codice > summary {
    color: #8fbfad;
    background-color: #f0fef9;
    border-bottom: 0;
    border-radius: 0;
    display: block;
    text-align: center;
    position: relative;
    padding-right: 40px;
    text-indent: 22px hanging;
}
details.codice > summary::before {
    color: #afdfcd;
}
/* iconcina */
details.codice > summary::after {
    font-family: 'FontAwesome';
    content: '\f02a';
    color: #afdfcd;
    /* float: right; */
    position: absolute;
    top: 5px;
    right: 12px;
}
details[open].codice > summary {
    border-bottom: 3px solid #afdfcd;
    border-radius: 0;
}
details.codice .modern-footnotes-footnote__note {
    border: 3px solid #df7c25 !important;
    color: #a2766e;
    background-color: #fcfeff;
}
details.codice .modern-footnotes-footnote a {
    color: #fff; /* B */
    background-color: #ed9a21; /* A */
    border-color: #ed9a21; /* A */
    text-decoration: none;
}
details.codice .modern-footnotes-footnote a:hover,
details.codice .modern-footnotes-footnote a:active,
details.codice .modern-footnotes-footnote a:focus {
    color: #ed9a21; /* A */
    background-color: #fff; /* B */
    border-color: #ed9a21; /* A */
}

/* ANTIQUATO */
/* --------------------------- */
details.antiquato {
    border: 3px solid #a89896 !important; /* A */
    background-color: #f5f2f0 !important; /* B */
    color: #6f645e !important; /* C */
}
details.antiquato:hover {
    border-color: #887876 !important; /* F */
}
details.antiquato > summary {
    color: #6f645e; /* C */
    background-color: #d8d5cf !important; /* D */
    border-bottom: 0 !important;
    border-radius: 0;
    display: block;
    text-align: center;
    position: relative;
    padding-right: 40px;
    text-indent: 22px hanging;
}
details.antiquato > summary::before {
    color: #b6aea9;
} /* H */
details[open].antiquato > summary {
    border-bottom: 3px solid #a89896 !important; /* G */
    border-radius: 0;
}
/* iconcina */
details.antiquato > summary::after {
    font-family: 'FontAwesome';
    content: '\f54c';
    color: #b6aea9;
    /* float: right; */
    position: absolute;
    top: 5px;
    right: 12px;
}
details.antiquato a {
    color: #998a88; /* A */
    text-decoration: underline;
}
details.antiquato a:hover {
    text-decoration: none;
}
details.antiquato .modern-footnotes-footnote a {
    color: #f5f2f0; /* B */
    background-color: #998a88; /* A */
    border-color: #998a88; /* A */
    text-decoration: none;
}
details.antiquato .modern-footnotes-footnote a:hover,
details.antiquato .modern-footnotes-footnote a:active,
details.antiquato .modern-footnotes-footnote a:focus {
    color: #998a88; /* A */
    background-color: #f5f2f0; /* B */
    border-color: #998a88; /* A */
}
details.antiquato .modern-footnotes-footnote__note {
    border: 3px solid #998a88; /* A */
    color: #6f645e; /* C */
    background-color: #fefbf9; /* E */
}
/* AGGIORNATO */
/* --------------------------- */
details.aggiornato {
    border: 3px solid #2e73be !important; /* A */
    background-color: #f1f3ff !important; /* B */
    color: #5d6e96 !important; /* C */
}
details.aggiornato:hover {
    border-color: #19579a !important; /* F */
}
details.aggiornato > summary {
    color: #5d6e96; /* C */
    background-color: #e2e8ff !important; /* D */
    border-bottom: 0 !important;
    border-radius: 0;
    display: block;
    text-align: center;
    position: relative;
    padding-right: 40px;
    text-indent: 22px hanging;
}
details.aggiornato > summary::before {
    color: #b3bdde;
} /* H */
details[open].aggiornato > summary {
    border-bottom: 3px solid #2e73be !important; /* G */
    border-radius: 0;
}
/* iconcina */
details.aggiornato > summary::after {
    font-family: 'FontAwesome';
    content: '\f044';
    color: #b3bdde;
    /* float: right; */
    position: absolute;
    top: 5px;
    right: 12px;
}
details.aggiornato a {
    color: #2e73be; /* A */
    text-decoration: underline;
}
details.aggiornato a:hover {
    text-decoration: none;
}
details.aggiornato .modern-footnotes-footnote a {
    color: #f2f8ff; /* Bx */
    background-color: #2e73be; /* A */
    border-color: #2e73be; /* A */
    text-decoration: none;
}
details.aggiornato .modern-footnotes-footnote a:hover,
details.aggiornato .modern-footnotes-footnote a:active,
details.aggiornato .modern-footnotes-footnote a:focus {
    color: #2e73be; /* A */
    background-color: #f2f8ff; /* B */
    border-color: #2e73be; /* A */
}
details.aggiornato .modern-footnotes-footnote__note {
    border: 3px solid #2e73be; /* A */
    color: #5d6e96; /* C */
    background-color: #fcfeff; /* E */
}

/* forza link e note in cassettini standard dentro quelli colorati */
details.forza a {
    color: #007bff !important;
    text-decoration: none !important;
}
details.forza a:hover {
    text-decoration: underline !important;
}
details.forza .modern-footnotes-footnote a {
    color: #fff !important; /* B */
    background-color: #a2afbd !important; /* A */
    border-color: #a2afbd !important; /* A */
    text-decoration: none;
}
details.forza .modern-footnotes-footnote a:hover,
details.forza .modern-footnotes-footnote a:active,
details.forza .modern-footnotes-footnote a:focus {
    color: #a2afbd !important; /* A */
    background-color: #fff !important; /* B */
    border-color: #a2afbd !important; /* A */
}
details.forza .modern-footnotes-footnote__note {
    border: 3px solid #ccc !important; /* A */
    color: #1e2124 !important; /* C */
    background-color: #fff !important; /* E */
}


/* stile bottone codice (il Configuratore) */
.bottone_codice {
    color: #00d084;
    cursor: pointer;
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 5px 10px;
    font-weight: 700;
    white-space: nowrap;
}
.bottone_codice:hover {
    border-style: solid;
}

/* Dimensione font */
.has-x-large-font-size {
    font-size: 2em;
}

.centro,
.centrato {
    text-align: center !important;
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.nascosto { display: none; }
.maiuscoletto {
    font-variant: small-caps;
    font-size: 1.1em;
}
.indent { text-indent: 25px; }
.noindent { text-indent: 0px; }

/* toglie il padding (usato nei tab con immagini) */
.nopadding, .no_padding,
.nopadding div, .no_padding div {
	padding: 0;
	border-left: 0;
	border-right: 0;
}
/* lineetta per i dialoghi */
ul.dialogo {
    list-style: none;
    margin: 0;
    padding: 0px;
}
/* dentro i cassettini */
details > ul.dialogo {
    margin: 10px 15px !important;
}
ul.dialogo li {
	margin-left: 23px;
}
ul.dialogo li::before {
    content: '–';
    color: #aaa;
    margin-left: -23px;
    margin-right: 10px;
}

.sottosopra {
    transform: rotate(180deg);
}

/* formattazione */

figure.bordo {
    outline: 1px solid #eee;
    border-radius: 10px;
}

/* aligncenter per tabelle */
figure.aligncenter table {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

/* maggior distanziamento verticale per il bottone avanzato */
.wp-block-advgb-button {
	margin: 30px auto;
}
/* aggiunge il titolo INDICE agli indici */
.wp-block-advgb-summary::before {
	content: 'Indice';
	display: block;
	font-size: 1.6em;
	margin: 40px 0 10px;
	border-bottom: 1px solid #8f98a1;
	padding-bottom: 8px;
	text-align: left;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

/* segreto */
.segreto a {
	color: inherit;
    opacity: 0.8;
	text-decoration: none;
}
.segreto a:hover {
	text-decoration: underline !important;
}
.modern-footnotes-footnote__note .segreto a {
	/* color: #626f8d; */
	text-decoration: none;
}
.round5, .round5 img { border-radius: 5px; }
.round10, .round10 img { border-radius: 10px; }
.round15, .round15 img { border-radius: 15px; }
.round20, .round20 img { border-radius: 20px; }
/* } */

.wp-block-image {
    margin-bottom: 10px;
}

/* gestione dello switch tra immagini al 100% e vecchio formato */
.wp-block-image>a { width: 100%; }
/* .wp-block-image img { width: 100%; } */

/* ==========================================================================
   Gestione Immagini Grandi - FIX ALIGNCENTER
   ========================================================================== */

/* Modalità immagini grandi */
body.body-large-images .entry-content .wp-block-image:not(.no_stretch) img {
    width: 100%;
    max-width: 1000px !important;
    height: auto !important;
}
body.body-large-images .entry-content .wp-block-image:not(.no_stretch) figure.aligncenter {
    display: block;
    width: 100%;
}
/* FIX: evita che il figcaption venga trattato come table-caption */
body.body-large-images .entry-content .wp-block-image:not(.no_stretch) figure.aligncenter > figcaption {
    display: block;
}
/* Stretch: forza l'allargamento anche per immagini molto piccole */
body.body-large-images .entry-content .wp-block-image.stretch,
body.body-large-images .entry-content .wp-block-image.stretch figure,
body.body-large-images .entry-content .wp-block-image.stretch img {
    width: 100% !important;
    max-width: 1000px !important;
    height: auto !important;
}

/* Pixel art */
.entry-content .wp-block-image.pixelart img {
    image-rendering: pixelated;
}

/* Forza il contenitore (figure o div) ad allargarsi e centrarsi, 
   annullando margin-left/right di aligncenter */
body.body-large-images .entry-content figure.wp-block-image.aligncenter {                
    max-width: 1000px !important;                
    width: 100% !important;                
    margin-left: auto !important;                
    margin-right: auto !important;                
    text-align: center !important;                
    float: none !important; /* Forza la rimozione di eventuali float */
}

/* allineamento campi tabelle */
figure.wp-block-table {
	border-style: none;
	margin-top: 15px;
}
table {
	border: 1px solid #ccc;
    border-radius: 10px;
}
table tr td {
    border: 1px solid #ccc !important;
	text-align: left;
}
table tr td.tabella_sx {
	text-align: left;
}
table tr td.tabella_c {
	text-align: center;
}
table tr td.tabella_dx {
	text-align: right;
}

/* paginazione - correzioni */
.post-page-numbers.current {
	border: 0;
	padding: 0 5px;
}
.post-page-numbers.current span {
    padding: 5px 25px;
}

/* bottoncino download */
.wp-block-button__link {
    color: #fff !important;
    background-color: #007bff;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding: 12px 24px;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
}

.trans { color: transparent !important; }

/* formattazione codice */
.site-main .tag, .site-main .col_tag { color: #c9c8c8; padding:0; } /* tags */
.site-main .cmd, .site-main .col_cmd { color: #ce7b7b; padding:0; } /* comandi */
.site-main .par, .site-main .col_par { color: #80a0b2; padding:0; } /* parametri */
.site-main .val, .site-main .col_val { color: #918787; padding:0; } /* valore */

/* ma non la prima voce */
.lista_larga li:first-child {
    margin: 0;
}
/* ultima */
.lista_larga li:last-child {
    margin-bottom: 25px;
}

/* manda a capo il testo preformattato */
.a_capo {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
/* titolo a inizio articolo */
.titolo_iniziale {
    margin-top: 0 !important;
}

/* usato per zoomare link */
.zoom img,
.rotate img {
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
}
.zoom img:hover,
.rotate img:hover {
    transform: scale(1.1); 
}

/* da rimuovere */
.spazio {
    margin-top: 25px;
    border: 0;
}

/* evita che il blocco COLONNE inserisca un grosso margine sotto */
:where(.wp-block-columns) {
    margin-bottom: inherit !important;
}

/* colonne di elementi equidistanti */
.col_1,.col_2,.col_3,.col_4,.col_5 {
    display:inline-block;
    text-align: center;
    /*margin-bottom:0;*/
}
/* sx e dx è per le tabelle con una riga sotto ma non l'ho ancora implemantata */
.col_2,
.col_sx,
.col_dx {
    width:49%;
}

.col_3 {
    width:32%;
}

.col_4 {
    width:24%;
}

.col_5 {
    width:19%;
}

/* dimensione font */
.has-small-font-size {
    font-size: .8em;
}
.has-medium-font-size {
    font-size: 1.2em;
}
.has-large-font-size {
    font-size: 2em;
}
.piccolo { font-size: .8em; }
.medio { font-size: 1.2em; }
.grande { font-size: 1.5em; }



/* didascalia immagini */
figcaption {
    color: #aaa;
    padding-top: 0px;
    /* font-style: italic; */
    font-size: 16px;
    font-family: Poppins;
    margin-bottom: 10px;
}

/* link EDIT */
a.post-edit-link {
    color: #badfba;
    text-transform: uppercase;
    font-family: Poppins;
    margin-right: 10px;
    /* margin-top: -15px; */
    display: inline-block;
    opacity: .5;
}
a.post-edit-link:hover {
    color: #badfba;
    opacity: 1;
}
.page .post-edit-link {
    /*margin-top: -15px;*/
    display: inline-block;
}
a.post-edit-link::before {
    content: '[';
}
a.post-edit-link::after {
    content: ']';
}

/* Titolo Spaceship, Spaceship, SPACESHIP! */
.single .spaceship {
    text-align: center;
    display: block;
}
.single .spaceship .f1 {
    display: block;
    font-size: 1.5em;
    line-height: 1.5;
}
.single .spaceship .f2 {
    font-size: 2em;
    line-height: 1.2em;
}

/* timelines */
.tab_ {
    display: table;
}
.tab_row {
    display: table-row;
}
.tab_date,
.tab_dot,
.tab_content {
    display: table-cell;
    padding: 5px 10px 20px 10px;
    vertical-align: top;
}
.tab_date {
    font-weight: bold;
    width: 150px;
    text-align: right;
    font-size: .9em;
}
.tab_date a {
	color: #212529;
    text-decoration: none;
}
.tab_year {
    font-size: 2.8em;
    opacity: .35;
}
.tab_title {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 8px;
}
/* linea a pallini */
.tab_dot,
.tab_dot.top,
.tab_dot.bottom {
    color: #fff;
    background: #778195;
    width: 28px;
    background-image: url("http://www.lemonskin.net/io/wp-content/themes/sventrax/img/timeline/tab_dot.png");
    background-position: center 12px;
    background-size: 28px;
    padding: 0;
    background-repeat: no-repeat;
}
.tab_dot.top {
    background-color: inherit;
    background-image: url("http://www.lemonskin.net/io/wp-content/themes/sventrax/img/timeline/tab_dot_top.png");
}
.tab_dot.bottom {
    background-color: inherit;
    background-image: url("http://www.lemonskin.net/io/wp-content/themes/sventrax/img/timeline/tab_dot_bottom.png");
    background-position: center 0px;
}

/* pagina KG */
/* sicuramente da sistemare/rifare */
#risultati_1 .info::before {
    font-family: 'FontAwesome';
    content: '\f05a';
    width: 22px;
    display: inline-block;
    color: #ddd;
    text-align: right;
    font-weight: normal;
}
#diario .info::before {
    font-family: 'FontAwesome';
    content: '\f05a';
    width: 22px;
    display: inline-block;
    color: #ddd;
    font-weight: normal;
    margin-right: 10px;
}
#diario .big {
    font-size: 25px;
}
#diario .nota {
    color: #7c97b3;
    font-size: .9em;
    padding: 10px 0 25px;
}
#diario .pigro {
    opacity: .2;
}

.kg_BMI_misura {
    font-size:.66em;
}

.kg_peso_ideale,.kg_a_precedente,.kg_a_corrente {
    background:#c8e1c8;
    border:1px solid #b1c9b1;
    display:inline-block;
    height:13px;
    width:13px;
}

.kg_a_corrente {
    background:#8fbdcc;
    border:1px solid #769fac;
}

.kg_a_precedente {
    background:#e7e7e7;
    border:1px solid #ccc;
}

.kg_attendere_prego {
    display:inline-block;
    text-align:center;
    width:100%;
}

.kg_bmi_arancione {
    color:#f60;
}

.kg_bmi_rosso,.collapseomatic:hover .mstar1::before {
    color:red;
}

.kg_bmi_verde {
    color:#0a0;
}

.kg_bmi_verdino {
    color:#8a0;
}

.kg_decimal {
    font-size:.9em;
}

.kg_elenco {
    border-bottom:1px solid #ededed;
    height:50px;
    line-height:46px;
}

.kg_elenco_data {
    float: right;
}
.kg_info {
    background: #ddd;
    border: 0 !important;
    border-radius: 20px;
    color: #fff !important;
    font-size: 19px;
    font-weight: 800;
    height: 20px;
    line-height: 21px;
    margin-top: -2px;
    min-width: 20px;
    padding: 0 !important;
    text-align: center;
    width: 20px;
}

.kg_info:hover {
    background:#507de8 !important;
    border:0!important;
    text-decoration:none!important;
}

.kg_legenda {
    float:right;
    font-size:.7em;
    margin:15px auto -10px;
}

.kg_mese {
    border-bottom:1px solid #ededed;
    height:35px;
}

.kg_nota {
    display:inline-block;
    width:30px;
}

/* corregge il bordo nei bottoncini ( i )nfo */
.kg_nota a,
#content:hover .kg_nota a,
#content:hover .kg_nota a:hover,
#risultati_1 .kg_elenco a,
#content:hover #risultati_1 .kg_elenco a,
#content:hover #risultati_1 .kg_elenco a:hover
 { border: 0 !important; }

.kg_peso_a,.footnote-main-wrapper {
    font-size:22px;
}
.kg_peso_adiff,
.kg_peso_a {
    line-height: 35px;
}

.kg_peso_adiff,.kg_peso_diff {
    float:right;
    opacity: .2;
    margin-right: 30px;
}

.kg_peso_adiff::before {
    content:'dall\'anno precedente: ';
}

.kg_peso_attuale {
    display:block;
    line-height:20px;
    margin-top:15px!important;
}

.kg_peso_big {
    font-size:25px;
}

.kg_peso_big,.kg_peso_a,.kg_peso,.kg_peso_adiff,.kg_peso_diff {
    float:right;
    /*line-height:32px;*/
}

.kg_peso_diff::before {
    content:'dal mese precedente: ';
}

.kg_spazio_legenda {
    display:inline-block;
    width:50px;
}

.kg_trasparente {
    color:#fff;
}

.kg_commento {
    border-bottom: 1px solid #ededed;
    line-height: 1.4em;
    font-size: 0.9em;
    padding: 10px 0;
    color: #7c97b3;
}

.kg_unita_misura,.kg_BMI_misura {
    color:#888;
    font-size:.75em;
}

.kg_verde,.kg_verdino,.kg_arancione,.kg_rosso {
    background:#0a0;
    border-radius:6px;
    color:#fff;
    font-size:1.5em;
    padding:0 5px;
}

.kg_rosso {
    background:red;
}

.kg_arancione {
    background:#f60;
}

.kg_verdino {
    background:#8a0;
}

/* animazione glitch */
.glitch{
  position: relative;
}
.glitch::before{
  content: attr(data-text);
  position: absolute;
  color: red;
  overflow: hidden;
  animation: static_red .1s infinite,
    pause .5s infinite;
}
.glitch::after{
  content: attr(data-text);
  position: absolute;
  overflow: hidden;
  color: blue;
  animation: static_blue .1s infinite,
    pause 2s infinite;
  
}

/* Animations */
@keyframes static_blue {
      0%, 100% { top: 2px; left: -2px; }
      20% { top: 2px; left: -3px; }
      40% { top: -2px; left: 0px; }
      60% { top: 2px; left: -6px; }
      80% { top: -2px; left: 0px; }
}

@keyframes static_red {
      0%, 100% { top: 1px; left: 6px; }
      20% { top: 0px; left: 0px; }
      40% { top: 5px; left: 5px; }
      60% { top: 2px; left: 2px; }
      80% { top: 2px; left: 0px; }
}

@keyframes pause {
      0%, 100% { opacity: .5; }
      80% { opacity: 0; }
}

/* personalizzazione ombra plugin traduttore */
.tool-container {
    box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.3);
}

/* Simple Lightbox */
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title,
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    font-family: initial !important;
    font-size: 1.4em !important;
    color: #666 !important;
    padding-top: 8px !important;
    padding-bottom: 4px !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    float: right;
    color: #aaa !important;
}
#slb_viewer_wrap .slb_theme_slb_baseline .slb_container {
    padding-bottom: 0 !important;
}