/* Piccoli override su PaperCSS per la demo */

.site {
  max-width: 1100px;
  margin: 1.5rem auto;
}

nav .nav-brand small {
  display: block;
  margin-top: -0.6rem;
}

nav ul.inline li a.active {
  border-bottom: 3px solid var(--primary, #41403e);
}

main {
  padding: 1.5rem 0;
}

.hero {
  text-align: center;
  padding: 2rem 1rem;
  margin-bottom: 2rem;
}

.hero h1 {
  margin-top: 0;
}

/* Segnaposto per immagini */
.placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  margin-bottom: 1rem;
  background: repeating-linear-gradient(45deg, transparent, transparent 12px, rgba(0, 0, 0, 0.04) 12px, rgba(0, 0, 0, 0.04) 24px);
  color: #888;
  font-size: 1.2rem;
}

.placeholder.tall {
  min-height: 300px;
}

.card {
  margin-bottom: 1.5rem;
}

.gallery .placeholder {
  min-height: 200px;
  margin-bottom: 0.3rem;
}

.gallery figure {
  margin: 0 0 1.5rem;
}

.gallery figcaption {
  text-align: center;
}

.news-meta {
  margin-bottom: 0.5rem;
}

.timeline td:first-child {
  white-space: nowrap;
  font-weight: bold;
}

.hp-field {
  position: absolute;
  left: -9999px;
}

form .form-group {
  margin-bottom: 1rem;
}

form input:not([type=checkbox]):not([type=radio]),
form select,
form textarea {
  width: 100%;
}

.site-footer {
  padding: 1.5rem;
  margin-top: 2rem;
}