/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Peter Müller 
 Author URI:   https://pmueller.de
 Template:     generatepress 
 Version:      1.5
 Tags: 		   great-theme
*/


/** 
 * Farbschema für das Blau  
 * colorhexa.com/0088cc
 * colorhexa.com/006699  
 */ 

/* Auf der Startseite unterhalb der Navigation bitte einen grauen Streifen */
.home .page { margin-top: 20px; }


/** 
 * Blog und Kategorie-Archive - GPP Block-Element Blog-Intro 
 * Ausgabe der Kategorien via Flexbox  
 */ 
.blog-intro-kategorien {
    display: flex;
	flex-wrap: wrap; 
    list-style: none;
    padding: 0;
    margin: 0;
}
.blog-intro-kategorien li {
    flex: 0 auto;
    background: #08c;
	color: white; 
    text-align: center;
    padding: 0.5rem 1rem;
    margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}
.blog-intro-kategorien a {
	text-decoration: none !important; 
	color: white; 
}

/**
 * Site-Header
 */ 

.site-header { 
	/* 62deg ... */ 
	background-image: linear-gradient(62deg, #069, #069 84%, #08c 84%, #08c 100%); 
	/* die drei werden irgendwo anders definiert: no-repeat, fixed, 50%  */  
	background-repeat: initial; 
	background-attachment: initial; 
	background-position: initial; 
	
	box-shadow: 0 2px 6px rgba(51,51,51,.3); 
}

/* Farbwechsel etwas weiter links */ 
@media (min-width: 768px) {
	.site-header { 
		/* 62deg ... */ 
		background-image: linear-gradient(62deg, #069, #069 62%, #08c 62%, #08c 100%); 
	}		
}

/* Site-Titel weiß */ 
.site-header a {
	color: white; 
}

@media (max-width: 1024px) {
	.main-navigation .inside-navigation {
    	padding-right: 20px;
	    padding-left: 20px;
	}
}
 
/* Selektor mit zwei Klassen wegen Spezifität */ 
.site-branding .main-title {
	letter-spacing: 1px; 
}

/* Logo-Foto rund (ist eigentlich quadratisch) */ 
.header-image {
  border-radius: 50%;
}

/**
 * Main Navigation
 */ 
/* Abstand nach oben und unten */
.main-navigation {
  padding-top: 10px;
  padding-bottom: 10px; 
}

/* Schatten nach unten, wenn .is_stuck */
.sticky-enabled .main-navigation.is_stuck {
  box-shadow: 0 2px 6px rgba(102,102,102,.3);
}

/* Buttons in der Hauptnavigation */ 
.main-navigation .main-nav ul li a {
  background: #efefef;  
}
.main-navigation .main-nav ul li:not(:last-child) a {
  margin-right: 8px; 
}


/**
 * Footer
 *  
 */ 

/* 
Farben für den Footer und die Links darin:  
Customizer > Farben > Fußbereichs-Widgets 
Hier im CSS erfolgt nur die Unterstreichung der Links
*/ 
.footer-widgets a:hover,
.footer-widgets a:focus {
  text-decoration: underline;  
}

/* Listen im Footer bündig mit der Überschrift */ 
.footer-widgets .widget ol, 
.footer-widgets .widget ul {
  margin: 1em;
  margin-left: 0; 
}

.site-info {
  background-color: white;
  color: #333; 
}
.site-info a, 
.site-info a:visited {
  text-decoration: underline; 
}

/**
 * Content gestalten 
 */ 

/** 2022-11-07 
 *  h2-Überschriften im Inhaltsbereich  
 */  
.entry-content h2 { margin-top: 2rem; }

/* Silbentrennung */ 
h1, h2, h3, p, li {
	-webkit-hyphens: auto; 
	hyphens: auto; 
}

/** 
 *  Beiträge mit der Formatvorlage Link bekommen das Label "Linktipp" 
 */ 

article.format-link .inside-article::before {
    content: " Linktipp ";

	display: inline-block;
    position: relative;
    top: -15px;
	left: 0px;  
	/* transform: rotate(-20deg); */

    background: #082;
    padding: 0.25rem;
    color: #fff;
}
 
/** 
 * 2021-09-15 
 * Externe Links im Inhaltsbereich bekommen ein Symbol
 * Mit Ausnahme der mit :not() gelisteten Links ;-) 
 */
.site-content a[target="_blank"]:not(.gb-button):not(.wp-block-button__link):not(.saboxplugin-socials a)::after {
	content: " \2197"; 
}

/** 
 * 2022-03-04 
 * Links im Inhaltsbereich mit gestalteter Unterstreichung 
 */

.site-content a:not(.gb-button):not(.wp-block-button__link) {
    text-decoration: underline; 
	text-decoration-thickness: 1px; 
	text-underline-offset: 0.25em; 
}

/*
 * Blockquote - Schrift kleiner  
 */
blockquote {
	font-size: inherit; 
	padding: 0.5em 1em; 
	/* border-left: none; */
}

/* 
 * Tabellen gestalten 
 * 
 */
table thead, 
table tfoot {
  background-color: #08c;
	color: white; 
}
table tr.odd {
  background-color: #efefef;
}

.sidebar .widget {
    background-color: #ffffff;
    border-radius: 5px;
}

/** 
 * Listen
 */
.entry-content ul {
    margin-left: 1em; /* ist so links bündig mit dem Fließtext, statt 3em */ 
}

/* Beschriftung von Bildern und Videos */ 
.wp-block-image figcaption,
.wp-block-video figcaption {
 font-style: italic;
 font-size: 90%;
 text-align: center;
}

/* ToDo-Kästen */ 
.todo {
	padding: 1rem; 
	background: #eee; 
	border: 1px solid #ccc; 
}

/* im ToDo nach der "Überschrift" weniger margin-bottom */ 
.todo p.has-medium-font-size {
	margin-bottom: 0.5em; 
}

/* im ToDo - Nummerierung  */ 
.todo ol {
	margin-left: 1em; 
}

/* Simple Author Box - mehr Gestaltung vom Plugin in Design > Simple Author Box */ 
.saboxplugin-wrap .saboxplugin-gravatar {
	padding-left: 0 !important; 
}




/* WP DSGVO Tools - Kommentarformular - Zustimmung zu Kommentaren */ 
/* 2022-01-15, accent-color see https://twitter.com/_georgemoller/status/1482348378126180354 */ 
.wpforms-field-gdpr-checkbox li {
	display: flex; 
	align-items: center; 
}
input[name="gdpr-cb"] {
	width: 1rem; 
	height: 1rem; 
	margin-right: 10px; 
	accent-color: #07b; 
}


/* eof */