/*

Theme Name: grafblog

Template: twentytwenty

Author: Albert America

Version: 1.0

Updated: 25. 04. 2022 

*/



@import url('../twentytwenty/style.css');

@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Rubik:wght@300&display=swap');



/* Folgende CSS-Auszeichnungen überschreiben die entsprechenden Angaben 

des oben importierten Stylesheets des Eltern-Themes. */



/* Vordefinierte Klassen mit farbigem Hintergrund */

.grau {

    background-color: #dedede;

}

.rot {

    background-color: #e22658;
    color:#fff;
    padding:5px;

}

.schwarz {

    background-color: #333;

    color: #ee7242;

}

.blind {

	background:transparent;

	border: none;

}

.faux-button {

    background-color: transparent!important;

    color:#000;

}

.blackbox p {
  background-color: black;
  color: #fff!important;
  padding: 12px;
  border-radius:12px;
}


body {
    background-color:#eeeeee;
}

#site-header {
    box-shadow: 2px 2px 5px rgb(0 0 0 / 60%);
    padding: 8px;
    margin-bottom: 28px;
}

#site-header, #site-footer {
    border: none!important;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 60%);
    background-color: #fff;
    max-width: 1200px;
    margin: auto;
}
 #site-footer {
    margin-top:0!important;
 }

.singular .entry-header, 
.singular .featured-media::before {
  background-color: transparent!important;
}

.singular .featured-media-inner {
  position: static;
}

.entry-categories {
  margin-bottom: 0;
  display: none;
}

#site-content{
	color: #2e4b3e;
}

.archive-header.has-text-align-center.header-footer-group {
  display: none;
}

.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt {

    /*font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;

	font-family: 'Rubik', sans-serif;*/

	font-weight: 300;

    letter-spacing: normal;

}

#site-header {

    z-index: 1;

    border: 1px solid #000;

	box-shadow: 2px 2px 5px rgba(0,0,0,0.6);

    padding: 8px;

    margin-bottom: 28px;

}

.header-inner {

    align-items: center;

    display: flex;

    justify-content: space-between;

    padding: 1rem 0;

}

.logo {

    max-width: 140px;

    margin-left: 40px;

}

header.site-header {

    background-color:#dedede;

	border-bottom: 1px solid #333;

	box-shadow: -3px -3px 6px rgba(0,0,0,0.6);

    margin: -100px!important;



}

header img {width:100%;height:auto;}
.header-logo {
    max-width: 500px;
    min-height: 58px;
    text-align: left;
    width: 50%;
}
.header-image {
	text-align: left;
	width: 100%;
	margin: auto;
	max-width: 1200px;
}

.singular .entry-header {
    padding: 2rem 0;
}

h1.entry-title {
    font-size:1.4em;
}
.header-titles, .header-titles a {
    width:500px;
    height:58px;
}
.header-image {
  /*max-width: 1200px;
  width: 100%;
  height: 532px;*/
  margin: auto;
}

h1, h2, h3, h4, h5, h6, .faux-heading, .blogtitel {
    letter-spacing: 0.01em;
    line-height: 1.25;
    margin: 0.5rem 0 2rem;
}

/* Startblog ************************************/
#startblog {
    display:flex;
    flex-wrap: wrap;
    max-width:1200px;
    margin:auto;
}

#startblog article {

    margin:12px;

    background-color:#ffffff;

    padding:0!important;

    flex:1;

    min-width:30%;

}

#startblog article div.articlecontent {

    padding:25px 15px 0px 15px;

}
.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt, div.blogtitel, h1.entry-title {
    letter-spacing: normal;
}


div.blogtitel {

    font-size: 1.4em;

    color: #333;

    font-weight: bold;

    margin-bottom:1em;

}

.post-meta-wrapper {

    margin:0;

    display: none;

}

.read-more-button-wrap {

    text-align: center;

    margin: 0!important;

}
a.more-link {
  width: 100%;
  display: block;
}

.faux-button {
    background-color: transparent!important;
    color: #000;
    font-size: 1.2rem;
}
.js-accordion-controller {
  background-color: rgba(255,255,255,0.4);
  padding: 6px 12px;
  border:1px solid #333;
  border-radius: 12px;
}


/* Block Media Text */
.wp-block-anfb-animation-container {
  max-width: 80rem !important;
}
.wp-block-media-text__content {
  height: 100%;
}
.wp-block-media-text figure img {
  border-radius: 12px;
  margin:0 6px;
}
.wp-block-media-text__content {
  background-color: #000;
  border-radius: 12px;
}
.wp-block-media-text__content p {
  color: #fff!important;
  font-size:1rem;
}
.wp-block-media-text .wp-block-media-text__content {
    padding: 6px;
}
.wp-block-media-text__content {
    margin:0 -6px 0 18px;
}
.has-media-on-the-right .wp-block-media-text__content {
    margin:0 6px 0 0;
}


/* Template Bloginfo */

.entry-content.bloginfo-content {
    max-width: 960px;
    margin: auto;
    background-color: #dedede;
}
.entry-content.bloginfo-content p {
    color: #000;
}
section#bloginfo {
    margin-top: -62px;
    margin-bottom: 24px;
    padding: 0;
}








/* Content */

.post {
  max-width: 1200px;
  margin: auto;
}



.footer-nav-widgets-wrapper.header-footer-group {

    background-color:#333;

	color:#ccc;

}

.textwidget.custom-html-widget a.facebooklink {

    text-align: left!important;

    display: block;

	text-decoration:none;

}

.powered-by-wordpress {

    display: none;

}
/* Block Media Text */
.wp-block-media-text figure img {
  border-radius: 0px;
}
.wp-block-media-text p {
  padding: 6px;
  background-color: #000;
  color: #fff;
  border-radius: 12px;
}

/* Template Bloginfo */

.entry-content.bloginfo-content {
    max-width: 960px;
    margin: auto;
    background-color: #dedede;
}
.entry-content.bloginfo-content p {
	color: #000;
}
section#bloginfo {
    margin-top: -62px;
    margin-bottom: 24px;
    padding: 0;
}


/* Small Devices, Tablets */

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

    #startblog article {

        margin:12px;

        background-color:#ffffff;

        padding:12px;

        flex:1;

        min-width:40%;

    }

}

@media only screen and (max-width : 480px) {

    #startblog article {

        margin:12px;

        background-color:#ffffff;

        padding:12px;

        flex:1;

        min-width:90%;

    }

}