/*
 Theme Name:   Welpentheme
 Theme URI:    https://joern.gorres.com/welpentheme
 Description:  Childtheme für GeneratePress, gepflegt von Jörn Gorres.
 Author:       Jörn Gorres
 Author URI:   https://joern.gorres.com
 Template:     generatepress
 Version:      1.3.1
 Requires PHP: 8.0
 Tested up to: 6.9
 License:      GPL v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  welpentheme
*/

/**
 * CSS-Snippet: Gestrichelter Rand für spezifische Elemente
 * Autor: Jörn Gorres
 * Beschreibung: Fügt einen 5px starken gestrichelten roten Rand
 *               zu ausgewählten Container-Elementen hinzu
 * 
 * Verwendung: In WordPress über Customizer > Zusätzliches CSS
 *             oder in der style.css des Child-Themes einfügen
 */

/* Hauptseiten-Container */
#_page {
    border: 5px dashed #ff0000;
}

/* Footer-Widgets-Bereich */
.footer-widgets-container,
.inside-site-info {
    background-color: #5A9E33;
}

/**
 * Footer-Widgets – Schrift- und Linkfarben
 *
 * Schriftfarbe (inkl. Überschriften und Links): #ffffff
 * Link-Hover/Focus:                              #4a8229
 *
 * Geltungsbereich: ausschließlich der Footer-Widgets-Bereich
 *                  (NICHT die Site-Info-/Copyright-Leiste).
 */
.footer-widgets-container,
.footer-widgets-container a,
.footer-widgets-container h1,
.footer-widgets-container h2,
.footer-widgets-container h3,
.footer-widgets-container h4,
.footer-widgets-container h5,
.footer-widgets-container h6 {
    color: #ffffff;
}

/* Schriftgrößen im Footer-Widgets-Bereich */
.footer-widgets-container {
    font-size: 13px;
    line-height: 1.5;
}

/* Listen im Footer-Widgets-Bereich – gleiche Zeilenhöhe wie Fließtext */
.footer-widgets-container ul,
.footer-widgets-container ol,
.footer-widgets-container li {
    line-height: 1.5;
}

/**
 * Listenelemente enger zusammenrücken
 *
 * Hintergrund: GeneratePress' Core-CSS setzt
 *   ".widget ul li { margin-bottom: .5em }"
 * (Spezifität 1 Klasse + 2 Tags). Die hier verwendete Form
 *   ".footer-widgets-container .widget ul li" bzw.
 *   ".footer-widgets-container ul li"
 * besitzt höhere Spezifität (2 Klassen + 2 Tags bzw. 1 Klasse + 2 Tags)
 * und überschreibt die Default-Regel zuverlässig.
 */
.footer-widgets-container .widget ul li,
.footer-widgets-container .widget ol li,
.footer-widgets-container ul li,
.footer-widgets-container ol li {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.footer-widgets-container .widget ul,
.footer-widgets-container .widget ol,
.footer-widgets-container ul,
.footer-widgets-container ol {
    margin-top: 0;
    margin-bottom: 0;
}

/**
 * Menü-/Link-Listen im Footer (z. B. Navigations-Widget)
 *
 * Hintergrund: GeneratePress legt um <a>-Tags in Menüs zusätzliches
 * Padding und teils eine eigene line-height. Dadurch haben die
 * Link-Zeilen optisch mehr Abstand als der Fließtext der Adresse.
 * Hier explizit angleichen.
 */
.footer-widgets-container .menu li,
.footer-widgets-container nav li {
    line-height: 1.5;
}

.footer-widgets-container .menu li > a,
.footer-widgets-container nav li > a,
.footer-widgets-container li > a {
    display: inline;
    padding: 0;
    line-height: 1.5;
}

.footer-widgets-container h1,
.footer-widgets-container h2,
.footer-widgets-container h3,
.footer-widgets-container h4,
.footer-widgets-container h5,
.footer-widgets-container h6,
.footer-widgets-container .widget-title,
.footer-widgets-container .widgettitle {
    font-size: 18px;
}

/* Links innerhalb der Footer-Widgets nicht unterstreichen */
.footer-widgets-container a,
.footer-widgets-container a:link,
.footer-widgets-container a:visited,
.footer-widgets-container a:hover,
.footer-widgets-container a:focus,
.footer-widgets-container a:active {
    text-decoration: none;
}

.footer-widgets-container a:hover,
.footer-widgets-container a:focus {
    color: #4a8229;
}

/**
 * Site-Info-/Copyright-Leiste (ganz unten)
 *
 * Schriftfarbe: #ffffff
 * Schriftstärke: bold
 *
 * Geltungsbereich: GeneratePress-Footer-Bottom-Bar (.site-info)
 *                  inklusive Links und Wrapper (.inside-site-info).
 */
.site-info,
.site-info a,
.inside-site-info,
.inside-site-info a {
    color: #ffffff;
    font-weight: bold;
}

/* Rechte Seitenleiste (innen) */
._inside-right-sidebar {
    border: 5px dashed #ff0000;
}