/**
 * COLORS
 * blue-dark: #005980
 * blue-light: #1683bb
 * green-light: #a9cf37
 * green-dark: #2d7d2f;
 * grey: #cecece;
 */

.sr-only {
    display: none;
}

.ui.floated.header, .ui.header[class*="left floated"] {
    margin-bottom: 0;
}

.logo h1 {
    min-height: 0;
    font-size: 0;
    margin: 0;
    text-indent: -9999px;
}

.logo {
    width: 123px;
    height: 71px
}

time {
    font-style: italic;
    font-size: 0.9em;
    color: green;
}

.item .relaxed.content {
    padding: 1em 0em 1em 0em;
}

.relaxed.content .description {
    padding-top: 1em;
}

.ui.secondary.pointing.menu {
    margin-bottom: 1em;
    border-bottom: 2px solid #21ba45;
}

.ui.top.attached.segment {
    background-color: #FAFAFA;
}

#footer {
    margin-top: 2em;
    background-color: #FAFAFA;
}

.markdown ol li {
    padding: 0.5em 0;
}

.markdown table {
    width: 100%;
    padding: 0.5em;
    margin-bottom: 1em;
    border: 1px solid #E8E8E8;
    border-collapse: collapse;
}

.markdown th, td {
    padding: 0.5em;
    border: 1px solid #E8E8E8;
    text-align: left;
}

.markdown th {
    background-color: #2d7F2F;
    color: #FFFFFF;
}

.markdown tr:hover {
    background-color: #f5f5f5
}

.eidas-mark:hover img {
    position: relative;
    top: -2px;
}

footer .logo {
    width: 80px;
    height: auto;
}

img.certificate {
  max-height: 400px;
}

/* Source: https://schier.co/blog/2013/11/16/creating-pure-css-lightboxes-with-the-target-selector.html */

.lightbox {
  /** Hide the lightbox */
  display: none;

  /** Apply basic lightbox styling */
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: black;
  background: rgba(0,0,0,0.8);
}

.lightbox img {
  /** Pad the lightbox image */
  max-width: 90%;
  max-height: 80%;
  margin-top: 2%;
}

.lightbox:target {
  /** Show lightbox when it is target */
  display: block;

  /** Remove default browser outline style */
  outline: none;
}