/*
 Theme Name:   Top Club Child
 Theme URI:    http://cyberspaceart.com/topclub/
 Description:  Child theme based on Top Club
 Author:       CyberSpaceArt
 Author URI:   http://cyberspaceart.com/
 Template:     topclub
 Version:      1.0
 Tags:         two-columns, custom-colors, theme-options, threaded-comments, translation-ready, sticky-post, post-formats, featured-images, custom-menu
 Text Domain:  topclub-child
*/

/* archivo-narrow-regular - latin */
@font-face {
    font-family: 'Archivo Narrow';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/archivo-narrow-v11-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Archivo Narrow Regular'), local('ArchivoNarrow-Regular'),
    url('fonts/archivo-narrow-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/archivo-narrow-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/archivo-narrow-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/archivo-narrow-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/archivo-narrow-v11-latin-regular.svg#ArchivoNarrow') format('svg'); /* Legacy iOS */
    font-display: auto;
}

/* archivo-narrow-700 - latin */
@font-face {
    font-family: 'Archivo Narrow';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/archivo-narrow-v11-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Archivo Narrow Bold'), local('ArchivoNarrow-Bold'),
    url('fonts/archivo-narrow-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/archivo-narrow-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/archivo-narrow-v11-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/archivo-narrow-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/archivo-narrow-v11-latin-700.svg#ArchivoNarrow') format('svg'); /* Legacy iOS */
    font-display: auto;
}

form label span:first-child:after{
    content: '*';
        color: var(--ssv-color);
    margin-left: 3px;
}
form label span.not-required:first-child:after{
    content: '';
}

/**
 * = MAIN Comment Block
 * ========================================================================= */
*{
    font-family: Archivo Narrow, sans-serif !important; 
}
.comment-content p, .news-text p, .static-page-content p, .full-fixture-text p, .full-player-text p, .full-news-text p {
    font-family: Archivo Narrow, sans-serif;
}
.footer-title, .footer-title-h {
    font-family: Archivo Narrow, sans-serif;
}
.footer-wrap .footer-widget, .footer-wrap .textwidget{
    font-family: Archivo Narrow, sans-serif;
}
.info-cont {
    font-family: Archivo Narrow, sans-serif;
}
.info-cont-link {
    font-family: Archivo Narrow, sans-serif;
}
table, table th, table td{
    font-family: Archivo Narrow, sans-serif;
}
address, abbr, em, big, delete, q, strong, tt, var, acronym, ins, dd a, dt a, del, table a {
    font-family: Archivo Narrow, sans-serif;
}
.last-match-vs{
    font-size: 75px;
    color: #fff;
}

ul .footer-widget-list {
    list-style-type: disc;
    margin-left: 20px;
}

strong {
    color: #141414;
}

.comment-content p, .news-text p, .static-page-content p, .full-fixture-text p, .full-player-text p, .full-news-text p {
    line-height: 22px;
}

/*Fix styling error*/
#custom_html-33 .nav.nav-tabs.csa-shrt-tabs{
    overflow: hidden
}

.grecaptcha-badge{display: none !important}
.page-id-6597 .grecaptcha-badge,
.page-id-6269 .grecaptcha-badge{
    display: inherit !important
}

