/*
Theme Name: SG Trebitz Theme (Child)
Theme URI: https://www.sgtrebitz.de
Author: Stefan
Author URI: https://www.sgtrebitz.de
Description: Dieses Theme ist ein Child-Theme. Es nutzt das Template des SportsLine Themes
Version: 0.5
License: Alle Rechte vorbehalten
License URI: https://www.sgtrebitz.de
Tags: Child-Theme, SportsLine
Text Domain: /sgtrebitz-child
Template: sportsline

Used Media-Queries
max-width: 1199, 991, 767, 479
min-width: 1200, 992, 768

INDEX
1. Main Styles
2. Verteil(Bar) Styles
*/

/* Main Styles */
#sgtmaps {
    width: 100%;
    height: 400px;
    border-bottom: 10px solid #0068aa;
}
input[type="text"], input[type="email"], input[type="password"], input[type="url"], textarea {
    display: unset!important;
}
#header .col-xs-6 {
    width: 33%;
}
#header .col-xs-6.vertical-middle {
    width: 66%;
}
#header.row {
    margin-left: 0px;
    margin-right: 0px;
}
.sgtrebitz-header {
    width: 320px;
    height: 50px;
    max-width: 100%!important;
}
.sidebar .widget {
    background-color: #FFF;
}
#main-body * .page {
    padding: 10px;
    background-color: #FFF;
}
.widget h2.widgettitle, .news-block h2.title {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.fb_iframe_widget {
    margin-left: 5px!important;
    margin-bottom: 5px;
}
@media(min-width: 768px) {
    .sgtrebitz-header {
        width: 468px;
        height: 60px;
    }
}
@media(min-width: 1200px) {
    .sgtrebitz-header {
        width: 728px;
        height: 90px;
    }
}

/* Verteil(Bar) Styles */
.verteiler-box {
    z-index: 9999;
    position: fixed;
    top: 100px;
    left: 0;
    height: 0px;
    width: 100%;
}
.verteiler-area {
    width: 100%;
    height: 0px;
    margin: 0 auto;
    position: relative;
}
.verteil-bar {
    width: 40px;
}
.verteil-bar li {
    text-align: right;
    width: 122px;
    left: -82px;
    position: relative;
    padding: 5px 45px 5px 0px;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    transition: left 0.5s;
}
.verteil-bar li::after {
    position: absolute;
    left: 82px;
    top: 5px;
}
.verteil-bar li > a {
    z-index: 2;
    position: relative;
    width: 100% !important;
    font-size: 26px;
    line-height: 36px;
    text-align: right;
    color: #FFFFFF;
    font-weight: 500;
    display: block;
}
.verteil-bar li > svg {
    z-index: 2;
    position: absolute;
    right: 2px;
    width: 36px;
    top: 7px;
}
.verteilfb {
    background: #359!important;
}
.verteiltw {
    background: #3AD!important;
}
.verteilgp {
    background: #D43!important;
}
.verteilli {
    background: #07A!important;
}
.verteilxi {
    background: #056!important;
}
.verteil-bar li:hover {
    left: 0px;
}
.verteil-like {
    width: 100%;
    margin-bottom: 10px;
    text-align: right;
}
.verteil-like > * {
    max-width: 140px;
    width: 100%;
    clear: both;
    float: right;
}
@media (max-width: 750px) {
    .verteiler-box {
        top: auto;
        bottom: 0px;
        height: 50px;
        position: relative;
        min-width: 300px;
    }
    .verteiler-area {
        height: 50px;
        position: fixed;
        bottom: 0px;
    }
    .verteil-bar {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        height: 50px;
    }
    .verteil-bar li {
        left: auto;
        width: 100%;
        padding: 0px;
    }
    .verteil-bar li > a {
        z-index: 4;
        height: 50px;
        text-align: left;
        line-height: 50px;
        padding-left: 15px;
        font-size: 3vw;
    }
    .social-click {
        left: 0px!important;
    }
    .verteil-bar li > svg {
        right: 5px;
        width: 40px;
        top: 8px;
    }
}
@media (max-width: 500px) {
    .verteil-bar li > a {
        opacity: 0;
    }
    .verteil-bar li > svg {
        right: 10px;
    }
}