/**
 * Theme Name:   De Bijbellezer
 * Theme URI:    https://debijbellezer.nl
 * Description:  Thema voor De Bijbellezer, gebaseerd op het GeneratePress thema.
 * Author:       Jeffrey Tomberg
 * Author URI:   https://jeffreytomberg.nl
 * Template:     generatepress
 * Version:      1.0
 */

.sub-page-list,
.sub-page-list .children {
	list-style: none;
	margin-left: 0;
}

.sub-page-list li.current_page_item > a {
	color: var(--contrast-3);
	text-decoration: none;
}

.sub-page-list .children li:before {
	content: "― ";
	color: var(--contrast-3);
}

/**
 * Header
 */
 
.site-branding {
	max-width: 14em;
}

.site-description {
	font-size: 0.8em;
	margin-top: 0.4em;
}

.main-navigation .main-nav ul li a {
    padding-left: 1.2em;
    padding-right: 1.2em;
    line-height: 4em;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
	font-weight: bold;
}

.main-navigation .main-nav ul li[class*="current-menu-"]:hover {
	background-color: var(--accent);
}

.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a {
	color: var(--base-3);
}

/**
 * Archive & Search
 */
 
body.archive .site-main article h2,
body.search .site-main article h2 {
	font-size: 1.6em;
}

body.archive .site-main .entry-summary:not(:first-child),
body.search .site-main .entry-summary:not(:first-child) {
	margin-top: 1em;
}
	
/**
 * Widgets
 */
 
.widget .wp-block-quote {
	font-size: 1em;
	border-left: none;
	padding: 0;
	font-style: normal;
}

/**
 * Content
 */
#breadcrumb {
	margin-bottom: 1.5em;
	font-size: 0.85em;
}

#breadcrumb > span span:not(:first-child):before {
	content: "›";
	padding: 0 0.3em;
	color: var(--contrast-3);
}

/**
 * Comments
 */
.comment-author-info {
	display: flex;
	align-items: center;
}

.comment-metadata {
	margin-left: 0.5em;
	font-size: 0.8em;
}

.comment-metadata > a {
	text-decoration: none;
}

.comment-metadata time {
	color: var(--contrast-3);	
}

.comment-content {
	border: none;
	padding: 0;
	margin: 0;
}

.comment-content p {
	margin-bottom: 0;
}

.comment-reply-title small {
	font-size: 0.9rem;
}

.comment .children {
	border-width: 2px;
}

.depth-1.parent>.children {
	border-bottom: none;
}