h1, h2, h3, h4, h5, h6 {
  font-family: 'PT Sans Narrow', sans-serif;
}

li a, p a {
  text-decoration: none
}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version %%INJECT_VERSION%%
 * @url https://github.com/feimosi/baguetteBox.js
 */

#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #222;
  background-color: rgba(0, 0, 0, .8);
  transition: opacity .5s ease
}

#baguetteBox-overlay.visible {
  opacity: 1
}

#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center
}

#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%
}

#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  white-space: normal;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, .6);
  font-family: 'PT Sans Narrow', sans-serif
}

#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px
}

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
  animation: a .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
  animation: b .4s ease-out
}

@keyframes a {
  0% {
    margin-left: 0
  }
  50% {
    margin-left: -30px
  }
  to {
    margin-left: 0
  }
}

@keyframes b {
  0% {
    margin-left: 0
  }
  50% {
    margin-left: 30px
  }
  to {
    margin-left: 0
  }
}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px
}

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, .5);
  color: #ddd;
  font: 1.6em sans-serif;
  transition: background-color .4s ease
}

.baguetteBox-button:focus, .baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
  right: 2%
}

.baguetteBox-button#previous-button {
  left: 2%
}

.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px
}

.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0
}

.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px
}

.baguetteBox-double-bounce1, .baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  animation: c 2s infinite ease-in-out
}

.baguetteBox-double-bounce2 {
  animation-delay: -1s
}

@keyframes c {
  0%, to {
    transform: scale(0)
  }
  50% {
    transform: scale(1)
  }
}

code[class*=language-], pre[class*=language-] {
  color: #000;
  background: none;
  text-shadow: 0 1px #fff;
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none
}

code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc
}

code[class*=language-]::selection, code[class*=language-] ::selection, pre[class*=language-]::selection, pre[class*=language-] ::selection {
  text-shadow: none;
  background: #b3d4fc
}

@media print {
  code[class*=language-], pre[class*=language-] {
    text-shadow: none
  }
}

pre[class*=language-] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto
}

:not(pre)>code[class*=language-], pre[class*=language-] {
  background: #f5f2f0
}

:not(pre)>code[class*=language-] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal
}

.token.cdata, .token.comment, .token.doctype, .token.prolog {
  color: #708090
}

.token.punctuation {
  color: #999
}

.namespace {
  opacity: .7
}

.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
  color: #905
}

.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
  color: #690
}

.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url {
  color: #9a6e3a;
  background: hsla(0, 0%, 100%, .5)
}

.token.atrule, .token.attr-value, .token.keyword {
  color: #07a
}

.token.class-name, .token.function {
  color: #dd4a68
}

.token.important, .token.regex, .token.variable {
  color: #e90
}

.token.bold, .token.important {
  font-weight: 700
}

.token.italic {
  font-style: italic
}

.token.entity {
  cursor: help
}

.visually-hidden:not(:focus):not(:active) {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px)
}

.skip-link {
  position: absolute;
  top: 60px;
  z-index: 1
}

.navbar-brand .navbar-item, .skip-link {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 1.5rem;
  font-weight: 700
}

.navbar-end {
  margin-left: 0;
  margin-top: 2.2%;
  max-width: 280px;

}

@media screen and (max-width:768px) {
  .navbar-end form {
    padding: 1rem
  }
  .navbar-end form .control:first-child {
    width: 100%
  }
}

.notification ul {
  margin: .5em 1.4em;
  list-style-type: disc
}

.teaser {
  font-weight: 700;
  margin-bottom: 1rem
}

.card, .card-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.card-content .button:last-child {
  margin-top: auto
}

.section-latest-entries .buttons {
  margin-top: 1.5rem
}

.tags {
  margin-top: 3rem
}

.tags .label {
  margin-right: .5em
}

.section-record .image {
  margin-top: 3rem;
  margin-bottom: 3rem
}

.button {
  text-decoration: none
}

p.meta {
  margin-top: 1rem;
  color: #777;
  font-size: 90%
}

@media screen and (max-width:768px) {
  .media {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.media-right {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  margin-left: 0
}

@media screen and (max-width:768px) {
  .media-right {
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    margin-bottom: 1rem
  }
}

.imageholder img {
  width: 100%
}

.notification>.delete {
  right: .5rem;
  top: .5rem
}

.hero-image {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.hero.is-large .hero-body {
  padding-bottom: 4rem;
  padding-top: 4rem
}

@media screen and (max-width:768px) {
  .hero.is-large .hero-body {
    padding-bottom: 3.1rem;
    padding-top: 0;
  }
}

.hero.is-large .hero-body h1.title, .hero.is-large .hero-body h2.subtitle {
  text-shadow: 2px 2px 15px rgba(0, 0, 0, .4)
}

.hero.is-large .hero-body h1.title {
  font-size: 2rem;
  font-weight: 700
}

.hero.is-large .hero-body h2.subtitle {
  font-size: 1.5rem
}

@media print, screen and (min-width:769px) {
  .hero.is-large .hero-body {
    padding-bottom: 5rem;
    padding-top: 5rem
  }
  .hero.is-large .hero-body h1.title {
    font-size: 2.5rem
  }
  .hero.is-large .hero-body h2.subtitle {
    font-size: 1.875rem
  }
}

  .hero.is-large .hero-body h1.title {
    font-size: 3rem
  }
  .hero.is-large .hero-body h2.subtitle {
    font-size: 2.25rem
  }
}

.footer {
  padding: 2rem 1.5rem
}

[data-background-image] {
  position: relative
}

[data-background-image] .dark-overlay {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000
}

pre .tag {
  margin: 0;
  padding: 0;
  background-color: transparent;
  display: inherit;
  font-size: inherit
}

pre .number {
  font-size: 1em
}

.hidden {
    display: none;
}