/*
Theme Name: Gruene Theme
Theme URI: https://github.com/grueneschweiz/wp-theme-gruene-ch
Version: 2.7.0
Author: gruene.ch - Cyrill Bolliger
Author URI: https://gruene.ch
Description: Theme for the green parties and politicians of Switzerland. Based on _s. Responsive, retina compatible, parent theme, pluggable
GitHub Theme URI: grueneschweiz/wp-theme-gruene-ch
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gruene
*/

/*
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Gruene Theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Links
# Elements
# Forms
# Header
# Menus
# Slider
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
     ## Posts and pages
     ## Asides
     ## Comments
# Footer
# Infinite scroll
# Media
     ## Captions
     ## Galleries
# Widgets Content
# Campaign Dialog
# Plugins
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 16px !important;
    overflow-y: scroll;
}

body {
    margin: 0;
    font-size: 16px !important;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

a:active, a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.25em;
}

h3 {
    font-size: 1em;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body.gruene-font-tahoma {
    font-family: 'Tahoma', 'Verdana', 'Segoe', 'sans-serif';
}

body.gruene-font-open_sans {
    font-family: 'Open Sans', 'Tahoma', 'Verdana', 'Segoe', 'sans-serif';
}

body, button, input, select, textarea {
    color: #404040;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

h1, h2, h3, h1 a, h2 a, h3 a {
    line-height: 1.5em;
    color: #e10078;
    margin: 0.67em 0;
    text-decoration: none;
}

.gruene-title_caps_all h1, .gruene-title_caps_all h2, .gruene-title_caps_all h3,
.gruene-title_caps_all h4, .gruene-title_caps_all h5, .gruene-title_caps_all h6,
.gruene-title_caps_all #gruene-slider {
    text-transform: uppercase;
}

p {
    margin-bottom: 1.5em;
}

dfn, cite, em, i {
    font-style: italic;
}

blockquote {
    margin: 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 14px;
    font-size: 0.875rem;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

.gruene-custom-heading {
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1em;
    padding: 0.1em 0.3em;
    display: block;
    font-weight: bold;
    margin: 0.1em 0;
}

.gruene-custom-heading:first-of-type {
    margin-top: 0.67em;
}

.gruene-custom-heading:last-of-type {
    margin-bottom: 0.67em;
}

.gruene-green-heading {
    background-color: #84b414;
}

.gruene-magenta-heading {
    background-color: #e10078;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #3a7a01;
    text-decoration: underline;
}

a:visited {
    color: #305f05;
}

a:hover, a:focus, a:active {
    color: #e10078;
    text-decoration: none;
}

a:focus {
    outline: thin dotted;
}

a:hover, a:active {
    outline: 0;
}

a.read-more,
a.back-button,
a.comment-reply-link {
    text-decoration: none;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #84b414;
    background: #84b414 radial-gradient(1000px at 50% -50%, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 100%) no-repeat scroll top center;
}

.print-only {
    display: none;
}

div#page {
    width: 100%;
    max-width: 669px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 985px) {
    div#page {
        max-width: 970px;
    }
}

blockquote {
    background-color: #aec504;
    border-radius: 5px;
    color: #ffffff;
    padding: 10px 10px 10px 60px;
    display: block;
    box-shadow: 0 0 30px #709e2e inset;
}

blockquote p:first-of-type {
    margin-top: 0;
}

blockquote p:last-of-type {
    margin-bottom: 0;
}

blockquote:after, q:after, blockquote:before, q:before {
    color: #e10078;
    font-size: 2em;
    width: 26px;
    height: 24px;
    display: block;
}

blockquote:before, q:before {
    content: "";
    background: transparent url('img/quoteLeftIcon.svg') no-repeat scroll center top;
    float: left;
    background-size: 26px 24px;
    margin-left: -40px;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul, ol {
    margin: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul, li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    max-width: 100%;
}

#content img {
    border-radius: 5px;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

.gruene-bars-inner-div {
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    -ms-transform-origin: right top;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    position: relative;
}

.gruene-bars-right {
    right: -0.5em;
    float: right;
}

.gruene-bars-left {
    left: -0.5em;
}

.gruene-bars-inner-div > span {
    line-height: 1.2em;
    margin: 0.1em 0;
    display: block;
    clear: both;
    text-transform: uppercase;
    font-weight: bold;
}

.gruene-bars-right > span {
    padding: 0 2em 0 0.25em;
    float: right;
    text-align: right;
}

.gruene-bars-left > span {
    padding: 0 0.25em 0 2em;
    float: left;
    text-align: left;
}

.gruene-green-bar {
    background-color: #84b414;
    color: #ffffff;
}

.gruene-white-bar {
    background-color: #ffffff;
    color: #84b414;
}

.gruene-magenta-bar {
    background-color: #e10078;
    color: #ffffff;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
    border-radius: 5px;
    background: #e10078;
    color: #ffffff;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0.5em 1em;
    border: none;
    font-weight: bold;
    box-shadow: 0 0 7px 1px #cc006d inset;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    text-decoration: underline;
}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active,
input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
    color: #666;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px #bfbfbf inset;
    border: none;
    font-size: 14px;
    font-size: 0.875rem;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus,
input[type="search"]:focus, textarea:focus {
    box-shadow: 0 0 2px 1px #e10078 inset;
    color: #e10078;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] {
    padding: 0.5em 1em;
}

input.lookup-glass {
    background-image: url('img/search.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65% auto;
}

textarea {
    padding-left: 14px;
    width: 100%;
}

.gruene-search-form {
    height: 2.2em;
}

.gruene-search-form form {
    height: 100%;
}

.gruene-search-form form label {
    display: block;
    float: left;
    height: 100%;
}

.gruene-search-form form input.search-field {
    border-radius: 5px 0 0 5px;
    height: calc(100% - 1em);
}

.gruene-search-form form input.search-submit {
    padding-left: 0;
    padding-right: 0;
    width: 37px;
    border-radius: 0 5px 5px 0;
    height: 100%;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
}

.site-header .header-top-section {
    position: relative;
}

.site-header .site-branding {
    max-width: calc(100% - 100px);
    float: left;
}

.site-header .site-branding a,
.site-header #additional-header-image {
    float: left;
    margin: 15px 40px 15px 0;
    max-width: 250px;
}

.site-header .site-branding a {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media screen and (max-width: 984px) {
    .site-header .site-branding a,
    .site-header #additional-header-image {
        margin-right: 25px;
        margin-bottom: 0;
        width: 85px;
        height: 50px;
    }

    .header-top-section {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 669px) {
    .site-header .site-branding a,
    .site-header #additional-header-image img {
        margin-right: 15px;
    }
}

/* search forms */
#header-search-form {
    float: right;
    margin-top: 15px;
    width: 204px;
    display: none;
}

