/* ! Base Style */
/*----------------------------------------------------------------------------------- */
body{background: #fff; color: #000; font-size: 16px; font-family: "Roboto", "Verdana", "Segoe UI", "Helvetica Neue";}
p{line-height: 1.5em; color: var(--light-text-color)}

.progress-bar{position:fixed; top:0; left: 0;z-index:9999; background: #000; width: 100%; height: 3px; }
/* .progress-bar::-webkit-progress-value{background: linear-gradient(to right, #F9A634, #78C464, #01B6F1, #5A81CF, #A553B0, #F30839, #FC7722);} */
.progress-bar::-webkit-progress-value{background: #fff;}

:root{
--color-link-menu:#fff;
--color-menu:#1075bddb;
--color-menu-m:#1075bd;
--color-primary:#1072bd!important;
--H-color: #3A579A;
--color-secondary: #ff5f00;
--light-text-color: #333;
--dark-text-color: #dcdcdc;
--dark-color-title:#64b5f6;
--dark-color-body:#252525;
--border-footer: linear-gradient(90deg, rgba(242,90,24,0) 0%, rgba(242,90,24,1) 12%, rgba(226,102,8,1) 49%, rgba(241,91,10,1) 83%, rgba(255,81,0,0) 100%)!important;
}

/*----------------------------------------------------------------------------------- */
/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --font-size-ssm: clamp(0.66rem, 0.19vw + 0.61rem, 0.76rem);
		--font-size-sm: clamp(0.76rem, 0.26vw + 0.69rem, 0.9rem);
		--font-size-s: clamp(0.87rem, 0.35vw + 0.78rem, 1.06rem);
		--font-size-base: clamp(1rem, 0.45vw + 0.89rem, 1.25rem);
  /*font-size: 0.9rem;
font-size: clamp(0.9rem, 0.8300000000000001rem + 0.35vw, 1.25rem);*/
 /* --font-size-base: calc(2vmin);*/
		--font-size-md: clamp(1.15rem, 0.59vw + 1rem, 1.47rem);
		--font-size-m: clamp(1.32rem, 0.76vw + 1.13rem, 1.74rem);
		--font-size-l: clamp(1.52rem, 0.97vw + 1.28rem, 2.05rem);
		--font-size-lg: clamp(1.75rem, 1.23vw + 1.44rem, 2.42rem);
		--font-size-xl: clamp(2.01rem, 1.54vw + 1.63rem, 2.86rem);
		--font-size-xxl: clamp(2.31rem, 1.93vw + 1.83rem, 3.37rem);
		--font-size-xxxl: clamp(2.66rem, 2.4vw + 2.06rem, 3.98rem);
		--font-size-xxxxl: clamp(3.52rem, 3.68vw + 2.6rem, 5.54rem);
  }
}
/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {
  :root {
    --font-size-ssm: 0.66rem;
		--font-size-sm: 0.76rem;
		--font-size-s: 0.87rem;
		--font-size-base: 1rem;
		--font-size-md: 1.15rem;
		--font-size-m: 1.32rem;
		--font-size-l: 1.52rem;
		--font-size-lg: 1.75rem;
		--font-size-xl: 2.01rem;
		--font-size-xxl: 2.31rem;
		--font-size-xxxl: 2.66rem;
		--font-size-xxxxl: 3.52rem;
  }
  @media screen and (min-width: 1280px) {
    :root {
      --font-size-ssm: 0.76rem;
			--font-size-sm: 0.9rem;
			--font-size-s: 1.06rem;
			--font-size-base: 1.25rem;
			--font-size-md: 1.47rem;
			--font-size-m: 1.74rem;
			--font-size-l: 2.05rem;
			--font-size-lg: 2.42rem;
			--font-size-xl: 2.86rem;
			--font-size-xxl: 3.37rem;
			--font-size-xxxl: 3.98rem;
			--font-size-xxxxl: 5.54rem;
    }
  }
}


.text-0{font-size: var(--font-size-xxxxl);}
h1, .text-1{font-size: var(--font-size-xl);}
h2, .text-2{font-size: var(--font-size-lg);}
.blog h2{font-size: var(--font-size-l);}
.archive h2{font-size: var(--font-size-l);}
.home h3.widget-title{font-size: var(--font-size-m);}
.blog h3.widget-title{font-size: var(--font-size-m);}
h2.widget-title{font-size: var(--font-size-l);}

h3, .text-3{font-size: var(--font-size-l);}
h4, .text-3md{font-size: var(--font-size-m);}
h5, p, .text-4{font-size: var(--font-size-base);}
h6 {font-size: var(--font-size-s);}
.text-5{font-size: var(--font-size-s);}
.article ul{font-size: var(--font-size-s);}
ul{font-size: var(--font-size-s);}
ul li{line-height: 1.7rem;}

h2, h3, h4, h5, h6{font-family: Tahoma; color: var(--H-color);}
  h1 {font-family: Tahoma, Geneva, Verdana, 'Segoe UI', sans-serif; color: var(--color-primary);}

h1, h2, h3, h4, p, ol, ul{margin-bottom: 1rem;}
/*ul li {margin-left: 1rem;}*/


/* ! breadcrumbs */
.content {
  width: 92%;
  margin: 15px auto;
  text-transform: uppercase;
  line-height: 25px;
}
/** Desktop, iPad Pro **/
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .content {
    width: 92%;
    margin: 15px 4%;
  }
}
/** Display 12", iPad PRO Portrait, iPad landscape **/
@media only screen and (max-width: 1024px) {
  .content {
    width: 92%;
    margin: 10px 4%;
  }
}
.mg-posttagicon::before{
   content:"🏷";
   color: var(--light-text-color);
   margin-right:6px;
   margin-left:5px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size: 30px;
    transform: rotate(45deg);
    line-height: 0;
    bottom: auto;
}
body[light-mode="dark"] .mg-posttagicon::before
{
 color: var(--dark-text-color)
}
.mg-postcaticon::before
{
   content:"🗁";
   color: var(--light-text-color);
   margin-right:6px;
   margin-left:5px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:23px;
   line-height:0;
   bottom: auto;
}
body[light-mode="dark"] .mg-postcaticon::before
{
 color: var(--dark-text-color)
}
.mg-postcommenticon::before
{
   content:"\1F5E9";
   color: var(--light-text-color);
   margin-right:6px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:30px;
   line-height:0;
   bottom: auto;
   filter: invert(1);
}
body[light-mode="dark"] .mg-poscommenticon::before
{
     content:"🗨";
 color: var(--dark-text-color)!important;
}

