body {
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 400;
}

h1,h2,h3,h4,h5 {
  font-family: 'IBM Plex Sans Condensed', sans-serif;
  font-weight: 600;
  font-style: italic;
}

section {
  padding-top: 100px;
  padding-bottom: 80px;
}
section.call-to-action {
  padding-top: 60px;
  padding-bottom: 40px;
}

section#home {
  padding-top: 40vh;
  padding-bottom: 20vh;
  background-size: cover!important;
}
section#home h1, 
section#home p{
  color: #fff;
  text-shadow: 0px 0px 5px rgba(50, 50, 50, 0.7);
}


.btn { font-weight: 600; }
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}


header.navbar {
  padding-top: 25px;
  padding-bottom: 25px;
  transition: all .3s;
  border: none;
  background-color: transparent !important;
}

header.navbar.navbar-shrink {
  padding-top: 0;
  padding-bottom: 0;
}

header.navbar .navbar-brand {
  font-size: 2em;
  line-height: 3em;
  transition: all .3s;
  color: #fff;
  font-style: italic;
  margin: auto;
}

header.navbar:not(.navbar-shrink) .navbar-toggler {
  display: none;
}

header.navbar .navbar-brand img {
  height: 100px;  
}

header.navbar.navbar-shrink .navbar-brand {
  font-size: 1.5em;
  line-height: 1.75em;
  margin-left:0;
}

header.navbar.navbar-shrink .navbar-brand img {
  height: 50px;
}
header.navbar.navbar-shrink .nav-link{
    opacity:0.75;
}
header.navbar.navbar-shrink .nav-link:hover,header.navbar.navbar-shrink .nav-link.active{
    opacity:0.90;
}

#how ol {
  counter-reset: num-list;
  list-style-type: none;
  padding:0;
}

#how ol li::before {
  position: absolute;
  content: counter(num-list);
  counter-increment: num-list;
  font-size: 40px;
  line-height: 60px;
  top: 0;
  left: 15px;
  background-color: #8ac2e9;
  width: 60px;
  text-align: center;
  border-radius: 100%;
  color: #fff;
}

#how ol li {
  padding-left: 100px;
  padding-bottom: 30px;
}


#faq { border-top: 5px dashed;}
#faq ul {list-style: none;}
#faq li {padding-bottom: 20px;}
#faq p {padding-left: 15px; padding-top:10px;}
#faq a {font-size:1.3em; }

.fade:not(.show){
  z-index:0;
}
/* (12.5) esito del controllo del nome nel modulo di registrazione (classi messe da /signup.js) */
.signup-status.is-free { color: #2e7d32; }
.signup-status.is-taken, .signup-status.is-invalid, .signup-status.is-warn { color: #c62828; }
.signup-status.is-checking, .signup-status.is-suggested { color: #6c757d; }