/* =========================================================
   PENNY'S BOOK CLUB - CLEAN SITE CSS
   ========================================================= */


/* --- Kill WordPress.com “Discover more…” subscribe/follow overlays --- */
#wpcom-subscribe-modal,
#wpcom-discover-more,
#wpcom-site-discover,
.wpcom-site-discover,
.wpcom-subscribe,
.wpcom-follow,
.jp-follow-modal,
#jp-follow-modal,
.subscribe-popup,
.follow-popup,
.jetpack-subscriptions-modal,
.jetpack-subscriptions__modal,
.wp-block-jetpack-subscriptions__modal,
[class*="subscribe"][class*="modal"],
[class*="follow"][class*="modal"],
[id*="subscribe"][class*="modal"],
[id*="follow"][class*="modal"],
div[role="dialog"][class*="subscribe"],
div[role="dialog"][class*="follow"],
div[role="dialog"][id*="subscribe"],
div[role="dialog"][id*="follow"] {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}


/* Gutenberg-style modal overlay */
body.wpcom-site-discover-open .components-modal__screen-overlay,
body.wpcom-site-discover-open .components-modal__frame {
	display: none !important;
}


/* Hide Jetpack sharing buttons */
.sharedaddy,
.sd-sharing,
.sd-content,
.sd-social,
.jetpack-sharing,
.comment-subscription-form,
.comment-subscribe-form,
.comment-form-subscriptions {
	display: none !important;
}


/* Hide sharing/follow UI near comments */
div[id^="sharing-"],
div[class*="sharing"],
div[class*="Sharedaddy"],
div[class*="sharedaddy"],
div[class*="jetpack-sharing"],
ul[class*="share"],
a[class*="share"],
span[class*="share"],
.jp-sharing,
.jp-share,
.jp-relatedposts,
#sharing,
#jp-post-flair,
.jp-post-flair,
.wpl-likebox,
.wpl-button,
.wpl-count,
.comment-likes,
.like-button,
.reblog-button,
.reblogger-note,
.post-flair,
.post-flair-wrapper {
	display: none !important;
}


/* Hide Website, Name and Email fields from comment form */
.comment-form-url,
.comment-form-author,
.comment-form-email {
	display: none !important;
}


/* Hide misleading comment form notes */
.comment-notes,
.comment-form-cookies-consent,
.required {
	display: none !important;
}


/* Hide email notification options */
.comment-form-subscriptions,
.comment-form-subscribe,
.comment-form-subscribe-to-posts,
.comment-form-subscribe-to-comments,
.comment-form .subscribe-label,
.comment-form p.subscribe-label,
.comment-form input[type="checkbox"] + label,
.comment-form .jetpack-subscribe,
.comment-form .jetpack-subscription,
.comment-form .comment-subscribe-form,
.comment-form .comment-form-subscriptions,
.comment-form .form-submit + p {
	display: none !important;
}


/* Remove WordPress.com footer credit */
.site-info,
.site-footer .site-info,
.site-footer a[href*="wordpress.com"] {
	display: none !important;
}


/* Reduce space between menu and page content */
.site-main {
	padding-top: 0 !important;
}


/* Offset anchor links so headings are not hidden */
:target {
	scroll-margin-top: 100px;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

/* Remove the unused Twenty Twenty-One branding area */
.site-header .site-branding {
	display: none !important;
}


/* Let the navigation occupy the full header width */
.site-header {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #dfe9e6 !important;
}


/* Green navigation area matching the site */
.primary-navigation {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #dfe9e6 !important;
	border-bottom: 1px solid #d9cfb8 !important;
	box-shadow: none !important;
}


/* Make the actual menu container full width */
.primary-navigation .primary-menu-container {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* Desktop navigation */
@media only screen and (min-width: 822px) {

	.primary-navigation .menu-wrapper {
		display: flex !important;
		width: max-content !important;
		max-width: 100% !important;
		flex-wrap: nowrap !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 42px !important;
		margin: 0 auto !important;
		padding: 12px 20px !important;
	}

	.primary-navigation .menu-item {
		margin: 0 !important;
		padding: 0 !important;
		white-space: nowrap !important;
		text-align: center !important;
	}
}

/* Navigation links */
.primary-navigation a {
	color: #20304f !important;
	font-family: Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	padding: 7px 3px !important;
	border-bottom: 2px solid transparent !important;
	border-radius: 0 !important;
	background: transparent !important;
	transition: color .15s ease, border-color .15s ease;
}


/* Hover/focus */
.primary-navigation a:hover,
.primary-navigation a:focus {
	color: #76292b !important;
	border-bottom-color: #76292b !important;
	background: transparent !important;
}


/* Current page */
.primary-navigation .current-menu-item > a,
.primary-navigation .current_page_item > a {
	color: #76292b !important;
	border-bottom-color: #76292b !important;
}


/* Tablet-size adjustment */
@media only screen and (min-width: 822px) and (max-width: 1100px) {

	.primary-navigation .menu-wrapper {
		gap: 11px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.primary-navigation a {
		font-size: 12px !important;
	}
}