.category-item a, .tag-item a, a.url{
  margin-right: 15px;
  background-image: none;
}
body[light-mode="dark"] .category-item a, body[light-mode="dark"] .tag-item a, body[light-mode="dark"] a.url{
 font-weight: bold;
}

.icon-comment {
  vertical-align: middle;
  margin-right: 0.3em;
  width: 1.5em;
  height: 2em;
  fill: currentColor;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-right: 0.3em;
  fill: currentColor;
  transition: fill 0.3s ease;
}

/* Esempio dark mode */
body.dark-mode .icon {
  color: #f0f0f0;
}


.screen-reader-text {
  position: absolute;
  left: -9999px;
}

/*.mg-postcaticon:hover::before
{
  filter: invert(100%) saturate(500%);
  transition: .3s;
}*/
/* ! Testo Animato con Montserrat */
/* montserrat-900 - cyrillic_cyrillic-ext_latin_latin-ext_vietnamese */
/*@font-face {
  font-display: swap; 
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-900.woff2') format('woff2'), 
       url('../fonts/montserrat-v25-cyrillic_cyrillic-ext_latin_latin-ext_vietnamese-900.woff') format('woff'); 
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w0aXpsog.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w9aXpsog.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w2aXpsog.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w3aXpsog.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCvC73w5aXo.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


#text{
	    font-family: 'Montserrat', sans-serif;
  text-align:center;
  font-size:4.5em;
  
}

#text1{
  font-family: 'Montserrat';
text-align:center;
font-size: var(--font-size-xxxl)!important;
color: #2e4057;
-webkit-text-fill-color: #fff; /* Will override color (regardless of order) */
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color:#5a81cf;

}
#text2{
  font-family: 'Montserrat';