/* Colors */
:root{
    --ssv-color: #ae0d10;
    --ligt-grey: #f1f1f1;
    --dark-grey: #e6e6e6;
    --icon-font: FontAwesome !important;
    --ssv-background-image: url(https://www.ssv-eggenfelden.de/app/uploads/2020/07/72B9C94E-EEEF-4914-A90F-C7A5E1DC5A32-scaled.jpg);
}

.footer-wrap a:hover{color: var(--ssv-color);}
.fa.fa-calendar-o, .fa.fa-thumb-tack.sticky-mark::before,
span.glyphicon, .fa.fa-folder, .fa.fa-eye,
.fa.fa-search.inner-search-icon, .fa.fa-exclamation-circle{font-family: FontAwesome !important}

.full-news-text {
    padding: 0 0;
}
.full-news-text p a,
.full-news-text p a strong,
.static-page-content p a,
.static-page-content p a strong{
    color: var(--ssv-color);
    text-decoration: none}
.full-news-text p a:hover,
.full-news-text p a:hover strong,
.static-page-content p a:hover,
.static-page-content p a:hover strong{
    color: var(--ssv-color);
    text-decoration: underline
}

/*Kommentare ausblenden*/
#comments {display: none}

/* Navigations bar*/
.nav-tabs>li.active>a, .csa-shrt-tabs > li:hover > a {background-color: #ae0d10 !important; color: #fff !important}
.csa-shrt-tabs > li > a {background-color: #fff; color: #333; border: 0px !important}
ul.nav.nav-tabs{background-color: #e6e6e6 !important;}
.csa-shrt-tabs > li > a{background-color: #f1f1f1}
.nav-tabs{border-bottom: 3px solid #ae0d10 !important;}
.csa-shrt-tabs li:last-child a:after{content: '';
    position: absolute;
    right: -14px;
    top: 0;
    bottom: 0;
    width: 25px;
    background: #f1f1f1;
    -webkit-transform: skewX(-30deg);
    -moz-transform: skewX(-30deg);
    -ms-transform: skewX(-30deg);
    -o-transform: skewX(-30deg);
    transform: skewX(-30deg);
    z-index: 20;
}
.csa-shrt-tabs li:hover:last-child a:after, .csa-shrt-tabs li.active:last-child a:after{background-color: #ae0d10}
@media (max-width:767px){
    .csa-shrt-tabs li:last-child a:after{display: none !important;}
}
@media (max-width:481px){
    .static-page-content .nav-tabs>li>a{padding: 10px 5px 10px 5px}
    .static-page-content .half-width ul > li{width: 50%; text-align: center}

}

/**
 * = WP Toolbar
 * ------------------------------------------------------------------------- */

#wp-toolbar .ab-icon{
    font-family: dashicons !important;
}

/* menu style*/
/*Menü Hintergrund*/
.dropdown-toggle-wrap, .tophead .secondline, .tophead .secondline .head-menu-container {background-color: transparent !important; }
@media only screen and (max-width: 480px){
.tophead .firstline {background-color: transparent !important;}
}
.tophead  {background-image: var(--ssv-background-image);
    background-position: left bottom;
    background-color: #ae0d10;}
@media only screen and (min-width: 481px) and (max-width: 767px){
    .tophead{background-size: cover;}
}
@media only screen and (max-width: 767px){
    .head-menu-wrap .head-menu-list .dropdown-menu {
        border-color: #ae0d10 !important;
    }
    .head-menu-wrap .head-menu-list {margin-top: 40px}
}
@media only screen and (max-width: 767px){
    #hoverdrop .menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown .menu-item a{line-height: inherit;}
}
.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown.open,
.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown.open>a{background-color:#fff; color: #333;}
@media only screen and (min-width: 768px) {
    .head-menu-wrap .head-menu-list li:hover a {
        color: #333;
    }
}

/* menü icons*/
.head-menu-container .menu-item a:before{
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
    font-size: 12px;
}
.head-menu-container #menu-item-2859> a:before{content: '\f1ea';}
.head-menu-container #menu-item-545> a:before{content: '\f0c0';}
.head-menu-container #menu-item-3401> a:before{content: '\f1fd';}
/*.head-menu-container #menu-item-3192> a:before{content: '\f073';}*/
.head-menu-container #menu-item-841> a:before{content: '\f2b5';}
.head-menu-container #menu-item-1378 a:before{content: '\f07a';}
.head-menu-container #menu-item-7046>a:before {content: '\f0c0';}
.head-menu-container #menu-item-7045>a:before {content: '\f0c0';}

/* wacker menü*/
.head-menu-container #menu-item-3524,
.head-menu-container #menu-item-8100,
.head-menu-container #menu-item-8101 {
    vertical-align: middle;
    height: 62px;
}
.head-menu-container #menu-item-3524> a,
.head-menu-container #menu-item-8100> a,
.head-menu-container #menu-item-8101> a{
    display: block;
    line-height: 28px;
}
.head-menu-container #menu-item-3524> a:before,
.head-menu-container #menu-item-8100> a:before,
.head-menu-container #menu-item-8101> a:before{
    background-size: cover;
    display: inherit;
    height: 35px;
    width: 35px;
    position: relative;
    content: " ";
    margin: 0 auto;
    top: 4px;
}
.head-menu-container #menu-item-3524> a:before{
    background-image: url("https://www.ssv-eggenfelden.de/app/uploads/2020/10/wacker.png");
}
.head-menu-container #menu-item-8100> a:before{
    background-image: url("https://www.ssv-eggenfelden.de/app/uploads/2023/02/RottalerFinal.png");
}
.head-menu-container #menu-item-8101> a:before{
     background-image: url("https://www.ssv-eggenfelden.de/app/uploads/2022/06/7b1bf5a0-cbfc-4990-a804-9c48e4dceedc-128x128.webp");
 }

@media (max-width: 767px) {
    .head-menu-list {padding: 4px 0 4px 0;}
    .head-menu-container #menu-item-3524,
    .head-menu-container #menu-item-8100,
    .head-menu-container #menu-item-8101 {
        height: auto
    }
    .head-menu-container #menu-item-3524> a,
    .head-menu-container #menu-item-8100> a,
    .head-menu-container #menu-item-8101> a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .head-menu-container #menu-item-3524> a:before,
    .head-menu-container #menu-item-8100> a:before,
    .head-menu-container #menu-item-8101> a:before {
        top: 0;
        margin: 0 5px 0 0;
    }
}

