/*
Theme Name:     BVBWLD.DE
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Implements BVBWLD website feature modifications to the Foxiz theme through this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Commercial License (Proprietary License)
*/
/* Your CSS code goes here
-------------------------------------- */
.cquick-access .mobile-qview-inner {
    visibility: hidden;
}

.reaction span.reaction-title {
    display: none;
}

.yes-qa-menu-dropdown .mobile-qview,
.yes-qa-menu-dropdown .mobile-qview-inner {
    visibility: visible;
    overflow: visible;
    max-width: 100%;
    width: 100%;
}

.yes-qa-menu-dropdown .mobile-qview-inner > * {
    display: inline-flex;
}

.qa-menu-dropdown-trigger {
    display: inline-flex;
    flex-grow: 1;
}

.qa-menu-dropdown-trigger-btn {
    display: flex;
    margin: 0;
    padding: 0 10px;
    width: 100%;
    align-items: center;
    position: relative;
    justify-content: flex-end;
}

.qa-dropdown-list {
    overflow-y: auto;
    position: absolute;
    top: 100%;
    right: 0;
    max-height: 70vh;
    min-width: 200px;
    background: var(--mbnav-bg, var(--nav-bg));
    background: -webkit-linear-gradient(left, var(--mbnav-bg-from, var(--nav-bg-from)) 0%, var(--mbnav-bg-to, var(--nav-bg-to)) 100%);
    background: linear-gradient(to right, var(--mbnav-bg-from, var(--nav-bg-from)) 0%, var(--mbnav-bg-to, var(--nav-bg-to)) 100%);
    box-shadow: 0 4px 30px var(--shadow-7);
}

.qa-dropdown-list li:not(:first-child) {
    border-top: 1px solid var(--flex-gray-15);
}

/** bottom sticky navigation */
.mbs-wrapper {
    display: flex;
    flex-flow: row nowrap;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    pointer-events: none;
}

.mbs-holder {
    position: relative;
    display: flex;
    background: var(--solid-white);
    flex-flow: row nowrap;
    width: 100%;
    align-items: center;
    justify-content: space-around;
    gap: 0;
    height: 70px;
    bottom: -70px;
    padding: 7px 0;
    transition: bottom .4s;
    -webkit-transition: bottom .4s;
    box-shadow: 0 -3px 10px #0001;
    pointer-events: auto;
}

.mbs-sticky .mbs-holder {
    bottom: 0;
}

.mbs-item {
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
    padding: 0 10px;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 100%;
    max-height: 100%;
}

.mbs-icon {
    width: 100%;
    max-width: 24px;
    line-height: 1;
}

.mbs-icon svg {
    width: 100%;
}

.mbs-label {
    font-size: 11px;
}

/** news sticker widget */
.p-news-sticker {
    display: flex;
    flex-flow: row nowrap;
    padding: 7px 12px;
    position: relative;
    gap: 7px;
    z-index: 1;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.p-news-sticker:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: -1;
    background: var(--news-sticker-bg, var(--flex-gray-15));
    transition: all .2s;
}

.p-news-sticker:hover {
    transform: translate3d(-2px, -2px, 0);
}

.p-news-sticker .p-content {
    overflow: hidden;
    max-width: 100%;
}

.p-news-sticker > * {
    display: flex;
    flex-flow: column nowrap;
}

.sticker-date {
    font-size: var(--meta-fsize, 10px);
    line-height: 1;
    padding: 4px 7px;
    background: var(--news-sticker-date-bg, var(--dark-accent));
    color: var(--meta-fcolor, #fff);
    display: inline-flex;
}

.p-news-sticker .entry-title {
    line-height: 1;
}

.p-news-sticker .p-url {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    line-height: 1.4;
    max-height: 2.8em;
}

.p-sticky-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

/** newsfeed link */
.elementor-widget-ruby-news-sticker .loadmore-trigger,
.news-feed-link span, .news-feed-link a,
.elementor-widget-ruby-news-sticker .pagination-loadmore span {
    width: 100%;
    justify-content: center;
}

.news-feed-link span {
    font-size: var(--pagi-size, inherit);
    line-height: calc(var(--pagi-size, inherit) * 1.6);
    position: relative;
    display: inline-flex;
    align-items: center;
    flex-flow: row nowrap;
    min-height: max(var(--height-34), 2.6em);
    padding: var(--padding-40);
    -webkit-transition: var(--effect);
    transition: var(--effect);
    color: var(--pagi-color, currentColor);
    border-color: var(--pagi-accent-color, var(--flex-gray-15));
    border-radius: var(--round-7);
    background-color: var(--pagi-accent-color, var(--flex-gray-15));
}

/** single meta */
.smeta-sec .meta-inner {
    flex-flow: column;
    gap: 0;
    align-items: flex-start;
}

.smeta-in > .meta-avatar img {
    --b-avatar-size: 50px;
}

.disqus_thread {
    width: 100%;
    display: block;
}

.rb-disqus-count {
    display: inline-flex;
    position: relative;
    margin-right: 8px;
}

.rb-disqus-count a {
    display: inline-flex;
    position: relative;
    margin-left: 15px;
    padding: 7px 15px;
    background: #8881;
    border-radius: 7px;
    text-transform: none;
    font-size: 15px;
    font-weight: 400;
    color: #888;
    transition: all .2s;
}

.rb-disqus-count a:hover {
    color: inherit;
    background-color: #8882;
}

.comment-box-header .rb-disqus-counter {
    padding-right: .2em;
}

green-feed-carousel {
    display: flex;
    height: 45vh;
    min-height: 300px;
}

.count-tiny {
    position: absolute;
    display: inline-flex;
    font-size: 13px;
    line-height: 1;
    font-weight: 400;
    min-width: 16px;
    justify-content: center;
    padding: 2px 4px;
    right: -8px;
    top: -8px;
    background: var(--g-color);
    border-radius: 3px;
    color: #fff;
    opacity: 0;
    transition: all .2s;
}

.dugout-video:empty {
    background-color: #8881;
    padding-bottom: 56.25%;
}

.collapse-inner > *:last-child {
    padding-bottom: 300px;
}

@media (max-width: 991px) {
    .yes-0 .smeta-extra {
        background-color: transparent;
        border-radius: 0;
        padding: 0;
    }

    .smeta-in > .meta-avatar img {
        --b-avatar-size: 42px;
    }
}

@media (max-width: 767px) {
    .rb-disqus-count a {
        font-size: 13px;
        padding: 5px 12px;
    }

    .count-tiny {
        font-size: 11px;
    }
}