text-align:center;
font-size: var(--font-size-xxxl)!important;
color: #2e4057;
  -webkit-text-fill-color: var(--color-secondary); /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #252525;

}
@media (max-width: 768px) {

  #text{
    font-family:  'Montserrat';
text-align:center;
font-size:2.5em;

}
  #text2{

    -webkit-text-stroke-width: 0.7px;  
  }
  
}

.home .text0{margin-top: 80px;}
.text0{
    color: #2e4057;
  -webkit-text-fill-color: #fff; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color:#5a81cf;
}
.text1{
    color: #2e4057;
  -webkit-text-fill-color: var(--color-secondary); /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1.3px;
  -webkit-text-stroke-color: #fff;
}
.text2{
    color: #2e4057;
  -webkit-text-fill-color: #fff; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #5a81cf;
}
.text3{
    color: #2e4057;
  -webkit-text-fill-color: var(--color-secondary); /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1.3px;
  -webkit-text-stroke-color: #fff;
}
/* bordo font colorato */
	.br-color-font{
font-family: Staatliches; font-weight: 600;
font-size: 6rem;
font-style: italic;
		color: #fff!important;
		-webkit-text-stroke: 2px #2E4057;
}
/* ! tag, categorie e meta... */
.last-modified{ display: inline-block;}
/* ! Button system */
/*----------------------------------------------------------------------------------- */

#af-form-1905856037 input.submit, #af-form-1905856037 #webFormSubmitButton, #af-form-1905856037 .buttonContainer input.submit{
  word-spacing: normal;

}
/*.button, input[type="submit" i],
.wp-block-button__link{font-size: 1.2rem; text-transform: uppercase; font-weight: bold; background: #3de99e; color:#000; padding: 14px 25px;border-radius: 4px}
.button:hover, input[type="submit" i]:hover,
.wp-block-button__link:hover{background: #00ba37; color:#fff;}*/

