/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

.fc-header-toolbar .fc-left h2 {
    opacity: 0;
}

.fc-header-toolbar .fc-left h2.show {
    opacity: 1;
}

span.date,
span.time {
    display: block;
    font-weight: 400;
    font-size: .857em;
    text-align: center;
}

.wav-events-filter {
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.wav-events-filter p {
    width: 100%;
    margin-bottom: 0;
}

.wav-events-filter label {
    width: 100%;
}

h2.vc_custom_heading {
    font-size: clamp(10px, 10vw, 4rem) !important;
}

@media screen and (min-width: 550px) {
    .wav-events-filter label {
        width: calc(33% - calc(35px / 3));
    }
}

.wav-events-filter label select {
    width: 100%;
}

.wav-events {
    position: relative;
}

body:not(.woo-sidebar) .content-area ul.products > li.product {
    width: 100%;
    max-width: 100%;
}

@media screen and (min-width: 550px) {
    body:not(.woo-sidebar) .content-area ul.products > li.product {
        width: 48%;
        max-width: 48%;
    }
}

@media screen and (min-width: 992px) {
    body:not(.woo-sidebar) .content-area ul.products > li.product {
        width: 31.333%;
        max-width: 31.333%;
    }
}

@media screen and (min-width: 1200px) {
    body:not(.woo-sidebar) .content-area ul.products > li.product {
        width: calc(33.333% - 20px);
        max-width: calc(33.333% - 20px);
    }
}

.prdctfltr_filter_inner {
    max-width: 100%;
}

.products .acoplw-badge {
    width: 100%;
}

.loader-overlay {
    position: absolute;
    top: -25px;
    left: -25px;
    height: calc(100% + 50px);
    width: calc(100% + 50px);
    background: rgba(255,255,255,.5);
    z-index: 9;
    backdrop-filter: blur(5px);
}

.loader {
    color: rgb(250, 211, 0);
    font-size: 10px;
    margin: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    text-indent: -9999em;
    -webkit-animation: load4 1.3s infinite linear;
    animation: load4 1.3s infinite linear;
    -webkit-transform: translateX(-5px) translateY(-5px) translateZ(0);
    -ms-transform: translateX(-5px) translateY(-5px) translateZ(0);
    transform: translateX(-5px) translateY(-5px) translateZ(0);
    top: 150px;
    left: 50%;
}

#content .wpb_text_column .wav-events .product:last-child, .wpb_text_column .wav-events .product:last-child {
    margin: 0 10px 20px;
}

#content .wpb_text_column .wav-events .product span.tag {
    opacity: 1;
    min-width: 84px;
    font-size: 11px;
    min-height: 30px;
    top: 60px;
    bottom: auto;
    background: rgba(237, 108, 35, 1);
    display: flex;
    color: white;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-weight: bold;
    padding: 0 10px;
}

.team-bios .vc_column-inner .wpb_wrapper .ult-content-box-container .ult-content-box .wpb_text_column.wpb_content_element:nth-child(2) a[href="#"],
.team-bio .vc_column-inner .wpb_wrapper .ult-content-box-container .ult-content-box .wpb_text_column.wpb_content_element:nth-child(2) a[href="#"] {
    background: #fcb900;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    border-radius: 6px;
    font-size: 14px;
}

.team-bios .vc_column-inner .wpb_wrapper .ult-content-box-container .ult-content-box:not(.show-bio) .wpb_text_column.wpb_content_element .wpb_wrapper p:not(:nth-child(-n+2)),
.team-bio .vc_column-inner .wpb_wrapper .ult-content-box-container .ult-content-box:not(.show-bio) .wpb_text_column.wpb_content_element .wpb_wrapper p:not(:nth-child(-n+2)) {
    display: none;
}

.wav-fooevents-calendar-list {
    display: flex;
    flex-direction: column;
}

.fooevents-calendar-list .fooevents-calendar-list-item {
    display: flex;
    flex-direction: column;
}

.fooevents-calendar-list .fooevents-calendar-list-item .fooevents-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

p.fooevents-calendar-list-desc:empty {
    margin: 0;
}

