/*
Theme Name:     Urwahl3000 Childtheme
Theme URI:      http://kre8tiv.de/urwahl3000/
Description:    Child-Theme für Urwahl3000 Modified für Gruene-Chemnitz.de
Author:         Gruene-Chemnitz.de
Author URI:     https://Gruene-Chemnitz.de/
Template:       urwahl3000
Version:        1.0.1
*/

/* Ab hier die eigenen Anpassungen... */

#header.widthimg {
    height: 200px;
}


/* Spenden */

@media only screen and (max-width: 769px) {
    .farbe-spenden a:first-child {
        color: white !important;
        font-weight: bold;
    }

    .farbe-spenden a {
        background-color: #e6007e !important;
    }

    .farbe-mitglied a:first-child {
        color: black !important;
        font-weight: bold;
    }

    .farbe-mitglied a {
        background-color: #FFE500 !important;
    }


}


@media only screen and (min-width: 770px) {
    #portal {
        background: none;
    }

    #portal a {
        color: #ffe000;
        font-family: PT Sans, Arial, sans-serif;
        font-weight: bold;

        /*        color: black; font-family: PT Sans,Arial,sans-serif;*/
    }

    #portal .searchform {
        border: 1px solid #ccc;
    }

    #portal .searchform:hover,
    #portal .searchform:focus {
        box-shadow: 0 0 6px #fff, 0 0 4px #aaa inset;
    }

    #header.widthimg {
        box-shadow: none;
        height: 180px;
        margin: 0;
    }

    .farbe-spenden {
        float: right !important;
        left: 0.6em;
    }

    .farbe-spenden a:first-child {
        background: #e6007e !important;
        color: white !important;
        font-weight: bold;
    }

    .farbe-spenden a:first-child:hover {
        color: #FFE500;
    }

    .farbe-spenden .sub-menu a {
        color: #0a321e !important;
    }

}


#main article footer p,
p.byline {
    display: inline
}

#footer .nav-footer li a {
    color: #FFE500;
    font-size: 1rem;
}

#footer .nav-footer li a:hover {
    color: #e6007e;
}

#footer a {
    color: #FFE500;
}

#footer a:hover {
    color: #e6007e;
}

/* Box Element */

.ch-box-wrapper {
    padding: 1rem;
    background-color: #fff;
}

.ch-white-box {
    background: #fff;
    padding: 2rem;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 770px) {

    /* AG Übersichtseite */
    .ch-box-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
        padding: 0;
        background-color: transparent;
    }

    .ch-box {
        position: relative;
        min-height: 200px;
        flex: 1;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    }

    .ch-box-background {
        position: absolute;
        top: 0;
        left: 0;
        height: 200px;
        width: 100%;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        background-color: #46962b;
    }

    .ch-box-footer {
        position: absolute;
        left: 5px;
        top: 5px;
        overflow: hidden;
        z-index: 1;
    }

    .ch-box h2 {
        display: inline;
        padding: 0px 5px;
        font-size: 1.2em;
        color: white;
        background-color: #0a321e;
    }

    .ch-box a {
        color: white;
    }

    .ch-box:hover h2 {
        color: #96DC3C;
    }

    .ch-white-box {
        background: #fff;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
        padding: 2rem;
        margin-bottom: 1rem;
    }

}