/* menu size */
@media (min-width: 768px) and (max-width: 1200px){
    .head-menu-wrap .head-menu-list {
        margin-left: 120px !important;
    }
    .head-menu-wrap .head-menu-list>li.menu-item>a {
        padding: 0 9px !important;
    }
}
@media (max-width: 991px){
    .head-menu-wrap .head-menu-list>li.menu-item>a {
        padding: 0 3px !important;
    }
    .container {
        width: 790px !important;
    }
}
@media (max-width: 810px){
    .container{
        padding-right: 15px !important;
        width: calc(100%) !important
    }
    .container .row{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .caret{
        margin-left: 0 !important
    }
}
@media (max-width: 790px) {
    .head-menu-wrap .head-menu-list>li.menu-item>a{
        padding: 0 1.5px !important
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .head-menu-wrap .head-menu-list{
        margin-left: 110px !important;
    }
    .navbar-collapse {
        padding-right: 3px !important;
    }
}
@media (max-width: 767px) {
    .head-menu-list {
        padding: 4px 0 4px 0 !important;
    }
}

/*******/
@media (min-width: 768px) {
    .tophead .secondline {
        height: 60px !important;
    }
}

/*menu toggle button*/
@media only screen and (max-width: 767px){
    .navbar-toggle:hover {
        background-color: #fff;
    }
    .navbar-toggle:hover span{
        background-color: #333;
    }
}

/*login Button*/
.fa-sign-out:before, .fa-sign-in:before, .fa-search:before{
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
}
.top-btn:hover .fa-sign-out:before, .top-btn:hover .fa-sign-in:hover:before, .top-btn:hover .fa-search:hover:before{
    color: #333;
}

@media only screen and (max-width: 767px) {
    .firstline {
        background-color: #333333;
    }
    .top-btns-wrap {
        text-align: right;
        margin-right: 65px;
        margin-top: 30px !important;
    }

    .top-btns-wrap {
        text-align: right;
        margin-top: 10px;
    }
    .top-btn {
        background-color: #ae0d10;
        border-radius: 4px;
        height: 36px;
        width: 44px;
        line-height: 30px;
    }
    .top-btn a{
        padding: 0;
        text-align: center;
    }
}
@media only screen and (max-width: 481px) {
    .top-btns-wrap {
        margin-right: 22px;
        margin-top: 10px !important;
    }

    .wp-block-wp-dark-mode-block-dark-mode-switch,
    .wp-dark-mode-switcher,
    .wp-dark-mode-switcher label{
        height: 36px !important;
        width: 44px !important;
        margin-bottom: 0;
    }
    .wp-block-wp-dark-mode-block-dark-mode-switch .wp-dark-mode-switcher.style-9 label {
        border-radius: 4px !important;
        background-color: var(--ssv-color) !important;
    }
    .wp-block-wp-dark-mode-block-dark-mode-switch .wp-dark-mode-switcher.style-9.active label{
        background-color: var(--ssv-color) !important;
    }
    .menu-search-wrap.search-toggle-li{
        border-radius: 4px !important;
        background: var(--ssv-color);
    }
    .head-menu-search-link{
        height: 36px !important;
        width: 44px !important;
        line-height: 36px;
        padding: 0;
        text-align: center;
    }
    .top-btn a, .top-btn i{
        line-height: 36px;
    }
    .wp-dark-mode-active .wp-block-wp-dark-mode-block-dark-mode-switch .wp-dark-mode-switcher.style-9 label{
        background-color: #555 !important;
    }
    html.wp-dark-mode-active :not(.wp-dark-mode-ignore) .dropdown-toggle-wrap button{
        border-color: var(--ssv-color) !important;
        background-color: var(--ssv-color) !important;
    }
    html.wp-dark-mode-active :not(.wp-dark-mode-ignore) .navbar-toggle .icon-bar{
        background-color: #fff !important;
    }
}

/* red table header*/
.wp-block-table thead{border-bottom: none}
.wp-block-table thead tr {background-color: #ae0d10;}
.wp-block-table strong{color: #fff !important}
.wp-block-table.is-style-stripes {border: 0px}

/* inline header */
.page-content-wrap .section-title-h{margin: 0; font-weight: 700; display: inline-block;}
/* top title */
.left-bar>.section-title-wrap, .section-title-wrap.top-title{border-bottom: 3px solid #ae0d10 !important;}
.full-news-text .section-title-wrap h3, .full-player-text .section-title-wrap h3{margin: 0; display:inline-block; font-weight:700}
/* title red v*/
.section-title-h .has-inline-color-red{color: var(--ssv-color); font-size: 18px; font-weight: 700}


/* picture gallery*/
.wp-block-gallery {margin-bottom: 10px}
.full-news-text ul > li.blocks-gallery-item{padding: 0}
.full-news-text ul.blocks-gallery-grid{width: 100%; margin-top: 4px}
.wp-block-gallery .blocks-gallery-item figcaption{padding-top: 25px}
@media (max-width: 599px) {
    .wp-block-gallery.columns-3.is-cropped .blocks-gallery-item{max-width: calc(50% - 8px)}
}
.wp-block-gallery.has-nested-images figure.wp-block-image{
    flex-grow: 0 !important;
}

/* mobile content start */
@media (max-width:480px){
    .second-content-section, .news-content-section{padding: 20px 0 40px 0;}
}
/* meta box margin*/
.static-page-content .full-news-meta-list{margin-top: 0}

/**
 * = Slider
 * ------------------------------------------------------------------------- */

.slider-wrap .slider-title {
    margin-bottom: 0;
    font-size: 60px;
}

.slider-wrap .sp-layer.slider-text{
    right: 5% !important;
    top: 330px !important;
}

.slider-wrap .slider-caption{
    margin-top: 0 !important;
}

.slider-wrap .slider-btn{
    margin-top: 0 !important;
    padding: 8px 30px !important;
    cursor: default !important;
    pointer-events: none !important;
}

@media only screen and (max-width: 989px) {
    .slider-wrap .slider-title {
        font-size: 50px;
    }

    .slider-wrap .slider-caption {
        display: none;
    }

    .slider-wrap .sp-layer.slider-text {
        top: 180px !important;
    }
}

@media only screen and (max-width: 782px) {
    .slider-wrap .slider-title {
        font-size: 30px;
        display: inline;
        padding: 0 20px 0 20px;
    }

    .slider-wrap .sp-layer.slider-text {
        top: 140px !important;
    }

    .slider-wrap .slider-text, .slider-wrap .slider-btn-wrap {
        text-align: right;
    }

    .slider-wrap .slider-btn{
        margin-top: 8px !important;
        padding: 4px 25px !important;
    }
}

/**
 * = Slider Style
 * ------------------------------------------------------------------------- */
#top-slider .sp-slides{left: -0.5px}

/* Hide One Slider Title*/
/*#top-slider .sp-slides .sp-slide[data-index="1"] .slider-title{display: none}*/


/**
 * = Slider Video
 * ------------------------------------------------------------------------- */

#ssv-start-video video{
    display: inherit;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#ssv-start-video{height: 700px}

@media  (max-width : 989px){
    #ssv-start-video{height: 400px}
}

@media  (max-width : 767px){
    #ssv-start-video {height: 300px}
}

#slider-wrapper-hide{height: 0; overflow: hidden}

/* ####################  Startseite  #################### */
.content-section{padding: 25px 0 25px 0;}

/* Beiträge */
.news-item-wrap{margin-bottom: 12px;}
.news-text-wrap {padding: 10px;}
.news-title{margin-top: 0; margin-bottom: 10px}
.news-title-h{width: 100%}
.news-title-h a{width: 100%; display: inline-block; word-break: break-word;}
.news-text{padding-bottom: 0}
.news-info {padding-top: 5px !important;}
.more-link{margin-top: 6px;margin-bottom: 6px}
@media only screen and (max-width: 767px) {
    .news-item .news-text {
        margin-bottom: 0;
    }
    .news-item-wrap{
        width: calc(100% - 10px);
    }
}
@media only screen and (max-width: 1200px) and (min-width: 1200px) {
    .news-item, .news-img-wrap  {
        width: 360px;
    }
}
/* more-news Button*/
#more-news.csa-button-default {
    display: block;
    color: #fff;
    background-color: #ae0d10;
    padding: 10px 30px;
    font-weight: 700;
    text-decoration: none;
    margin: -10px auto 15px auto;
    width: fit-content;
}

/* ####################  Footer  #################### */
.footer-widget a, .footer-widget a:link, .footer-widget a:visited{color: var(--ssv-color)}
.footer-widget a:hover{text-decoration: underline}

.textwidget .social-icon{border-radius: 10%}

/**
 * = File button style
 * ------------------------------------------------------------------------- */

a:link.wp-block-file__button,
a:visited.wp-block-file__button  {
    color: #fff!important;
    background-color: #333;
    padding: 5px 10px;
    opacity: 1;
}
a:link.wp-block-file__button:hover,
a:visited.wp-block-file__button:hover {
    background-color: var(--ssv-color);
    text-decoration: none;
}

.wp-block-file a{
    color: #333
}
.wp-block-file a:first-child:hover{
    color: var(--ssv-color);
    text-decoration: underline;
}

/**
 * = Sidebar style
 * ------------------------------------------------------------------------- */

.sidebar-block{
    margin-bottom: 20px
}
.widget_text.sidebar-block:nth-child(n+8){
    height:0;
    margin: 0;
    padding: 0;
}
.sidebar-block:nth-child(6){
    margin-bottom: 10px;
}
.sidebar-block:nth-child(6){
    height: 500px;
    overflow: auto
}
.widget_text.sidebar-block a:link, .widget_text.sidebar-block a:visited {
    color: #0070a0;
}
.widget_text.sidebar-block a:hover {
    color: #ae0d10;
}
.sidebar-block .textwidget, .sidebar-block .textwidget .tab-pane{
    padding: 0
}
.sidebar-block .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    cursor: pointer
}
.sidebar-block .nav-tabs>li>a{
    font-size: 18px
}
.widget_text.sidebar-block .nav-tabs a:link, .widget_text.sidebar-block .nav-tabs a:visited{
    color: #333
}
.sidebar-block .fupa_widget .widget_menu > div > div > div{
    border-bottom: none
}
.sidebar-block .fupa_widget .widget_menu {
    border-spacing: 0;
    margin-bottom: 0
}
.sidebar-block .csa-shrt-tabs li:last-child a:after{
    right: -12px;
}

/* Facebook Feed*/
.efbl-row{
    margin-right: 0;
    margin-left: 0;
}
.efbl-thumbnail-col.efbl-col-12, .efbl-feed-content.efbl-col-12{
    padding-right: 0;
    padding-left: 0;
}

/* Fupa Spiel neu */
.fp-liveticker-view .match-header-score .match-header-score-separator{
    line-height: 62px;
}
.fp-liveticker-view .match-header-score span{
    font-size: 6rem !important;
}