/*
Theme Name: Deutschmeister 1914
Description: Ein Twenty Nineteen Childtheme
Author: Armin Priesner
Author URI: https://www.webdesignen.at
Template: twentynineteen
Version: 1.0
Tags:
*/

body {
    line-height: 1.5em;
}

/* Logo & Navigation */
.site-branding {
    display: flex;
    flex-direction: row;
}
.site-logo {
    width: 25%;
    margin-right: 5%;
}
.site-logo .custom-logo-link {
    border-radius: 0;
    width: 100%;
    height: auto;
    overflow: auto;
}
.site-header.featured-image .custom-logo-link:hover, .site-header.featured-image .custom-logo-link:active, .site-header.featured-image .custom-logo-link:focus {
  box-shadow: none;
}
.site-header.featured-image .custom-logo-link {
    background: none;
    box-shadow: none;
}
.main-navigation {
    width: 70%;
}

.site-header.featured-image {
    min-height: 40vh;
}
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
    filter: none;
}
.site-header.featured-image .site-branding-container:after,
.site-header.featured-image .site-featured-image:before,
.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
    display: none;
}
.site-header.featured-image .site-featured-image .entry-header {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    background-color: rgba(14,111,179,.75);
    border-bottom: 4px solid white;
}
.site-featured-image .entry-header .entry-title {
    margin: 0;
    padding: .6rem 1rem;
}
.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
    display: none;
}

#content {
    background-color: #0e6fb3;
    color: white;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif
}

#primary {
    background: none;
}

h1 {
    font-size: 1.8em;
}
h2 {
    font-size: 1.6em;
}
h3 {
    font-size: 1.3em;
}

pre {
    white-space: normal;
}

.flex-container {
    display: flex;
    flex-direction: column;
}

#content a,
#content a:visited,
#content a:hover,
#content a:active {
    color: floralwhite;
}

#content hr {
    background-color: white;
}

#content .wp-caption-text {
    color: white;
}

#content .entry .entry-title:before,
#content h1:not(.site-title):before,
#content h2:before {
    background: white;
    /*background: #767676;
    content: "\020";
    display: block;
    height: 2px;
    margin: 1rem 0;
    width: 1em;*/
}

#primary .button,
#primary button,
#primary input[type="button"],
#primary input[type="reset"],
#primary input[type="submit"] {
    background-color: #dca743;
    color: #111;
    transition: color 150ms ease-in-out;
}

#primary .button:hover,
#primary button:hover,
#primary input[type="button"]:hover,
#primary input[type="reset"]:hover,
#primary input[type="submit"]:hover {
    background-color: #333;
    color: #FFF;
}

/* Sidebar */
.widget-column.footer-widget-2 {
    max-width: calc(100% - (2 * 1rem));
    margin: calc(3 * 1rem) 1rem 1rem;
}

.default-buttons {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: .2rem;
    transition: background 150ms ease-in-out;
    transition: color 150ms ease-in-out;
    background: #dca743;
    color: #111 !important;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size: 0.88889em;
    font-weight: 700;
    line-height: 1.2;
    outline: none;
    padding: 0.76rem 1rem;
    text-decoration: none;
    vertical-align: bottom;
}
.default-buttons:hover {
    background-color: #333;
    color: #FFF !important;
}

.archive .page-header .page-title, .search .page-header .page-title, .error404 .page-header .page-title {
    color: white;
}
.archive .page-header .page-description, .search .page-header .page-description {
    color: white;
}

.wpcf7-not-valid-tip {
    color: #FFF;
    font-weight: bold;
}

.search.search-results #main .entry {
    margin-top: 3rem;
}
.search.search-results #main .entry-footer {
    margin-top: -1rem;
}
.search.search-results #main .entry-footer p {
    text-align: right;
    margin-right: 2rem;
}

/* Footer */
#menu-footernavigation li {
    display: block;
    margin-right: 0;
    line-height: 2.4;
}


@media only screen and (min-width: 400px) {
    .site-logo {
        width: 20%;
    }
    
    .main-navigation {
        width: 75%;
    }
    
    .default-buttons {
        width: 75%;
    }
}


@media only screen and (min-width: 600px) {
    .default-buttons {
        width: 50%;
    }
    
    .site-logo {
        width: 15%;
    }
    
    .main-navigation {
        width: 80%;
    }
    
    /* Footer */
    #menu-footernavigation li {
        display: inline;
        line-height: 1.8;
    }
    #menu-footernavigation li:after {
        content: " / ";
        padding: 0 1rem;
    }
    #menu-footernavigation li:last-child:after {
        display: none;
    }
}


@media only screen and (min-width: 700px) {
    .site-logo {
        width: 12.5%;
    }
    
    .main-navigation {
        width: 82.5%;
    }
}


