/*
 Theme Name:   Organic Purpose Child
 Description:  Organic Purpose Child Theme
 Author:       mankon
 Author URI:   http://mankon.de
 Template:     organic-purpose
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Korrektur der Blogansicht, ?bersicht und Detailansicht
 Text Domain:  purpose-stylechild
*/
/* selfhosted fonts */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* CSS fuer Blog */
.blog-holder {
    background-color: #d0d2c3;
}
.blog-holder .post-meta, .archive-holder .post-meta {
    padding: 24px 36px 0px;
    font-size: 1em;
    border-top: none;
}
.headline.small.mk-klein {
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0;
}
.headline a:link, .headline a:visited, .headline a:active {
    color: rgba(0,0,0,.5);
}
.post-meta {
  color: #686961;
  font-weight: bold;
}
.blog-holder .article, .archive-holder .article {
  padding-top: 5px;
}
@media handheld, only screen and (max-width: 1024px) {
    .blog-holder .post-meta .align-left, .blog-holder .post-meta .align-right, .archive-holder .post-meta .align-left, .archive-holder .post-meta .align-right {
        text-align: left;
    }
}
/* single */
.article h1:first-child + p, .article > p:first-child, .article span + p {
    color: inherit;
    font-size: .9em;
    font-weight: normal;
    line-height: inherit;
}
.single .headline:NOT(.img-headline) {
    font-size: .9em;
    font-weight: bold;
    color: rgba(0,0,0,.5);
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    line-height: 1.9;
}
/* Sprungmarke versetzen */
.single .article p > span {
    scroll-margin-top: 165px;
    scroll-snap-margin-top: 165px;
}

/* Typo dunkler, besserer Kontrast */
body {
    color: rgba(0,0,0,.59);
}