/* Copyright © Carecode Oy. All rights reserved. */
/* vim: set si ai et sw=4 ft=css ff=unix: */

@import url('buttons.css?7964de4');

#hero-background {
  grid-row-end: row-3;
}

.grid-container {
  grid-template-rows:
    [row-1] 64px [row-2] calc(15rem - 64px)
    [row-3] auto [row-4] 13rem [row-5] !important;
}

#help,
#info {
  grid-column-start: line-2;
  grid-column-end: line-3;
  grid-row-start: row-3;
  grid-row-end: row-4;
  display: block;
  width: 100%;
  padding: 1rem 0 1rem 0;
}

#help > div,
#info > div {
  margin-bottom: 4rem;
}

#help :target:not(.video),
#info :target:not(.video) {
  display: block;
  margin: 1rem -1rem;
  padding: 0.1rem 1rem;
  border-radius: 1rem;
  background-color: var(--color-white);
  box-shadow: 0 0.125rem 1rem 0 var(--box-shadow-color);
}

#help :target + div,
#info :target + div {
  margin-top: 3rem;
}

#version {
  display: none;
}

#contents ul {
  list-style: none;
  padding: 0;
}

#contents ul li {
  margin-bottom: 0.25rem;
}

.link-button {
  display: block;
  width: max-content;
  font-size: 1.2rem;
  padding: 0.5rem 1.2rem 0.5rem 1.2rem;
  margin: auto auto;
}

.video {
  max-width: 100%;
  max-height: 90vh;
}

@media print {
  #top-nav-links,
  #footer,
  #footer-content,
  .link-button {
    display: none;
  }
  .grid-container {
    grid-template-columns: [line-1] 0px [line-2] auto [line-3] 0px [line-4];
    grid-template-rows:
      [row-1] 64px [row-2] calc(15rem - 64px)
      [row-3] auto [row-4] 0px [row-5] !important;
  }
  #version {
    display: block;
  }
}