/**
 * Theme Name: Rehkitzrettung Brandenburg
 * Template:   twentyseventeen
 * Author: Rehkitzrettung Brandenburg e.V.
 * Description: Angepasste twentyseventeen Theme fuer Rehkitzrettung Brandenburg e.V.
 * Version: 1.0
 */

/*
  * CSS Variables for CD
  */
:root {
    --rehkitzrettung-dark-green: #294849;
    --rehkitzrettung-light-green: #b5ca8d;
}

/*
  * Font
  */

body,
body button,
body input,
body select,
body textarea,
body ::placeholder {
    font-family: Georgia, "Times New Roman", Times, serif;
}

/*
  * Links within the content should have CD green
  */

body .entry-content a,
body .entry-summary a,
body .comment-content a,
body .widget a,
body .site-footer .widget-area a,
body .posts-navigation a,
body .widget_authors a strong {
    color: var(--rehkitzrettung-dark-green);
    -webkit-box-shadow: inset 0 -1px 0 var(--rehkitzrettung-dark-green);
    box-shadow: inset 0 -1px 0 var(--rehkitzrettung-dark-green);
}

body .entry-content a:focus,
body .entry-content a:hover,
body .entry-summary a:focus,
body .entry-summary a:hover,
body .comment-content a:focus,
body .comment-content a:hover,
body .widget a:focus,
body .widget a:hover,
body .site-footer .widget-area a:focus,
body .site-footer .widget-area a:hover,
body .posts-navigation a:focus,
body .posts-navigation a:hover,
body .widget_authors a:focus strong,
body .widget_authors a:hover strong {
    color: var(--rehkitzrettung-dark-green);
    -webkit-box-shadow:
        inset 0 0 0 rgba(0, 0, 0, 0),
        0 3px 0 var(--rehkitzrettung-dark-green);
    box-shadow:
        inset 0 0 0 rgba(0, 0, 0, 0),
        0 3px 0 var(--rehkitzrettung-dark-green);
}

/*
  * Forms
  */

body input[type="text"]:focus,
body input[type="email"]:focus,
body input[type="url"]:focus,
body input[type="password"]:focus,
body input[type="search"]:focus,
body input[type="number"]:focus,
body input[type="tel"]:focus,
body input[type="range"]:focus,
body input[type="date"]:focus,
body input[type="month"]:focus,
body input[type="week"]:focus,
body input[type="time"]:focus,
body input[type="datetime"]:focus,
body input[type="datetime-local"]:focus,
body input[type="color"]:focus,
body textarea:focus {
    border-color: var(--rehkitzrettung-dark-green);
}

body button,
body input[type="button"],
body input[type="submit"] {
    background-color: var(--rehkitzrettung-dark-green);
}

body :not(.mejs-button) > button:hover,
body :not(.mejs-button) > button:focus,
body input[type="button"]:hover,
body input[type="button"]:focus,
body input[type="submit"]:hover,
body input[type="submit"]:focus {
    background-color: var(--rehkitzrettung-light-green);
}

body ::placeholder {
    color: #666;
}

body .entry-content .wp-element-button,
body .entry-content .wp-block-button__link {
    background-color: var(--rehkitzrettung-dark-green);
}

body .entry-content .wp-block-button__link:hover,
body .entry-content .wp-block-button__link:focus {
    color: var(--rehkitzrettung-dark-green);
    background-color: var(--rehkitzrettung-light-green);
}

body
    .entry-content
    .is-style-outline
    .wp-block-button__link:not(.has-text-color) {
    color: var(--rehkitzrettung-dark-green);
}

body .entry-content .wp-block-button__link:hover,
body .entry-content .wp-block-button__link:focus,
body
    .entry-content
    .is-style-outline
    .wp-block-button__link:not(.has-background):hover,
body
    .entry-content
    .is-style-outline
    .wp-block-button__link:not(.has-background):focus {
    color: var(--rehkitzrettung-dark-green);
    background-color: var(--rehkitzrettung-light-green);
}

/*
 * Header
 */

body .site-title {
    font-family: "Boogaloo", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
}

@media screen and (max-width: 30em) {
    body .site-branding > .wrap {
        text-align: center;
    }
}

@media screen and (min-width: 30em) {
    body .site-branding {
        padding: 1em 0;
    }
}

body.has-header-image:not(.twentyseventeen-front-page) .site-branding {
    background: var(--rehkitzrettung-dark-green);
}

body .navigation-top {
    border-top: 1px solid var(--rehkitzrettung-dark-green);
    border-bottom: 1px solid var(--rehkitzrettung-dark-green);
}

body .navigation-top,
body .navigation-top .menu {
    background-color: var(--rehkitzrettung-dark-green);
}

body .navigation-top > .wrap {
    padding: 0 2em;
}

body .navigation-top .main-navigation > div > ul {
    border: none;
}

body .navigation-top .main-navigation.toggled-on > div > ul {
    text-align: center;
}

body .navigation-top .main-navigation > div > ul > li {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

body .navigation-top .main-navigation > div > ul > li:hover > a,
body .navigation-top .main-navigation > div > ul > li.current_page_item > a {
    color: var(--rehkitzrettung-light-green);
}

body .navigation-top .menu-toggle,
body .navigation-top li.menu-item a {
    color: white;
}

body .navigation-top .menu-toggle:hover,
body .navigation-top .menu-toggle:active,
body .navigation-top .menu-toggle:focus {
    color: var(--rehkitzrettung-light-green);
    background-color: var(--rehkitzrettung-dark-green);
}

/* Footer */

body
    .wp-block-social-links
    .wp-block-social-link.wp-social-link
    .wp-block-social-link-anchor,
body
    .wp-block-social-links
    .wp-block-social-link.wp-social-link
    .wp-block-social-link-anchor
    svg,
body
    .wp-block-social-links
    .wp-block-social-link.wp-social-link
    .wp-block-social-link-anchor:active,
body
    .wp-block-social-links
    .wp-block-social-link.wp-social-link
    .wp-block-social-link-anchor:hover,
body .wp-block-social-links .wp-block-social-link.wp-social-link {
    box-shadow: none;
}

body .site-info {
    display: none;
}

/* OTHER WORDPRESS STYLES not focussed on CI */

/* Show latest news block, make distances look better */
div.wp-block-latest-posts__post-excerpt {
    margin-bottom: 2em;
}

div.wp-block-latest-posts__post-excerpt p.link-more {
    display: none;
}

/* Center images within a wordpress grid */
body .wp-block-group.is-layout-grid > figure.wp-block-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* Make the block buttons container have the same spacing as a paragraph */
body .wp-block-buttons {
    margin-top: -1.4em;
    margin-bottom: 1.5em;
}

body .wp-block-button .wp-block-button__link {
    margin-top: 1.5em;
}

/* privacy-embed plugin, fix link colors */
body div.embed-privacy-inner a,
body div.embed-privacy-inner a:visited {
    color: #ddd;
    -webkit-box-shadow: inset 0 -1px 0 #ddd;
    box-shadow: inset 0 -1px 0 #ddd;
}

body div.embed-privacy-inner a:focus,
body div.embed-privacy-inner a:hover {
    -webkit-box-shadow:
        inset 0 0 0 rgba(0, 0, 0, 0),
        0 3px 0 #ddd;
    box-shadow:
        inset 0 0 0 rgba(0, 0, 0, 0),
        0 3px 0 #ddd;
}