.thumb-md {
  width: $spacing-md;
  height: $spacing-md;
}

.gallery-single-line {
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: $spacing-md * 2;
  position: relative;

  .slides {
    position: relative;
    left: 0px;
  }
  img {
    max-height: 250px;
    border: $border-width solid $border-color;
  }
}

%navigation-gallery {
  position: absolute;
  z-index: 1;
  background-color: $petrol-transparent;
  color: $white;
  width: $spacing;
  top: 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  height: 100%;
  @include hover-focus {
    background-color: $link-hover-color;
    color: $white;
  }
}

.gallery-nav-left {
  @extend %navigation-gallery;
  left: 0px;
}
.gallery-nav-right {
  @extend %navigation-gallery;
  right: 0px;
}

.avatar {
  background-color: $white;
}