/**
 SASS files that don't get compiled into CSS. Do not put element selectors in here.
 Every file not starting with '_' should import this file if you want to use functions and mixins.
 */
/**
 * SASS variables
 *
 These are only used in the properties and abstract SASS files.
 */
/**
 Breakpoints and columns
 */
/**
 Text
 */
/**
Fill in the header styles, only write the properties you want to override.
 */
/**
 Form
 */
/**
  Buttons
 */
/**
 Breakpoints

 @param {Keyword} $breakpoint - The breakpoint name of the minimum width. Can be any of the names in the $breakpoint variable
 */
/**
  Custom column size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size in columns or 'expand'/'shrink'.
  @param {number} $total - the total size in columns. Ignored when size is 'expand'/'shrink'
 */
/**
  Custom offset size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size of the offset.
  @param {number} $total - the total size in columns.
  @param {string} - the side from the offset.
 */
.paragraph--type--gallery {
  --title-color:var(--secondary-color);
}
.paragraph--type--gallery .field--name-field-slider {
  position: relative;
}
.paragraph--type--gallery .field--name-field-slider .swiper {
  border-radius: 32px;
  z-index: 19;
}
.paragraph--type--gallery .field--name-field-slider img, .paragraph--type--gallery .field--name-field-slider video {
  max-height: 500px;
  width: auto;
  border-radius: 32px;
}
.paragraph--type--gallery .field--name-field-slider .swiper-buttons {
  margin-top: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  z-index: 20;
}
@media (min-width: 992px) {
  .paragraph--type--gallery .field--name-field-slider .swiper-buttons {
    top: 0;
    margin-top: 0px;
    position: absolute;
    width: calc(100% + 44px);
    left: -22px;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.paragraph--type--gallery .field--name-field-slider .swiper-buttons svg {
  display: none !important;
}
.paragraph--type--gallery .field--name-field-slider .swiper-buttons > div {
  width: 43px;
  height: 43px;
  background-image: url("data:image/svg+xml,%3Csvg width='43' height='43' viewBox='0 0 43 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='43' height='43' rx='10' fill='%23E03026'/%3E%3Cpath d='M13.4175 20.143C12.7255 20.9896 12.7793 22.2325 13.5653 23.0186L22.1653 31.6186C22.7835 32.2368 23.7039 32.4182 24.5102 32.0822C25.3164 31.7463 25.8405 30.9669 25.8405 30.0935V12.8935C25.8405 12.0268 25.3164 11.2407 24.5102 10.9047C23.7039 10.5688 22.7835 10.7569 22.1653 11.3683L13.5653 19.9683L13.4175 20.1296V20.143Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  transition: 0.4s ease;
  cursor: pointer;
}
@media (min-width: 768px) {
  .paragraph--type--gallery .field--name-field-slider .swiper-buttons > div {
    width: 43px;
    height: 43px;
  }
}
.paragraph--type--gallery .field--name-field-slider .swiper-buttons > div::after, .paragraph--type--gallery .field--name-field-slider .swiper-buttons > div::before {
  display: none;
}
.paragraph--type--gallery .field--name-field-slider .swiper-buttons > div:hover {
  opacity: 0.7;
}
.paragraph--type--gallery .field--name-field-slider .swiper-button-next {
  transform: scaleX(-1);
  margin-left: 25px;
}
.paragraph--type--gallery .field--name-field-slider .swiper-slide {
  width: auto;
}