:root{
    --bd-purple: #4c0bce;
    --bd-violet: #712cf9;
    --bd-accent: #ffe484;
    --bd-violet-rgb: 112.520718,44.062154,249.437846;
    --bd-accent-rgb: 255,228,132;
    --bd-pink-rgb: 214,51,132;
    --bd-teal-rgb: 32,201,151;
    --bd-violet-bg: var(--bd-violet);
    --bd-toc-color: var(--bd-violet);
    --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1);
    --bd-callout-link: 10,88,202;
    --bd-callout-code-color: #ab296a;
    --bd-pre-bg: var(--bs-tertiary-bg);
}

@font-face {
    font-family: 'vt323regular';
    src: url('sitoFonts/vt323-regular-webfont.woff2') format('woff2'),
         url('sitoFonts/vt323-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



.filter-invert {filter: invert(100%);} /* Inverte colori icone nel menu */

.text-home {width: 100%; padding: 0 !important; max-width: 30vw; max-height: 40vh; word-wrap: anywhere; overflow: auto;
    color: white !important;
    background-color: black !important;}
.img-home {width: 100%; max-width: 18vw; max-height: 18vh; border-radius: 1.5rem !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;} /*max-width: 30vw; max-height: 40vh;*/
.img-home-Small {display: inline-block; max-width: 10vw; max-height: 10vh;}
.img-home-Medium {display: inline-block; max-width: 18vw; max-height: 18vh;} /*max-width: 30vw; max-height: 30vh;*/
.img-home-Large {display: inline-block; max-width: 80vw; max-height: 80vh;}

/* Per immagini */
.imgIcoMini {max-height: var(--bs-body-font-size);}
.imgIcoH4 {max-height: 2.8rem;}
.max-30 {max-width: 30px; max-height: 30px;}
.max-50 {max-width: 50px; max-height: 50px;}

main {background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),
    radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.5), transparent 50%),
    radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.5), transparent 50%),
    radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.5), transparent 50%),
    radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.5), transparent 50%);}

nav {background-image: linear-gradient(180deg,#fff,#FFB4FF);}
footer {background-image: linear-gradient(0deg,#fff,#FFB4FF);}

.glow-yellow{border-radius: 12px !important;
    padding: 5px 0px !important;
    margin: 0 10px 10px 10px !important;
    color: white !important;
    background-color: black !important;
    border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
    border-width: 2px !important;
    border-style: solid;
    border-image-slice: 1;
    box-shadow: 0 0 15px #FF0 !important;}

.card-body {background-color: black; color: white !important;}
.link-img-home{display: inline-block;
    background-color: transparent !important;
    background-image: radial-gradient(circle, white 80%,transparent 50%);
    padding: 0 !important;
  }






/*
.glow-yellow{box-shadow: 0 0 6px #ffe082, 0 0 10px #ffca28 !important;
    border-radius: 12px !important;
    padding: 5px 0px !important;
    margin: 0 10px 10px 10px !important;}
*/

/* Preso da bootstrap | adeguato alla dimensione lg che è quella del menu */
/* @media screen and (max-width: 575.98px) { */
@media screen and (max-width: 991.98px) {
    .img-home-Small {display: inline-block; max-width: 80vw; max-height: 10vh;}
    .img-home-Medium {display: inline-block; max-width: 80vw; max-height: 30vh;}
    .img-home-Large {display: inline-block; max-width: 80vw; max-height: 45vh;}

    .max-50 {max-width: 32px; max-height: 32px;}
}


.nuovo {display: block; max-width: 0; max-height: 0; overflow: hidden;}
.tmpBlock {display: block;}
.delete {display: block; margin: auto;}


/* Animazioni */

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

/* Sfondo animato con tonalità di giallo */
@keyframes bgAnimationMenu {
    0% { background: linear-gradient(45deg, transparent, transparent); }
    92% { background: linear-gradient(45deg, transparent, transparent); }
    93% { background: linear-gradient(45deg, #FFFACD, transparent, transparent, transparent, transparent, transparent, transparent, transparent); }
    94% { background: linear-gradient(45deg, transparent, #FFFACD, transparent, transparent, transparent, transparent, transparent, transparent); }
    95% { background: linear-gradient(45deg, transparent, transparent, #FFFACD, transparent, transparent, transparent, transparent, transparent); }
    96% { background: linear-gradient(45deg, transparent, transparent, transparent, #FFFACD, transparent, transparent, transparent, transparent); }
    97% { background: linear-gradient(45deg, transparent, transparent, transparent, transparent, #FFFACD, transparent, transparent, transparent); }
    98% { background: linear-gradient(45deg, transparent, transparent, transparent, transparent, transparent, #FFFACD, transparent, transparent); }
    99% { background: linear-gradient(45deg, transparent, transparent, transparent, transparent, transparent, transparent, #FFFACD, transparent); }
    100% { background: linear-gradient(45deg, transparent, transparent, transparent, transparent, transparent, transparent, transparent, #FFFACD); }
}


/* min(7vh,7vw) */

#addSpamButton:focus, #searchSpamButton:focus, #searchCleanSpamButton:focus {animation: shake 0.3s;}
.divLikeButton {background-color: transparent !important;}
.likeButton {background-color: #FFF;}
.likeButton:focus {animation: shake 0.3s;}
.likeButton:hover {box-shadow: 0 0 10px #FFF;}
.stileElencoLingue > a {padding: 0 10px;}

#navbarNavAltMarkup li, .lockedLevel {animation: bgAnimationMenu 5s infinite;}

.eventLevelLocked {
    font-size: 8vh;
    text-align: center;
    padding: 3vh 0vw;
    text-wrap: nowrap;
    display: block;
}

.eventLevelLocked span {
    vertical-align: middle;
}

.eventLevelLocked img {
    max-height: 8vh;
    max-width: 12vw;
}

.eventLevelUp {
    font-size: 10vh;
    text-align: center;
    background-image: url("sitoImg/animFireworks.gif"), linear-gradient(0deg,#F00,#00F);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 3vh 0vw;
    text-wrap: nowrap;
    display: block;
    color: gold;
	font-family: "vt323regular";
}

.lockedLevel {
    filter: blur(0px);
}

.lockedLevel::before {
    content: "";
    background-color: #FFF;
    opacity: 0.4;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(5px);
}

.lockedLevel::after {
    content: "";
    background-image: url("sitoImg/iconGameLockedLevel.png");
    background-color: black;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 100px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    filter: blur(0px);
}
  





    /* max-width: 40vw; */

/* Admin CSS */
.adminImg {border: 1px solid #000; display: inline-block; max-width: 600px; max-height: 150px;}

/* Vecchio CSS */
/* Classi Finte per riferimenti JS */
/* .soloTesto	    -> Utile per le traduzioni. Vedi getDictionary() | <span class="soloTesto" data-dizText="1" data-dizTitle="1">CIAO</span> */
/* .sBNVC		    -> Usata come segnaposto per sitoBoxNameVertCenter */
/* .staticTime	    -> Usata per il tempo */
/* .shareButton	    -> Usata per i bottoni per la condivisione con evento */
/* .loadingImg	    -> Usata per il caricamento */
/* .tableContent    -> Usata per identificare tutte le tabelle che hanno i contenuti */