:root{
  --coldark:#003770; /* 002A5D */
  --colbright:#D9DEE3;
}
 * {
-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;
}

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

body{background-color:#ffffff; color: #222; font-family: 'Montserrat', sans-serif; font-size: 1em; font-weight: 300}
strong {font-weight:500}
.asso-xs{display: none}
#box-logo{display: flex; align-items: center}
.asso{ padding-right:10px; font-family: 'Playfair Display', serif; font-size:1em }
#logosvg{width: 91px; height: 74px}

.fixed{position:fixed; z-index: 1000; top:0; background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(4px)}
.logosvgscroll{width: 61px !important; height: 50px !important}
.assoscroll{display: none}

#navbar_main .nav-item:not(:last-child) {border-bottom:#fff 2px solid}
#navbar_main .nav-item:hover:not(:last-child) {border-bottom:var(--coldark) 2px solid}
#navbar_main .nav-item:last-child {margin-left: 18px}
#navbar_main .nav-link{text-transform: uppercase;}
#navbar_main .nav-link {color: var(--coldark);}

.btn-lingua{background-color: var(--coldark); border: var(--coldark) 1px solid; color: #fff; text-transform: uppercase; border-radius: 0; width: 44px; height: 44px; text-align: center; padding-left: 2px; padding-right: 2px;
-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;
}
.btn-lingua:hover{background-color: var(--colbright); border: var(--colbright) 1px solid; color: var(--coldark);
-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;
}

.navbar-toggler {background-color: #fff; color: var(--coldark) !important; border: var(--coldark) 1px solid !important; font-size:0.6em; text-transform: uppercase; border-radius: 0 !important; width: 44px !important; height: 44px !important; text-align: center; padding-left: 2px; padding-right: 2px; margin-left: 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;
}
.collapsed{background-color:var(--coldark); border: var(--coldark) 1px solid !important; color: #fff !important;
-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;
}



.navbar-toggler:focus {box-shadow: none;}
/*
.navbar-toggler .collapsed {border: #000 1px solid !important; }


.navbar-toggler {
  border: none;
  background: transparent !important;
  margin:-6px 0 0 20px
}

.icon-bar {
  border: 0 !important;
  width: 36px; 
  height: 2px;
  display: block;
  transition: all 0.2s;
  margin-top: 8px
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
  background-color:  var(--coldark);
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  background-color:  var(--coldark);
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
  background-color:  var(--coldark);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  background-color:  var(--coldark);
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
  background-color:  var(--coldark);
}
*/
#lingua-xs{display: none}
#competitions {min-width: 100%; background-color: var(--colbright);}
.pre-h1{margin:12px auto 12px auto; text-align: center; max-width: 1200px; font-size: 1.2em; font-weight: 500; text-transform: uppercase; color: #afb4b8;}
.h1-container{text-align: center; max-width: 1200px; background: url('../imgs/dot-light.svg') repeat-x; background-position: center; margin:12px auto 40px auto; background-size: 1px 1px}
h1{ opacity: 0; animation: fadeIn 1.5s ease-in-out 0.5s forwards; font-family: 'Playfair Display', serif; background-color: #fff; padding-left: 12px; padding-right: 12px; display: inline-block;}
@keyframes fadeIn {
  from {
    opacity: 0; 
  }
  to {
    opacity: 1; 
  }
}

.privacy{font-size: 0.9em}
.privacy ol li, .privacy-txt ul li {margin-bottom: 20px}
.privacy a {text-decoration: underline !important; color:var(--coldark);}
/* ---------------------------  NAVBAR CONCORSI ----------------------------------- */
#navbar_competitions {font-family: 'Playfair Display', serif; font-size:1.2em}
.dropdown-menu{background-color: var(--colbright) !important; border-radius: 0 !important; border:0 !important}
.dropdown-item{color: #777}
.dropdown-item:hover {background: none !important; color: var(--coldark);}


/* ---------------------------  FOOTER ----------------------------------- */
#footer{background-color: var(--colbright); padding-top: 26px; padding-bottom: 26px; margin-top: 60px}
.intestazione{font-family: 'Playfair Display', serif; font-size:1em}
.indirizzo{font-size: 0.8em}
.contatti{padding-top: 12px; line-height: 2em}
#footer .contatti  a:link, #footer .contatti  a:visited {font-weight:500; color: var(--coldark);}
#footer .contatti  a:hover {font-weight:500; color: #666;}
.footer-center{text-align: center;}
.social-title{font-size: 0.8em; margin-bottom: 20px}
.btn-social{background-color: var(--coldark); color: #fff; font-size: 1.6em; border-radius: 0; width: 54px; border:var(--coldark) 1px solid;}
.btn-social:hover{background-color: var(--colbright); color: var(--coldark); border:var(--coldark) 1px solid;}
.footer-right {display: flex; align-items: flex-end; justify-content: flex-end;}
.footer-right a:link, #footer .footer-right  a:visited {font-size:0.8em; font-weight:500; color: var(--coldark);}
.footer-right a:hover {font-size:0.8em; font-weight:500; color: #666;}
 

#subfooter{min-width: 100%; padding-top: 8px; padding-bottom:8px; font-size: 0.7em; background-color: var(--coldark); color: #fff; text-align: center}

.p404{text-align: center; min-height: 600px}
.p404 a{color:var(--coldark); text-decoration: underline !important;}
/* ---------------------------  MEDIA 991 ----------------------------------- */
@media (max-width: 991px) {
  #navbar_main .nav-item:not(:last-child) {border-bottom:none}
  #navbar_main .nav-item:hover:not(:last-child) {border-bottom:none}

 .footer-center {
    order: 1;
    margin-bottom: 24px;
  }

  .footer-left {
    order: 2;
  }

  .footer-right {
    order: 3;
    justify-content: flex-start;
  }

}
/* ---------------------------  MEDIA 767 ----------------------------------- */
@media (max-width: 767px) {

#lingua{display: none;}
  #lingua-xs{display: inline-block; margin-left: auto}
  #navbar_main .navbar-hp{ margin-top: 12px;}
  #navbar_main .nav-item{text-align: center;}
  #navbar_main .nav-link {font-size: 1.2em}
  #navbar_main .nav-item:hover {border-bottom:#fff 2px solid}
  .p404{text-align: center; min-height: 450px}
}

/* ---------------------------  MEDIA 576 ----------------------------------- */
@media (max-width: 576px) {
#logosvg{width: 61px; height: 50px}
.asso{display: none}
.asso-xs{display: block; text-align: center; font-family: 'Playfair Display', serif; font-size:1em; padding-top: 6px; padding-bottom: 6px; border-bottom: var(--colbright) 1px solid}
.p404{text-align: center; min-height: 300px}
}