.event-box {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 4px;
  text-decoration: none;
  color: inherit;
}
.event-box:hover {
  background: #f9f9f9;
}

/* Fixed header */
header.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background-color: #e9ecef !important;
  padding: 1rem 2rem !important;
  z-index: 10000 !important;
}

/* Fixed footer */
footer.site-footer {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background-color: #e9ecef !important;
  padding: 1rem 2rem !important;
  z-index: 10000 !important;
}

/* Push page content below header and above footer */
body {
  margin: 0;
  /* 
    header height = padding-top(1rem)+line-height(approx 1.2rem)+padding-bottom(1rem) ~3.2rem
    footer height ~3.2rem 
    We'll give a little extra space.
  */
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* Rubrik “Rille Nytt” i header: serif, italic, bold, röd */
.site-header h1 {
  font-family: "Times New Roman", serif !important;
  font-style: italic !important;
  font-weight: bold !important;
  color: red !important;
}

/* Increase top padding on mobile so content never slides under two-line header */
@media (max-width: 768px) {
  body {
    padding-top: 8rem !important;  /* give room for a two-line header */
  }
}