/**
 * ###############################################################################
 * ##
 * ## @file:         _variables.scss
 * ## @description:  Defines some global variables for the website
 * ##
 * ###############################################################################
 */
/**
 *  BREAKPOINTS
 * ---------------------------------------------------------------------------- */
/**
 *  COLORS
 * ---------------------------------------------------------------------------- */
/*  Default color definitions ==> only change values! */
/* Status & validation colors */
.gallery--full {
  margin-bottom: 30px;
}

.thumbnails__wrapper--navigation {
  position: relative;
}

.gallery--thumbnails {
  width: calc(100% - 100px);
}

@media (min-width: 600px) {
  .gallery--thumbnails {
    width: calc(100% - 150px);
  }
}

.swiper-button-prev,
.swiper-button-next {
  width: 50px;
  height: 50px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 28px;
  color: #778769;
  font-weight: 700;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0;
}

.pswp--svg .pswp__button--arrow--left::before, .pswp--svg .pswp__button--arrow--right::before {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
/*# sourceMappingURL=../../maps/vendors/swiper/gallery.css.map */