.fooevents-calendar-list .fooevents-calendar-list-item .fooevents-row .fooevents-content {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

@media screen and (min-width: 550px) {
    .fooevents-calendar-list .fooevents-calendar-list-item .fooevents-row .fooevents-content {
        width: calc(100% - 320px);
        max-width: calc(100% - 320px);
        min-width: calc(66.66666% - 20px);
    }
}

.wav-events .fooevents-calendar-list .fooevents-calendar-list-item .fooevents-calendar-list-thumb {
    width: 300px;
    max-width: 33.33333%;
    min-width: 150px;
    object-fit: contain;
}

.mobile-menu {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.mobile-menu > li {
    display: inline-flex;
    width: 100%;
}

.mobile-menu > li.lang-item {
    width: 50px;
    padding-top: 50px;
}

.mobile-menu > li.lang-item.current-lang a {
    font-weight: bold;
}

.term-mitgliedschaften.woocommerce li.product a.button {
    border-radius: 0 0 var(--bb-block-radius) var(--bb-block-radius);
    border: 0;
    background-color: var(--bb-content-background-color);
    float: right;
    color: var(--bb-primary-color);
    font-weight: 400;
    font-size: 12px;
    line-height: 2.5;
    text-align: center;
    min-height: auto;
    white-space: nowrap;
    overflow: hidden;
    padding: 0.618em 1em;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto 0 0;
    border-top: 1px solid var(--bb-content-border-color);
    text-transform: none;
}

@media screen and (max-width: 550px) {
    .wav-events .fooevents-calendar-list .fooevents-calendar-list-item .fooevents-calendar-list-thumb {
        width: 100%;
        max-width: unset;
    }
}

@media screen and (max-width: 768px) {
    .wav-events .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_select .prdctfltr_woocommerce_ordering .prdctfltr_filter {
        width: 100% !important;
    }
}

/* @media screen and (max-width: 567px){
	.custom-table-row {
		display: inline;
	}
} */


@-webkit-keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}
@keyframes load4 {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}

/*--------------------------------------------------------------
HIDE FEATURED IMAGE ON POST DETAIL PAGES
--------------------------------------------------------------*/
/* OPTION 1: Hide featured image on ALL single posts (uncomment the lines below to activate) */
/*
body.single-post .entry-media.entry-img {
    display: none !important;
}
body.single-post figure.entry-media {
    display: none !important;
}
*/

/* OPTION 2: Control per post with meta box checkbox - ACTIVE */
body.hide-featured-image-post .entry-media.entry-img {
    display: none !important;
}
body.hide-featured-image-post figure.entry-media {
    display: none !important;
}
body.hide-featured-image-post .entry-media.entry-img.bb-vw-container1 {
    display: none !important;
}
body.hide-featured-image-post figure.entry-media.entry-img {
    display: none !important;
}
/* Target the exact structure you provided */
body.hide-featured-image-post figure.entry-media.entry-img.bb-vw-container1 {
    display: none !important;
}
body.hide-featured-image-post figure.entry-media.entry-img.bb-vw-container1 img {
    display: none !important;
}
/* Additional fallback selectors */
body.hide-featured-image-post img.wp-post-image {
    display: none !important;
}
body.hide-featured-image-post .wp-post-image {
    display: none !important;
}

/* OPTION 3: Control per post with custom CSS class (requires adding 'hide-featured-image' class to posts) */
body.single-post article.hide-featured-image .entry-media.entry-img {
    display: none !important;
}
body.single-post article.hide-featured-image figure.entry-media {
    display: none !important;
}
body.single-post .hide-featured-image .entry-media.entry-img.bb-vw-container1 {
    display: none !important;
}
body.single-post .hide-featured-image figure.entry-media.entry-img {
    display: none !important;
}

/*--------------------------------------------------------------
HIDE BANNER ON POST DETAIL PAGES
--------------------------------------------------------------*/
/* Hide banner elements with id="banner" on posts with hide-banner-post class */
body.hide-banner-post .wpb_text_column.wpb_content_element#banner {
    display: none !important;
}

/* More specific targeting for the banner structure with id */
body.hide-banner-post #banner.wpb_text_column.wpb_content_element {
    display: none !important;
}

body.hide-banner-post #banner {
    display: none !important;
}

/*--------------------------------------------------------------
HIDE AUTHOR NAME ON POST DETAIL PAGES
--------------------------------------------------------------*/
/* Hide the entire entry-meta div containing author info */
body.hide-author-name-post .entry-meta {
    display: none !important;
}

/* More specific targeting for BuddyBoss author structure */
body.hide-author-name-post .entry-meta .bb-user-avatar-wrap {
    display: none !important;
}

/* Target specific author elements within the structure */
body.hide-author-name-post .entry-meta .post-author,
body.hide-author-name-post .entry-meta .avatar-wrap,
body.hide-author-name-post .entry-meta .meta-wrap {
    display: none !important;
}