/**
 * @package         Modals
 * @version         11.10.1
 * 
 * @author          Peter van Westen <info@regularlabs.com>
 * @link            http://regularlabs.com
 * @copyright       Copyright © 2022 Regular Labs All Rights Reserved
 * @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
/**
 * Based on GLightbox: https://github.com/biati-digital/rl-modals
 */
/**
 * @package         Modals
 * @version         11.10.1
 * 
 * @author          Peter van Westen <info@regularlabs.com>
 * @link            http://regularlabs.com
 * @copyright       Copyright © 2022 Regular Labs All Rights Reserved
 * @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
.rl-modals-modal.rl-modals-style-default {
  /* CONTENT TYPES */
}
.rl-modals-modal.rl-modals-style-default .rl-modals-overlay {
  background-color: rgba(0, 0, 0, 0.9);
}
.rl-modals-modal.rl-modals-style-default .rl-modals-container {
  --padding-bottom: 10px;
  padding-bottom: var(--padding-bottom);
}
@media (min-width: 768px) {
  .rl-modals-modal.rl-modals-style-default .rl-modals-container {
    --padding-bottom: 30px;
  }
}
.rl-modals-modal.rl-modals-style-default .rl-modals-top {
  --padding: 10px 10px;
  padding: var(--padding);
}
@media (min-width: 1024px) {
  .rl-modals-modal.rl-modals-style-default .rl-modals-top {
    --padding: 10px 20px;
  }
}
.rl-modals-modal.rl-modals-style-default .rl-modals-slide {
  --padding: 0 10px;
  padding: var(--padding);
}
@media (min-width: 1024px) {
  .rl-modals-modal.rl-modals-style-default .rl-modals-slide {
    --padding: 0 20px;
  }
}
.rl-modals-modal.rl-modals-style-default .rl-modals-slide-container {
  border-radius: 4px;
}
.rl-modals-modal.rl-modals-style-default .rl-modals-slide-before,
.rl-modals-modal.rl-modals-style-default .rl-modals-slide-after {
  border: 0 solid #eeeeee;
}
.rl-modals-modal.rl-modals-style-default .rl-modal-slides-vertical .rl-modals-slide-before {
  border-bottom-width: 1px;
  max-height: 30vh;
}
.rl-modals-modal.rl-modals-style-default .rl-modal-slides-vertical .rl-modals-slide-after {
  border-top-width: 1px;
  max-height: 30vh;
}
.rl-modals-modal.rl-modals-style-default .rl-modal-slides-horizontal .rl-modals-slide-before {
  border-right-width: 1px;
  max-width: 30vw;
}
.rl-modals-modal.rl-modals-style-default .rl-modal-slides-horizontal .rl-modals-slide-after {
  border-left-width: 1px;
  max-width: 30vw;
}
.rl-modals-modal.rl-modals-style-default .rl-modals-slide-content,
.rl-modals-modal.rl-modals-style-default .rl-modals-slide-title,
.rl-modals-modal.rl-modals-style-default .rl-modals-slide-description {
  margin: 0;
}
.rl-modals-modal.rl-modals-style-default .rl-modals-slide-title,
.rl-modals-modal.rl-modals-style-default .rl-modals-slide-description {
  padding: 10px 20px;
}
.rl-modals-modal.rl-modals-style-default .rl-modals-previous,
.rl-modals-modal.rl-modals-style-default .rl-modals-next,
.rl-modals-modal.rl-modals-style-default .rl-modals-close {
  content: "";
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0.7;
  border: none;
  padding: 0;
  margin: 0;
  filter: drop-shadow(0 0 3px #000000);
}
.rl-modals-modal.rl-modals-style-default .rl-modals-previous:hover,
.rl-modals-modal.rl-modals-style-default .rl-modals-next:hover,
.rl-modals-modal.rl-modals-style-default .rl-modals-close:hover {
  opacity: 1;
}
.rl-modals-modal.rl-modals-style-default .rl-modals-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 32 32' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 2L30 30M30 2L2 30' /%3E%3C/svg%3E");
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
}
.rl-modals-modal.rl-modals-style-default .rl-modals-previous,
.rl-modals-modal.rl-modals-style-default .rl-modals-next {
  display: none;
  background-size: 22px 40px;
  height: 100%;
  min-height: 22px;
  padding: 0;
}
@media (min-width: 768px) {
  .rl-modals-modal.rl-modals-style-default .rl-modals-previous,
.rl-modals-modal.rl-modals-style-default .rl-modals-next {
    display: inherit;
    width: 60px;
  }
}
@media (min-width: 1024px) {
  .rl-modals-modal.rl-modals-style-default .rl-modals-previous,
.rl-modals-modal.rl-modals-style-default .rl-modals-next {
    width: 100px;
  }
}
.rl-modals-modal.rl-modals-style-default .rl-modals-previous {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 40' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 2L2 20L20 38' /%3E%3C/svg%3E");
}
.rl-modals-modal.rl-modals-style-default .rl-modals-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 40' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 2L20 20L2 38' /%3E%3C/svg%3E");
}
.rl-modals-modal.rl-modals-style-default .rl-modals-pagination {
  --margin: 0 10px;
  --padding-bottom: 10px;
  padding-top: 10px;
  padding-bottom: var(--margin);
  margin: var(--margin);
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .rl-modals-modal.rl-modals-style-default .rl-modals-pagination {
    --padding-bottom: 40px;
    --margin: 0 20px;
  }
}
.rl-modals-modal.rl-modals-style-default .rl-modals-page {
  --size: 5vw;
  box-sizing: content-box;
  background-clip: content-box;
  background-color: #ffffff;
  opacity: 0.5;
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
  padding: calc(var(--size) / 4);
  transition: all 0.1s linear;
}
@media (min-width: 640px) {
  .rl-modals-modal.rl-modals-style-default .rl-modals-page {
    --size: 3vw;
  }
}
@media (min-width: 768px) {
  .rl-modals-modal.rl-modals-style-default .rl-modals-page {
    --size: 12px;
  }
}
.rl-modals-modal.rl-modals-style-default .rl-modals-page.active, .rl-modals-modal.rl-modals-style-default .rl-modals-page:hover {
  opacity: 1;
}
.rl-modals-modal.rl-modals-style-default .rl-modals-page.active {
  background-color: #115dda;
}
.rl-modals-modal.rl-modals-style-default .rl-modals-page:hover:not(.active) {
  transform: scale(1.2);
}
.rl-modals-modal.rl-modals-style-default .rl-modals-type-image {
  background: transparent;
}
.rl-modals-modal.rl-modals-style-default .rl-modals-type-video {
  background: #000000;
}
.rl-modals-modal.rl-modals-style-default .rl-modals-type-inline {
  background: #ffffff;
}
.rl-modals-modal.rl-modals-style-default .rl-modals-type-inline .rl-modals-slide-content {
  padding: 20px;
}
.rl-modals-modal.rl-modals-style-default .rl-modals-type-iframe {
  background: #ffffff;
}