/*--------------------------------------------------------------

# Footer sempre in fondo alla pagina

--------------------------------------------------------------*/



body{ height:100vh; margin:0; }



/* Trick */

body{

  display:flex;

  flex-direction:column;

}



footer{

  margin-top:auto;

}

/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/



#footer {

  background: #EEEEEE;

  padding: 0 0 20px 0;

  color: #eee;

  font-size: 14px;

  position: inherit;

  bottom: 0;

  width: 100%;

  right: 0;

  left: 0;

}



#footer .footer-top {

  background: #1a88ff;

  padding: 10px 0 10px 0;

  text-align: center;

}



#footer .footer-top .footer-info {

  margin-bottom: 30px;

}



#footer .footer-top .footer-info h3 {

  font-size: 25px;

  margin: 5px 0 5px 0;

  padding: 2px 0 2px 0;

  line-height: 1;

  font-family: "Roboto", sans-serif;

  color: #fff;

  font-weight: 400;

  letter-spacing: 3px;

  text-transform: uppercase;

}



#footer .footer-top .footer-info p {

  font-size: 15px;

  line-height: 24px;

  margin-bottom: 0;

  font-family: "Roboto", sans-serif;

  color: #ecf5ff;

}



#footer .footer-top .social-links a {

  font-size: 18px;

  display: inline-block;

  background: #007bff;

  color: #fff;

  line-height: 1;

  padding: 8px 0;

  margin-right: 4px;

  border-radius: 50%;

  text-align: center;

  width: 36px;

  height: 36px;

  transition: 0.3s;

}



#footer .footer-top .social-links a:hover {

  background: #0067d5;

  color: #fff;

}



#footer .footer-top h4 {

  font-size: 15px;

  font-weight: bold;

  color: #fff;

  text-transform: uppercase;

  position: relative;

  padding-bottom: 10px;

}



#footer .footer-top .footer-links {

  margin-bottom: 30px;

}



#footer .footer-top .footer-links ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



#footer .footer-top .footer-links ul li {

  padding: 8px 0;

}



#footer .footer-top .footer-links ul li:first-child {

  padding-top: 0;

}



#footer .footer-top .footer-links ul a {

  color: #ecf5ff;

}



#footer .footer-top .footer-links ul a:hover {

  color: #74b5fc;

}



#footer .footer-top .footer-contact {

  margin-bottom: 10px;

}



#footer .footer-top .footer-contact p {

  line-height: 26px;

  font-size: 15px;

  font-family: "Roboto", sans-serif;

}



#footer .footer-top .footer-newsletter {

  margin-bottom: 30px;

}



#footer .footer-top .footer-newsletter input[type="email"] {

  border: 0;

  padding: 6px 8px;

  width: 65%;

}



#footer .footer-top .footer-newsletter input[type="submit"] {

  background: #007bff;

  border: 0;

  width: 35%;

  padding: 6px 0;

  text-align: center;

  color: #fff;

  transition: 0.3s;

  cursor: pointer;

}



#footer .footer-top .footer-newsletter input[type="submit"]:hover {

  background: #0062cc;

}



#footer .copyright {

  text-align: center;

  color: #000000;

}



#footer .credits {

  text-align: center;

  font-size: 13px;

  color: #f1f7ff;

}



#footer .credits a {

  color: #bfddfe;

}



#footer .credits a:hover {

  color: #f1f7ff;

}



#linkFooter , #LogoFooter , #footer .copyright a{

  cursor: pointer;

  text-decoration-line: underline;

}



#footer .copyright a{

  color: #000000;

}





/*--------------------------------------------------------------

# Bottone top pagina (myBtn)

--------------------------------------------------------------*/



#myBtn {

  display: none; /* Hidden by default */

  position: fixed; /* Fixed/sticky position */

  bottom: 20px; /* Place the button at the bottom of the page */

  right: 30px; /* Place the button 30px from the right */

  z-index: 99; /* Make sure it does not overlap */

  border: none; /* Remove borders */

  outline: none; /* Remove outline */

  background-color: red; /* Set a background color */

  color: white; /* Text color */

  cursor: pointer; /* Add a mouse pointer on hover */

  padding: 15px; /* Some padding */

  border-radius: 10px; /* Rounded corners */

  font-size: 18px; /* Increase font size */

}



#myBtn:hover {

  background-color: #555; /* Add a dark-grey background on hover */

}



/*--------------------------------------------------------------

# Valori generali input read only

--------------------------------------------------------------*/



textarea:read-only, input:not([type=radio], [type=checkbox]):read-only{

  background-color: #E9ECEF;

}