/*
Theme Name:     Fufa
Theme URI:      
Description:    Twentytwentyfive child theme.
Author:         Me
Author URI:     
Template:       twentytwentyfive
Version:        0.1.1
*/

    .fanradio-live-banner {
        position: sticky;
        top: 0;
        z-index: 9998;
    }

    header.wp-block-template-part {
        background-color: var(--wp--preset--color--base);        
        position: sticky;
        top: 0px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        z-index: 9999;
    }

/* Responsive Menu */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
.wp-block-navigation-item .wp-block-navigation-link,
.wp-block-navigation-item__label {
    align-items: start;
    font-weight: 700;
    font-size: 1.1rem;
  /* text-transform: uppercase; */
}

.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation {
  max-width: 100%;
}

.light-bordered-heading, .light-bordered-heading a {
  text-decoration: none;
  text-shadow: 0 0 1px #004185;
}

h2.wp-block-heading a, h3.wp-block-heading a {
  text-decoration: none;
}

.hyphenation {
  hyphens: auto;
}

.wp-social-link.lilie {
  width: 36px;
  height: 36px;
  background-color: #004185;
}

.wp-social-link.lilie svg {
    display: none;
}

.wp-social-link.lilie a::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/themes/fufa/assets/images/lilie-weiss.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

span.lilie::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('/wp-content/themes/fufa/assets/images/lilie-weiss.svg');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.wp-block-query .wp-block-post-featured-image {
    margin-left: auto;
    margin-right: auto;
}

/* Mobiles Menü: Top-Level-Items linksbündig */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__container {
    align-items: flex-start !important;
}

/* Mobiles Menü: weniger Abstand vor Untermenüs */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__submenu-container {
    padding-top: 0 !important; /* oder z. B. 0.4em */
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content:focus:not(:focus-visible) {
    outline: none;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container
  > .wp-block-navigation-item
  > .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container
  > .wp-block-navigation-item
  > .wp-block-navigation-item__content
  .wp-block-navigation-item__label {
    text-transform: uppercase;
    font-weight: 900 !important;
    font-size: 1.25em;
}

.wp-block-cover h3.light-bordered-heading {
  background: transparent !important;
  padding: 0 !important;
}

.wp-block-cover h3.light-bordered-heading .line-bg {
  background-color: rgba(0, 64, 133, 0.72);
  padding: 0.15em 0.5em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 1.7;
}

.angebote {
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
}

.angebote img {
    transition: transform .35s ease;
}

.angebote .wp-block-cover__background {
    transition: opacity .35s ease;
}

.angebote:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,.25);
}

.angebote:hover img {
    transform: scale(1.06);
}

.angebote:hover .wp-block-cover__background {
    opacity: .65;
}

@media (max-width: 600px) {
  .team { grid-template-columns: repeat(2, 1fr) !important; }
}