/* =========================================================
   SV DREILINDEN – Editorial Theme
   Farbgebung passend zum Vereinslogo
   ========================================================= */

:root {
    --sv-blue: #20295F;
    --sv-blue-dark: #151C4A;
    --sv-blue-light: #E8EAF4;

    --sv-text: #30343B;
    --sv-text-light: #707782;

    --sv-white: #FFFFFF;
    --sv-bg: #F5F6FA;
    --sv-border: #D9DCE6;
}


/* ---------------------------------------------------------
   Grundfarben
   --------------------------------------------------------- */

body {
    background: var(--sv-white);
    color: var(--sv-text);
}

strong,
b {
    color: var(--sv-blue);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--sv-blue);
}


/* ---------------------------------------------------------
   Links
   --------------------------------------------------------- */

a {
    color: var(--sv-blue);
}

a:hover {
    color: var(--sv-blue-dark) !important;
    border-bottom-color: var(--sv-blue-dark);
}


/* ---------------------------------------------------------
   Header
   --------------------------------------------------------- */

#header {
    border-bottom-color: var(--sv-blue);
}

#header .logo {
    color: var(--sv-blue);
}


/* ---------------------------------------------------------
   Sidebar
   --------------------------------------------------------- */

#sidebar {
    background-color: var(--sv-bg);
}

#sidebar > .inner > * {
    border-bottom-color: var(--sv-border);
}

#sidebar > .inner > .alt {
    background-color: var(--sv-blue);
    color: var(--sv-white);
}

#sidebar > .inner > .alt h1,
#sidebar > .inner > .alt h2,
#sidebar > .inner > .alt h3,
#sidebar > .inner > .alt h4,
#sidebar > .inner > .alt h5,
#sidebar > .inner > .alt h6 {
    color: var(--sv-white);
}


/* ---------------------------------------------------------
   Navigation
   --------------------------------------------------------- */

#menu ul {
    color: var(--sv-blue);
}

#menu ul li .dropdown:hover {
    color: var(--sv-blue-dark);
}

#menu > ul > li {
    border-top-color: var(--sv-border);
}

#menu > ul > li > ul {
    color: var(--sv-text-light);
}

#menu > ul > li > ul a,
#menu > ul > li > ul span {
    color: var(--sv-text);
}


/* ---------------------------------------------------------
   Buttons
   --------------------------------------------------------- */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
    color: var(--sv-blue) !important;
    box-shadow: inset 0 0 0 2px var(--sv-blue);
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
    background-color: rgba(32, 41, 95, 0.08);
}

input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary,
button.primary,
.button.primary {
    background-color: var(--sv-blue);
    color: var(--sv-white) !important;
    box-shadow: none;
}

input[type="submit"].primary:hover,
input[type="reset"].primary:hover,
input[type="button"].primary:hover,
button.primary:hover,
.button.primary:hover {
    background-color: var(--sv-blue-dark);
}


/* ---------------------------------------------------------
   Überschriften / Section Headers
   --------------------------------------------------------- */

header.major > h1,
header.major > h2,
header.major > h3,
header.major > h4,
header.major > h5,
header.major > h6 {
    border-bottom-color: var(--sv-blue);
}


/* ---------------------------------------------------------
   Trennlinien
   --------------------------------------------------------- */

hr {
    border-bottom-color: var(--sv-border);
}

#main > .inner > section {
    border-top-color: var(--sv-border);
}


/* ---------------------------------------------------------
   Formulare
   --------------------------------------------------------- */

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
    border-color: var(--sv-blue);
    box-shadow: 0 0 0 1px var(--sv-blue);
}


/* ---------------------------------------------------------
   Checkbox / Radio
   --------------------------------------------------------- */

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
    background: var(--sv-blue);
    border-color: var(--sv-blue);
}

input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
    border-color: var(--sv-blue);
    box-shadow: 0 0 0 1px var(--sv-blue);
}


/* ---------------------------------------------------------
   Features / Icons
   --------------------------------------------------------- */

.features article .icon:before {
    color: var(--sv-blue);
}

ul.contact li:before {
    color: var(--sv-blue);
}


/* ---------------------------------------------------------
   Pagination
   --------------------------------------------------------- */

ul.pagination li > .page.active {
    background-color: var(--sv-blue);
    color: var(--sv-white) !important;
}


/* ---------------------------------------------------------
   Archive / Tags / Scores
   --------------------------------------------------------- */

.archive_items,
.score {
    background-color: var(--sv-blue);
    color: var(--sv-white) !important;
}


/* ---------------------------------------------------------
   Tabellen
   --------------------------------------------------------- */

table tbody tr {
    border-color: var(--sv-border);
}

table tbody tr:nth-child(2n+1) {
    background-color: var(--sv-bg);
}

table thead {
    border-bottom-color: var(--sv-border);
}

table tfoot {
    border-top-color: var(--sv-border);
}


/* ---------------------------------------------------------
   Back to top
   --------------------------------------------------------- */

#back-to-top {
    background-color: var(--sv-blue);
}

#back-to-top:hover {
    background-color: var(--sv-blue-dark);
}


/* ---------------------------------------------------------
   Mobile Menu Button
   --------------------------------------------------------- */

@media screen and (max-width: 736px) {
    #sidebar .toggle:before {
        color: var(--sv-blue);
    }
}
/* ---------------------------------------------------------
   Kalender Button
   --------------------------------------------------------- */
.fc .fc-button {
    background-color: #20295F !important;
    border-color: #20295F !important;
    color: #FFFFFF !important;
}

/* Hover */
.fc .fc-button:hover {
    background-color: #151C4A !important;
    border-color: #151C4A !important;
    color: #FFFFFF !important;
}

/* Today – ebenfalls blau */
.fc .fc-today-button {
    background-color: #20295F !important;
    border-color: #20295F !important;
    color: #FFFFFF !important;
}

/* Today deaktiviert */
.fc .fc-today-button:disabled {
    background-color: #20295F !important;
    border-color: #20295F !important;
    color: #FFFFFF !important;
    opacity: 1;
}