/*!
Theme Name: St. Josef Haus
Author: Julia Kleinediekmann
Description: Theme for St. Josef Haus
Version: 1.0.0
*/

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.more-link.white:before {
    background-image: url("./images/icon_more_white.png");
}

.more-link.blue:before {
    background-image: url("./images/icon_more_blue.png");
}

div[class^="wp-container"] {
    gap: 0;
    align-items: flex-start;
}

/*--------------------------------------------------------------
## Jubiläumsaktionen
--------------------------------------------------------------*/
.home .wpem-event-listings-header {
    display: none;
}

.wpem-event-date-time, .wpem-event-location {
    position: relative;
    padding-left: 20px;
    width: 100%;
}

.wpem-event-date-time:before, .wpem-event-location::before {
    font-family: wp-event-manager;
    position: absolute;
    left: 0;
    font-size: 15px;
    line-height: 23px;
}

.wpem-event-location::before {
    content: "\e947";
}

.wpem-event-date-time::before {
    content: "\e94e";
}

/*--------------------------------------------------------------
## Stellenangebote
--------------------------------------------------------------*/
.stjh-stellenangebote-list {
    padding: 0;
    list-style: none;
}

.stjh-stellenangebote-list-item a {
    padding: 10px 10px 10px 50px;
    font-size: 20px;
    background: #FFDEA6;
    margin-bottom: 2px;
    display: block;
}

.stjh-stellenangebote-list-item a:hover {
    text-decoration: none;
    color: #1D235A;
}

.stjh-stellenangebote-list-item .more-link:before {
    top: 10px;
    left: 10px;
}

.stjh-stellenangebote-list-item .more-link.blue:hover:before {
    background-image: url("./images/icon_more_white.png");
}

/*--------------------------------------------------------------
## Bug fix
--------------------------------------------------------------*/
@media (max-width: 991px) {
    .wp-block-columns {
        flex-wrap: wrap !important;
        align-items: flex-start;
    }
    .wp-block-column {
        margin-bottom: 0 !important;
    }
}

.entry-content .wp-block-columns .wp-block-column,
.entry-content .wp-block-columns.has-3-columns .wp-block-column {
    flex-grow: 1;
    flex-shrink: 1;
}
.entry-content h2 {
    margin-top: 6rem;
}

.wp-block-columns {
    margin-bottom: 6rem !important;
}

body .is-layout-flex {
    align-items: flex-start;
}