/* --------------------------------------------|
|                                              |
| EVENT Teaserliste                            |
|                                              |
|-------------------------------------------- */

.section--events {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

@media (max-width: 768px) {
    .section--events {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.av-upcoming-events {
    padding-top: 40px;
    padding-left: 100px;
    padding-right: 100px;
}

@media (max-width: 1000px) {
    .av-upcoming-events {
        padding-top: 40px;
        padding-left: 0;
        padding-right: 0;
    }
}

.home .av-upcoming-events img {
    display: none;
}

/* --------------------------------------------|
| EVENT Headline                               |
|-------------------------------------------- */

.headline--more > *:first-child {
    flex-basis: auto;
}

.headline--more .special-heading-border {
    flex-basis: 180px;
}

@media (max-width: 600px) {
    .headline--more .special-heading-border {
        flex-basis: 20px;
    }
}

.headline--more__all {
    top: 0 !important;
    margin: 0 !important;
    width: auto !important;
    padding: 0 !important;
    flex-shrink: 0;
    text-align: right !important;
}

.headline--more .more-link-text {
    color: #347ec7;
}

.headline--more .more-link-arrow {
    padding-left: 10px;
}

.headline--more .more-link-arrow::before {
    width: 48px;
    height: 48px;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="%231084C7"/><path fill="%23FFF" d="M27.79 18.5c.28-.27.28-.73 0-1l-7.858-7.79c-.271-.28-.729-.28-1 0-.279.271-.279.72 0 1l6.629 6.58H8.71c-.39 0-.71.319-.71.71s.32.71.71.71h16.851l-6.631 6.58c-.279.28-.279.729 0 1 .271.28.729.28 1 0l7.86-7.79z"/></svg>');
}

@media (max-width: 375px) {
    .headline--more .more-link {
        width:unset !important;
    }
}

/* --------------------------------------------|
|                                              |
| EVENT Listenitem                             |
|                                              |
|-------------------------------------------- */

.av-upcoming-event-entry {
    margin-bottom: 0;
    padding-bottom: 20px !important;
}

.av-upcoming-event-entry:last-child {
    padding-bottom: 5px !important;
}

.av-upcoming-event-data {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: min-content 1fr none;
    gap: 20px 0px;
    grid-template-areas:
        "Meta Meta"
        "Title More"
        "Text Text";
}

.av-upcoming-events .read-more-link {
    grid-area: More;
}

@media (max-width: 768px) {
    .av-upcoming-events .read-more-link {
        display: none;
    }
}

.av-upcoming-event-title {
    grid-area: Title;
}

.av-upcoming-event-meta {
    display: flex;
    font-family: "officina-sans", Helvetica, Arial, sans-serif !important;
    grid-area: Meta;
    padding-top: 1px;
}

@media (max-width: 650px) {
    .av-upcoming-event-meta {
        justify-content: space-between;
    }
}

.av-upcoming-event-schedule {
    padding: 7px 15px 5px 15px;
    font-size: 20px;
    border: 1px solid #0e4370 !important;
}

@media (max-width: 650px) {
    .av-upcoming-event-schedule {
        flex-grow: 1;
    }
}

.av-upcoming-event-venue {
    padding: 7px 15px 5px 15px;
    background: #0e4370;
    font-size: 20px;
    color: white;
}

.tribe-events-abbr {
    text-decoration: none;
}

.tribe-events-content a,
.tribe-events-content a:active,
.tribe-events-content a:focus,
.tribe-events-content a:hover {
    border-bottom: unset;
    border-color: unset;
}
