/**
 * Block : Fallback Events
 * =================================
 *
 *
 *
 */

.fallback-events__body {
  position: relative;
}

@media screen and (min-width: 1200px) {
  .fallback-events__body::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 80%;
    height: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.63;
    background: radial-gradient(
      circle,
      rgba(242, 141, 39, 1) 0%,
      rgba(255, 255, 255, 1) 55%
    );
  }
}

.fallback-events__body .controls {
  position: absolute;
  top: 50%;
  left: -7.5px;
  transform: translateY(-50%);
  width: calc(100% + 15px);
  z-index: 2;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fallback-events__body .controls > button {
  pointer-events: auto;
  width: 30px;
  height: 30px;
}

.fallback-events__body .controls > button svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.fallback-events__body .controls > button.js-slider-fallback-events-next svg {
  position: relative;
  right: 1px;
}

.fallback-events__body .controls > button svg path {
  fill: var(--wp--preset--color--secondary);
}

@media screen and (max-width: 1199px) {
  .fallback-events__body .tns-inner {
    padding: 0 29px;
  }
}

@media (max-width: 1025px) {
  .model-events__item::before,
  .model-events__item .model-events__item-title,
  .model-events__item .model-events__item-date,
  .model-events__item .model-events__item-more {
    opacity: 1;
  }
  .model-events__item .model-events__item-more {
    transform: scale(1) rotate(0);
  }
}