.event-title-container {
  background: #fff;
  border: 1px solid #eee;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  width: 100%;
  margin-bottom: 0 !important;
  padding: 2px 20px;
  margin-top: 60px;
}

.event-title-container h2 {
  font-size: 24px; /* Adjust font size if needed */
  color: #333; /* Adjust color if needed */
  margin: 0;
  padding: 10px 0; /* Add some padding to the top and bottom */
}

.event-container {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border: 1px solid #eee;
  border-radius: 0 0 5px 5px;
  padding: 10px;
}

.event-container .left-column,
.event-container .right-column {
  box-sizing: border-box;
  padding: 15px;
}

.event-container .left-column {
  flex: 1 1 33.33%; /* Taking up 1/3 of the container */
  max-width: 33.33%;
  padding: 10px; /* Optional padding for aesthetics */
}

.event-container .right-column {
  flex-basis: 66.67%; /* Right column takes up 2/3 of the space */
  display: flex;
  flex-direction: column; /* Stack children vertically */
  justify-content: space-between; /* Distribute space between children */
  padding: 10px; /* Optional padding for aesthetics */
}

.event-container .buttons {
  padding: 8px 0;
}

.event-container a {
  padding: 10px 15px;
  margin-right: 10px;
  border: none;
  background-color: #2b3a97;
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
}

.event-container a:hover {
  background-color: #3142a7;
  color: #fff;
}

.event-container table {
  width: 100%;
  border-collapse: collapse;
}

.event-container table,
.event-container th,
.event-container td {
  border: 1px solid #ddd;
}

.event-container th,
.event-container td {
  padding: 8px;
  text-align: left;
}

.event-container th {
  background-color: #f9f9f9;
}

@media (max-width: 768px) {
  .event-container .left-column,
  .event-container .right-column {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.event-no-results {
  background: #69bd4a;
  width: 100%;
  padding: 20px;
  color: #fff;
  font-weight: 600;
}

.event-content a {
  background: none;
  padding: 0;
  color: #2b3a96;
}

form#advanced-filters-form {
    background: #f1f1f1;
}

#event-filter-buttons {
    margin: 20px 10px 0 10px;
}












#event-filter-container {
			display: flex;
			flex-wrap: wrap;
			gap: 20px;
			justify-content: space-between;
		}

		#advanced-filters-form {
			width: 100%;
		}

		#advanced-filters-form input,
		#advanced-filters-form select {
			background: #fff;
		}

		.event-filter-radio-group input[type="radio"] {
			display: none;
		}

		.event-filter-btn-label {
			display: inline-block;
			cursor: pointer;
			margin: 0 5px 10px 0;
		}

		.event-filter-btn-label span {
			display: inline-block;
			padding: 8px 16px;
			background-color: #fff;
			border-radius: 4px;
			font-weight: 600;
      border: 1px solid #e1e8ed;
		}

		.event-filter-btn-label input[type="radio"]:checked + span {
			border: 2px solid #6A962A;
		}

    #event-filter-buttons {
      border: none !important;
      padding: 15px 10px 0 10px !important;
      margin: 0 !important;
    }

    #advanced-filters-form p {
      padding: 20px 20px 0 15px;
      margin: 0px;
      font-weight: 500;
  }