/*
Theme Name: digiSPORT
Version: 1.0
Author: 361
Author URI: http://361.de
Template: Impreza
*/
/** general */
@font-face { font-family: 'Klavika Medium'; font-style: normal; font-weight: normal; src: url("assets/fonts/KlavikaWebBasicMedium/KlavikaWebBasicMedium.eot"); /* IE9 Compat Modes */ src: url("assets/fonts/KlavikaWebBasicMedium/KlavikaWebBasicMedium.eot?#iefix") format("embedded-opentype"), url("assets/fonts/KlavikaWebBasicMedium/KlavikaWebBasicMedium.woff2") format("woff2"), url("assets/fonts/KlavikaWebBasicMedium/KlavikaWebBasicMedium.woff") format("woff"); /* Pretty Modern Browsers */ }

@font-face { font-family: 'Klavika Medium'; font-style: italic; font-weight: normal; src: url("assets/fonts/KlavikaWebBasicMediumItalic/KlavikaWebBasicMediumItalic.eot"); /* IE9 Compat Modes */ src: url("assets/fonts/KlavikaWebBasicMediumItalic/KlavikaWebBasicMediumItalic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/KlavikaWebBasicMediumItalic/KlavikaWebBasicMediumItalic.woff2") format("woff2"), url("assets/fonts/KlavikaWebBasicMediumItalic/KlavikaWebBasicMediumItalic.woff") format("woff"); /* Pretty Modern Browsers */ }

h1, h2, h3 { font-family: 'Klavika Medium'; font-weight: normal !important; }

h4, h5, h6 { font-family: 'Noto Sans', sans-serif; }

