/* Global styles, that are applied to the base template */

/* Nice orange hyperlinks! */
@keyframes colorRotate {
  from {
    color: #cb8a4e;
  }
  10% {
    color: #6cba45;
  }
  50% {
    color: #48a6c4;
  }
  75% {
    color: #b6487d;
  }
  100% {
    color: #cb8a4e;
  }
}

a.rainbow {
    animation: colorRotate 30s linear 0s infinite;
}

a.is-dark {
    color: #212020;
}

/* Hide scrollbars */
html {
    overflow: auto;
}

/* Remove hover effect from logo, it looks weird. */
.navbar.is-dark .navbar-brand > a.navbar-item:hover {
    background-color: #363636;
}

/* Make the search field in the overview fullwidth */
div.field div.control.is-fullwidth {
    width: 100%;
}

td.has-red-text {
    font-weight: bolder;
    color: #b34c4c;
}

td.has-green-text {
    font-weight: bolder;
    color: #67b870;
}

/* Letting us center stuff inside arbitrary div containers */
.container.has-centered-items {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Sticky footer */
.site-body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.site-body-content {
  flex: 1;
}


/* Add some table padding */
table.has-comfortable-padding tr th {
    padding: 0.5em 6em 0.5em 0.5em;
}
table.has-comfortable-padding tr td {
    padding: 0.5em 10em 0.5em 0.5em;
}