#header-search-form form label {
    width: 166px;
}

#header-search-form form input.search-field {
    width: 140px;
}

@media screen and (min-width: 985px) {
    #header-search-form {
        display: block;
    }
}

#side-nav-search-form {
    margin: 20px;
    width: 239px;
}

#side-nav-search-form form label {
    width: 202px;
}

#side-nav-search-form form input.search-field {
    width: 176px;
}

/* header text */
#header-text {
    float: left;
    height: 96px;
    overflow: hidden;
    position: relative;
    width: 100%;
    font-size: 1.25em;
}

#header-text .gruene-bars-right {
    display: none;
}

#header-text .gruene-bars-left {
    display: block;
}

@media all and (min-width: 985px) {
    #header-text {
        float: right;
        margin-top: 20px;
        width: 490px;
    }

    #header-text .gruene-bars-right {
        display: block;
    }

    #header-text .gruene-bars-left {
        display: none;
    }
}

@media all and (min-width: 670px) {
    #header-text {
        font-size: 1.5em;
        height: 116px;
    }
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* all navigations */
.navigation {
    display: block;
    float: left;
}

.navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.navigation li {
    float: left;
    position: relative;
}

.navigation a {
    display: block;
    text-decoration: none;
}

.navigation a:hover {
    display: block;
    text-decoration: underline;
}

/* language navigation */
.language-navigation {
    float: left;
}

.language-navigation ul li a {
    padding: 20px 10px 8px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
}

.language-navigation ul li.current-site {
    background-color: #305f05;
}

/* meta navigation */
.meta-navigation {
    margin: 0 35px;
    float: right;
}

.meta-navigation ul li {
    padding: 20px 3px 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
}

