.event-block-frontend {
  background: #fff;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  margin: 1em 0;
  padding: 2em 1em 1em 1em;
  font-size: 20px;
  line-height: 1.5;
  color: #333;
  position: relative;
  background-color: #f7fafc;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  border-left: 8px solid #f67f21;
}
.event-block-frontend::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  background-image: url("./icons/info.svg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px;
  width: 40px;
  height: 40px;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
}
.event-block-frontend .icon {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 6px;
  padding-left: 36px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  height: 32px;
  opacity: 1;
}

.event-block-frontend .text {
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  vertical-align: middle;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
@media (max-width: 600px) {
  .event-block-frontend {
    font-size: 16px;
    padding: 0.5em 0.5em;
  }
  .event-block-frontend .text {
    font-size: 15px;
  }
}