/*
Theme Name: NPR GeneratePress Child
Theme URI: https://nakedpr.com/
Description: GeneratePress child theme for NakedPR.
Author: NakedPR
Template: generatepress
Version: 1.0.0
Text Domain: npr-generatepress-child
*/

/*
 * GeneratePress controls all link text colors.
 * These links receive a matching underline.
 */
.entry-content :where(p, li, blockquote, h1, h2, h3, h4, h5, h6) a:not(.button),
.comment-content :where(p, li, blockquote) a:not(.button),
a.wp-show-posts-read-more:not(.button),
.entry-meta a:not(.button),
.author-box .author-title a:not(.button),
.author-box .author-description a:not(.button),
.comment-author .fn a:not(.button),
.site-info a:not(.button) {
	text-decoration-line: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	background-color: transparent;
	background-image: none;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

/*
 * Pale-pink highlighting is limited to smaller text and body copy.
 */
.entry-content :where(p, li, blockquote) a:not(.button),
.comment-content :where(p, li, blockquote) a:not(.button),
a.wp-show-posts-read-more:not(.button),
.entry-meta a:not(.button),
.author-box .author-description a:not(.button),
.comment-author .fn a:not(.button),
.site-info a:not(.button) {
	background-color: #f8e6e6;
}

/*
 * GeneratePress controls the hover text color.
 * These links lose their underline on hover.
 */
.entry-content :where(p, li, blockquote, h1, h2, h3, h4, h5, h6) a:not(.button):hover,
.comment-content :where(p, li, blockquote) a:not(.button):hover,
a.wp-show-posts-read-more:not(.button):hover,
.entry-meta a:not(.button):hover,
.author-box .author-title a:not(.button):hover,
.author-box .author-description a:not(.button):hover,
.comment-author .fn a:not(.button):hover,
.site-info a:not(.button):hover {
	background-color: transparent;
	text-decoration-line: none;
}

/*
 * Highlighted body and small-text links switch to white on hover.
 */
.entry-content :where(p, li, blockquote) a:not(.button):hover,
.comment-content :where(p, li, blockquote) a:not(.button):hover,
a.wp-show-posts-read-more:not(.button):hover,
.entry-meta a:not(.button):hover,
.author-box .author-description a:not(.button):hover,
.comment-author .fn a:not(.button):hover,
.site-info a:not(.button):hover {
	background-color: #ffffff;
}

/*
 * Post-title links use their GeneratePress colors.
 * They are underlined normally and lose the underline on hover.
 * They never receive the body-copy highlight.
 */
.site-main .entry-title a:not(.button),
.wp-block-post-title a:not(.button),
.wp-show-posts .wp-show-posts-entry-title a:not(.button) {
	background-color: transparent;
	background-image: none;
	text-decoration-line: underline;
	text-decoration-color: currentColor;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.site-main .entry-title a:not(.button):hover,
.wp-block-post-title a:not(.button):hover,
.wp-show-posts .wp-show-posts-entry-title a:not(.button):hover {
	background-color: transparent;
	background-image: none;
	text-decoration-line: none;
}

/* Keyboard focus follows the link color supplied by GeneratePress. */
.entry-content :where(p, li, blockquote, h1, h2, h3, h4, h5, h6) a:not(.button):focus-visible,
.comment-content :where(p, li, blockquote) a:not(.button):focus-visible,
.site-main .entry-title a:not(.button):focus-visible,
.wp-block-post-title a:not(.button):focus-visible,
.wp-show-posts .wp-show-posts-entry-title a:not(.button):focus-visible,
a.wp-show-posts-read-more:not(.button):focus-visible,
.entry-meta a:not(.button):focus-visible,
.author-box .author-title a:not(.button):focus-visible,
.author-box .author-description a:not(.button):focus-visible,
.comment-author .fn a:not(.button):focus-visible,
.site-info a:not(.button):focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/*
 * Remove only the button-style box from read-more links.
 * Colors, underlines and highlights come from the shared link rules above.
 */
a.wp-show-posts-read-more {
	display: inline !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Previously stored in WordPress Additional CSS. */
.site-content {
	max-width: 770px;
	margin: auto;
}

.entry-content li {
	margin-left: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
}

h1 {
	text-align: center;
}

.single .entry-meta {
	text-align: center;
	font-style: italic !important;
}

.single header.entry-header {
	text-align: center;
}

.drop {
	font-size: 44px;
	float: left;
	line-height: 30px;
	padding-right: 4px;
	padding-top: 7px;
}

blockquote {
	border-color: #f29f9f;
	margin-top: 40px !important;
	font-size: 17px;
	margin-left: 40px;
}

/* Remove clearfix from Sections. */
.section-two-column .generate-sections-inside-container::before {
	display: none;
}

/* Create grid for desktop. */
@media (min-width: 981px) {
	.section-two-column .generate-sections-inside-container {
		display: grid;
		grid-template-columns: 50% 50%;
	}
}

/* Style grid columns. */
.section-column {
	padding: 10px;
	margin: 10px;
}

.entry-excerpt {
	padding-top: 40px;
	font-weight: bold;
}

.entry-summary {
	margin-top: 1em;
}

.flex-grid {
	background-color: #ffffff;
	margin-left: -10px;
	margin-right: -10px;
}

.flex-item {
	padding: 10px;
	box-sizing: border-box;
}

.flex-inner {
	background-color: white;
	border: 1px solid #4d4848;
	padding: 15px;
}

@media (min-width: 981px) {
	.flex-grid {
		display: flex;
		justify-content: center;
	}

	.flex-item {
		flex-basis: 33%;
	}
}

.flex-grid2 {
	padding: 0;
	margin-bottom: 40px;
	background-color: #f3eded;
}

.flex-item2 {
	padding: 10px;
	box-sizing: border-box;
}

.flex-inner2 {
	background-color: #f3eded;
	padding: 5px;
}

.flex-inner2 h4 {
	font-size: 19px;
}

@media (min-width: 981px) {
	.flex-grid2 {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.flex-item2 {
		flex-basis: 50%;
	}
}

.main-navigation ul ul {
	border-top: 3px solid #f29f9f;
}

.main-navigation .inside-navigation {
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}

#site-navigation {
	position: relative;
	z-index: 100;
}

#site-navigation,
#sticky-navigation {
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2);
}

.author-box img.avatar {
	border-radius: 50%;
}

.author-box .author-description a:focus-visible {
	outline-offset: -2px;
}

/* GenerateBlocks contact-form submit button. */
.gb-form button[type="submit"] {
	color: var(--base-3);
	background-color: var(--contrast-2);
}

.gb-form button[type="submit"]:is(:hover, :focus, :focus-visible) {
	color: var(--contrast);
	background-color: var(--accent);
}

.gb-form button[type="submit"]:focus-visible {
	outline: 2px solid var(--contrast);
	outline-offset: 2px;
}

.paging-navigation a.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	min-height: 24px;
	box-sizing: border-box;
}

/* Dotted rule beneath H2 headings in main content. */
.entry-content h2 {
	border-bottom: 3px dotted #f29f9f;
	padding-bottom: 10px;
}

/* Post-list titles are not content-section dividers. */
.wp-show-posts-entry-title {
	border-bottom: 0;
	padding-bottom: 0;
}