.l-content h1, h2 { color: #b30f0b !important; }

.l-content h2.tp-caption { color: #fff !important; }

.l-content .w-actionbox.color_primary h2 { color: #fff !important; }

.w-search-open:hover { color: #706f6f !important; opacity: .5; }

.g-cols > div { min-height: 1px; }

.tp-mask-wrap a { text-decoration: none !important; border-bottom: 0 !important; }

body .l-section-h { padding: 2em 0; }

.l-titlebar.size_large .l-titlebar-h { padding: 3em 0 2em; }

.l-content ul { list-style: none; margin-left: 1em; }

.l-content ul li { padding-left: 1em; position: relative; }

.l-content ul li:before { display: inline-block; content: '#'; position: absolute; left: -1em; font-weight: bold; color: #b30f0b; }

.l-content ul li ul > li:before { font-weight: normal; }

.l-content ul li ul > li ul > li:before { color: #706f6f; }

.l-section.for_comments .l-section-h { border-top: none; }

.text-center { text-align: center; }

.home .l-content { margin-top: 0; }

@media only screen and (max-width: 900px) { .home .l-content { margin-top: 15px; } }

.home .l-content > .l-section > .l-section-h { padding-top: 0; }

.page .l-content { margin-top: 0; }

/** overlay menu */
.w-nav-overlay { position: relative; }

.w-nav-overlay-control { position: absolute; display: block; top: 0; right: 0; z-index: 1000; height: 20px; width: 30px; transform: translateY(-50%); transition: all .3s ease-in-out; }

.w-nav-overlay-control .top, .w-nav-overlay-control .middle, .w-nav-overlay-control .bottom { position: absolute; display: inline-block; height: 3px; width: 100%; background-color: #706f6f; }

.w-nav-overlay-control .top { top: 0; }

.w-nav-overlay-control .middle { top: 50%; margin-top: -2px; }

.w-nav-overlay-control .bottom { bottom: 0; }

.w-nav-overlay-control.active { opacity: 0; }

.w-nav-overlay-list { min-height: 100vh; width: 100%; max-width: 1170px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 0 auto; }

.w-nav-overlay .w-nav-overlay-list { display: none; }

.w-nav-overlay-list .w-nav-item { font-family: 'Klavika Medium'; font-size: 2em; line-height: 1.25; margin: .25em 0; color: #706f6f; transition: all .3s ease-in-out; text-align: center; }

.w-nav-overlay-list .w-nav-item:hover .w-nav-anchor { color: #706f6f !important; }

.w-nav-overlay-list .w-nav-item .w-nav-anchor:hover { background-color: transparent !important; color: #b30f0b !important; }

@media only screen and (max-width: 767px) { .w-nav-overlay-list .w-nav-item { font-size: 1.5em; } }

.w-nav-overlay-list .w-nav-anchor { overflow: visible; }

.w-nav-overlay-list .current-menu-item > .w-nav-anchor span, .w-nav-overlay-list .current-menu-ancestor > .w-nav-anchor span, .w-nav-overlay-list .current-post-ancestor > .w-nav-anchor span { color: #b30f0b !important; border-bottom: 2px solid #b30f0b; }

.w-nav-overlay-list .current-menu-item > .w-nav-anchor:hover .w-nav-anchor:after, .w-nav-overlay-list .current-menu-ancestor > .w-nav-anchor:hover .w-nav-anchor:after, .w-nav-overlay-list .current-post-ancestor > .w-nav-anchor:hover .w-nav-anchor:after { border-top-color: #b30f0b; }

.w-nav-overlay-list .current-menu-item.menu-item-has-children .w-nav-anchor .w-nav-title:after, .w-nav-overlay-list .current-menu-ancestor.menu-item-has-children .w-nav-anchor .w-nav-title:after, .w-nav-overlay-list .current-post-ancestor.menu-item-has-children .w-nav-anchor .w-nav-title:after { border-top-color: #b30f0b !important; }

.w-nav-overlay-list .menu-item-has-children > .w-nav-anchor > .w-nav-title { position: relative; }

.w-nav-overlay-list .menu-item-has-children > .w-nav-anchor > .w-nav-title:after { display: block !important; content: ''; width: 0; height: 0; position: absolute; top: 50%; right: -.75em; border: .25em solid transparent; border-top-color: #706f6f; background-color: transparent; margin-top: -.1em; margin-left: .25em; margin-left: .25em; transition: all .3s ease-in-out; }

.w-nav-overlay-list .menu-item-has-children > .w-nav-anchor:hover .w-nav-title:after { border-top-color: #b30f0b; }

.w-nav-overlay-list .w-nav-list { padding-top: .25em; display: none; background-color: transparent !important; }

.w-nav-overlay-list .w-nav-list .w-nav-item { font-size: .6em; text-align: center; }

.w-nav-overlay-list .w-nav-list .w-nav-item .w-nav-list { margin-bottom: .5em; }

.w-nav-overlay-list .w-nav-list .w-nav-item .w-nav-item { font-size: .8em; }

.w-nav-overlay-list .w-nav-list .w-nav-item .w-nav-anchor .w-nav-title:after { display: none; }

@media only screen and (max-width: 900px) { .w-nav-overlay-list .w-nav-list .w-nav-item { font-size: .8em; } }

.w-nav-list.level_3 { display: none; }

.w-nav-overlay-wrapper { display: block; opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; background-color: rgba(246, 246, 246, 0.95); overflow-x: hidden; transition: all .3s ease-in-out; }

.w-nav-overlay-wrapper.active { opacity: 1; visibility: visible; }

.w-nav-overlay-wrapper .w-nav-overlay-close { display: block; height: 30px; width: 30px; position: absolute; top: 1.65em; right: 70px; cursor: pointer; font-family: fontawesome; font-size: 2.5em; text-align: center; color: #706f6f; }

.w-nav-overlay-wrapper .w-nav-overlay-close:before { content: '\f00d'; }

@media only screen and (max-width: 767px) { .w-nav-overlay-wrapper .w-nav-overlay-close { font-size: 2em; } }

@media only screen and (max-width: 600px) { .w-nav-overlay-wrapper .w-nav-overlay-close { top: 46px !important; right: 15px !important; } }

@media only screen and (max-width: 900px) { .w-nav-overlay-wrapper .w-nav-overlay-close { top: 60px !important; right: 15px !important; } }

@media only screen and (max-width: 1140px) { .w-nav-overlay-wrapper .w-nav-overlay-close { right: 40px; } }

.w-nav-overlay-container { position: relative; max-width: 1140px; margin: 0 auto; }

.no-touch .w-nav.type_desktop .menu-item-language:hover > a, .no-touch .w-nav-item.level_1:hover > .w-nav-anchor { background-color: transparent !important; }

.w-nav-item.menu-item-has-children > .w-nav-anchor:not(.level_1) .w-nav-arrow { display: none; }

.w-nav-item.level_1.current-menu-item > .w-nav-anchor, .w-nav-item.level_1.current-menu-parent > .w-nav-anchor, .w-nav-item.level_1.current-menu-ancestor > .w-nav-anchor { background: transparent !important; }

/** content nav */
.w-content-nav { position: fixed; top: 0; right: -50%; width: 50%; height: 100%; background-color: #b30f0b; z-index: 998; transition: all .3s ease-in-out; }

.w-content-nav.active { right: 0; }

@media only screen and (max-width: 1024px) { .w-content-nav { width: 70vw; right: -70vw; } }

@media only screen and (max-width: 767px) { .w-content-nav { width: 85vw; right: -85vw; } }

.w-content-nav-trigger { position: absolute; height: 2.5em; width: 2.5em; background-color: #b30f0b; top: 50%; margin-top: -1.5em; left: -2.5em; border-top-left-radius: 5px; border-bottom-left-radius: 5px; cursor: pointer; }

.w-content-nav-trigger span { position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); font-family: fontawesome; color: #fff; font-size: 1.25em; }

.w-content-nav-trigger span:before { content: '\f0cb'; }

.w-content-nav-list { display: -ms-flexbox; display: flex; min-height: 100vh; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; margin: 0 0 0 3em; padding: 0 .5em 0 0; font-size: 1.25em; color: #fff; list-style: none; counter-reset: content-nav-counter; -webkit-backface-visibility: hidden; }

@media only screen and (max-width: 767px) { .w-content-nav-list { font-size: 1em; } }

.w-content-nav-item { position: relative; padding: 0; margin: 0; margin-bottom: 1em; font-family: 'Klavika Medium'; }

.w-content-nav-item:last-child { margin-bottom: 0; }

.w-content-nav-item:before { display: block; position: absolute; left: -2em; top: -1px; width: 1.5em; height: 1.5em; border-radius: 1em; background-color: #fff; color: #b30f0b; text-align: center; line-height: 1.5em; content: counter(content-nav-counter); counter-increment: content-nav-counter; }

@media only screen and (max-width: 767px) { .w-content-nav-item { line-height: 1.25; }
  .w-content-nav-item:before { line-height: 1.6; width: 1.5em; height: 1.5em; top: -3px; } }

.w-content-nav-anchor { color: #fff; }

.w-content-nav-anchor:hover { color: #fff !important; opacity: .6; }

/** blog */
.w-author-social { font-size: .9em; line-height: 1.7; margin: 0 0 0 120px; }

.w-author-icon { display: inline-block; width: 2em; height: 2em; font-size: 1.5em; line-height: 2; text-align: center; background-color: #b30f0b; margin-right: .5em; opacity: 1; transition: all .3s ease-in-out; overflow: visible; border-radius: 1em; margin-bottom: 10px; }

.w-author-icon i.fa { color: #fff; transition: all .3s ease-in-out; }

.w-author-icon:hover { text-decoration: none; opacity: .7; }

.w-author-icon:hover i.fa { color: #fff; }

.single .w-blog { margin-top: -2em; }

.w-blog > .w-blog-post-preview { margin-bottom: 2em !important; }

.l-content, .w-page-thumbnail { margin-top: 129px; }

@media only screen and (min-width: 601px) and (max-width: 900px) { .l-content, .w-page-thumbnail { margin-top: 116px; } }

@media only screen and (max-width: 600px) { .l-content, .w-page-thumbnail { margin-top: 86px; } }

.w-page-thumbnail-image img { border: 0; display: block; margin: 0 auto; max-width: 1000px; }

.w-page-thumbnail-caption { font-size: .5em; line-height: 1.5; padding: 10px; text-align: left; background-color: #f6f6f6; max-width: 1000px; margin: 0 auto; }

.w-page-thumbnail-captiontext { max-width: 1000px; margin: 0 auto; }

.w-post-thumbnail-caption { font-size: .5em; line-height: 1.25; padding: 10px; text-align: left; background-color: #f6f6f6; margin: 0 0 2em; }

@media only screen and (max-width: 1140px) { .w-post-thumbnail-caption { margin: 0 0 2em; } }

@media only screen and (max-width: 600px) { .w-post-thumbnail-caption { margin: 0 0 2em; } }

.w-post-thumbnail-captiontext { max-width: 1000px; margin: 0 auto; }

.has-caption .w-blog-post-preview { margin-bottom: 0 !important; }

.w-blog-post-meta > * { line-height: 1.2; }

.w-blog-post-meta > *:before { font-size: inherit; }

.vc_column-inner > .w-blog .w-blog-post-meta { font-size: .7em; line-height: 1.75; }

.vc_column-inner > .w-blog .w-blog-post-content { font-size: .8em; line-height: 1.5; }

.w-blog-post-body.no-thumbnail { padding-top: 2em; }

@media only screen and (min-width: 901px) { .header_hor .l-header.pos_fixed ~ .l-titlebar, .header_hor .l-canvas.titlebar_none.sidebar_left .l-header.pos_fixed ~ .l-main, .header_hor .l-canvas.titlebar_none.sidebar_right .l-header.pos_fixed ~ .l-main, .header_hor .l-canvas.titlebar_none.sidebar_none .l-header.pos_fixed ~ .l-main .l-section:first-child, .header_hor .l-header.pos_static.bg_transparent ~ .l-titlebar, .header_hor .l-canvas.titlebar_none.sidebar_left .l-header.pos_static.bg_transparent ~ .l-main, .header_hor .l-canvas.titlebar_none.sidebar_right .l-header.pos_static.bg_transparent ~ .l-main, .header_hor .l-canvas.titlebar_none.sidebar_none .l-header.pos_static.bg_transparent ~ .l-main .l-section:first-child { padding-top: 0 !important; } }

@media only screen and (min-width: 601px) and (max-width: 900px) { .header_hor .l-header.pos_fixed ~ .l-titlebar, .header_hor .l-canvas.titlebar_none.sidebar_left .l-header.pos_fixed ~ .l-main, .header_hor .l-canvas.titlebar_none.sidebar_right .l-header.pos_fixed ~ .l-main, .header_hor .l-canvas.titlebar_none.sidebar_none .l-header.pos_fixed ~ .l-main .l-section:first-child, .header_hor .l-header.pos_static.bg_transparent ~ .l-titlebar, .header_hor .l-canvas.titlebar_none.sidebar_left .l-header.pos_static.bg_transparent ~ .l-main, .header_hor .l-canvas.titlebar_none.sidebar_right .l-header.pos_static.bg_transparent ~ .l-main, .header_hor .l-canvas.titlebar_none.sidebar_none .l-header.pos_static.bg_transparent ~ .l-main .l-section:first-child { padding-top: 0 !important; } }

@media only screen and (max-width: 600px) { .header_hor .l-header.pos_fixed ~ .l-titlebar, .header_hor .l-canvas.titlebar_none.sidebar_left .l-header.pos_fixed ~ .l-main, .header_hor .l-canvas.titlebar_none.sidebar_right .l-header.pos_fixed ~ .l-main, .header_hor .l-canvas.titlebar_none.sidebar_none .l-header.pos_fixed ~ .l-main .l-section:first-child, .header_hor .l-header.pos_static.bg_transparent ~ .l-titlebar, .header_hor .l-canvas.titlebar_none.sidebar_left .l-header.pos_static.bg_transparent ~ .l-main, .header_hor .l-canvas.titlebar_none.sidebar_right .l-header.pos_static.bg_transparent ~ .l-main, .header_hor .l-canvas.titlebar_none.sidebar_none .l-header.pos_static.bg_transparent ~ .l-main .l-section:first-child { padding-top: 0 !important; } }

/** header */
.l-header.bg_transparent:not(.sticky) .l-subheader.at_top { background-color: #fff !important; color: #706f6f; }

.nav-down .l-subheader.at_top { height: 40px !important; line-height: 40px !important; }

.nav-up .l-subheader.at_top { height: 0 !important; line-height: 0 !important; overflow: hidden; }

@media only screen and (max-width: 600px) { .l-subheader.at_top { line-height: 40px; height: 40px; display: block !important; } }

.l-header .w-socials-list .w-socials-item { margin-top: 5px; height: 26px; width: 26px; text-align: center; border-radius: 50px; background-color: #b30f0b; color: #fff; margin-right: 5px; transition: all .2s ease-in-out; opacity: 1; }

@media only screen and (max-width: 600px) { .l-header .w-socials-list .w-socials-item { margin-top: 2px; } }

.l-header .w-socials-list .w-socials-item:hover { opacity: .7; }

.l-header .w-socials-list .w-socials-item-link { line-height: 26px; width: 26px; font-size: 14px; }

.l-header .w-socials-list .w-socials-item-link:hover { color: #f0f; }

.l-header .w-socials-list .w-socials-item-link-hover { display: none; }

@media screen and (max-width: 800px) {
table {width:100%;}
thead td {display: block;  text-align:center;}
tbody td {display: block;  text-align:center;}
tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
}