/* Event List Section Styles */


 html {
     font-family: 'GT Walsheim', sans-serif;
 }

 .event-list-section {
     width: 100%;
     /*! margin: 80px 0; */
 }

 .event-list-container {
     width: 100%;
     max-width: 1440px;
     margin: 0 auto;
     /*! padding: 0 16px; */
 }

 @media (min-width: 640px) {
     .event-list-container {
         /*! padding: 0 24px; */
     }
 }

 @media (min-width: 1024px) {
     .event-list-container {
         /*! padding: 0 32px; */
     }
 }

 .border-greenGradientTopBottom {
     border-left: 7px solid transparent;
     border-image-slice: 1;
     border-image-source: linear-gradient(135deg, #69f3c2, #38e28f)
 }

 .border-orangeGradientTopBottom {
     border-left: 7px solid transparent;
     border-image-slice: 1;
     border-image-source: linear-gradient(135deg, #ffd553, #ffab29)
 }

 .border-cyanGradientTopBottom {
     border-left: 7px solid transparent;
     border-image-slice: 1;
     border-image-source: linear-gradient(135deg, #bcffff, #87ffff)
 }

 .border-pinkGradientTopBottom {
     border-left: 7px solid transparent;
     border-image-slice: 1;
     border-image-source: linear-gradient(135deg, #ffb9ff, #ff83ff)
 }

 .event-list-heading {
     font-family: "Eksell", serif;
     font-size: 34px;
     font-weight: 500;
     line-height: 1.35;
     margin-bottom: 32px;
 }

 @media (min-width: 640px) {
     .event-list-heading {
         font-size: 40px;
     }
 }

 .event-list-empty {
     padding: 24px;
     text-align: center;
     color: #6c757d;
     font-size: 18px;
 }

 /* Event Card Styles */
 .event-card {
     display: flex;
     width: 100%;
     margin-bottom: 16px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     border-radius: 0px;
     overflow: hidden;
     position: relative;
 }

 .event-card:before {
     content: "";
     display: block;
     width: 6px;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
 }

 .event-card-orange:before {
     background: linear-gradient(to bottom, #FF9800, #F57C00);
 }

 .event-card-green:before {
     background: linear-gradient(to bottom, #4CAF50, #2E7D32);
 }

 .event-card-content {
     flex: 1;
     display: flex;
     flex-direction: column;
     width: 100%;
     padding-left: 2.5rem;
     padding-right: 2.5rem;
     padding-top: 1.2rem;
 }

 @media (min-width: 640px) {
     .event-card-content {
         flex-direction: row;
         align-items: center;
         padding-top: 1.5rem;
         padding-bottom: 1.5rem;
     }
 }

 /* Date Information Styles */
 .event-date-info {
     display: flex;
     align-items: flex-end;
     gap: 8px;
     min-width: 120px;
 }

 @media (min-width: 640px) {
     .event-date-info {
         flex-direction: column;
         align-items: flex-start;
         min-width: 135px;
         padding-left: 16px;
     }
 }

 .event-date-number {
     font-size: 34px;
     font-weight: 500;
     font-family: "Eksell", serif;
     line-height: 30px;
     margin: 0;
 }

 @media (min-width: 640px) {
     .event-date-number {
         font-size: 50px;
         line-height: 40px;
         min-width: 300px;
     }
 }

 .event-date-month {
     color: rgb(76, 81, 87) !important;
     margin: 0;
     font-size: 16px;
     font-family: GTWalsheim;
 }

.event-date-meta {
  flex-grow: 1;
  text-align: right;
  color: #6c757d !important;
  font-family: GTWalsheim;
  font-size: 16px;
}

 @media (min-width: 640px) {
     .event-date-meta {
         display: none;
     }
 }

 /* Event Title Styles */
 .event-title-mobile {
     font-size: 28px !important;
     margin-top: 24px;
     line-height: 1.14 !important;
     font-weight: 400 !important;
     font-family: "GTWalsheim" !important;
 }

 @media (min-width: 640px) {
     .event-title-mobile {
         display: none;
     }
 }

 .event-details {
     display: flex;
     flex-direction: column;
     width: 100%;
 }

 @media (min-width: 640px) {
     .event-details {
         flex-direction: row;
         justify-content: space-between;
     }
 }

 .event-title-desktop {
     display: none;
     padding-right: 10px;
     font-family: GTWalsheim;
 }

 @media (min-width: 640px) {
     .event-title-desktop {
         display: block;
     }

     .event-title-desktop p {
         font-size: 28px;
     }
 }

 /* Price Styles */
 .event-price {
     margin-top: 5px;
     min-width: 200px;
 }

 @media (min-width: 640px) {
     .event-price {
         margin-top: 0;
         margin-right: 16px;
     }
 }

 .event-price-amount {
     font-size: 22px !important;
     font-weight: 700;
     line-height: 1.41;
     margin-bottom: 0;
     font-family: GTWalsheim;
 }

 @media (min-width: 640px) {
     .event-price-amount {
         font-size: 22px;
     }

 }

 .event-price-note {
     color: rgb(0, 0, 0) !important;
     line-height: 1.5;
     font-family: GTWalsheim;
     font-size: 16px;
 }

 /* Action Button Styles */
 .event-action {
     margin-top: 16px;
     margin-bottom: 15px;
 }

 @media (min-width: 640px) {
     .event-action {
         margin-left: 60px;
         margin-top: 0;
     }
 }

 .event-button {
     font-family: GTWalsheim;
     font-size: 16px !important;
     font-weight: 700;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 100%;
     padding: 12px 32px;
     min-height: 48px;
     max-height: 48px;
     background-color: #001799;
     color: #fff !important;
     border-radius: 100px;
     text-decoration: none;
     transition: background-color 0.3s ease;
 }

 .event-button:hover {
     background-color: #00116e;
 }

 @media (min-width: 640px) {
     .event-button {
         font-size: 16px;
         width: 240px;
         min-height: 42px;
     }
 }

 /* Status Indicator Styles */
 .event-status {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: 12px;
 }

 .event-status-dot {
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background-color: #FF9800;
     margin-right: 8px;
 }

 .event-status-text {
     color: #6c757d;
     font-size: 14px;
     margin: 0;
 }

 @media (min-width: 640px) {
     .event-status {}
 }

 /* Animation Effects */
 .event-card {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .event-card:hover {
     /*! transform: translateY(-2px); */
     /*! box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); */
 }

 /* Print Styles */
 @media print {
     .event-card {
         page-break-inside: avoid;
         box-shadow: none;
         border: 1px solid #ddd;
     }

     .event-button {
         border: 1px solid #333;
         color: #333;
         background: none;
     }

     .event-list-heading {
         font-size: 24px;
     }
 }

 /* Accessibility Improvements */
 .event-button:focus {
     outline: 2px solid #0033cc;
     outline-offset: 2px;
 }

 @media (prefers-reduced-motion: reduce) {

     .event-card,
     .event-button {
         transition: none;
     }
 }

 /* Dark Mode Support */
 @media (prefers-color-scheme: dark) {
     .event-card {
         background-color: #fff;
         box-shadow: 0 6px 10px 0 rgba(24, 27, 32, .15);
     }

     .event-title-mobile,
     .event-title-desktop p,
     .event-date-number,
     .event-price-amount {
         color: #000;
     }

     .event-date-month,
     .event-date-meta,
     .event-price-note,
     .event-status-text {
         color: rgb(0, 0, 0);
     }

     .event-list-heading {
         color: #000;
     }
 }

 /* Media Queries */
 @media (max-width: 640px) {
     .event-card-content {
         padding-left: 1.5rem;
         padding-right: 1.5rem;
         padding-top: 1.2rem;
     }
	 
	 .event-date-meta-pc{
		 display:none;
	 }
 }

.event-date-meta-pc {
  color: #6c757d !important;
  font-family: GTWalsheim;
  font-size: 16px;
  margin-top: -10px;
}