/** Shopify CDN: Minification failed

Line 202:20 Expected identifier but found whitespace
Line 202:22 Unexpected "{"
Line 202:31 Expected ":"
Line 203:26 Expected identifier but found whitespace
Line 203:28 Unexpected "{"
Line 203:37 Expected ":"
Line 204:23 Expected identifier but found whitespace
Line 204:25 Unexpected "{"
Line 204:34 Expected ":"
Line 205:22 Expected identifier but found whitespace
... and 2 more hidden warnings

**/
/* cc_theme_customisation Events Timeline Section Styles */

.events-section {
  padding: 4rem 0;
  background-color: var(--events-bg-color);
  display: flex;
  justify-items: center;
}

.events-container {
  margin: 0 auto;
  padding: 0 2rem;
}

.events-heading {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 3rem;
  font-weight: 600;
  color: var(--events-timeline-color);
}

.events-timeline {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}

/* Timeline line */

.events-row {
  display: flex;
}

.events-row-year {
  font-size: 2rem;
  font-weight: bold;
  display: flex;
  color: var(--events-timeline-color);
  text-transform: uppercase;
  margin-right: 20px;
  align-items: center;
  min-width: 50px;
  max-width: 50px;
}

.events-row-timeline {
  border-left: solid 4px;
  border-color: var(--events-timeline-color);
  min-width: 30px;
}

.events-row-timeline-center {
  border-left: solid 4px;
  border-color: var(--events-timeline-color);
  display: flex;
  align-items: center;
  min-width: 30px;
}

.events-row-month {
  margin: 5px 0px 5px 10px;
  font-size: 2rem;
  font-weight: bold;
  color: var(--events-timeline-color);
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.events-row-event {
  margin: 0px 0px 15px 10px;
  display: flex;
  align-items: center;
}

.events-month-circle {
  display: flex;
  align-items: center;
  margin-left: -15px;
  color: var(--events-timeline-color);
}

.events-event-circle {
  margin-left: -8px;
  color: var(--events-event-color);
}

.event-date {
  font-size: 1.6rem;
  color: var(--events-text-color);
  font-weight: normal;
}

.event-name {
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--events-event-color);
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

.event-location {
  display: flex;
  align-items: flex-start;  
  width: auto;
  color: var(--events-text-color);
  font-size: 1.4rem
}

.icon-map-pin {  
  fill: var(--events-text-color)
}

.location-text {
  margin-left: 5px;
  flex: 1;
}

/* Responsive design */
@media screen and (max-width: 749px) {
  .events-container {
    padding: 0 1rem;
  }
  
  .events-heading {
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .events-row-year, .events-row-month  {
    font-size: 1.5rem;
  }

  .events-row-year {
    margin-right: 5px;
  }

  .events-row-month, .events-row-event {
    margin-left: 5px;
  }

  .event-name {
    font-size: 1.5rem;
  }

  .event-date,.event-location {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 480px) {
  .events-section {
    padding: 2rem 0;
  }
  
  .events-container {
    padding: 0 2rem;
  }
}

/* Animation for scroll reveal */
@media (prefers-reduced-motion: no-preference) {
  .timeline-event {
    opacity: 0;
    transform: translateX(-20px);
    animation: slideInEvent 0.6s ease-out forwards;
  }
  
  .timeline-event:nth-child(1) { animation-delay: 0.1s; }
  .timeline-event:nth-child(2) { animation-delay: 0.2s; }
  .timeline-event:nth-child(3) { animation-delay: 0.3s; }
  .timeline-event:nth-child(4) { animation-delay: 0.4s; }
  .timeline-event:nth-child(5) { animation-delay: 0.5s; }
  
  @keyframes slideInEvent {
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
}

/* Theme customization variables */
.events-section {
  --events-bg-color: {{ section.settings.background_color | default: '#E0F2F7' }};
  --events-timeline-color: {{ section.settings.timeline_color | default: '#21468B' }};
  --events-event-color: {{ section.settings.event_color | default: '#D4AF37' }};
  --events-text-color: {{ section.settings.text_color | default: '#6C757D' }};
}
