.block-local-tasks-block {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  /* Effectively makes the local tasks not affect the layout, moving them into
  the whitespace underneath the header/hero. */
  .block-local-tasks-block {
    box-sizing: border-box;
    height: 60px;
    margin-top: -60px;
    margin-bottom: 0;
  }

  /* Fade out the local tasks on landing pages and post pages. */
  .page-context--standard .block-local-tasks-block {
    opacity: 0.667;
    transition: opacity 0.2s;
  }

  .page-context--standard .block-local-tasks-block:hover {
    opacity: 1;
  }
}

ul.tabs {
  display: flex;
  flex-wrap: wrap;
}

.tabs > li {
  margin: 0;
}

.tabs a {
  padding: 2px 11px;
  color: inherit;
  font-weight: normal;
}

.tabs a.is-active {
  background-color: #A7EDE8;
}

.tabs a:hover,
.tabs a.is-active:hover {
  background-color: #EDD46C;
}