/*@mixin radial-spin () {

    // explanation http://davidwalsh.name/css-circles 
    @-webkit-keyframes spin {
        from {
            -webkit-transform: rotate(0deg);
        }

        to {
            -webkit-transform: rotate(360deg);
        }
    }

    @-moz-keyframes spin {
        from {
            -moz-transform: rotate(0deg);
        }

        to {
            -moz-transform: rotate(360deg);
        }
    }

    @-ms-keyframes spin {
        from {
            -ms-transform: rotate(0deg);
        }

        to {
            -ms-transform: rotate(360deg);
        }
    }
}*/
.modal-slider .btn-close {
  perspective: 1000;
  backface-visibility: hidden;
}

:root {
  --sk-modalslider-bg: #fff;
  --sk-modalslider-btn-close-opacity: 0.8;
  --sk-modalslider-btn-close-hover-opacity: 1;
  --sk-modalslider-btn-close-color: #fff;
  --sk-modalslider-btn-close-bg: #0d6efd;
  --sk-modalslider-btn-close-size: 2em;
  --sk-modalslider-fcaption-font-size: 1rem;
  --sk-modalslider-fcaption-title-weight: 600;
  --sk-modalslider-fcaption-line-height: 1.2rem;
  --sk-modalslider-fcaption-above-color: #000;
  --sk-modalslider-fcaption-above-bg-rgb: 255, 255, 255;
  --sk-modalslider-fcaption-above-opacity:0.85;
}

.modal-slider {
  --bs-modal-border-width: 0;
  --bs-modal-border-radius: 0;
  --bs-modal-bg: var(--sk-modalslider-bg, #fff);
}
.modal-slider figcaption[class^=figcaption-],
.modal-slider figcaption[class*=" figcaption-"] {
  padding: 1.5rem;
  font-size: var(--sk-modalslider-fcaption-font-size, 0.8rem);
  line-height: var(--sk-modalslider-fcaption-line-height, 1rem);
}
.modal-slider .figcaption-title {
  font-weight: var(--sk-modalslider-fcaption-title-weight, 600);
}
.modal-slider .figcaption-above {
  color: var(--sk-modalslider-fcaption-above-color, #000);
  background: rgba(var(--sk-modalslider-fcaption-above-bg-rgb), var(--sk-modalslider-fcaption-above-opacity, 0.65));
}
.modal-slider .splide .figcaption-above {
  padding-bottom: 2.5rem;
}
.modal-slider .splide.hidde-caption .figcaption-above {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.modal-slider .splide__slide img {
  max-height: 100%;
}
.modal-slider .btn-close {
  --bs-btn-close-opacity: var(--sk-modalslider-btn-close-opacity, 0.8);
  --bs-btn-close-hover-opacity: var(--sk-modalslider-btn-close-hover-opacity, 1);
  --bs-btn-close-bg: var(--sk-modalslider-btn-close-bg, $primary);
  --bs-btn-close-focus-shadow: none;
  --bs-btn-close-color: var(--sk-modalslider-btn-close-color, #fff);
  font-size: var(--sk-modalslider-btn-close-font-size, 17px);
  background-color: var(--bs-btn-close-bg);
  -webkit-transition: -webkit-opacity 0.2s ease-out;
  -moz-transition: -moz-opacity 0.2s ease-out;
  -ms-transition: -ms-filter 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.modal-slider .btn-close:active {
  color: var(--bs-btn-close-color);
  background-color: var(--bs-btn-close-bg);
  opacity: var(--bs-btn-close-hover-opacity);
}

@media (max-width: 575.98px) {
  .modal-slider figcaption[class^=figcaption-],
  .modal-slider figcaption[class*=" figcaption-"] {
    padding: 0.5rem;
    font-size: 0.8rem;
    line-height: 1rem;
  }
}

/*# sourceMappingURL=modalslider.css.map */