:root {
  --color-primary: #002D72;
  --color-blue-2: #00549D;
  --color-secondary: #fe6d73;
  --color-tertiary: #F7CC83;
  --color-text: oklch(37.3% 0.034 259.733);
  --color-heading: oklch(21% 0.034 264.665);
  --color-golden-1: $color-tertiary;
  --color-golden-2: #FFAF26;
  --color-border: #e7e7ed;
  --font-size-section-heading: 34px; }

.events-container .events-page-title {
  margin-bottom: 24px; }

.events-container .event-wrapper {
  text-decoration: none; }
  .events-container .event-wrapper .featured-image {
    position: relative;
    width: 35%; }
    .events-container .event-wrapper .featured-image img {
      height: 100%;
      object-fit: cover;
      width: 100%; }
    .events-container .event-wrapper .featured-image .hover {
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      transition: opacity 0.3s;
      width: 100%; }
  .events-container .event-wrapper .event-info {
    color: #000;
    height: 100%; }
    .events-container .event-wrapper .event-info .event-time {
      font-size: 14px; }
    .events-container .event-wrapper .event-info .virtual {
      font-size: 14px;
      font-weight: 700;
      margin: 5px 0; }
      .events-container .event-wrapper .event-info .virtual img {
        margin-left: 5px;
        width: 14px; }
    .events-container .event-wrapper .event-info .event-excerpt {
      font-size: 14px;
      margin-bottom: 10px;
      margin-top: 10px; }

.events-container .pagination a.page-link {
  cursor: pointer; }

.events-container .events-filter .form-control {
  border-radius: 4px;
  border-width: 1px; }

.events-container .events-filter .event-search-button {
  cursor: pointer;
  min-height: 35px; }

.events-container .events-filter.filter-bottom {
  align-items: center;
  display: flex;
  font-size: 13px; }
  .events-container .events-filter.filter-bottom .filter-badge {
    border: 1px solid #bbb;
    border-radius: 20px;
    cursor: pointer;
    padding: 3px 10px; }
  .events-container .events-filter.filter-bottom .filter-category .dropdown-item {
    cursor: pointer;
    font-size: 13px; }
  .events-container .events-filter.filter-bottom .filter-category button {
    border: 1px solid #bbb;
    border-radius: 20px;
    color: inherit;
    font-size: 13px;
    padding: 3px 10px; }
    .events-container .events-filter.filter-bottom .filter-category button::after {
      vertical-align: 0.15em; }