.meta-navigation ul li:last-of-type .meta-navigation-separator {
    display: none;
}

.meta-navigation ul li a {
    color: #ffffff;
    float: left;
    padding-right: 7px;
}

/* main navigation */
.main-navigation {
    clear: both;
    width: 100%;
    margin-top: 10px;
    margin-bottom: -6px;
}

.main-navigation ul#primary-menu {
    font-size: 14px;
    font-size: 0.875rem;
}

.main-navigation ul#primary-menu a,
.main-navigation ul#primary-menu a:visited {
    color: #305f05;
}

.main-navigation ul#primary-menu > li > a {
    display: block;
    padding: 6px 10px;
    font-weight: bold;
    background-color: #ffffff;
    color: #305f05;
    border-radius: 5px 5px 5px 5px;
    margin-right: 3px;
    text-transform: uppercase;
    box-shadow: 0 0 7px 1px #e2e3dc inset;
    margin-bottom: 3px;
}

.main-navigation ul#primary-menu > li > a:hover,
.main-navigation ul#primary-menu > li.current-menu-item > a,
.main-navigation ul#primary-menu > li.current-menu-ancestor > a {
    background: #e00078;
    color: #ffffff;
    box-shadow: 0 0 7px 1px #cc006d inset;
}

.main-navigation ul#primary-menu > li > ul {
    background-color: #f3f3f3;
    box-shadow: 0 5px 10px 0 #777777;
    float: left;
    position: absolute;
    top: 29px;
    z-index: 99999;
    width: 200px;
    border-radius: 0 5px 5px 5px;
    height: 0;
    overflow: hidden;
    border-top: 5px solid #e00078;
    display: none;
}

.main-navigation ul#primary-menu > li:hover > ul {
    height: auto;
    display: block;
}

.main-navigation ul#primary-menu > li > ul:hover {
    height: auto;
    display: block;
}

.main-navigation ul#primary-menu > li > ul > li {
    float: none;
    width: calc(100% - 5px);
    overflow: hidden;
    margin-left: 5px;
    margin-bottom: 2px;
}

.main-navigation ul#primary-menu > li > ul > li > a {
}

.main-navigation ul#primary-menu > li > ul > li.current-menu-ancestor > a,
.main-navigation ul#primary-menu > li > ul > li.current-menu-item > a {
    color: #e00078;
}

.main-navigation ul#primary-menu > li > ul > li > ul {
    overflow: hidden;
    float: left;
    padding-left: 5px;
    margin-left: 5px;
    margin-top: -5px;
}

.main-navigation ul#primary-menu > li > ul > li > ul > li:before {
    border-color: transparent #305f05;
    border-style: solid;
    border-width: 0.25em 0 0.25em 0.25em;
    content: "";
    display: block;
    height: 0;
    left: -5px;
    position: relative;
    top: 0.7em;
    width: 0;
}

.main-navigation ul#primary-menu > li > ul > li > ul > li {
    line-height: 0.9em;
    float: none;
}

.main-navigation ul#primary-menu > li > ul > li > ul > li > a {
    margin-left: 5px;
    font-weight: normal;
}

.main-navigation ul#primary-menu > li > ul > li > ul > li.current-menu-item > a,
.main-navigation ul#primary-menu > li > ul > li > ul > li.current-menu-ancestor > a {
    color: #e00078;
}

.main-navigation ul#primary-menu > li > ul > li > ul > li:last-of-type {
    margin-bottom: 10px;
}

.main-navigation ul ul li a {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
}

/* side navigation */
div#mobile-nav-toggle {
    display: block;
    padding: 10px 10px;
    font-weight: bold;
    background-color: #e10078;
    color: #ffffff;
    border-radius: 5px 5px 5px 5px;
    text-transform: uppercase;
    cursor: pointer;
    position: absolute;
    box-shadow: 0 0 7px 1px #cc006d inset;
    margin-top: 20px;
    right: 0;
}

div#mobile-nav-toggle .mobile-nav-symbol {
    background: transparent url('img/menu-button.svg') no-repeat center;
    background-size: 23px 23px;
    width: 23px;
    float: left;
    height: 23px;
    display: block;
    margin-right: 8px;
}