@media only screen and (min-width: 768px) {
    .site-header {
        padding: 1rem;
    }
    
    .site-header.featured-image {
        margin-bottom: 0;
    }
    
    .site-header.featured-image .site-featured-image .entry-header {
        max-width: 100%;
    }
    .site-header.featured-image .site-featured-image .entry-header .entry-title {
        width: calc(100% - 4rem);
        margin: 0 auto;
        padding: .7rem 0;
    }
    
    .site-branding {
        margin: 0;
    }
    .site-logo {
        width: 10%;
        position: relative;
        right: 0;
        top: 0;
    }
    .site-logo .custom-logo-link {
        width: auto;
    }
    .main-navigation {
        width: 85%;
    }
    
    h1 {
        font-size: 1.8em !important;
    }
    h2 {
        font-size: 1.6em !important;
    }
    h3 {
        font-size: 1.3em !important;
    }
    
    .archive .page-header, .search .page-header, .error404 .page-header {
        max-width: 100%;
        margin: 1rem 2rem;
    }
    
    .entry-title, .not-found .page-title, .error-404 .page-title, .has-larger-font-size, h2 {
        font-size: 1.8em;
    }
    
    .hfeed .entry .entry-header {
        margin: 1rem 2rem 0 2rem;
    }
    .entry .entry-footer {
        max-width: inherit;
        margin-right: 2rem;
    }
    
    .entry .entry-header {
        margin: 3rem 2rem;
    }
    
    .entry .entry-content, .entry .entry-summary {
        max-width: 100%;
        margin: 0 2rem;
        padding: 0;
    }
    
    .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 > * {
        margin: 3rem 0;
        width: 100%;
        max-width: 100%;
    }
    
    .entry .entry-content > *.aligncenter, .entry .entry-summary > *.aligncenter, .entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.aligncenter, .entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.aligncenter {
        width: 100%;
        max-width: 100%;
    }
    
    figure.aligncenter {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .wp-caption.aligncenter {
        position: relative;
        left: 0;
        transform: none;
    }
    
    .widget-column.footer-widget-2 {
        margin: 3rem 2rem;
    }
    
    .default-buttons {
        width: 50%;
    }
    
    /* 404 */
    .error404 #main.site-main {
        width: 75%;
    }
    .error-404.not-found .page-content, .no-results.not-found .page-content {
        max-width: 100%;
        margin: 0 2rem;
        padding: 0;
    }
    
    /* Pagination */
    .pagination .nav-links {
        max-width: 100%;
        margin: 2rem;
        padding: 0;
    }
    
    #colophon .site-footer-box {
        margin: 2rem 2rem;
    }
    #colophon .widget-area, #colophon .site-info {
        margin: 0;
    }
}

@media only screen and (min-width: 992px) {
    .site-header.featured-image {
        min-height: 70vh;
    }
    
    .site-logo {
        margin-right: 2.5%;
    }
    
    .main-navigation {
        width: 87.5%;
    }
    
    .flex-container {
        flex-direction: row;
    }
    
    /* Content */
    #primary {
        /*background-color: bisque;*/
    }
    #main.site-main {
        display: inline-block;
        /*background-color: indianred;*/
        width: 70%;
    }
    
    #standard-sidebar {
        display: inline-block;
        /*background-color: darkkhaki;*/
        width: 30%;
    }
    
    .default-buttons {
        width: 100%;
    }
    
    /*.entry .entry-content, .entry .entry-summary {
        max-width: 80%;
        margin: 0 10%;
        padding: 0 60px;
    }*/
}

@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: 100%;
    }
    
    
}

@media only screen and (min-width: 1400px) {
    .site-header.featured-image .site-featured-image .entry-header {
        /*
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
        */
    }
    .site-header.featured-image .site-featured-image .entry-header .entry-title {
        width: calc(1350px - 4rem);
        margin: 0 auto;
        padding: .7rem 0;
    }
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        line-height: 2.2rem;
        height: 2.2rem;
        font-size: 1.8em;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        font-size: 1.6em;
    }
    
    #primary {
        width: 1350px;
        margin: 0 auto;
    }
    
    .search-field {
        display: inline-block !important;
        width: 68% !important;
    }
    .search-submit {
        display: inline-block !important;
        float: right;
        margin-top: 0 !important;
        width: 28% !important;
    }
    
    .default-buttons {
        width: 68%;
    }
    
    #colophon .site-footer-box {
        width: 1350px;
        margin: 1rem auto;
    }
    #colophon .site-footer-box:first-child {
        margin-top: 1.5rem;
    }
    #colophon .widget-area, #colophon .site-info {
        margin: 0 2rem;
    }
}