input[type="submit" i] {
  display: inline-block;
  min-width: 200px;
  width: auto;
  height: auto;
  margin: 10px auto;
  font-size: 20px;
  color: var(--H-color);
  box-shadow: 0 3px #d3601d;
  background-color: #fff;
  border:1px solid #ff5f00;
  line-height: 0.9;
  text-decoration: none;
  text-align: center;
  background-image: none;
  border-radius: 10px;
  padding: 7px 20px 10px 20px;
  text-transform:none;
  transition: all 0.3s ease-in-out;
  }
  input[type="submit" i]:hover {
    color: #fff;
    box-shadow: 0 3px #1072bd;
    background-color: #4495d3;
    border-color: #0366d6;}
    
  .more-link:active {
  position:relative;
  top:1px;
}

/* ----------------  
.more-link{float: right;}
.more-link::after{
  content: "↚ ";
  display:inline-block;
  padding-left: 0px;
  font-weight: bold;
  font-size: 28px;
transform: rotate(180deg);
}


.more-link:hover:before {
		width: 100%;
}
.more-link:focus {
	outline: none;
}
/* ! Blocks */
/*----------------------------------------------------------------------------------- */
.wp-block-search__input{border-radius: 5px; outline: none;}
.wp-block-search__input:focus{
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  /* margin: 5px 1px 3px 0px; */
  border: 2px solid rgba(81, 203, 238, 1);
}
.wp-block-search__inside-wrapper {
    margin: 5px 0;
}


/* ! Colums */
.wp-block-columns{max-width:1250px; margin: 0 auto; padding: 0 15px;}
.container-items{display: flex;flex-wrap:wrap;}
.item-colums{width: 50%;margin-bottom: 20px;padding:10px;}
.item-colums h2{margin-bottom: 0px;}



/* ! Sidebars/Widget Area */
/*----------------------------------------------------------------------------------- */


.widget-area{background: transparent;}


  /* ! Landing */
  /*----------------------------------------------------------------------------------- */
  .landing-container .col-70, .landing-container .col-80, .landing-container .col-60{border: 2px solid #c0c1c3; border-radius: 5px;}
  .noborder{border:0px!important;}

/* .footer-L{background: transparent;}

  .footer-L .footer-menu a{color: var(--color-primary); font-size:14px; font-weight: 400;}
  .footer-L .footer-menu a:hover{color: #ff5722;}*/
/* ! Animation */
/*----------------------------------------------------------------------------------- */
.fade-in{opacity: 0; transform: translateY(1rem);}
.text-reveal{transform: translateY(1rem);clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
/*.fade-up{opacity: 0; transform: translateY(3rem);}*/

.rotate{animation: rotation 20s linear infinite}
@keyframes rotation {
  from {transform: rotate(360deg);}
  to {transform: rotate(0deg);}

}
.slide-right{position:relative; right: -200px}
.slide-left{position:relative; left: -200px}

/* ! topbutton with js e png 
.scrollToTopBtn {
     height:38px;
     width:38px;
     position:fixed;
     right:30px;
     bottom:60px;
     Z-index:100;
   /*  background-image:url(img/top-b.png);
     background-repeat:no-repeat;
     display: none;
     cursor: pointer;
     transition: all 1s cubic-bezier(.215, .61, .355, 1);

}*/
.scrollToTopBtn {
  position: fixed;
  bottom: 60px;
  right: 20px;
 width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff!important;
  font-size: 1.8rem;
  font-weight: bold;
  border: none;
  cursor: pointer;
  display: none;
  align-items: center;
  padding: 0;
  text-align: center;
  z-index: 9999;
  background-image: none;
  box-shadow: 0 3px 8px rgba(0,0,0,0.3);
  transition: background-color 0.3s ease, transform 0.2s ease;
}
/*@media (max-width: 768px) {
  .scrollToTopBtn{width: 30px; height: 30px;}
}*/
/*.scrollToTopBtn {
  background-color: <?php echo esc_html(get_theme_mod('scrolltop_color', '#007aff)')); ?>;
}*/


/*.scrollToTopBtn:hover {
  transform: scale(1.2);
}

.scrollToTopBtn:active {
  transform: translateY(-4px);
}
.scrollToTopBtn:hover{
   /*  background-image:url(img/top-4.png);
filter: invert(100%) contrast(200%);
transition: .3s;
}*/



.scrollToTopBtn.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.scrollToTopBtn:hover {
  transform: scale(1.2);
}
.bg-image{
  width: 100vw;
  min-height: 70vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  display: flex;
  align-items: center;
  background-color: #1F315B!important;
}

.cover{
  background: #000;padding: 20px;min-height: 70vh;
  display: flex; flex-flow: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.cover__bg{position: absolute;top: 0;left: 0;width: 100vw;height: 100vh; z-index:0;}
.cover__bg:after{content: ' ';position: absolute; left: 0;top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background-size: cover;}
.brand {
  display: flex;
  flex-direction: row;
}

a.custom-logo-link::after{
  background-image: none;
}
/* ! Dark Mode *
/

/*.day-night{background-image:url(img/day-night-4.png); background-repeat:no-repeat;position: absolute;top: 7px; left: 0px;
background-position:-22px 0;width: 44px; height: 21px; z-index: 99999;transition: all 0.1s cubic-bezier(.215, .61, .355, 1);}
body[light-mode=dark] .day-night{background-position: 0px 0;}*/

/*.day-night{background-image:url(img/day-night-5.png); background-repeat:no-repeat;position: absolute;top: 7px; left: 0px;
background-position:0px 0;width: 33px; height: 21px; z-index: 99999;transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
body[light-mode=dark] .day-night{background-position: -33px 0;}*/

/* .day-night{background-image:url(img/day-night-2.png); background-repeat:no-repeat;position: fixed;bottom: 5px; left: 10px;
background-position:-30px 0;width: 55px; height: 27px; z-index: 99999;transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
body[light-mode=dark] .day-night{background-position: 0px 0;} */

/* day night 3 img p (66x21) */
/* pulsante top*//*
 .day-night{background-image:url(img/day-night-3.png); background-repeat:no-repeat;position: absolute;top: 7px; left: 2px;
background-position:-24px 0;width: 44px; height: 21px; z-index: 99999;transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
body[light-mode=dark] .day-night{background-position: 0px 0;}

@media (max-width: 1375px) {
}*/
/* pulsante bottom *//*
.day-night-b{background-image:url(img/day-night-3-gr.png); background-repeat:no-repeat;position: fixed;bottom: 20px; left: 20px;
  background-position:-29px 0;width: 55px; height: 27px; z-index: 99999;transition: all 0.1s cubic-bezier(.215, .61, .355, 1);}
  body[light-mode=dark] .day-night-b{background-position: 0px 0;} 
@media (max-width: 1024px) {
  .day-night{margin-right: 20px;left:-10px;}
}*/
/* day night 3 img gr (88x27) */
/*.day-night{background-image:url(img/day-night-3.png); background-repeat:no-repeat;position: absolute;top: 5px; left: 0px;
  background-position:-30px 0;width: 55px; height: 27px; z-index: 99999;transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
  body[light-mode=dark] .day-night{background-position: 0px 0;} */
  /* .day-night--br{border: 1px solid darkgrey; border-radius: 15px;} */

/*body {
  transition: background-color 0.5s ease, color 0.5s ease!important;
}*/

.light-mode-button:active #themeIcon {
  animation: bounceSpin 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Animazione tipo elastico */
@keyframes bounceSpin {
  0%   { transform: rotate(0deg); }
  60%  { transform: rotate(-340deg); }
  80%  { transform: rotate(-370deg); }
  100% { transform: rotate(-360deg); }
}
/*
#themeIcon,
.theme-icon {
  position: absolute;
  display: inline-block !important;
  font-size: 2rem !important;
  height: auto !important;
  width: auto !important;
  margin-top: -20px !important;
  margin-left: 0px !important;
  background: none !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}
@media (max-width: 1390px) {
  #themeIcon,
  .theme-icon {
    margin-left: -15px !important;
  }
}
@media (max-width: 936px) {
  #themeIcon,
  .theme-icon {
    margin-left: -50px !important;
  }
}
/*
.day-night {
  background: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  outline: none;
  margin-top: -10px;
  left: 10px;
}

.day-night:focus {
  outline: 2px solid #007acc;
  outline-offset: 4px;
  border-radius: 50%;
}

/* Icona simulata con un cerchio */
/*
.day-night .icon {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 2rem;
  border-radius: 50%;
 /* background-color: #f5c518; /* colore sole */
/*  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2);
  transition: background-color 0.4s ease, transform 0.4s ease;
}

body[light-mode="dark"] .day-night .icon {
 /* background-color: #4b6cb7; /* colore luna */
 /* box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.3);
 font-size: 2rem;
}
*/
.light-mode-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-left: 10px;
  border-radius: 50%;
  background: transparent;
  font-size: 2rem;
  border: none;
  cursor: pointer;
}

.light-mode-button .theme-toggle-icon {
  display: inline-block;
  line-height: 1;
  pointer-events: none;
}
@media (max-width: 1390px) {
.light-mode-button  {
    margin-right: 15px !important;
  }
}
@media (max-width: 936px) {
.light-mode-button  {
    margin-right: 50px !important;
  }
}
/*

.light-mode-button {
    background:0;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    width: 40px;
    position: relative;
}*/
.light-mode-button:focus {
    outline:none;
}
@media (max-width: 1370px) {
  .light-mode-button{left: -10px;}
}
.light-mode-button--1 span:nth-child(1) {
    position: absolute;
    top:10px;
    left:0;
    width: 50px;
    height:20px;
    border-radius: 20px;
    box-shadow: inset 1px 1px 3px 0 rgb(0 0 0 / 40%);
    transition: .3s;
}
.light-mode-button--1 span:nth-child(2) {
    position: absolute;
    top:10px;
    left:0px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    box-shadow: 1px 1px 2px 0 rgb(0 0 0 / 40%);
    transition: .3s;
}
.light-mode-button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* ! Light & Dark Mode Styles
--------------------------- *//*
@keyframes circle-in-top-right {
  from {
    clip-path: circle(0% at top right);
  }
  to {
    clip-path: circle(150% at top right);
  }
}

body.transitioning-theme::before {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--theme-transition-color, #000); imposta il colore in JS 
  z-index: 9999;
  animation: circle-in-top-right 0.6s ease-out forwards;
  pointer-events: none;
}*/

body {
    background-color: #fff;
    animation: circle-in-top-right 0.5s ease-out forwards;
}

body[light-mode=dark] {
    background-color: var(--dark-color-body);
    /*color: #fff;*/
}
/*body[light-mode="dark"] {
  background-color: #121212 !important;
}*/


body[light-mode="dark"]  .light-mode-button span:nth-child(1){
    /*background-color: #ced4e2;*/
    color: var(--dark-color-body);
}
body[light-mode=dark]  .light-mode-button span:nth-child(2){
    left: 29px;
    background-color: var(--dark-color-body);
  }
  body[light-mode=dark] .lwptoc .lwptoc_i{color: var(--dark-text-color); background: var(--dark-color-body);}
  body[light-mode=dark] .lwptoc .lwptoc_i{background-color: var(--dark-color-body);}

  body[light-mode=dark] .text-tag, body[light-mode=dark]  .mg-posttagicon, body[light-mode=dark] .page-numbers.current, body[light-mode=dark] .page-numbers.dots  {color: var(--dark-text-color);}
/* Apply the filter directly on the body tag */
body[light-mode=dark] img {
  filter: brightness(.7) contrast(1.2);
}
body[light-mode=dark] .header img, body[light-mode=dark] .header-2 img, body[light-mode=dark] .header-1 img, 
body[light-mode=dark] .wp-block-cover, body[light-mode=dark] .wp-block-cover__image-background, 
body[light-mode=dark] .wp-block-cover-image, body[light-mode=dark] .wp-block-cover__image-background
{
  filter: brightness(1) contrast(1);
}
body[light-mode=dark] .header__logo-2 img {
  filter: brightness(100%) contrast(100%);
}
/*.single .related-posts-after-content a*/

body[light-mode=dark] ul li {
  /* Text color */  color: var(--dark-text-color);}
body[light-mode=dark] .related a, body[light-mode=dark] .related a:visited, body[light-mode=dark] a:hover{color: var(--dark-text-color);}

@media (min-width: 768px) {
.header .light-mode-button {display: none;}
.scroll-down .header .light-mode-button{display: block;}
}
@media (max-width: 768px) {
  .header .light-mode-button{display: block;}
}
@media (prefers-color-scheme: light) {
  .progress-bar{height: 5px;}
.progress-bar::-webkit-progress-value{background: #0366d6;}
}
body[light-mode=dark] blockquote{
  background: #333333;
  border: 2px solid var(--color-menu);
}
/* ! Titolo Bordo sito */
body[light-mode=dark] #text2{

  -webkit-text-stroke-color: #fff;

}

/* ! .dark h1, h2, h3, h4, h5, h6{color: #fff;} */
body[light-mode=dark] .text-dark, body[light-mode=dark] blockquote,
body[light-mode=dark] .extract-archive, body[light-mode=dark] .fn, body[light-mode=dark] .says,
body[light-mode=dark] .custom-list, body[light-mode=dark] .custom-list-8, body[light-mode=dark] .custom-list-b,
body[light-mode=dark] .custom-list-7, body[light-mode=dark] .custom-list-v, body[light-mode=dark] .custom-list-b-7,
body[light-mode=dark] .custom-list-b-8,body[light-mode=dark] .custom-list-v-7, body[light-mode=dark] .custom-list-v-8,
body[light-mode=dark] p{color: var(--dark-text-color)!important;}

body[light-mode=dark] a.fancy8 {background-image: linear-gradient(to right, #ff5f00, #ff5f00 50%, #dcdcdc 50%);}

/*body[light-mode=dark] .footer p{color: var(--dark-text-color);}*/
body[light-mode=dark] .footer p{color: var(--color-link-menu)!important;}
body[light-mode=dark] a{color: var(--dark-text-color);}

body[light-mode=dark] h1, body[light-mode=dark] h2, body[light-mode=dark] h3, body[light-mode=dark] h4, body[light-mode=dark] h5, body[light-mode=dark] h6{color: var(--dark-color-title);}

/*body[light-mode=dark] hr{border : 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #fff, rgba(0, 0, 0, 0));}*/
/*body[light-mode=dark] input[type="text"]{background: #969696;}*/

body[light-mode=dark] .comment-list li li{background: #2c2c2c2e;}
body[light-mode=dark] .comment-list li li li {background-color: #3c3c3c75;}
body[light-mode=dark] .comment-form{background: rgba(160, 194, 222, 0.13);padding: 20px;border: 2px dashed darkgrey; border-radius: 5px;}



/* mie customizzazioni */
body[light-mode=dark] .mgbox,body[light-mode=dark] .mgbox1, body[light-mode=dark] .mgbox2,
body[light-mode=dark] .block--light {color: var(--light-text-color);}

body[light-mode=dark] .fancy11,body[light-mode=dark] a.fancy, body[light-mode=dark] a.fancy:visited,
body[light-mode=dark] a.fancy7:hover, body[light-mode=dark] a.fancy8,
body[light-mode=dark] a.fancy9,
body[light-mode=dark] a.fancy10:hover {color: var(--dark-text-color);}
body[light-mode=dark] a.fancy9:hover{color:var(--light-text-color)}

/* ! ANIMAZIONI EXTRA */
/* bordo font usando l'ombra */
.br-color-font2 {
  color: #fff!important;
text-shadow: -2px 0 #2E4057, 0 2px #2E4057, 2px 0 #2E4057, 0 -2px #2E4057;
}
/* ! Button X1 Block */
.block {
  position: relative;
  margin: 10px 10px;
padding: 10px;
  min-width: 250px;
  min-height: 250px;
  background: linear-gradient(0deg, #000, #272727);
}

.block:before, .block:after {
  content: '';
  position: absolute;
  left: -2px;
  top: -2px;
  background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094,
    #0000ff, #00ff00,#ffff00, #ff0000);
  background-size: 400%;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: -1;
  animation: steam 50s linear infinite;
}

@keyframes steam {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.block:after {
  filter: blur(50px);
}
.block--light{
background: hsla(67, 95%, 95%, 1);
}

/* motion */
@keyframes gradient-animation {
  0% {
    background-position: 15% 0%;
  }
  50% {
    background-position: 85% 100%;
  }
  100% {
    background-position: 15% 0%;
  }
}

@keyframes frame-enter {
  0% {
    clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  25% {
    clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  50% {
    clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, 100% 0%, 0% 0%);
  }
  75% {
    -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 0%, 0% 0%);
  }
  100% {
    -webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 0% 100%);
  }
}
/* ! Animazioni */
/* ! Animations */
.fade-up{opacity: 0; transform: translateY(5rem);}


/* ! Wipe anim */
@keyframes wipe-enter {
	0% {
		transform: scale(0, .025);
	}
	50% {
		transform: scale(1, .025);
	}
}

@media (prefers-reduced-motion: no-preference) {
  .wipe-animate {
    animation: wipe-enter 0.8s 1;
  }
}

/* ! Menu Verticale */
.menu-verticale {
  list-style: none;
  margin: 30px 0 30px 0;
  padding: 0;
}

.menu-verticale ul li{line-height: 1.5rem;}

.menu-verticale .menu-item {
  position: relative;
  margin-bottom: 10px;
  margin-top: -10px;
}

.menu-verticale a {
  text-decoration: none;
  display: inline-block;
  width: calc(100% - 10px); /* Spazio per il toggle */
  padding: 10px;
}

.menu-verticale .dropdown-content .menu-item > a {
  font-size: var(--font-size-ssm); /* Imposta una dimensione più piccola per il testo */
  font-weight: bold;
}

.menu-verticale > .menu-item > a {
  font-size: var(--font-size-sm); /* Imposta una dimensione maggiore per le voci principali */
  font-weight: bold;
}
@media (max-width: 768px) {
  .menu-verticale > .menu-item > a {
    padding: 15px;
  }
  .menu-verticale .dropdown-content .menu-item > a {
    padding: 10px;
}
}

.menu-verticale .toggle {
  cursor: pointer;
  font-size: var(--font-size-base);
  font-weight: bold;
  position: absolute;
  right: 0; /* Mantiene il simbolo sulla destra */
  width: 47px; /* Area cliccabile */
  height: 100%;
  text-align: center;
  z-index: 2;
}

.children {
  max-height: 0;
  overflow: hidden;
  transition: max-height all .2s linear;
}

.menu-item-has-children.open .children {
  max-height: 500px; /* Altezze dinamiche */
}

.menu-verticale ul li:before {
  /* content: '\2022 '; */
  content: '';
  font-size: var(--font-size-base);
  color: #ff5f00;
  padding-right: 0.5em;
}

@media (max-width: 896px) {
 .menu-verticale .current_page_parent, .current-page-item {border-left: 0px;} 
}

/* Garantisci che i sottomenu abbiano spazio sufficiente */
.dropdown-content {
  max-height: none; /* Sovrascritto da JavaScript */
  overflow: hidden; /* Nasconde il contenuto eccedente */
  transition: max-height 0.3s ease-in-out;
}

/* Evita che la prima voce venga tagliata */
.dropdown-content > .menu-item:first-child {
  margin-top: 0; /* Assicurati che non ci siano margini negativi */
  padding-top: 0; /* Elimina eventuali spazi verticali */
}

/* Centra verticalmente il contenuto */
.menu-item > a, .toggle {
  line-height: 1.5; /* Assicura un'altezza confortevole del testo */
}


.dropdown-content > .menu-item {
  padding-left: 10px; /* Primo livello di sotto voci */
}

.dropdown-content > .menu-item > .dropdown-content > .menu-item {
  padding-left: 20px; /* Sotto voci del secondo livello */
}

/* Evidenziazione solo per la voce attiva */
/*
.menu-verticale .current-menu-item > a {
  border-left: 2px solid; /* Bordo visibile per la voce attiva 
}*/
.menu-verticale .current-menu-item > a::before {
  content: "❯";
    font-size: var(--font-size-s);
    color: #ff5f00;
    margin-left:-10px;
}

.menu-verticale .menu-item {
  position: relative; /* Crea un contesto di posizionamento per i figli */
}

.menu-verticale .article-count {
  position: absolute; /* Posiziona il numero nella stessa riga della voce */
  right: 40px; /* Aggiusta la posizione rispetto al lato sinistro */
  font-size: var(--font-size-ssm); /* Dimensione più piccola */
  font-weight: normal; /* Peso normale per differenziarlo dal titolo */
  color: #666; /* Colore neutro per non attirare troppo l'attenzione */
  line-height: 1; /* Allinea verticalmente al centro del contenitore */
}

.menu-verticale .menu-title {
  padding-left: 15px; /* Sposta il titolo a destra per far spazio ai numeri */
}
/* Mostra solo su mobile */
.widget-mobile-only {
  display: none;
}
@media (max-width: 768px) {
  .widget-mobile-only {
    display: block;
  }
}

/* Mostra solo su desktop */
.widget-desktop-only {
  display: block;
}
@media (max-width: 768px) {
  .widget-desktop-only {
    display: none;
  }
}

/* Mostra su tutti i dispositivi */
.widget-visible-all {
  display: block;
}
/* ! WORDPRESS */
.comment-meta, .commentmetadata{
display:none;
}
/* ! Accessibility */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  background-image: none;
   transform: translateY(-100%);
    transition: transform 0.3s;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
   background-color: #fff;
  clip: auto !important;
  clip-path: none;
  color: var(--light-text-color);
  display:block;
  font-size:1em;
  height: auto;
  left:50%;
  line-height:normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
   transform: translateY(0%);
  z-index: 100000;
}
body[light-mode=dark] .skip-link:focus {
  background-color: var(--dark-color-body);
  color: var(--dark-text-color);
}
/*
.skip-link {
  background: var(--light-color-body);
  color: var(--light-text-color);
  font-weight: 700;
  left: 50%;
  padding: 4px;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s;
}

.skip-link:focus {
  transform: translateY(0%);
  z-index: 1000;