/* Estilos propios para carrusel de fotos PhotoSwipe 04/XII/2017 FMC */

.pswp__caption__center {
  font-size: 14px;
  text-align: center;
  color: #FFF
}
.pswp__ui--fit {
  .pswp__top-bar, .pswp__caption {
    background: rgba(0, 0, 0, 0.5);
  }
}
.pswp__button {
  float: right;
  background: none;
  svg {
    width: 19px;
    height: 30px;
    fill: #ffffff;
    right: 16px
  }
}

/* Ajuste CSS necesario para evitar forzar la altura en
usr/local/global/headers/common/js/libraries/widgets/packages/page/package/PackageGalleryWidget/Plugin.js:40  */
.pswp__img {
  height: auto !important;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: none; }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }


.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
  background: none;
  right: 16px
}
.pswp__button--arrow--left {
  width: 50px;
  height: 110px;
  font-size: 40px;
  position: absolute;
  top: 48%;
  color: #FFF
}
.pswp__button--arrow--right {
  width: 50px;
  height: 110px;
  font-size: 40px;
  position: absolute;
  top: 48%;
  color: #FFF
}
.arrow-off {
  opacity: 0.2 !important;
  cursor: default !important
}

.pswp__counter {
  left: 0
}