:root{
  --colred:#981914; 
  --collight:#f8f9fa;
  --colblue:#00374F;
  --opacitymenu:0.8;
  --backdropfilter:4px;
  --margin-lr-xl:150px;
  --margin-lr-lg:70px;
  --margin-lr-md:50px;
  --margin-lr-xs:12px;
}
 * {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.eb-garamond {
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

a, button, button:focus, button:active, input[type="text"]:focus, input[type="file"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea, select, input[type="checkbox"] {text-decoration:none !important; outline:none !important; box-shadow: none !important;}

body{padding:0; margin: 0; background: #fff; /* font-size: 1em; */ font-size: 1.2em; color: #333}
#header-container{width:100%;background-color: var(--collight); padding-top: 30px; padding-bottom: 40px; }
.navbar-toggler{width:42px; height:38px; border:#333 1px solid; border-radius: 0; background: none; text-align: center; font-size: 0.5em; text-transform: uppercase; padding: 0; margin-left: 8px}
.navbar-toggler svg{width: 16px; height: 16px; fill:var(--colred); }
.navbar-toggler.collapsed svg {transform: rotate(180deg);fill:#333; }
#lingua button {margin-left: 12px}
#lingua-xs{display: none}
.navbar{background: none !important;}
.navbar-brand svg{width: auto; height: 50px; fill: var(--colred);}
.navbar-brand div{font-size:0.7em; letter-spacing: 1px; text-align: center; padding-top: 4px;}
#navbar_main{margin-bottom: -23px}
.nav-link{font-size: 1.2em; color: var(--colblue) !important; font-size: 400}
.nav-link svg{width: 16px; margin-top:-4px; fill: var(--colred);}
.btn-lingua{width:40px; height:40px; padding:0; background: none; color: var(--colred); border-width: 1px; border-color: var(--colred); text-transform: uppercase; border-radius: 0}
.btn-lingua:hover{background: var(--colred); color: #fff}

.blurro{filter: blur(1px);-webkit-transition: all var(--timetransition) ease-in-out;
-moz-transition: all var(--timetransition) ease-in-out;
-o-transition: all var(--timetransition) ease-in-out;
-ms-transition: all var(--timetransition) ease-in-out;
transition: all var(--timetransition) ease-in-out;
}


.fixed{position:fixed; z-index: 1000; top:0; padding-top: 10px !important; padding-bottom: 10px !important; background-color: rgba(248,249,250, 0.7) !important; backdrop-filter: blur(4px)}
.fixed #navbar_main {margin-bottom: 0}
.scroll svg{height: 30px !important; widht:auto}

.footer{background-color:#f7f7f7; margin-top: 120px; border-top:var(--colred) 1px solid;}

/* .footer{width: 100%; background-color:#f7f7f7; margin-top: 120px; border-top:var(--colred) 1px solid;} */
/* .logo-footer{display: inline-block; margin: -100px auto 0 auto !important; background-color: #fff; padding: 4px 12px; border-radius: 12px; border:#000 1px solid} */
.logo-footer{display: inline-block; margin-top: -30px; background-color: #fff; padding: 4px 12px; border-radius: 12px;}
.logo-footer svg{width: 160px; height: auto; fill: var(--colred);}
.logo-footer div{font-size:0.8em; letter-spacing: 1px; text-align: center; padding-top: 4px;}
.footer .container{padding-top: 60px; padding-bottom: 40px}
.sede-dx{text-align: right}
.sede-center{text-align: center}
.footer .citta{color: var(--colred); text-transform: uppercase; font-weight: 700; font-size: 1.1em}
.footer .indirizzo{font-size: 0.8em}
.footer .centro {text-align: center; font-size: 0.8em; margin-top: 40px; margin-bottom: 24px}

.footer a:link, .footer a:visited {color: var(--colred);}
.footer a:hover {color: #333;}

.box404{width:100%; min-height: 400px; display: flex; align-items: center; justify-content: center;}
.box404 div{text-align: center; font-size: 1.2em; }
.box404 span{color: var(--colred);}
.box404 hr{width: 60%; opacity: 1; margin: 12px auto}
.custom-padding{padding-left: var(--margin-lr-xl); padding-right: var(--margin-lr-xl)}

@media (max-width: 1400px) {
 .custom-padding{padding-left: var(--margin-lr-lg); padding-right:var(--margin-lr-lg)}
}

@media (max-width: 991px) {
 .row-lingua{display: none}
 .blurro{filter: none}
 .nav-link{text-align: center; font-size: 1.3em}
 #lingua-xs{display: inline-block; margin-left: auto;}
 #lingua-xs button{width:42px; height:38px; text-align: center; padding:0 !important}
 .custom-padding{padding-left: var(--margin-lr-md); padding-right: var(--margin-lr-md)}
}

@media (max-width: 767px) {
  #header-container{padding-top: 20px; padding-bottom: 20px}

  .navbar-brand svg{width: 160px; height: auto}
  .sede-dx{text-align: left; margin-bottom: 40px}
  .sede-center{text-align: left; margin-bottom: 40px}
  .navbar-brand div{font-size:0.6em; letter-spacing: 1px; text-align: center; padding-top: 4px;}
  
}

@media (max-width: 575px) {
   #header-container{padding-top: 10px; padding-bottom: 10px}
   .custom-padding{padding-left: var(--margin-lr-xs); padding-right: var(--margin-lr-xs)}
}