@media screen and (max-width: 479px) {
    div#mobile-nav-toggle {
        margin-right: 20px;
    }

    div#mobile-nav-toggle .mobile-nav-text {
        display: none;
    }

    div#mobile-nav-toggle .mobile-nav-symbol {
        margin-right: 0;
    }
}

nav#side-menu {
    display: none;
    height: 100%;
    left: 0;
    border-right: #bbb 1px solid;
    position: fixed;
    top: 0;
    width: 280px;
    z-index: 100000;
    float: left; /* float command is a slider bug-fix */
    overflow-y: scroll;
    overflow-x: hidden;
}

nav#side-menu.gruene-mobile-nav-classic {
    background-color: #333333;
}

nav#side-menu.gruene-mobile-nav-modern {
    background-color: #660036;
}

div#close-side-menu {
    font-weight: 700;
    margin: 20px 20px 0 0;
    width: 32px;
    height: 32px;
    background: transparent url('img/close.svg') no-repeat center;
    background-size: 100%;
    position: absolute;
    right: 0;
    cursor: pointer;
}

div#side-menu-title {
    color: #bbbbbb;
    font-weight: 700;
    font-size: 2em;
    margin: 30px 10px 10px 20px;
}

nav#side-menu.gruene-mobile-nav-classic input.lookup-glass {
    background-color: #555555;
    border: 1px solid #bbbbbb;
    border-left: none;
    box-shadow: none;
}

nav#side-menu ul.menu {
    border-top: 1px solid #bbbbbb;
    margin: 0;
    list-style-type: none;
    padding: 0;
    line-height: 2.4em;
    font-size: 1.25em;
}

nav#side-menu.gruene-mobile-nav-modern ul.menu li {
    position: relative;
    background-color: #870047;
    width: 280px;
}

nav#side-menu.gruene-mobile-nav-classic ul.menu li {
    line-height: 2.4em;
    border-bottom: 1px solid #bbbbbb;
    background-color: #555555;
}

nav#side-menu.gruene-mobile-nav-modern ul.menu li.current-menu-item:before {
    content: "";
    border-color: transparent #fff;
    border-style: solid;
    border-width: 1.2em 0 1.2em 0.7em;
    display: block;
    height: 0;
    width: 0;
    left: 0;
    top: 0;
    position: absolute;
}

nav#side-menu ul.menu li a {
    color: #ffffff;
    text-decoration: none;
    padding-left: 20px;
    background-color: inherit;
}

nav#side-menu.gruene-mobile-nav-classic ul.menu li.current-menu-item a {
    color: #84b414;
}

nav#side-menu.gruene-mobile-nav-modern ul.menu > li {
    border-bottom: 1px solid #bbbbbb;
}

nav#side-menu ul.sub-menu {
    display: none;
    list-style: none;
    padding-left: 0;
}

nav#side-menu.gruene-mobile-nav-modern ul.sub-menu {
    margin-left: 0;
}

nav#side-menu.gruene-mobile-nav-modern ul.sub-menu > li {
    background-color: #e10078;
}

nav#side-menu.gruene-mobile-nav-modern ul.sub-menu > li > ul > li {
    background-color: #f45bac;
}

nav#side-menu.gruene-mobile-nav-classic ul#primary-menu-mobile > li > ul.sub-menu {
    margin-top: -10px;
    padding-bottom: 15px;
}

nav#side-menu.gruene-mobile-nav-classic ul.sub-menu li {
    line-height: 1em;
    font-size: 0.875em;
    border-bottom: none;
    background-color: #555555;
}

nav#side-menu.gruene-mobile-nav-classic ul.sub-menu li:before {
    content: "";
    border-color: transparent #fff;
    border-style: solid;
    border-width: 0.25em 0 0.25em 0.25em;
    display: block;
    height: 0;
    width: 0;
    left: 5px;
    top: 0.7em;
    position: relative;
}

nav#side-menu.gruene-mobile-nav-classic ul.menu li ul.sub-menu li a {
    display: block;
    color: #fff;
}

nav#side-menu.gruene-mobile-nav-classic ul.menu li ul.sub-menu li.current-menu-item a {
    color: #77B800;
}

nav#side-menu ul#language-menu {
    border: none;
    margin-top: 7px;
}

nav#side-menu ul#language-menu li {
    background-color: transparent;
    border: none;
    float: left;
    font-size: 0.875em;
    width: auto;
    text-transform: uppercase;
}

