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

.pswp .pswp__top-bar {
  background-color: transparent;
}

ul.pswp__container {
  margin: 0;
}

.pswp__img {
  padding: 25px;
}

.pswp__button:focus,
.pswp__button:hover {
  border: 0 none;
  background-color: transparent;
}

.pswp--svg .pswp__button--arrow--left::before,
.pswp--svg .pswp__button--arrow--right::before {
  content: 'previous';
  background-color: transparent;
  background-image: none;
  color: #fff;
  font-family: swiper-icons;
  line-height: 1;
  font-size: 30px;
}

.pswp--svg .pswp__button--arrow--right::before {
  content: 'next';
}

.pswp--svg .pswp__button.pswp__button--close {
  background-image: none;
  top: 25px;
  right: 25px;
  background: none;
}

.pswp--svg .pswp__button.pswp__button--close:after {
  font-size: 20px;
  content: "X";
  position: absolute;
  display: block;
  color: #fff;
  width: 44px;
  height: 44px;
  top: 10px;
}

.pswp--svg .pswp__button.pswp__button--close:hover {
  background-color: #fff;
}

.pswp--svg .pswp__button.pswp__button--close:hover:after {
  color: #778769;
}
/*# sourceMappingURL=../../maps/vendors/photoswipe/lightbox.css.map */