.row .col.section-title {
    margin: 0;
    padding: 0 0 36px 0;
    border-bottom: none;
}

.title-wrapper {
  color: black;
}

.content-bottom-wrapper {
  color: black;
}

.eventBody {
  color: rgb(26, 26, 26);
  font-size: 14px;
  font-weight: 300;
  line-height: 21px;
  margin-bottom: 20px;
  max-width: 700px;
  text-align: left;
  font-family: "Open Sans", sans-serif;
  flex: 1 1 300px;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.price {
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 20px;
  color: rgb(26, 26, 26);
  max-width: 700px;
  text-align: left;
  font-family: "Open Sans", sans-serif;
}

.title {
  font-size: 22px;
  font-weight: 600;
  line-height: 34px;
  color: rgb(0, 0, 0); /* ændret fra hvid til sort */
  margin-bottom: 8px;
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}


.list-item {
    background: rgb(255, 255, 255); 
    border-bottom: rgb(230, 230, 230);
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 5px;
    padding: 0px 0px 20px;
    width: 320px;
    max-width: 100%;
}

.content {
    padding: 20px 30px 0px;
    display: flex;
    flex-direction: column;
    line-height: normal;
    position: relative;
    width: 100%;
}

.info-list-container .list-item.ltr p {
  font-size: 14px;
  font-weight: 300;
  max-width: 700px;
  text-align: left;
  flex: 1 1 300px;
  margin-bottom: 20px;
  line-height: 1.5;
  font-family: "Open Sans", sans-serif;
}

/* Event Blocks – match background color, padding, margin, shadow, etc. */
.wp-block-media-text, .wp-block-group {
  /* Container styles for each event block */
  background-color: #f5f5f5;    /* same background as original event view */
  border-radius: 5px;          /* slightly rounded corners like original */
  padding: 20px;               /* space inside each event block */
  margin-bottom: 30px;         /* space between event blocks */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);  /* subtle shadow around block */
  transition: box-shadow 0.3s ease, transform 0.3s ease;  /* smooth hover transition */
}
.wp-block-media-text:hover, .wp-block-group:hover {
  /* Hover effect for event blocks (identical to original) */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* deepen shadow on hover */
  transform: translateY(-2px);              /* lift block up slightly on hover */
}

/* Layout: Ensure media & text blocks display correctly side-by-side on large screens */
.wp-block-media-text {
  display: flex;
  align-items: center;
}
.wp-block-media-text.is-stacked-on-mobile {
  flex-direction: column; /* stack image and text on small screens (mobile) */
}
.wp-block-media-text__media {
  /* Image section inside event block */
  flex: 0 0 auto;
  margin-right: 20px;           /* space between image and text content */
}
.wp-block-media-text__media img {
  max-width: 100%;             /* image scales within its container */
  height: auto;
  display: block;
  /* (No extra border or rounding on images to match original styling) */
}
.wp-block-media-text__content {
  flex: 1 1 auto;
}

/* Typography – match fonts, text sizes, and line spacing */
.wp-block-media-text__content h3, .wp-block-group h3 {
  /* Event title styling */
  margin: 0 0 0.5em 0;         /* no top margin, small bottom margin */
  font-size: 1.3em;            /* match original title size (approximately) */
  line-height: 1.2;            /* tight line-height for titles */
  font-weight: bold;           /* ensure title is bold */
  color: inherit;              /* use site’s heading color (matches original) */
}
.wp-block-media-text__content p, .wp-block-group p {
  /* Event details and description paragraphs */
  margin: 0 0 0.75em 0;        /* reduced margin between lines to match original spacing */
  line-height: 1.5;            /* comfortable line height for readability */
  color: inherit;              /* use site’s body text color */
  font-size: 1em;              /* use base font size as in original */
}
.wp-block-media-text__content p:last-child, .wp-block-group p:last-child {
  margin-bottom: 0;            /* no extra margin after the last paragraph */
}
.wp-block-media-text__content strong, .wp-block-group strong {
  font-weight: bold;           /* ensure "Pris:" and similar labels are bold as in original */
}

/* Icons – ensure any icons (for price, date, time, location) have identical styling */
.wp-block-media-text__content i[class^="fa-"], .wp-block-media-text__content i[class*=" fa-"],
.wp-block-group i[class^="fa-"], .wp-block-group i[class*=" fa-"] {
  /* Target Font Awesome (or similar) icon elements inside event blocks */
  font-style: normal;         /* ensure icon elements do not italicize (if  tag) */
  color: inherit;             /* icons use the same color as surrounding text */
  margin-right: 0.5em;        /* spacing between icon and text */
  vertical-align: middle;     /* align icons with text vertically */
  font-size: 0.9em;           /* adjust icon size slightly relative to text */
}

/* Buttons – style any buttons/links (e.g., a sign-up or read-more button) to match original */
.wp-block-button__link, .event-button {
  /* The event page’s buttons styling */
  background-color: #0073aa;    /* primary button color (adjust if original uses a different color) */
  color: #fff;                  /* button text color */
  padding: 0.6em 1.2em;         /* padding inside buttons */
  border: none;                 /* remove default border */
  border-radius: 4px;           /* slightly rounded corners on buttons */
  text-decoration: none;        /* no underline on button text */
  display: inline-block;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.wp-block-button__link:hover, .event-button:hover {
  background-color: #00648f;    /* hover color for button (slightly darker) */
  text-decoration: none;
}

.info-list-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.date-location-wrapper {
    margin-bottom: 20px;
}

.cover-img {
    margin-bottom: 0 !important;
    transition: transform .2s; /* Animation */
    width: 100%;
    height: 100%;
    object-fit: cover;         /* beskær i stedet for at forvrænge */
    object-position: center;   /* centrer motivet */
    display: block;
    transition: transform 0.4s;   
}

.img-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 2560 / 1707; /* eller 1.5 for korthed */
  overflow: hidden;
}


.cover-img:hover {
    transition: transform 0.4s;
    transform: scale(1.1);
}