/*
Theme Name: PS Twenty Twenty-Two
Author: Piano Street
(C) 2022 pianostreet.com
*//* CSS Document */

/* Hide avatar in comments */
.avatar {
	xvisibility: hidden;
	margin-right: 0.7rem;
}
.comments li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.comments h2, .comment-form h3 {
  font-size: 1.4rem;
}


.comment-body {
	margin-bottom: 1rem;
		padding: 1rem;
}

.comment-author {
	padding: 0.2rem;
}

.comment-form-comment textarea {
	width: 100%;
}

h1  {
  font-size: 2rem;
}

h2  {
  font-size: 1.5rem;
	margin-top: 2rem;
}


h3  {
  font-size: 1.4rem;
	margin-top: 2rem;
}
h4  {
  font-size: 1.2rem;
}

img.alignnone {
  margin-top: 1rem!important;
 margin-bottom: 1rem!important;
}

/* Begin Images */


p img {
	padding: 0;
	max-width: 100%;
	}



/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin-left: 12px;
	display:inline;
	}

img.alignleft {
	margin-right: 12px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Captions */

.rightsidebox {
border: 0; 
margin: 0pt 0pt 10px 10px; 
padding: 7px; 
float: right; 
width: 180px; 
font-size: 12px;
}

.wp-caption {
   border: 0;
   text-align: center;
   padding: 0;
display:inline;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
	margin-top: 7px;
}

.wp-caption p.wp-caption-text {
   font-size: 0.8rem;
   padding: 6px;
   margin: 0;
	margin-bottom: 1rem;
}

.wp-caption.alignright  {
	margin-left: 18px;
	display:inline;
	}

.wp-caption.alignleft {
	margin-right: 18px;
	display: inline;
	}

/* VIDEOS YOUTUBE IFRAMES */

.iframe-container-full {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-top: 1.6rem;
	margin-bottom: 1.6rem;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-sidebar-link {
	border-bottom: 1px solid #888;	
}

.blog-lead, .blog-lead a {
	font-size: 1.15rem;
	font-weight: 600;
}

.anfang::first-letter {
  font-size: 300%;
	font-weight: bolder;
  margin-right:  0.2rem;;
padding-top: 0.4rem;
  float: left;
}

.blog-quote {
	
	font-size: 1.6rem;
	font-style: italic;
	font-weight: 600;
	color: #888;
	text-align: center;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
		border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	padding-top: 1rem;
	padding-bottom: 1rem;
}


strong {
	font-weight: 600;
}