section.hh-events-block .sectionIntroContent {
        margin-bottom: 2em;
    }
section.hh-events-block.card-view .row.events {
        margin-bottom: 1.5em;
    }
section.hh-events-block.list-view .events {
        margin-bottom: 2.5em;
    }

.hh-events .block-header {
    flex-direction: column-reverse;
    gap: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .events {
    row-gap: 4em;
    margin-left: -.75em;
    margin-right: -.75em;
  }
  .event {
    padding-right: .75em;
    padding-left: .75em;
  }
  .event a {
    text-decoration: none;
    display: block;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);
    color: inherit;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
  }
  .event .image {
    height: unset;
    width: unset;
  }
  .event-image {
    background-size: cover;
    background-position: center;
    aspect-ratio: 4 / 3;
  }
  .event-details {
    padding: .75em 1em 1.5em;
  }
  .event-details .featured-details {
    display: flex;
    align-items: center;
    gap: .3em;
    margin-bottom: .5em;
  }
  .event-details i.featured-event {
    background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='24' viewBox='0 0 18 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.38036 7.18216L5.38632 7.17687L5.39211 7.17139C5.54361 7.02786 5.70685 6.88042 5.8771 6.72665C6.49675 6.16696 7.20932 5.52335 7.78759 4.67903C8.42137 3.75367 8.90089 2.58948 9.04116 0.992005C9.42113 1.3123 9.90055 1.75698 10.3749 2.30607C11.4167 3.51209 12.3844 5.16276 12.3135 7.07176C12.2627 8.18606 12.1191 8.93266 11.7798 9.673C11.4345 10.4268 10.873 11.2046 9.92538 12.3607L9.90962 12.3777C9.89167 12.3974 9.86694 12.4251 9.83699 12.4601C9.77722 12.53 9.69596 12.6297 9.60608 12.7535C9.42851 12.998 9.2067 13.3509 9.05588 13.7633C8.90532 14.1749 8.81416 14.6778 8.94296 15.1995C9.07483 15.7337 9.42139 16.2231 10.0274 16.6222C10.5724 16.982 11.2912 16.9682 11.9641 16.7624C12.6534 16.5517 13.3846 16.1164 14.0452 15.491C15.1481 14.4469 16.0822 12.847 16.3111 10.7778C16.3303 10.8079 16.3497 10.8387 16.3691 10.8704C16.8198 11.6046 17.3297 12.805 17.4952 14.6267C17.4951 14.7743 17.4935 14.8932 17.4739 15.03L17.4688 15.0656V15.1016C17.4688 15.9406 17.3456 16.7556 17.1235 17.5219C16.3613 20.0016 14.4997 21.994 12.0972 22.9388C12.0763 22.9445 12.0589 22.9505 12.0455 22.9555C12.0346 22.9596 12.0247 22.9636 12.0164 22.9673L12.0038 22.9714C11.5599 23.1194 11.148 23.2409 10.6948 23.3385C10.6873 23.3382 10.6796 23.338 10.6718 23.338H10.6301L10.589 23.3449C10.514 23.3573 10.432 23.37 10.3463 23.3832L10.3447 23.3834C10.2608 23.3963 10.1732 23.4098 10.0917 23.4234L9.93192 23.4499L9.91947 23.4624C9.71657 23.4809 9.51202 23.495 9.31077 23.495H9.23226H9.07526H8.97065C7.29475 23.495 5.94917 23.0032 4.92538 22.345L4.91171 22.3362L4.89751 22.3283C4.01249 21.8367 3.22448 21.1722 2.584 20.3838L2.58281 20.3824C2.46927 20.2437 2.38143 20.1307 2.32256 20.0532C2.29314 20.0145 2.27099 19.9847 2.25651 19.9651L2.24062 19.9433L2.2371 19.9384L2.2366 19.9377L2.23655 19.9377L2.23653 19.9376L2.23648 19.9376L2.23647 19.9376L2.23643 19.9375L2.23402 19.9342C1.25007 18.5814 0.681711 16.9057 0.681711 15.0752C0.681711 12.5074 1.84203 10.1873 3.66798 8.6575L3.68503 8.64322L3.70075 8.62749L3.70327 8.62498C3.72871 8.60493 3.75454 8.58342 3.77376 8.56741L3.77777 8.56407C3.82498 8.52476 3.88707 8.47231 3.9587 8.41138C4.10225 8.28928 4.28806 8.12978 4.47815 7.9659C4.85714 7.63919 5.25923 7.28987 5.38036 7.18216Z' fill='url(%23paint0_linear_3102_5810)' stroke='%23D64000' stroke-width='1.00991'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_3102_5810' x1='5.67676' y1='23.5' x2='16.6768' y2='4.5' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0.0668345' stop-color='%23E54500'/%3e%3cstop offset='0.556852' stop-color='%23FFF502'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
    height: 24px;
    width: 18px;
    background-repeat: no-repeat;
    display: block;
    scale: 80%;
  }
  .event-details .featured-details h6 {
    margin: 0;
    font-size: 9px !important;
    margin-top: 2px;
  }
  .event-details h3.title {
    font-size: 16.44px !important;
    margin: 0 .25rem .25rem;
    padding: unset;
  }
  .event-details hr {
    margin: 1em -6px 1em;
    height: 1px;
  }
  .details {
    font-weight: 600;
    text-transform: none;
    width: 100%;
    margin: 0 .25rem;
    display: inline-flex;
    flex-wrap: wrap;
    column-gap: 1em;
    row-gap: .25em;
  }
  .details .date, .details .recurrence, .details .time, .details .location {
    font-weight: 600;
    align-items: center;
    gap: .5em;
    font-size: 12.34px;
    display: inline-flex;
  }
  .details .date i, .details .recurrence i, .details .time i, .details .location i {
    font-weight: bold;
  }
  .hh-events-section .details .date i, .hh-events-section .details .recurrence i, .hh-events-section .details .time i, .hh-events-section .details .location i {
    margin-top: 0;
  }

  @media (min-width: 768px) {
    .hh-events .block-header {
        flex-direction: row;
    }
  }
  
  
  
  

.hh-events.list-view .event {
    margin-bottom: 1.5rem !important;
  }
.hh-events.list-view .event .event-inner {
    display: flex;
    flex-direction: column;
  }
  .hh-events.list-view .event a {
      height: auto;
  }
  .hh-events.list-view .event-details h3.title {
    font-size: 18px !important;
}
  .hh-events.list-view .event-details {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1em;
  }
  .hh-events.list-view .details {
    flex-direction: row;
  }
  .hh-events.list-view .event-details:not(.list) {
    padding-top: .75em;
  }
  .hh-events.list-view .event-details.list {
    display: flex;
    align-items: center;
    margin: 0;
    padding-top: 0;
  }
  .hh-events.list-view .event hr {
    display: none;
  }

  @media (min-width: 576px) {
    .hh-events.list-view .event .event-inner {
      flex-direction: row;
    }
    .hh-events.list-view .event hr {
      display: block;
      height: auto;
      width: 1px;
      margin: .5em 0;
    }
    .hh-events.list-view .details {
      flex-direction: column;
    }
    .hh-events.list-view .event-details.list {
      padding-top: 1em;
    }
  }