/* -------------------------------------------------- Mixins */
/*
<div class="progress-circle p{VALUE_OF_PROGRESS} {if VALUE_OF_PROGRESS > 50}over50{/if}">
	<span>{VALUE_OF_PROGRESS}%</span>
	<div class="left-half-clipper">
		<div class="first50-bar"></div>
		<div class="value-bar"></div>
	</div>
</div>
*/
/* ---------------------------------------------------------------------- */
/* -------------------------------------------------- Gallery */
:root {
  --wkGallery-width: 28rem;
}
@media (min-width: 375px) {
  :root {
    --wkGallery-width: 35rem;
  }
}
@media (min-width: 576px) {
  :root {
    --wkGallery-width: 52rem;
  }
}
@media (min-width: 768px) {
  :root {
    --wkGallery-width: 72rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --wkGallery-width: 98rem;
  }
}
@media (min-width: 1280px) {
  :root {
    --wkGallery-width: 106rem;
  }
}
@media (min-width: 1366px) {
  :root {
    --wkGallery-width: 128rem;
  }
}

.wkGallery {
  background: var(--primary--xlite);
  margin: 5rem auto;
  max-width: 192rem;
  padding: 4rem 1.5rem 1.5rem 1.5rem;
}
@media (min-width: 576px) {
  .wkGallery {
    padding: 4rem 2.5rem 2.5rem 2.5rem;
  }
}
@media (min-width: 1280px) {
  .wkGallery {
    padding: 4rem 2.5rem 5.5rem 2.5rem;
  }
}
.wkGallery .heading {
  max-width: 128rem;
}
.wkGallery__wrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-height: 60rem;
  max-width: 128rem;
}
.wkGallery__content {
  height: 100%;
  margin: 0 auto;
  max-width: 128rem;
  padding-bottom: 3rem;
  position: relative;
  width: 100%;
}
.wkGallery__swiper {
  height: calc(var(--wkGallery-width) / 1.777777778);
  margin: 0 auto;
  overflow: hidden;
  width: var(--wkGallery-width);
}
@media (min-width: 1366px) {
  .wkGallery__swiper {
    height: calc(var(--wkGallery-width) / 2.133333333);
  }
}
.wkGallery__swiper .swiper-pagination {
  margin-top: 1rem;
}
.wkGallery__swiper .swiper-pagination-bullet {
  background: var(--grey);
}
.wkGallery__swiper .swiper-pagination-bullet-active {
  background: var(--primary);
  height: 1rem;
  width: 1rem;
}
.wkGallery__swiper .swiper-button-prev, .wkGallery__swiper .swiper-button-next {
  cursor: pointer;
  height: 100%;
  margin: 0;
  max-height: 60rem;
  top: 0;
  width: 7%;
  z-index: 2;
}
.wkGallery__swiper .swiper-button-prev:before, .wkGallery__swiper .swiper-button-next:before {
  background: var(--primary);
  content: "";
  display: block;
  height: 3rem;
  position: absolute;
  width: 3rem;
}
@media (min-width: 768px) {
  .wkGallery__swiper .swiper-button-prev:before, .wkGallery__swiper .swiper-button-next:before {
    height: 5rem;
    width: 5rem;
  }
}
.wkGallery__swiper .swiper-button-prev:after, .wkGallery__swiper .swiper-button-next:after {
  color: #fff;
  font-family: "RTK";
  font-size: 1.2rem;
  position: absolute;
}
@media (min-width: 768px) {
  .wkGallery__swiper .swiper-button-prev:after, .wkGallery__swiper .swiper-button-next:after {
    font-size: 2rem;
  }
}
.wkGallery__swiper .swiper-button-prev {
  left: 0;
}
.wkGallery__swiper .swiper-button-prev:before {
  left: 0;
}
.wkGallery__swiper .swiper-button-prev:after {
  content: "\e982";
  left: 0.8rem;
}
@media (min-width: 768px) {
  .wkGallery__swiper .swiper-button-prev:after {
    left: 1.3rem;
  }
}
.wkGallery__swiper .swiper-button-next {
  right: 0;
}
.wkGallery__swiper .swiper-button-next:before {
  right: 0;
}
.wkGallery__swiper .swiper-button-next:after {
  content: "\e983";
  right: 0.8rem;
}
@media (min-width: 768px) {
  .wkGallery__swiper .swiper-button-next:after {
    right: 1.3rem;
  }
}
.wkGallery__image {
  align-items: center;
  cursor: grab;
  display: flex !important;
  height: calc(var(--wkGallery-width) / 1.777777778) !important;
  justify-content: center;
  max-height: 60rem;
  outline: 0;
  position: relative;
}
@media (min-width: 1366px) {
  .wkGallery__image {
    height: calc(var(--wkGallery-width) / 2.133333333) !important;
  }
}
.wkGallery__image:focus, .wkGallery__image:active {
  cursor: grabbing;
}
.wkGallery__image a {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
}
.wkGallery__image a:hover .wkGallery__original, .wkGallery__image a:focus .wkGallery__original {
  opacity: 1;
}
.wkGallery__image picture {
  display: flex;
  height: 100%;
  overflow: hidden;
}
.wkGallery__image img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .wkGallery__image img {
    max-height: none;
    max-width: none;
    width: 100%;
  }
}
.wkGallery__image figcaption {
  background: rgba(255, 255, 255, 0.6);
  bottom: 0;
  color: var(--text);
  font-size: var(--font-size--xsmall);
  padding: 0.5rem 2rem;
  position: absolute;
  text-align: center;
}
.wkGallery__original {
  bottom: 2rem;
  color: #fff;
  left: 2rem;
  opacity: 0;
  position: absolute;
  text-shadow: 0.1rem 0.1rem 0.1rem #000;
  transition: opacity 0.3s ease-in;
}
/*# sourceMappingURL=wkGallery.css.map */
