/*
Theme Name:     dieblaue24 - Theme
Template:      	foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/portfolio/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* HELPER */
.bg-db24-gradient{ background: #3198DB; background: linear-gradient(180deg, rgba(49, 152, 219, 1) 0%, rgba(13, 34, 61, 1) 100%);}
/* HEADER */
.navbar-outer.navbar-template-outer,
.header-wrap.header-template{background-color: #FFF}
#menu-item-194650 span{ background: #3198DB; padding: 0 5px; color: #FFF;}
.pattern-diagonal2:before{background: none!important;}
.notification-popup .is-feat-right .p-wrap{flex-direction: initial}
.notification-popup .is-feat-right .p-list-small-2 .feat-holder{margin-left: 0; margin-bottom: 10px; float: left; margin-right: 10px;}
.notification-popup .p-wrap .post-inner{width: 100%}
.notification-popup{background-color: #0D223D}
.notification-popup .entry-title .post-comment-count,
.notification-popup .entry-title .post-comment-count:after{display: none}
/* TYPO */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{}
.amp{font-family: Georgia, serif;}
h1.elementor-heading-title{margin-top: 1rem}
.heading-layout-1 .heading-title:after, .heading-layout-c1 .heading-title:after{border-color: #3198bd;}
a:hover, a:hover span{ cursor: pointer}
a[aria-current="page"],
.main-menu > li > a[aria-current="page"],
.rbct a:where(:not(.p-url):not(button):not(.p-category):not(.is-btn):not(.table-link-depth):not(.wp-block-button__link):not(.no-link):not(.h-link)), .elementor-widget-text-editor p a, .textwidget a:where(:not(.p-url)){ color: #3198bd!important;}
.heading-section h2{background: #3198DB; color: #FFF; padding: 5px 25px;}
.elementor-widget-heading.heading-category h2.elementor-heading-title{ font-size: 25px; border: 1px solid #3198DB; padding: 5px 15px; border-top: 3px solid #3198DB; display: inline-block;}
.main-menu .sub-menu > .menu-item a, .user-dropdown a, .more-col .menu a, .collapse-footer-menu a, .elementor-widget-container .menu a{text-transform: none!important;}
.has-drop-cap { float: left; font-size: 1.25em; line-height: 1; padding-right: 0.1em; font-weight: bold; text-transform: uppercase; color: #0D223D;}
/* BUTTONS */
.elementor-button, .elementor-button-link{ padding: max(.5em, 10px) 1.5em; font-size: 1rem; line-height: calc(1rem * 1.6); position: relative; display: inline-flex; align-items: center; flex-flow: row nowrap; min-height: max(34px, 2.6em); -webkit-transition: var(--effect); transition: var(--effect); color: #000!important; border-color: transparent; border-radius: 0; background-color: #EDEDED!important;}
.elementor-button:hover, .elementor-button-link:hover{ -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); color: #FFF!important; border-color: transparent; background-color: #3198DB!important; box-shadow: var(--btn-shadow, 0 3px 12px var(--btn-primary-h-90, var(--g-color-90)));}
.loadmore-trigger span, .pagination-trigger, .pagination-wrap .older a, .pagination-wrap .newer a, .pagination-number .page-numbers,
.p-readmore{padding: max(.5em, 10px) 1.5em; font-size: 1rem}
.p-readmore i, .pagination-simple i{display: none}
/* call-to-action */
.elementor-widget-call-to-action{ border: 8px solid #0D223D;}
.elementor-widget-call-to-action .elementor-cta__content{background-color: #3198DB;}
.elementor-widget-call-to-action .elementor-cta__button{ background-color: #0D223D; border-color: #FFF}
.elementor-widget-call-to-action .elementor-cta__button:hover { background-color: #0D223D !important; color: #fff !important;}
.elementor-cta__title{font-size: 40px}
.elementor-button, .elementor-button-link{background-color: #0D223D}
.elementor-button:hover, .elementor-button-link:hover{background-color: #3198DB}
/* FOOTER */
footer .sidebar-menu a:hover > span,
#menu-footer-1 a:hover{color: #3198DB!important;}
.elementor-element-28e410b .menu-heading{display: none}
.footer-has-bg{background-color: #3198DB}
footer.footer-wrap *{ color: #FFF;}
footer.footer-wrap .copyright{color: #FFF}
footer .sidebar-menu a:hover > span,
#menu-footer-1 a:hover{color: #0D223D}
.heading-layout-21 .heading-title > * { border-top-width: 5px; border-color: #0D223D;}
/* SIDEBAR */
.sidebar-wrap.single-sidebar .list-feat-holder{display:none!important;}
.sidebar-wrap.single-sidebar .counter-el:before{ content: counter(trend-counter); left: 0; font-size: 40px; font-family: 'Outfit'; color: #0D223D; opacity: 1; text-align: left;}
.sidebar-wrap.single-sidebar h3 a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    padding-left: 40px;
    padding-right: 40px;
}
.sidebar-wrap.single-sidebar .elementor-widget.elementor-widget-foxiz-list-small-2 .feat-holder{ float: left;}
.sidebar-wrap .elementor-widget-foxiz-list-small-2 .post-inner{width: 100%;}
.sidebar-wrap .elementor-widget-foxiz-list-small-2 .comments-count .fa-comments{
    color:#FFF
}
.sidebar-wrap .elementor-widget-foxiz-list-small-2 .comments-count {
    position: absolute;
    left: 0;
    top: 85px !important;
    z-index: 99;
}

@media (min-width: 768px) {
    .sidebar-wrap.single-sidebar .list-feat-holder {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%
    }
    .sidebar-wrap.single-sidebar .list-holder,
    .sidebar-wrap.single-sidebar .flipped-yes .is-feat-left .p-wrap:nth-child(2n) .list-holder {
        flex-flow: column;
    }
}
/* LIGHTGALLERY */
 .inline-gallery-container {
     width: 100%;
     height: 0;
     padding-bottom: 100%;
 }
.lg-toolbar{
    background-color: #3198DB;
    z-index: 999999;
}
.lg-counter,
.lg-toolbar .lg-icon{
    color:#FFF
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover{
    border-color: #3198DB;
}
/* ELEMENTOR */
.heading-layout-21 .heading-title span{ background: #FFF!important;}
/* video */
.elementor-custom-embed-image-overlay::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 80, 200, 0.4); z-index: 1; pointer-events: none;}
.elementor-custom-embed-image-overlay { position: relative;}
/* start */
.elementor-2386 .elementor-element.elementor-element-4e49ebc .p-list-small-2 .feat-holder{float: left}
.elementor-element.elementor-element-443adc8,
.elementor-element.elementor-element-1fb3ec0 {padding: inherit 0 0 0!important;}
.elementor-element.elementor-element-443adc8 h2.heading-title,
.elementor-element.elementor-element-1fb3ec0 h2.heading-title{width: 100%; text-align: center; display: block}
#big-top-news .rbi.rbi-comment,
#big-top-news .post-comment-count,
.elementor-element.elementor-element-443adc8 h2.heading-title:after,
.elementor-element.elementor-element-1fb3ec0 h2.heading-title:after{display: none}
#big-top-news .comments-count .badge {
    position: absolute;
    top: 3px;
    left: 35px;
    font-size: 18px;
    padding: 3px 6px;
    font-weight: normal;
    font-family: 'Outfit';
    min-width: 30px;
    color: #2F98DB;
    border: 1px solid #2F98DB;
    border-radius: 50%;
    background: #FFF;
}
.block-grid-flex-1 .comments-count .badge{top:-2px}
#small-top-news .comments-count .badge{top: -4px}
.sidebar-wrap.single-sidebar .comments-count{ position: absolute; right: 0; top: 0px;}
#tippspiel-user-ranking table thead{ background-color: #2F98DB; color: #FFF}
#tippspiel-user-ranking td{background-color: #F3F4F6}
#tippspiel-user-ranking a{color: #2F98DB}
#tippspiel-user-ranking .table > :not(caption) > * > *{ padding: 0.15rem 0.5rem}
table#team-squad,
#tippspiel-user-ranking table{box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)}
#tippspiel-ad img{margin: 25px 0}
/* WPDISCUZ */
.wpd-filter.wpdf-hottest i.fas.fa-fire:before{content: "\f4ad";}
.wpd-filter.wpdf-reacted i.fas.fa-bolt:before{content: "\f201";}
#wpdcom .wpd-thread-filter .wpdf-reacted{color:#282828; border-bottom-color: #282828}
#wpdcom .wpd-thread-filter .wpdf-hottest{color:#2F98DB; border-bottom-color:#2F98DB}
/* THEME */
.is-divider-dot-2 .rb-menu > li:not(:first-child):before{background-color: #3198DB}
.qlink{margin: 0}
/* post */
.single-format-standard .single-excerpt .da-reactions-outer,
figcaption:not(:empty):before, .wp-caption-text:before{ display: none}
.smeta-comment.smeta-el{margin-right: 15px}
.smeta-comment.smeta-el a{ background: #3097DB; color: #FFF; padding: 10px 20px; border-radius: 20px;}
.entry-title i{ padding: 5px}
.entry-title .post-comment-count{ font-size: 14px; padding: 3px 0; color: #0D223D; border-radius: 10px; position: relative; font-weight: bold;}
.entry-title .post-comment-count:after{ font-family: 'ruby-icon' !important; font-size: 1rem; position: relative; content: '\e945'; color: #0D223D; display: inline-block; transform: scaleX(-1); padding-right: 5px;}
.bio-avatar:before{border-bottom: 0; border: 2px solid #2F98DB}
.single-meta .smeta-in { display: flex; flex-wrap: wrap;}
.single-meta .smeta-in .meta-el.meta-avatar { flex: 0 0 100%; max-width: 100%;}
.smeta-sec { margin-top: .5rem; flex: 0 0 100%;}
/* article lists */
.p-grid-1 h2{margin-top: 10px}
.feat-comments { position: absolute; z-index: 9; background: #3198DB; font-size: 12px; padding: 2px 5px; min-width: 35px; text-align: center; right: 0px; color: #FFF; opacity: 0.75;}
.simple-gallery-image,
div.elementor-element [data-widget_type="video.default"],
.p-featured{ border: 1px solid #0D223D}
.comments-count{ min-width: 45px; position: relative; display: inline-block;}
.comments-count .badge{
    position: absolute;
    top: -7px;
    left: 15px;
    font-size: 10px;
    padding: 3px 6px;
    color: #2F98DB;
    border: 1px solid #2F98DB;
    border-radius: 50%;
    background: #FFF;
    font-family: 'Outfit';
    font-weight: normal;
}
/* FORMS */
textarea, input{ background-color: #FFF;}
input[type='text'], input[type='tel'], input[type='password'], input[type='email'], input[type='url'], input[type='search'], input[type='number'], textarea, .select2-results, .select2-selection__rendered,
.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select{ background-color: #FFFFFF; color: #000!important;}
thead { color: #3198DB; background-color: #fff;}
.table-bordered > :not(caption) > * > *{border-width: 1px}
/* WPDISCUZ */
#db24-stammtisch .wpdiscuz-widgets-content.wpd_widgets_slider_wrapper{ background: #3198DB; border: 8px solid #0D223D;}
#db24-stammtisch .widget-comments-container,
#db24-stammtisch #widget-comments-container,
#db24-stammtisch .elementor-element.e-con-full{margin:0; padding: 0}
#db24-stammtisch #widget-comments-container .wpdiscuz-widget-comment-content a,
#db24-stammtisch .wpdiscuz-widget-icon-show-box i,
#db24-stammtisch .wpdd-stars span{ color: #FFF}
#db24-stammtisch #widget-comments-container .wpd_widgets_items_wrapper .slick-arrow,
#db24-stammtisch #widget-comments-container .wpd-widget-comp-count{ background-color: #0D223D}
#db24-stammtisch .widget-comments-container,
#db24-tippspiel .elementor-widget-call-to-action{min-height: 200px; background-color: #2F98DB}

#wpdcom .wpd-form.wpd-secondary-form-wrapper{padding: 0 25px}
#wpdiscuz-comment-message{}
#wpdcom .wpd-comment .wpd-comment-wrap{border: 2px solid #0D223D; padding: 10px; background-color: #FFF}
#wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img, #wpdcom.wpd-layout-2 .wpd-form .wpd-avatar img.avatar, #wpdcom.wpd-layout-2 .wpd-comment .wpd-blog-post_author .wpd-avatar img{border-bottom: 0}
#wpdcom.wpd-layout-2 .wpd-reply, #wpdcom.wpd-layout-2 .wpd-reply.wpd_comment_level-2{}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap{margin-bottom: 0; border: 0; border-left:0}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap.wpd-blog-post_author{border:0}
#wpdcom.wpd-layout-2 .wpd-comment.wpd-reply .wpd-comment-wrap.wpd-blog-post_author:not(:last-of-type) {border-bottom: 0}
#wpdcom.wpd-layout-2 .wpd-comment{background-color: #FAFAFA}
#wpdcom .wpd-comment-footer{flex-direction: row-reverse}
#wpdcom .wpd-comment-footer .wpd-reply-button{margin-right: 20px}
/* fussballdaten */
#fdwp-table-current-matchday h3,
#fdwp-table-start h3{ font-size: 20px; line-height: 35px}
#fdwp-table-day .fdwp-wrapper.links,
#fdwp-table-current-matchday .fdwp-wrapper.links,
#fdwp-table-start .fdwp-wrapper.links{display: none}
#fdwp-table-current-matchday *, #fdwp-table-start *{font-size: 13px}
#fdwp-table-start td, #fdwp-table-start th { border: 1px solid #ccc; padding: 0 10px; text-align: left;}
#fdwp-table-start thead tr{ background-color: #0D223D;}
#fdwp-table-start img { max-height: 24px; max-width: 24px; float: left; vertical-align: middle; margin-right: 6px;}
#fdwp-table-start tr:nth-child(even) { background-color: #f9f9f9; }
.fdwp-wrapper .fdwp-table .row .cell:first-child{width: 24px}
.fdwp-wrapper .fdwp-table .row.full .cell { padding: 3px 10px!important;}
#fdwp-table-current-matchday .fdwp-wrapper .fdwp-table .row.date,
#fdwp-table-start .fdwp-wrapper .fdwp-table .row.date{background-color: #3398DB; margin: 0}
#fdwp-table-day .fdwp-table .row { display: none;}
#fdwp-table-start .highlight{background-color:#3398db; font-weight: bold; color:#FFF}
#fdwp-table-day .name-visible.long.highlight{color:#3398db; font-weight: bold;}
#fdwp-table-current-matchday .fdwp-matchday .row:not(.date) .cell:nth-child(1),
#fdwp-table-current-matchday .fdwp-matchday .row:not(.date) .cell:nth-child(3) { width: 40%;}
#fdwp-table-current-matchday .fdwp-matchday .row:not(.date) .cell:nth-child(2){width: 20%}
#fdwp-table-current-matchday .fdwp-matchday .row:not(.date) .cell:nth-child(2) a{ max-width: 100px; text-align: center; display: inline-block;}
#fdwp-table-current-matchday .fdwp-table.fdwp-matchday{display: grid}
#fdwp-table-current-matchday .fdwp-wrapper .fdwp-table .row{display: inline-table; margin: 0}
.fdwp-wrapper .fdwp-table .row .cell{    padding: 3px 10px !important;}
/* CONTENT / LANDINGPAGES */
.wpcf7-form-control-wrap { position: relative; display: block;}
/* TIPPSPIEL */
body.page-id-130514 .rb-container{}
#db24-tippspiel-settings .text-64{visibility: hidden}
#db24-tippspiel-settings .text-2xl {font-size: 1.0em !important; line-height: 1.25rem !important;}
/* buddypress */
body.buddypress.page .page-header{ visibility: hidden;}
#buddypress #header-cover-image{ height: 315px; background-size: contain; background-position: center center; background-image: url(https://www.dieblaue24.com/wp-content/uploads/2025/07/buddypress-account-cover.jpg);}
#buddypress #item-header-cover-image{min-height: 315px; overflow: hidden;}
#buddypress #item-header-cover-image #item-header-avatar{margin-top: 235px}
#buddypress #item-header-avatar img{ border: 2px solid #000000; margin: 0 auto; min-width: 100%;}
/* RESPONSIVE */
.mobile-collapse{ background: #2F98DB}
.mobile-collapse .sidebar-menu a:hover span,
.mobile-collapse .sidebar-menu a:hover{ color: #0D223D!important;}
/* BUGLOG */
#_buglog-container {
    width: auto;
    text-align: center;
    padding: 0;
    height: auto;
    position: fixed;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    left: 0;
    bottom: 20px;
    z-index: 999999;
}

#_buglog-container.collapsed #_buglog-button{
    transition: transform 1.5s ease, opacity 1.5s ease;
    opacity: 0.5;
    left: -4px
}

#_buglog-container:hover {
    opacity: 1;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
/* BUGFIXES */
.mfp-container:before{ display: inline} /* display:block fix from give.css > broken slide-out */