/*

Theme Name: Bezirksverband Custom Theme
Author: Samy Wayne

*/

:root {
    --primarycolor: #1a4d2e;
    --secondarycolor: #4f6f52;
    --thirdcolor: #c1856d;
    --fourthcolor: #f5efe6;
}

body {
    background-color: var(--fourthcolor);
}

.content {
    padding: 20px;
}

.content a {
    color: var(--secondarycolor);
}

.content a:hover {
    color: var(--thirdcolor);
}

h5 {
    color: var(--thirdcolor);
}

h2, h5 {
    padding-left: 30px;
}

button, input[type="button"], input[type="submit"], .wp-block-button__link {
    color: var(--fourthcolor);
    background-color: var(--primarycolor);
}

button, input[type="button"], input[type="submit"], .wp-block-button__link:hover {
    color: var(--fourthcolor);
    background-color: var(--thirdcolor);
}

/* Header */

header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

header a {
    color: var(--primarycolor);
    text-decoration: none;
    padding: 10px;
}

header a:not(.custom-logo-link):hover {
    color: var(--fourthcolor);
    background-color: var(--primarycolor);
}

@media (min-width: 768px) {
    header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

/* Footer */

footer {
    color: var(--fourthcolor);
    background-color: var(--primarycolor);
    padding: 20px;
    text-align: center;
}

.upper-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

footer a {
    color: var(--fourthcolor);
    text-decoration: none;
    padding: 10px;
}

footer a:hover {
    color: var(--thirdcolor);
}

.copyright {
    background-color: var(--primarycolor);
    color: var(--thirdcolor);
    text-align: center;
}

hr {
    background-color: var(--thirdcolor);
    border: none;
    height: 2px;
    width: 90%;
}

@media (min-width: 768px) {
    .upper-footer {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    footer {
        text-align: left;
    }
}

/* Navigation */

.main-navigation ul {
    margin: 0;
    padding: 0;
}

.main-navigation ul li {
    list-style-type: none;
    float: right;
    padding-right: 20px;
}

.footer-navigation ul {
    margin: 0;
    padding: 0;
}

.footer-navigation ul li {
    list-style-type: none;
}

/* front-page */

.banner {
    background-color: var(--primarycolor);
    color: var(--fourthcolor);
    min-height: 30vh;
    padding: 20px;
	margin: 0;
}

.banner ul {
    list-style-type: none;
}

.banner ul li {
    padding: 0 20px;
    color: var(--thirdcolor);
}

.banner ul, .banner p {
    padding-left: 50px;
}

.bezirksverband {
    color: var(--thirdcolor);
}