/*
 Theme Name:   Wimmergreuth
 Theme URI:    https://wimmergreuthgruenau.at//wimmergreuth/
 Description:  Theme for Wimmergreuth
 Author:       John Doe
 Author URI:   https://wimmergreuthgruenau.at/
 Template:     twentynineteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  wimmergreuth
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
* {
    margin: 0;
    padding: 0;
}

body {
    color: #111;
    font-family: -apple-system, Montserrat, BlinkMacSystemFont, "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight: 300;
    font-size: 0.9rem;
    background-color: rgba(142, 80, 0, 0.03);
}

aside nav ul li a {
  color: #25ae2b;
  font-weight: bolder;
}

.author-description .author-link,
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-meta,
.entry-footer,
.main-navigation,
.no-comments,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: -apple-system, Montserrat, BlinkMacSystemFont, "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.main-navigation,
.page-description,
.author-description .author-link,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.pagination .nav-links,
.comments-title,
.comment-author .fn,
.no-comments,
.site-title,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.site-title,
.site-description,
.main-navigation,
.nav-links,
.page-title,
.page-description,
.comment-author .fn,
.no-comments,
h2.author-title,
p.author-bio,
h4 {
    font-size: 1rem;
}

#page {
    width: 80%;
    margin: 0 auto;
    max-width: 1600px;
    background-color: rgba(142, 80, 0, 0.03);
}

body.page .main-navigation,
.main-navigation {
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.col2 {
    display: grid;
    grid-template-columns: 2fr 1fr;
}

header.wg-site-header {
    /* height: 10vh; */
    display: grid;
    grid-template-columns: 3fr 5fr;
}

h1:not(.site-title)::before,
h2::before {
    content: none;
}

h1 {
    font-size: 1.8rem;
    /* margin: 0 0 1rem 0 !important; */
}

h2 {
    font-size: 1.4rem;
    margin: 0 0 1rem 0 !important;
}

h3 {
    font-size: 1.2rem;
    margin: 0 0 1rem 0 !important;
}

.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

header>a>img {
    padding: 0.8rem;
}

.main-navigation .main-menu>li>a {
    padding: 0.5rem;
    font-weight: 400;
}

.wg-entry-title {
    grid-row: 1;
    grid-column: 1/3;
}

.wg-site-featured-image {
    height: 40vh;
    background-size: cover;
    background-position: center;
    grid-column: span 2;
    /* kommt aus dem php: background-image: url("/wp-content/themes/wimmergreuth/img/Logo2.png"); */
}

.wg-site-content {
    padding: 1rem 3vh;
}

.entry .entry-content,
.entry .entry-summary {
    max-width: 100%;
    margin: 0 2vh;
    padding: 0 0px;
}

@media only screen and (min-width: 768px) {
    .entry .entry-content>*,
    .entry .entry-summary>*,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>*,
    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>* {
        max-width: calc(10 * (100vw / 12) - 28px);
    }
}

@media only screen and (min-width: 1168px) {
    .entry .entry-content>*,
    .entry .entry-summary>*,
    .entry .entry-summary>.wp-block-group>.wp-block-group__inner-container>*,
    .entry .entry-content>.wp-block-group>.wp-block-group__inner-container>* {
        max-width: calc(8 * (100vw / 12) - 28px);
    }
}

#trp-floater-ls {
    left: 90%;
}

a,
a:visited,
.main-navigation .main-menu>li,
.main-navigation ul.main-menu>li>a,
.post-navigation .post-title,
.entry .entry-meta a:hover,
.entry .entry-footer a:hover,
.entry .entry-content .more-link:hover,
.main-navigation .main-menu>li>a+svg,
.comment .comment-metadata>a:hover,
.comment .comment-metadata .comment-edit-link:hover,
#colophon .site-info a:hover,
.widget a,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.entry .entry-content>.has-primary-color,
.entry .entry-content>[class^="wp-block-"] .has-primary-color,
.entry .entry-content>[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color,
.entry .entry-content>[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color p {
    color: rgb(48, 48, 48);
}

:root {
    --wp-admin-theme-color: rgb(64, 64, 64);
    --wp-admin-theme-color-darker-10: rgb(48, 48, 48);
    --wp-admin-theme-color-darker-20: rgb(32, 32, 32);
}

.main-navigation .sub-menu {
    background-color: rgb(64, 64, 64);
}

.main-navigation .main-menu>li>a:hover,
.main-navigation .main-menu>li>a:hover+svg,
a:hover {
    color: rgb(32, 32, 32);
}

.main-navigation .sub-menu>li>a:hover,
.main-navigation .sub-menu>li>a:focus,
.main-navigation .sub-menu>li>.menu-item-link-return:hover,
.main-navigation .sub-menu>li>.menu-item-link-return:focus {
    color: rgb(32, 32, 32);
    background: rgb(200, 200, 200);
}


/*Mobile Devices*/

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

@media screen and (max-width: 36rem) {
    #page {
        width: 100%;
    }
    #trp-floater-ls.trp-top-right {
        bottom: 0;
        top: auto;
    }
}

@media screen and (max-width: 65rem) {
    .col2>* {
        grid-column: span 2;
    }
    header>* {
        grid-column: span 2;
    }
    body.page .main-navigation,
    .main-navigation {
        /* margin-top: 0; */
        /* display: flex; */
        /* justify-content: flex-start; */
        /* align-items: center; */
        margin-bottom: 0.5rem;
    }
    /* header>a>img {
        min-width: 90vw;
    } */
}

@media screen and (min-width: 36rem) and (max-width: 82rem) {
    #page {
        width: 95%;
    }
    #trp-floater-ls.trp-top-right {
        bottom: 0;
        top: auto;
    }
}