nav#side-menu ul#language-menu li a {
    margin-right: 10px;
    color: #bbbbbb;
}

/* footer menu */
.footer-widget-area .widget_nav_menu ul.menu {
    display: block;
    list-style: none;
    padding: 0;
    width: auto;
}

.footer-widget-area .widget_nav_menu ul.menu li {
    width: 160px;
    margin-right: 10px;
    float: left;
}

#footer-meta-navigation {
    margin-right: 0;
}

#footer-meta-navigation.meta-navigation ul li {
    padding-top: 0;
}

/* comment & post nav */
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
    float: none;
}

.site-main .comment-navigation {
    margin: 0 20px;
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    float: left;
    max-width: calc(50% - 7.5px);
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 5px;
    margin-right: 15px;
    min-width: 0;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    max-width: calc(50% - 7.5px);
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 5px;
}

@media screen and (max-width: 668px) {
    .posts-nav {
        display: none;
    }
}

/* pagination */
nav.pagination {
    float: none;
    width: 100%;
    display: block;
    background-color: #f3f3f3;
    border-radius: 5px;
    height: 2.5em;
    padding: 0.5em 10px;
}

nav.pagination div.nav-links {
    margin: 0 auto;
    text-align: center;
    position: relative;
}

nav.pagination div.nav-links a {
    display: inline-block;
}

nav.pagination div.nav-links a.page-numbers {
    margin: 0 10px;
}

nav.pagination div.nav-links a.prev,
nav.pagination div.nav-links a.next {
    position: absolute;
    text-decoration: none;
}

nav.pagination div.nav-links a.prev:hover,
nav.pagination div.nav-links a.next:hover {
    text-decoration: none;
}

nav.pagination div.nav-links a.prev {
    left: 0;
    margin-left: 0;
}

nav.pagination div.nav-links a.next {
    right: 0;
    margin-right: 0;
}

/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
#gruene-slider {
    margin-bottom: 10px;
    box-shadow: 0 0 10px 0 #777777;
    border-radius: 5px;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
    margin-left: 0;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
    margin-right: 0;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after,
.site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
    content: "";
    display: table;
}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 10px;
    font-size: 14px;
    font-size: 0.875rem;
}

.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 0 0 5px;
}

.widget h1 a, .widget h2 a, .widget h3 a {
    color: #e10078;
    text-decoration: none;
}

.widget ul, .widget ol {
    margin: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/* Search widget. */
.widget_search .search-form label {
    display: block;
    float: left;
    height: 100%;
    width: calc(100% - 37px);
}

.widget_search .search-field {
    width: 100%;
    border-radius: 5px 0 0 5px;
}

.widget_search .search-submit {
    padding-left: 0;
    padding-right: 0;
    width: 37px;
    border-radius: 0 5px 5px 0;
}

/* Upper Sidebar */
#secondary-additional {
    float: left;
    width: 100%;
    min-width: 286px;
    margin-top: 24px;
}

/* Sidebar */
#secondary {
    float: left;
    width: 100%;
    min-width: 286px;
    margin-top: 24px;
}

@media screen and (min-width: 985px) {
    #secondary {
        margin-left: 15px;
        width: 286px;
        margin-top: 0px;
    }

    #secondary-additional {
        margin-left: 15px;
        width: 286px;
        margin-top: 0px;
        height: 69px;
        overflow: hidden;
        margin-bottom: 10px;
    }
}

#secondary aside {
    background: #f3f3f3;
    padding: 7px 10px 10px;
    border-radius: 5px;
}

.footer-widget-area aside {
    float: left;
    min-width: 230px;
}

.widget-icon {
    height: 30px;
    padding-left: 35px;
    padding-top: 5px;
    margin-bottom: 5px;
}

.participate-icon {
    background: url('img/participate-icon.svg') no-repeat;
}

.contact-icon {
    background: url('img/contact-icon.svg') no-repeat;
}

