/* Event list generated by the hello-event-list shortcode */
/* line 2, ../sass/frontend-list.scss */
div.hello-event.style1.list {
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fafafa;
  padding-top: 1em;
}
/* line 4, ../sass/frontend-list.scss */
div.hello-event.style1.list div.event-date {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 6em;
  margin: 10px;
  padding: 6px;
  padding-top: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
}
/* line 7, ../sass/frontend-list.scss */
div.hello-event.style1.list div.event-date div.day {
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  line-height: 0.7em;
  width: 100%;
}
/* line 8, ../sass/frontend-list.scss */
div.hello-event.style1.list div.event-date div.month {
  display: inline-block;
  float: left;
  text-align: center;
  width: 100%;
}
/* line 9, ../sass/frontend-list.scss */
div.hello-event.style1.list div.event-date div.to {
  text-align: center;
  font-size: 1.5em;
  font-weight: 700;
  width: 100%;
}
/* line 11, ../sass/frontend-list.scss */
div.hello-event.style1.list div.title {
  font-size: 2em;
  line-height: 1.4em;
  font-weight: 700;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
/* line 12, ../sass/frontend-list.scss */
div.hello-event.style1.list div.description {
  padding: 1em;
}
/* line 15, ../sass/frontend-list.scss */
div.hello-event.style1.list div.description div.description div.time {
  color: #888;
}
/* line 16, ../sass/frontend-list.scss */
div.hello-event.style1.list div.description div.description div.time::before {
  font-family: "Font Awesome\ 5 Free";
  content: "\f017";
  /* clock icon */
  display: inline-block;
  padding-right: 3px;
  vertical-align: top;
}
/* line 26, ../sass/frontend-list.scss */
div.hello-event.style1.list div.readmore {
  text-align: right;
}
/* line 27, ../sass/frontend-list.scss */
div.hello-event.style1.list div.ticket-link {
  text-align: right;
  margin-top: 1em;
}

/* line 30, ../sass/frontend-list.scss */
div.hello-event.style1.min {
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
/* line 35, ../sass/frontend-list.scss */
div.hello-event.style1.min div.start-date {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  padding-right: 1em;
}
/* line 36, ../sass/frontend-list.scss */
div.hello-event.style1.min div.event-title {
  display: inline-block;
  width: 50%;
  padding-right: 2em;
}
/* line 37, ../sass/frontend-list.scss */
div.hello-event.style1.min div.ticket-link {
  display: inline-block;
  vertical-align: top;
  width: 30%;
}

/* line 41, ../sass/frontend-list.scss */
div.hello-event.style1.widget.single-day div.intro div.event-date {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 5em;
  padding: 0.5em;
}
/* line 43, ../sass/frontend-list.scss */
div.hello-event.style1.widget.single-day div.intro div.event-date div.day {
  font-size: 2em;
  font-weight: 700;
  text-align: center;
  line-height: 0.7em;
  width: 100%;
}
/* line 44, ../sass/frontend-list.scss */
div.hello-event.style1.widget.single-day div.intro div.event-date div.month {
  display: inline-block;
  float: left;
  text-align: center;
  width: 100%;
}

/* line 49, ../sass/frontend-list.scss */
div.hello-event.style1.widget.multi-day div.intro div.event-date {
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 8em;
  padding: 0.1em;
  padding-top: 0.9em;
}
/* line 51, ../sass/frontend-list.scss */
div.hello-event.style1.widget.multi-day div.intro div.event-date div.start-date {
  display: inline;
  vertical-align: top;
  float: left;
  padding: 0em;
  text-align: center;
}
/* line 53, ../sass/frontend-list.scss */
div.hello-event.style1.widget.multi-day div.intro div.event-date div.start-date div.day {
  display: inline;
  font-size: 1.6em;
  font-weight: 700;
  text-align: center;
  line-height: 0.7em;
  width: 100%;
}
/* line 54, ../sass/frontend-list.scss */
div.hello-event.style1.widget.multi-day div.intro div.event-date div.start-date div.month {
  display: inline;
  float: left;
  text-align: center;
  width: 100%;
}
/* line 56, ../sass/frontend-list.scss */
div.hello-event.style1.widget.multi-day div.intro div.event-date div.end-date {
  display: inline;
  vertical-align: top;
  float: left;
  padding: 0em;
  text-align: center;
}
/* line 58, ../sass/frontend-list.scss */
div.hello-event.style1.widget.multi-day div.intro div.event-date div.end-date div.day {
  display: inline;
  vertical-align: top;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  line-height: 0.2em;
  width: 100%;
}
/* line 59, ../sass/frontend-list.scss */
div.hello-event.style1.widget.multi-day div.intro div.event-date div.end-date div.month {
  display: inline;
  vertical-align: top;
  float: left;
  text-align: center;
  width: 100%;
  margin-top: -1em;
}
/* line 62, ../sass/frontend-list.scss */
div.hello-event.style1.widget.multi-day div.to {
  display: inline;
  float: left;
  font-size: 1.5em;
  font-weight: 700;
  text-align: left;
}
/* line 63, ../sass/frontend-list.scss */
div.hello-event.style1.widget.multi-day div.intro div.end-date {
  display: inline;
}

/* line 66, ../sass/frontend-list.scss */
div.hello-event.style1 div.intro div.title {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  float: left;
  font-size: 1.4em;
  line-height: 1.2em;
  width: 50%;
}
/* line 75, ../sass/frontend-list.scss */
div.hello-event.style1 div.intro div.thumbnail {
  clear: both;
}

/* line 79, ../sass/frontend-list.scss */
div.thumbnail.square img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}

/* line 87, ../sass/frontend-list.scss */
div.thumbnail.round img {
  border-radius: 50%;
}

/* line 93, ../sass/frontend-list.scss */
div.hello-event.style1.compact div.event-date {
  font-size: 0.6em;
}
/* line 94, ../sass/frontend-list.scss */
div.hello-event.style1.compact div.description {
  font-size: 0.9em;
  line-height: 1.1em;
  text-align: left;
}
/* line 96, ../sass/frontend-list.scss */
div.hello-event.style1.compact div.description div.excerpt {
  margin-top: 1em;
}
/* line 99, ../sass/frontend-list.scss */
div.hello-event.style1.compact div.intro div.title {
  display: inline-block;
  text-align: center;
  margin-top: 1em;
  float: left;
  font-size: 1.5em;
  line-height: 1.6em;
  width: 40%;
}
/* line 108, ../sass/frontend-list.scss */
div.hello-event.style1.compact div.intro div.thumbnail {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 40%;
}

/* line 121, ../sass/frontend-list.scss */
div.hello-event.style1 div.description {
  padding: 1em;
}

/* line 122, ../sass/frontend-list.scss */
div.hello-event.style1 div.description div.title {
  font-size: 2em;
  font-weight: 700;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* line 124, ../sass/frontend-list.scss */
div.hello-event.style1 div.description div.time {
  color: #666;
  display: inline-block;
  margin-right: 2em;
  width: 100%;
}

/* line 125, ../sass/frontend-list.scss */
div.hello-event.style1 div.description div.time::before {
  font-family: "Font Awesome\ 5 Free";
  content: "\f017";
  /* clock icon */
  display: inline-block;
  padding-right: 3px;
  vertical-align: top;
  text-align: left;
}

/* line 134, ../sass/frontend-list.scss */
div.hello-event.style1 div.description div.location {
  color: #666;
}

/* line 135, ../sass/frontend-list.scss */
div.hello-event.style1 div.description div.location::before {
  font-family: "Font Awesome\ 5 Free";
  content: "\f21d";
  /* Street view icon */
  display: inline-block;
  padding-right: 3px;
  vertical-align: top;
}

/* line 143, ../sass/frontend-list.scss */
div.hello-event.style1 div.description div.date {
  color: #888;
  display: inline-block;
}

/* line 144, ../sass/frontend-list.scss */
div.hello-event.style1 div.description div.date::before {
  font-family: "Font Awesome\ 5 Free";
  content: "\f073";
  /* Calendar icon */
  display: inline-block;
  padding-right: 3px;
  vertical-align: top;
}