/*
 Theme Name:   Sparkling Child
 Template:     sparkling
*/

/* die schriftgröße macht das label so klein, wird daher zurückgesetzt auf Standardwert */
/* rückgängig gemacht weil das label nun in der überschrift ist wegen umbrüchen */
div#vlooehp-active-seminare .label, div#vlooehp-archived-seminare .label {
    font-size: 90%;
}
/* zurücksetzen auf grau, weil der bootstrap style vom theme überschrieben wird */
div#vlooehp-archived-seminare .label {
    background-color: #777;
}

/* farben in hauptnavigation */
.navbar > .container .navbar-brand {
    color: #fff !important;
}
.navbar-default .navbar-nav>li>a {
    color: #fff !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
}

/* link in den listen */
div#content a.list-group-item {
    color: #555;
}

/* titel beim slider */
div#content .flex-caption h2 {
    /* background-color: rgba(244, 212, 66, 0.8) !important; */
    background-color: #ff9b00 !important;
    color: #fff !important;
}

/* standard button */
div#content .btn-default, div#content .btn-primary {
    background-color: #ff9b00 !important;
    border-color: #ff9b00 !important;
}

/* wird in der liste verwendet für die seminare um zu signalisieren, dass anmelden möglich ist */
div#vlooehp-active-seminare .label-warning, div#vlooehp-archived-seminare .label-warning {
    background-color: #ff9b00 !important;
}

/* überschriften einfärben, div#content muss stehen bleiben sonst wird das backend umgestyled :) */
div#content h1, div#content h2 {
    color: #ff9b00 !important;
}

/* schriftgröße im breadcrumb erhöhen */
div.breadcrumb-container li a {
    font-size: 14px;
}

/* linkfarbe korrigieren, war nach dem wechsel zum child-theme geändert */
a {
    color: #DA4453;
}

/* überschriften */
.page-header {
    border-bottom: none;
}
h2 {
    font-size: 24px;
}

/* dropdown korrigieren, war nach dem wechsel zum child-theme geändert */
.dropdown-menu > li > a {
    padding: 10px 15px; 
}

/* modal braucht ein padding sonst pickt alles so am rand */
div.modal-content {
    padding: 1em;
}

/* zebra styled list groups */
div.list-group a.list-group-item:nth-of-type(odd) {
    background: #efefef;
}

/* mehr spacing im fobi kalender, gewünscht von anita weil alles so zusammenpickt */
div#content a.list-group-item {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
a.list-group-item .list-group-item-heading {
    padding-bottom: 0.3em;
}


@media (min-width: 1200px) {
    /* das menü ist so breit, dass es 2 zeilig wird, der seitenname wird daher nach links verschoben */
    div#logo p.site-name {
        margin-left: -40px;
    }
}