.donation-icon {
    background: url('img/donation-icon.svg') no-repeat;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.site-content {
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0 0 10px 0 #777777;
    border-radius: 5px 5px 0 0;
    position: relative;
    z-index: 1;
}

#primary {
    max-width: 649px;
    float: left;
    width: 100%;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline, .updated:not(.published) {
    display: none;
}

.single .byline, .group-blog .byline {
    display: inline;
}

.page-title, .entry-title-short {
    margin-top: 10px;
    font-size: 32px;
    font-size: 2em;
}

.page-content, .entry-content, .entry-summary {
    margin: 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

article {
    padding: 10px;
    background-color: #f3f3f3;
    border-radius: 5px;
}

article header.entry-header {
}

article header.entry-header .attachment-post-thumbnail {
    border-radius: 5px;
    margin: 0 10px 0 0;
    display: none;
}

article header.entry-header .attachment-post-thumbnail.gruene-thumbnail-size-small {
    float: left;
}

article header.entry-header .attachment-post-thumbnail.gruene-thumbnail-size-large {
    float: none;
    margin-bottom: 8px;
    display: block;
}

@media screen and (min-width: 480px) {
    article header.entry-header .attachment-post-thumbnail {
        display: block;
    }
}

article header.entry-header .attachment-default-post-thumbnail {
    background-color: #aec504;
    width: 150px;
    height: 150px;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 0 30px #709e2e inset;
}

article header.entry-header .attachment-default-post-thumbnail-wrapper .attachment-default-post-thumbnail {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

article header.entry-header .featured-image {
    margin: 1em auto 0 auto;
    line-height: 0.85em;
}

article header.entry-header.gruene-title_length-short .featured-image,
article.type-page header.entry-header .featured-image {
    margin-top: 0;
}

article header.entry-header h1.entry-title {
    clear: none;
    font-size: 1.5em;
    margin-top: 0.2em;
    margin-bottom: 0;
}

article header.entry-header h1.entry-title a:visited {
    color: #e10078;
}

article div.entry-meta,
div.entry-meta-title-short {
    font-size: 0.875em;
    color: #666666;
}

div.entry-meta-title-short {
    margin-top: -21px;
}

article div.entry-summary {
    margin-top: -5px;
}

article footer.entry-footer {
}

article footer.entry-footer .comments-link {
    font-size: 0.875em;
}

article footer.entry-footer .comments-link:before {
    content: '';
    display: block;
    width: 2em;
    height: 2em;
    float: left;
    background: transparent url('img/comments.svg') no-repeat;
    background-size: contain;
    margin-right: 0.5em;
}

.edit-link.button {
    display: block;
    margin: 10px 0;
}

.edit-link.button a {
    border-radius: 5px;
    background: #e10078;
    color: #ffffff;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0.5em 1em;
    border: none;
    font-weight: bold;
    box-shadow: 0 0 7px 1px #cc006d inset;
}

.posts-nav {
    font-size: 0.875em;
}

.posts-nav .nav-links > div {
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 5px;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-list {
    list-style: none;
    padding: 0;
}

.comment-list .comment {
    margin: 20px;
}

.comment-author.vcard img.avatar {
    float: left;
    margin-right: 0.875em;
}

.comment-metadata {
    font-size: 0.875em;
}

.comment-metadata .edit-link {
    display: block;
}

.comment-content p {
    margin: 1em 0;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comment-respond {
    margin: 20px;
    padding: 10px;
    background-color: #f3f3f3;
    border-radius: 5px;
}

.comment-reply-title {
    margin-top: 0;
}

.comment-notes {
    font-size: 0.875em;
}

.comment-form label {
}

.comment-respond .form-submit {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer#colophon {
    box-shadow: 0 0 10px 0 #777777;
}

div.footer-content {
    width: 100%;
    max-width: 669px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
    color: #ffffff;
    font-size: 14px;
    font-size: 0.875rem;
}

@media screen and (min-width: 985px) {
    div.footer-content {
        max-width: 985px;
    }
}

div.footer-content a {
    color: #ffffff;
}

div.footer-content a:hover {
    text-decoration: underline;
}

div.footer-content h1 {
    color: #ffffff;
}

.footer-widget-area {
    background: #84b414;
    background: #3f7410;
}

.footer-widget-area .widget {
    width: auto;
}

.site-info {
    background: #305f05;
}

#copy-info {
    float: left;
}

#footer-meta-navigation {
    float: right;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer /* Theme Footer (when set to scrolling) */
{
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
    max-width: 100%;
}

/* Make Issuu embeds responsive */
.issuuembed.issuu-isrendered {
    max-width: 100% !important;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 0.8075em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: left;
}

.wp-caption .wp-caption-text {
    margin: 0;
    font-size: 0.875em;
    color: #666666;
    line-height: 1.375em;
    padding-bottom: 2px;
}

.wp-caption .wp-caption-text:before {
    content: "›";
    display: inline-block;
    margin: 0 5px 0 2px;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Widgets Content
--------------------------------------------------------------*/
#secondary aside.widget h1.widget-title,
#secondary aside.widget h1.widget-title a,
#secondary aside.widget h1.widget-title a:visited {
    color: #e10078;
    line-height: 1.5em;
    text-decoration: none;
}

aside.widget_rss h1.widget-title a.rsswidget:first-of-type {
    display: none;
}

aside.widget_rss ul {
    padding: 0;
    list-style-type: none;
}

aside.widget_rss ul li {
    margin-bottom: 10px;
    display: flex;
    flex-flow: column nowrap;
}

aside.widget_rss ul li a {
    order: 2;
}

aside.widget_rss ul li span {
    order: 1;
}

aside.widget_rss ul li:not(:first-of-type):before {
    background: -moz-linear-gradient(left, #F3F3F3 0%, #DDDDDD 50%, #F3F3F3 100%);
    background: -webkit-linear-gradient(left, #F3F3F3 0%, #DDDDDD 50%, #F3F3F3 100%);
    background: linear-gradient(left, #F3F3F3 0%, #DDDDDD 50%, #F3F3F3 100%);
    content: '';
    height: 1px;
    display: block;
    margin-bottom: 7px;
}

aside.widget_rss ul li span.rss-date {
    display: block;
    color: #666666;
    margin-left: 15px;
}

/*--------------------------------------------------------------
# Campaign Dialog
--------------------------------------------------------------*/
.gruene-campaign-dialog {
    z-index: 100;
    position: absolute;
    overflow-x: hidden;
    top: 0;
    left: 0;
    outline: 0;
    background-color: #ffffff;
    border-radius: 5px;
    box-sizing: content-box; /* IE-Fix */
}

.gruene-campaign-dialog .ui-dialog-titlebar {
    box-sizing: border-box; /* IE-Fix */
    position: absolute;
    right: 0;
}

.gruene-campaign-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: #e10078;
    height: 1.5em;
    width: 1.5em;
    box-shadow: none;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1em;
    padding: 0 0.5em 0.2em 0.5em;
    box-shadow: 0 0 7px 1px #cc006d inset;
}

.gruene-campaign-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
    text-decoration: none;
}

.gruene-campaign-dialog article {
    height: auto;
    box-sizing: border-box; /* IE-Fix */
}

.gruene-campaign-dialog article header.entry-header .featured-image {
    margin-top: 0;
}

.gruene-campaign-dialog article header.entry-header .featured-image img {
    width: 100%;
    height: auto;
}

.gruene-campaign .comments-area {
    margin: 0 10px;
    box-sizing: border-box; /* IE-Fix */
}

.ui-widget-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack Contact Form */
.contact-form-submission {
    padding: 10px 10px 10px 60px;
}

.contact-form label.grunion-checkbox-multiple-label,
.contact-form label.grunion-radio-label.radio {
    font-weight: normal;
}

/* Jetpack Twitter Timeline */
.widget_twitter_timeline .widget-title {
    text-transform: none;
}

/*--------------------------------------------------------------
# Raise Now
--------------------------------------------------------------*/
#lema-container.lema-container .lema-step-header, #lema-container.lema-container .lema-step, #lema-container.lema-container .lema-step-content {
    background: transparent;
}

#lema-container.lema-container .lema-button, #lema-container.lema-container .lema-step-number span {
    background: #e10078;
}

#lema-container.lema-container .lema-step-header {
    border-bottom: #e10078 1px solid;
}

#lema-container.lema-container .lema-step-number span, #lema-container.lema-container .lema-step-header-text, #lema-container.lema-container .lema-button-donate {
    font-family: 'Tahoma', 'Verdana', 'Segoe', 'sans-serif';
    font-weight: bold;
}

#lema-container.lema-container .lema-step-header-text {
    color: #e10078;
}

#lema-container.lema-container .lema-amount-box.lema-active {
    border: #e10078 2px solid
}

.lema-overlay-bg {
    display: none !important;
}