/*
 Theme Name:   GeneratePress Child
 Description:  GeneratePress Child Theme
 Template:     generatepress
 Version:      1.0
 Text Domain:  generatepress
*/


.main-navigation.sub-menu-right {
    flex: 1;
}


.main-navigation.sub-menu-right .main-nav {
    width: 100%;
}

.main-navigation.sub-menu-right .main-nav li#menu-item-53 {
    margin-left: auto;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    font-weight: 500;
}

.menu-toggle {
    line-height: 1;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}


/* open-sans-regular - latin - modern browsers  */
@font-face {
    font-family: 'Fraunces';
    font-style: normal;
    font-weight: 900;
    src: url('assets/fonts/Fraunces-Black.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('assets/fonts/Fraunces-Black.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'Fraunces';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/Fraunces-SemiBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('assets/fonts/Fraunces-SemiBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body {
    color: #1c1c1c;
    font-size: 14px !important;
}

.w-100 {
    width: 100%;
}

audio {
    max-width: 100%;
}

.song_entry {
    cursor: pointer;
}

.song_entry .icons {
    width: 20px;
    display: flex;
    align-items: center;
}

.song_entry audio {
    width: 0;
    height: 0;
}

.song_entry .inner {
    padding: 0.5rem 1rem;
}

.song_entry .icon-pause {
    display: none;
}

.song_entry.playing .icon-pause {
    display: block;
}
.song_entry.playing .icon-play {
    display: none;
}

.song_entry.playing .inner {
    background-color: #A9C0C9;
    border-radius: 4px;
    font-weight: 900;
}

audio::-webkit-media-controls-panel {
    background-color: #A9C0C9;
}

.separate-containers .site-main {
    margin: 0;
}

h1,
h2,
h3,
.has-x-large-font-size,
.has-large-font-size { 
    font-family: 'Fraunces', 'Helvetica', serif;
    font-weight: 900;
}

.font-headline {
    font-family: 'Fraunces', 'Helvetica', serif;
    font-weight: 600;
}

button,
.wp-block-button a,
.btn-primary {
    font-family: 'Fraunces', 'Helvetica', serif;
    font-weight: 600;
    background-color: #ED9440 !important;
    color: #F6F3EE !important;
    font-size: 15px !important;
    padding: 7px 14px !important;
    text-decoration: none;
    margin-top: 1.5rem;
    display: inline-block;
    border-radius: 20px;
}

.arrow-link {
    font-family: 'Fraunces', 'Helvetica', serif;
    color: #1C199A !important;
    font-weight: 600;
    text-decoration: none;
}

.pt-0 {
    padding-top: 0;
}

.inside-article:has( .entry-header:not(.home)) {
    padding-top: 0;
}

.entry-header:not(.home) {
    position: relative;
    padding: 2.75rem 0;
    margin-bottom: 4rem;
    color: #fff;
    background-color: #BF3323;
}

.entry-header:not(.home)::before {
    position: absolute;
    top: 0;
    content: '';
    left: -100vw;
    width: 200vw;
    height: 100%;
    z-index: 0;
    background-color: #BF3323;
}

.entry-header h1,
.entry-header * {
    position: relative;
    z-index: 3;
    color: #fff;
}

.entry-header .category {
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.entry-header.green {
    background-color: #B0A316;
}

.entry-header.green::before {
    background-color: #B0A316;
}

.entry-header.orange {
    background-color: #ED9440;
}

.entry-header.orange::before {
    background-color: #ED9440;
}

.arrow-link:hover {
    color: #1C199A !important;
}

.arrow-link svg {
    margin-left: 0.375rem;
}

.events-past {
    margin-top: 2.5rem;
}

.event_entry h2 {
    color: #1C199A;
}

.event_entry + .event_entry,
.song_list_cat + .song_list_cat {
    margin-top: 3rem;
}

.event_entry_archive {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.event_entry_archive .date {
    padding-right: 2.75rem;
}

.event_entry_archive + .event_entry_archive {
    border-top: 1px solid #E6D4BC;
}

.event_entry_teaser {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

@media (max-width: 991px) {
    .news_teaser {
        margin-bottom: 1.875rem;
    }
}

.news_teaser .inner {
    background-size: cover;
    min-height: 300px;
    display: block;
    background-color: #D1DBDC;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-decoration: none;
    color: #fff;
}

.news_teaser-2 .inner,
.news_teaser-4 .inner {
    color: #001D37;
}

.news_teaser-2 a:hover,
.news_teaser-4 a:hover {
    color: #1C199A;
}

.news_teaser .title-wrapper {
    background-image: url('assets/images/gallery-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 4rem 0.75rem 1rem 0.75rem;
    min-height: 175px;
}

.news_teaser-1 .title-wrapper {
    background-image: url('assets/images/gallery-bg-1.svg');
}

.news_teaser-2 .title-wrapper {
    background-image: url('assets/images/gallery-bg-2.svg');
}

.news_teaser-3 .title-wrapper {
    background-image: url('assets/images/gallery-bg-3.svg');
}

.news_teaser-4 .title-wrapper {
    background-image: url('assets/images/gallery-bg-4.svg');
}

.news_teaser-5 .title-wrapper {
    background-image: url('assets/images/gallery-bg-5.svg');
}

.news_teaser .title {
    margin: 0;
    font-family: 'Fraunces', 'Helvetica', serif;
    font-weight: 900;
}

.news_teaser .category {
    text-transform: uppercase;
    font-size: 0.75rem;
}

.related-posts {
    margin-top: 5rem;
}

.song-cover-image-wrapper {
    background-color: #BF3323;
    border-radius: 1rem;
    padding: 1.35rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

@media (max-width: 991px) {
    .song-cover-image-wrapper {
        width: fit-content;
        margin-bottom: 1.5rem;
    }
}

.song-cover-image {
    mask-image: url('assets/images/song-bg.svg');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
}

.main-header-image {
    mask-image: url('assets/images/header-bg.svg');
    mask-size: 100%;
}

.img-mask-1 {
    mask-image: url('assets/images/img-mask-1.svg');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
}

.img-mask-2 {
    mask-image: url('assets/images/img-mask-2.svg');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
}

.img-mask-3 {
    mask-image: url('assets/images/img-mask-3.svg');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
}

.img-mask-4 {
    mask-image: url('assets/images/img-mask-4.svg');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
}

.img-mask-5 {
    mask-image: url('assets/images/img-mask-5.svg');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
}

.img-mask-6 {
    mask-image: url('assets/images/img-mask-6.svg');
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
}

.wp-block-gallery .wp-block-image img {
    mask-image: none;
}

.event-image-wrapper {
    background-image: url('assets/images/concert-bg-0.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
    width: fit-content;
    position: relative;
}

.event_entry_2 .event-image-wrapper {
    background-image: url('assets/images/concert-bg-1.svg');
}

.event_entry_3 .event-image-wrapper {
    background-image: url('assets/images/concert-bg-2.svg');
}

.event_entry_4 .event-image-wrapper {
    background-image: url('assets/images/concert-bg-3.svg');
}

@media (max-width: 991px) {
    .event-image-wrapper {
        justify-content: start;
    }
}

.date-location svg {
    height: 12px;
    width: auto;
}

@media (max-width: 575px) {
    .date-location span {
        display: block;
    }
}

.event-content-blog-image {
    margin-top: 2.375rem;
}

.event-teaser-text {
    margin-top: 2.375rem;
}

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
    background-color: transparent;
}

.bg-dark-blue {
    background-color: #1C199A;
    position: relative;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
}

.bg-dark-blue  .entry-header h1 {
    color: #fff;
}

.bg-dark-blue::before {
    position: absolute;
    content: "";
    top: 0;
    left: -100vw;
    width: 200vw;
    height: 100%;
    z-index: -1;
    background-color: #1C199A;
}

.bg-blue {
    background-color: #D1DBDC;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.bg-blue::before {
    position: absolute;
    content: "";
    top: 0;
    left: -100vw;
    width: 200vw;
    height: 100%;
    z-index: -1;
    background-color: #D1DBDC;
}

.bg-red {
    background-color: #BF3323;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}

.bg-red::before {
    position: absolute;
    content: "";
    top: 0;
    left: -100vw;
    width: 200vw;
    height: 100%;
    z-index: -1;
    background-color: #BF3323;
}

.wp-block-columns.has-background {
    margin-bottom: 0;
    padding-bottom: 1.75em;
}


.bg-dark-blue > .inside-article ,
.bg-blue > .inside-article {
    background-color: transparent;
    z-index: 1;
}

.header-home::after {
    position: absolute;
    content: "";
    background-image: url("assets/images/logo-blume.png");
    background-repeat: no-repeat;
    background-size: contain;
    right: 2rem;
    bottom: -80px;
    z-index: 5;
    width: 200px;
    height: 300px;
}

@media (max-width: 991px) {
    .header-home::after {
        content: none;
    }
}

@media (min-width: 992px) {
    .header-home h1 {
        font-size: 72px !important;
    }
}

.teaser-text .btn {
    margin-top: 1.375rem;
}

.separate-containers .comments-area,
.separate-containers .inside-article:not(.has-pb),
.separate-containers .page-header,
.separate-containers .paging-navigation {
    padding-bottom: 0;
}

@media (max-width: 768px) {
    .separate-containers .inside-article, 
    .separate-containers .comments-area, 
    .separate-containers .page-header, 
    .separate-containers .paging-navigation, 
    .one-container .site-content, 
    .inside-page-header {
        padding: 30px 15px;
    }
}

h1,
.has-x-large-font-size {
    color: #1C199A;
    font-size: 60px !important;
}

h2,
.has-large-font-size {
    color: #001D37;
    font-size: 50px !important;
}

@media (max-width: 991px) {
    h1,
    .has-x-large-font-size {
        font-size: 50px !important;
    }

    h2,
    .has-large-font-size {
        color: #001D37;
        font-size: 40px !important;
    }
}

@media (max-width: 575px) {
    h1,
    .has-x-large-font-size {
        font-size: 40px !important;
    }

    h2,
    .has-large-font-size {
        color: #001D37;
        font-size: 30px !important;
    }

    h3 {
        font-size: 25px !important;
    }

    h4,
    h5 {
        font-size: 20px !important;
    }
}

@media (max-width: 350px) {
    h1,
    .has-x-large-font-size {
        font-size: 30px !important;
    }

    h2,
    .has-large-font-size {
        color: #001D37;
        font-size: 25px !important;
    }

    h3 {
        font-size: 20px !important;
    }

    h4,
    h5 {
        font-size: 18px !important;
    }
}

.wp-block-read-more {
    font-family: 'Fraunces', 'Helvetica', serif;
    font-weight: 600;
    color: #1C199A !important;
}

.page-nav-container {
    margin-top: 3rem;
}

.page-nav-container .page-numbers {
    padding: 0 0.5rem;
    text-decoration: none;
}

.blog-category-filter-wrapper {
    margin-bottom: 3rem;
}

.blog-category-filter {
    margin-right: 1rem;
}

.wp-block-list {
    margin-left: 0;
    list-style-type: none;
}

.wp-block-list li {
    position: relative;
    margin-top: 1rem;
}

.wp-block-list li::before {
    position: absolute;
    left: -7px;
    top: -4px;
    z-index: -1;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

/* Pattern repeats every 5 items */
.wp-block-list li:nth-child(5n + 1)::before {
    background-image: url('assets/icons/icon-0.svg'); /* 1st, 6th, 11th... */
}
.wp-block-list li:nth-child(5n + 2)::before {
    background-image: url('assets/icons/icon-1.svg'); /* 2nd, 7th, 12th... */
}
.wp-block-list li:nth-child(5n + 3)::before {
    background-image: url('assets/icons/icon-2.svg'); /* 3rd, 8th, 13th... */
}
.wp-block-list li:nth-child(5n + 4)::before {
    background-image: url('assets/icons/icon-3.svg'); /* 4th, 9th, 14th... */
}
.wp-block-list li:nth-child(5n)::before {
    background-image: url('assets/icons/icon-4.svg'); /* 5th, 10th, 15th... */
}