/*
Theme Name: Geschichte-Lernen - based on the pique theme
Author: Robin Brunold - Parent Theme: Automatic 
Author URI: https://www.seofaktur.net
Description: Wordpress Theme für geschichte-lernen.net auf der Grundlage von "Pique"
Version: 2.0"
License: GNU General Public License v2.0
Tags: pique child theme
Text Domain: 
Template: pique
*/
@charset "UTF-8";


/* ff simo -light - latin 
@font-face { 
 font-family: 'FFSimo';
 src: url('fonts/d2574748-7924-40c3-9589-809e040bfa87.woff2') format('woff2'),
      url('fonts/f9573366-4f26-4d50-94c9-4528b2299e79.woff') format('woff'),
	  url('fonts/f9573366-4f26-4d50-94c9-4528b2299e79.otf') format('otf');
	  	font-weight: 400; 
	  }
	  
	  body, p, h1, h2, h3, h4 {font-family: FFSimo!important;}

*/

h1 {
    font-family: Karla, Arial, sans-serif;
    font-weight: 600;}

.site {
    background: rgba(252, 251, 249, 0.98);
}
 
body {
	color: #232323;}

@media screen and (min-width: 412px) {
.wp-caption-text {
    font-style: normal;
    font-size: 88%;}
}

#jp-relatedposts h3.jp-relatedposts-headline {font-size: 120%!important;}

#pique-hero .pique-panel-content .entry-content p:first-of-type {
	font-size: 1.5em;}


/* Bugfix für Bugfix HTML 5 ältere Browser */ 

aside, details, figcaption, figure, on {
display: inline-block;
}

/* Style für Literatur Widget  */

#sidebar-right .widget {
    background-color: #fff;
    border: medium solid;
    margin: 10%;
    padding: 25px;
}

/* Weiße Schrift Widget Title Footer 

#footer-area .widget-title {
  color: #B6B6B6;
  font-size: 18px;
}

/* Weiße Schrift Links im Footer

#footer .widget-area a {
  color: #FFFFFF;
}

/* Weiße Schrift Widget Title Footer 

#sidebar-bottom .widget widget_text {
padding-left: 50px;
}
	
/* Style für das Blogdatum */

.Blog-Datum {
font-size: 15px;
 font-weight: 600;
 margin-bottom: 9px;
 margin-left: 10px;
}



/*kein Strich Literaturangaben*/

.entry-utility {
    border-top: 0px solid #eee;
    padding-top: 0px;
}

/*abschließender Strich unter main content

.onecol .onecol .entry-summary, .entry-content {
    font-size: 15px;
    line-height: 1.62em;
    margin-bottom: 30px;
	border-bottom: 1px solid;
}

/*dicker Strich für hr 
-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-left-color: -moz-use-text-color;
    border-right-color: -moz-use-text-color;
    border-top-color: #000;
	border-bottom-color: #000;
    border-top-style: solid;
    margin-bottom: 20px;

*/

hr {
    
}





/* Autorenanpassungen in Customizer CSS momentan */

/* Style für Autorenlink 

.autorenlink {
margin-top: 20px; 
font-size: 16px; 
margin-bottom: 0px;
font-weight: 600;
} */

/** styles fuer custom fields **/ 

/* Autorenfeld */

.customauthor {

    font-size: 15px;
    padding-top: 1em;
    font-family: "Open Sans",sans-serif;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background: none repeat scroll 0 0 #fcfcfc;
    margin-bottom: 20px;
    padding: 20px;
    padding-bottom: 60px 
}

/* Literatur-Bibliografie */ 

.literatur-auswahlbibliographie {
    
    font-size: 15px;
    padding-top: 1em;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background: none repeat scroll 0 0 #F8F8F8;
    padding: 1px 20px 20px 20px; 
	margin-top: 15px;
}

.literatur-auswahlbibliographie p {
	margin-bottom: 8px;
}

.literatur-auswahlbibliographie h5 {
	margin: 20px 0px;
}

/* Kategorie Beschreibungs-Text höhere Zeilenhöhe  

.category-description p {
    font: initial;
    margin: 0;
    text-align: justify;
	line-height: 21px;
}

/* Kategorie Beschreibungs-Text schwarz 

.category-description {
margin-top: 4px;
color: #000;
}

/* Heading div für related posts 

.div-related-post {
font-family: "Oswald",sans-serif;
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 18px;
line-height: 1.62em;
vertical-align: baseline;
}

/* Rote Link-Color im Footer 

.widget-area-footer a {
    color: #850D0C;
}

/* Style für Ausgewählte Beiträge - roter Strich

.sticky .entry-container {
border-bottom: solid 1px #981A14;
}



/*** Responsive Anpassungen ***/


/** Smartphone **/

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

/*Resposive Darstellung der Youtube Videos*/

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.newsletter-signup {

    font-size: 18px;
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    background: none repeat scroll 0 0 #F8F8F8;
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;	
	border: solid 1px #000
}

/** Custom Field unter Startseitenslider **/

#below_slider_link {
    text-align: center;
    padding-top: 29px;

}

#below_slider_link a {
    font-size: 20px;
	color: #333;
}