/**
 * @file
 * Node specific styles.
 */

/*
 * Media query breakpoints.
 * Processed by postcss/postcss-custom-media.
 */

/* Navigation related breakpoints */

/* Grid related breakpoints */

/* Grid shifts from 6 to 14 columns. */

/* Width of the entire grid maxes out. */

.node__meta {
  display: flex;
  align-items: center;
  margin-bottom: var(--sp1);
  color: var(--color-text-neutral-soft);
  font-size: 0.875rem;
  line-height: var(--sp);
}

.node__meta a {
    font-weight: bold;
  }

@media (min-width: 500px) {

.node__meta {
    margin-bottom: var(--sp2);
}
  }

.node__author-image img {
  width: var(--sp2-5);
  height: var(--sp2-5);
  margin-right: var(--sp0-5);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.node__title a {
    padding-bottom: 3px;
    transition: background-size 0.2s, color 0.2s;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--color-text-neutral-loud);
    background-color: transparent;
    background-image: linear-gradient(var(--color--primary-50), var(--color--primary-50)); /* Two values are needed for IE11 support. */
    background-repeat: no-repeat;
    background-position: bottom left; /* LTR */
    background-size: 0 3px;
  }

.node__title a:hover,
    .node__title a:focus {
      color: var(--color-text-primary-medium);
    }

[dir="rtl"] .node__title {
  background-position: bottom right;
}

.node__content {
  padding-bottom: var(--sp1-5);
}

.node__content:has(.aside) {
        margin: 0;
        padding: 0;
        display: grid;
    }

@media (min-width: 992px) {

.node__content:has(.aside) {
        gap: 30px;
        gap: var(--desktop_gap, 30px);
        grid-template-columns: 2fr 1fr;
    }
    }

@media (max-width: 991px) {

.node__content:has(.aside) {
        gap: 15px;
        gap: var(--mobile_gap, 15px);
        grid-template-columns: 1fr;
    }
    }

.node__content.aside-layout {

        display: grid;
        grid-gap: 40px !important;
        gap: 40px !important;
    }

@media (min-width: 992px) {

.node__content.aside-layout {
        gap: 30px;
        gap: var(--desktop_gap, 30px);
        grid-template-columns: 3fr 1fr;
    }
    }

@media (max-width: 991px) {

.node__content.aside-layout {
        gap: 15px;
        gap: var(--mobile_gap, 15px);
        grid-template-columns: 1fr;
    }
    }

@media (max-width: 991px) {

.node__content.aside-layout .aside {
                margin-top: 0;
        }
            }

.node__content .main>div {
            margin-bottom: 40px;
        }

.node__content .main>div:last-of-type {
                margin-bottom: 0;
            }

@media (max-width: 991px) {

.node__content .aside {
            margin-top: 40px;
    }
        }

@media (min-width: 1000px) {

.node__content {
    padding-bottom: var(--sp3);
}
  }

.node--unpublished {
  /* There is no variable for the color - #fff4f4. */
  background-color: #fff4f4;
}

.event-information {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 991px) {

.event-information {
      grid-gap: 40px;
}
  }

@media (min-width: 992px) {

.event-information {
      grid-gap: 50px;
}
  }

@media (max-width: 768px) {

.event-information {
      flex-direction: column;
}
  }

.event-information h2 {
    color: var(--color-text-neutral-medium);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4375rem;
    border-bottom: 0;
  }

.event-information>.field {
    margin: 0;

     
  }

@media (max-width: 768px) {

.event-information>.field {
        flex: 100%;
        max-width: 100%;

     
  }
    }

@media (min-width: 769px) {

.event-information>.field {
        flex: calc(50% - 20px);
        max-width: calc(50% - 20px);

     
  }
    }

@media (min-width: 992px) {

.event-information>.field {
        flex: calc(33.33% - 33.33px);
        max-width: calc(33.33% - 33.33px);

     
  }
    }