/* Cookie Law Banner Styles */
#CookielawBanner {
  position: fixed;
  bottom: 0;
  z-index: 10;
  background-color: #e88660;
  /*width: 100vw;*/
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #d1d5db;
  margin: 0 30px;
  color: #FFF;
}

.cookie-content {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  padding: 1rem;
  row-gap: 1rem;
}

.cookie-text {
  font-size: 1.5rem;
  line-height: 1.25rem;
}

.cookie-buttons {
  justify-self: start;
}

.cookie-buttons a {
  display: block;
  padding: 0.5rem 1rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  font-size: 1.5rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  background-color: #14b8a6;
  text-decoration: none;
}

.cookie-buttons a:hover {
  background-color: #0d9488;
}

.cookie-buttons a:focus {
  outline: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #14b8a6;
}

/* Responsive styles for screens >= 640px */
@media (min-width: 640px) {
  .cookie-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(1, minmax(0, 1fr));
    column-gap: 1.5rem;
  }

  .cookie-text {
    grid-column: span 3 / span 3;
  }

  .cookie-buttons {
    justify-self: end;
  }
}