/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.content-image-cta p {
  font-size: 12px; }

.event-info {
  margin-bottom: var(--wp--preset--spacing--s);
  color: var(--wp--preset--color--white);
  display: flex;
  align-items: center;
  gap: 5px 20px;
  flex-wrap: wrap; }
  .event-info .info-item {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 10px; }
    @media (min-width: 480px) {
      .event-info .info-item {
        font-size: 12px; } }
    @media (min-width: 981px) {
      .event-info .info-item {
        font-size: var(--wp--preset--font-size--normal); } }
    .event-info .info-item span {
      color: var(--wp--preset--color--primary);
      font-size: 15px; }

.sticky-bar {
  position: fixed;
  left: 0;
  bottom: 15px;
  width: 100%;
  z-index: 7; }
  @media (min-width: 768px) {
    .sticky-bar {
      bottom: 30px; } }
  .sticky-bar-in {
    background-color: var(--wp--preset--color--lightgray);
    color: var(--wp--preset--color--darkgray);
    border-radius: 40px;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px; }
    @media (min-width: 768px) {
      .sticky-bar-in {
        padding: 20px 30px; } }
    .sticky-bar-in .left .title {
      margin: 0 0 5px 0;
      text-transform: uppercase; }
    .sticky-bar-in .left .event-info-bar {
      font-size: 10px;
      line-height: normal; }
      @media (min-width: 480px) {
        .sticky-bar-in .left .event-info-bar {
          font-size: 12px; } }
      @media (min-width: 768px) {
        .sticky-bar-in .left .event-info-bar {
          font-size: 14px; } }

.container > h2:not(.wp-block-heading),
.em-event-booking-form {
  display: none !important; }

/*# sourceMappingURL=content.css.map */