:root {
  --ss-calendar-events-background-opacity: 1.0;
  --ss-calendar-events-background-image: none;
  --ss-calendar-events-background-color: none;
  --ss-calendar-events-event-time-color: inherit;
  --ss-calendar-events-optional-heading-color: var(--site-design-link-color);
  --ss-calendar-events-calendar-link-font-family: inherit;
  --ss-calendar-events-calendar-link-font-size: auto;
  --ss-calendar-events-calendar-link-color: inherit;
  --ss-calendar-events-calendar-link-background-color: inherit;
}

.ss-component-column-wrapper::before,
.ss-component-column-wrapper::after {
  display: none;
}

.ss-calendar-events__v2 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-image: var(--ss-calendar-events-background-image);
}
.ss-calendar-events__v2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--ss-calendar-events-background-color);
  opacity: var(--ss-calendar-events-background-opacity);
  z-index: -1;
}
.ss-calendar-events__v2 .ss-component-header-title {
  color: var(--ss-calendar-events-optional-heading-color);
}
.ss-calendar-events__v2 .ss-component-header-title:empty {
  display: none;
}
.ss-calendar-events__v2 .ss-component-intro:empty {
  display: none;
}
.ss-calendar-events__v2 .ss-component-intro,
.ss-calendar-events__v2 .ss-calendar-events__no-events-message {
  color: var(--ss-calendar-events-event-time-color);
}
.ss-calendar-events__v2 .ss-calendar-events__no-events-message {
  text-align: center;
}
.ss-calendar-events__v2 .animated-button {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  color: var(--ss-calendar-events-calendar-link-color) !important;
  background-color: var(--ss-calendar-events-calendar-link-background-color);
  font-size: var(--ss-calendar-events-calendar-link-font-size);
  font-family: var(--ss-calendar-events-calendar-link-font-family);
  font-weight: normal;
}
.ss-calendar-events__v2 .animated-button:visited, .ss-calendar-events__v2 .animated-button:hover, .ss-calendar-events__v2 .animated-button:active {
  color: var(--ss-calendar-events-calendar-link-color) !important;
}
.ss-calendar-events__v2 .animated-button svg {
  height: 11px;
}
.ss-calendar-events__v2 .calendar-events-slider-nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
}
.ss-calendar-events__v2 .calendar-events-slider-nav.has-calendar-link {
  justify-content: space-between;
}
.ss-calendar-events__v2 .calendar-events-slider-nav.has-calendar-link .animated-button {
  order: 2;
}
.ss-calendar-events__v2 .calendar-events-slider-nav.has-calendar-link .carousel-nav-option:last-of-type {
  order: 3;
}
.ss-calendar-events__v2 .calendar-events-slider-nav.has-calendar-link .carousel-nav-option.slick-hidden {
  opacity: 0;
  display: inline-block;
}
.ss-calendar-events__v2 calendar-event {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .ss-calendar-events__v2 .calendar-events-style-six-events calendar-event {
    margin-bottom: 40px;
  }
}

.ss-calendar-events__v2 .ss-component-intro a, .ss-calendar-events__v2 .ss-component-intro a:visited, .ss-calendar-events__v2 .ss-component-intro a:active, .ss-calendar-events__v2 .ss-component-intro a:link,
.ss-calendar-events__v2 .calendar-events-component-body-content a,
.ss-calendar-events__v2 .calendar-events-component-body-content a:visited,
.ss-calendar-events__v2 .calendar-events-component-body-content a:active,
.ss-calendar-events__v2 .calendar-events-component-body-content a:link {
  color: var(--ss-calendar-events-event-content-color, inherit);
  font-weight: 600;
}
.ss-calendar-events__v2 .ss-component-intro a:hover, .ss-calendar-events__v2 .ss-component-intro a:visited:hover, .ss-calendar-events__v2 .ss-component-intro a:active:hover, .ss-calendar-events__v2 .ss-component-intro a:link:hover,
.ss-calendar-events__v2 .calendar-events-component-body-content a:hover,
.ss-calendar-events__v2 .calendar-events-component-body-content a:visited:hover,
.ss-calendar-events__v2 .calendar-events-component-body-content a:active:hover,
.ss-calendar-events__v2 .calendar-events-component-body-content a:link:hover {
  text-decoration: underline;
}
.ss-calendar-events__v2 .ss-component-column__events-container {
  position: relative;
  transition: transform 0.5s ease-in-out;
}
.ss-calendar-events__v2 .ss-component-column__events-container.is-loading {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  min-height: 250px;
  max-height: 250px;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
  transform: translateY(20%);
}
.ss-calendar-events__v2 .ss-component-column__events-container:not(.is-loading) .skeleton-loader {
  opacity: 0;
  visibility: hidden;
}
.ss-calendar-events__v2 .ss-component-column__events-container.is-loading .ss-calendar-events__events-slider {
  opacity: 0;
}
.ss-calendar-events__v2 .ss-component-column__events-container.is-loading .calendar-events-slider-nav {
  opacity: 0;
}
.ss-calendar-events__v2 .ss-component-column__events-container.is-empty .calendar-events-slider-nav {
  display: none;
}
.ss-calendar-events__v2 .ss-calendar-events__events-slider {
  margin: 0 auto 0;
}
.ss-calendar-events__v2 .ss-calendar-events__events-slider .slick-list {
  margin: 0 -20px;
}
.ss-calendar-events__v2 .ss-calendar-events__events-slider .slick-slide {
  margin: 0 20px;
}
.ss-calendar-events__v2 .calendar-events-component-body-content {
  min-height: auto;
  color: var(--ss-calendar-events-event-time-color, inherit);
}
.ss-calendar-events__v2 .calendar-events-style-component-body-left .calendar-events-component-body {
  order: 1;
}
.ss-calendar-events__v2 .calendar-events-style-component-body-left .ss-component-column__events-container {
  order: 2;
}
.ss-calendar-events__v2 .calendar-events-style-component-body-right .calendar-events-component-body {
  order: 2;
}
.ss-calendar-events__v2 .calendar-events-style-component-body-right .ss-component-column__events-container {
  order: 1;
}
.ss-calendar-events__v2 .stack-item-events-calendar-container {
  padding: 25px 10px;
}

.skeleton-loader {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: transparent;
  border-radius: 50%;
  text-align: center;
  border: 2px solid #cccccc;
}
.skeleton-loader:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 2px solid transparent;
  border-right: 2px solid var(--ss-calendar-events-event-time-color);
  border-radius: 50%;
  animation: animateCircle 2s linear infinite;
}

@keyframes animateCircle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}