/*
Theme Name: TheXYGhost
Theme URI: https://www.thexyghost.com/
Description: A clean Twenty Twenty child theme for TheXYGhost.
Author: TheXYGhost
Template: twentytwenty
Version: 1.30
Text Domain: thexyghost
*/

body,
#site-content,
.post-inner,
.entry-content,
.singular .entry-header,
.elementor,
.elementor-section-wrap,
.elementor-element {
	background-color: #fff !important;
}

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.entry-content,
.elementor-heading-title,
.elementor-widget-text-editor {
	font-family: "Lexend", Arial, sans-serif !important;
}

/* Remove the former logo, search, upper-right navigation and duplicate page title. */
#site-header,
.entry-header,
.footer-nav-widgets-wrapper,
#site-footer {
	display: none !important;
}

.thexyghost-intro {
	box-sizing: border-box;
	width: min(92%, 760px);
	margin: 0 auto;
	padding: 22px 0 8px;
	color: #000;
	text-align: center;
}

.thexyghost-intro__title {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(3.2rem, 8vw, 6.4rem);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.05;
}

.thexyghost-intro__title a,
.thexyghost-intro__title a:visited {
	color: #000;
	text-decoration: none;
}

.thexyghost-intro__tagline {
	margin: 7px 0 0;
	font-size: clamp(1.7rem, 3vw, 2.1rem);
	font-weight: 700;
	line-height: 1.25;
}

.thexyghost-intro__rule {
	width: 100%;
	margin: 16px 0;
	border: 0;
	border-top: 3px solid #000;
}

.thexyghost-intro__definitions {
	margin: 0;
	text-align: left;
	font-size: clamp(1.6rem, 2.5vw, 1.9rem);
	font-weight: 700;
	line-height: 1.35;
}

.thexyghost-intro__definitions p {
	margin: 0;
}

.thexyghost-intro__menu {
	display: flex;
	justify-content: center;
	gap: clamp(24px, 7vw, 58px);
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: clamp(2.38rem, 3.96vw, 2.90rem);
	font-weight: 700;
}

.thexyghost-intro__menu a,
.thexyghost-intro__menu a:visited {
	color: #e26700;
	text-decoration: none;
}

.thexyghost-intro__menu-rule {
	margin: 16px 0 0;
}

.thexyghost-intro__menu a:hover,
.thexyghost-intro__menu a:focus {
	text-decoration: underline;
}

.home .post-inner {
	padding-top: 3rem !important;
}

/* Native WordPress homepage formatting; no Elementor stylesheet required. */
.home .entry-content p {
	margin-top: 0 !important;
	margin-bottom: 1.5em !important;
}

.home .entry-content .thexyghost-established {
	clear: both;
	display: block;
	margin-top: 2em !important;
	margin-bottom: 0 !important;
}

.home .entry-content .thexyghost-iron-quote {
	display: block;
	margin-top: 1.5em !important;
	margin-bottom: .25em !important;
}

.home .entry-content .thexyghost-proverbs {
	display: block;
	margin-top: 0 !important;
	margin-bottom: 1.5em !important;
}

#site-content {
	margin-top: 0 !important;
}

@media (max-width: 700px) {
	.thexyghost-intro {
		width: min(90%, 620px);
		padding-top: 14px;
	}

}

/* Stories: compact header, no definitions/categories, one smaller image at the bottom. */
.thexyghost-story-area .thexyghost-intro__definitions,
.thexyghost-story-area .thexyghost-intro__definition-rule,
.thexyghost-story-area .entry-categories,
.thexyghost-story-area .post-meta-wrapper,
.thexyghost-story-area .post-tags,
.thexyghost-story-area .featured-media,
.thexyghost-quote-area .thexyghost-intro__definitions,
.thexyghost-quote-area .thexyghost-intro__definition-rule,
.thexyghost-quote-area .entry-categories,
.thexyghost-quote-area .post-meta-wrapper,
.thexyghost-quote-area .post-tags,
.thexyghost-quote-area .featured-media {
	display: none !important;
}

.category-stories .archive-header,
.category-quotes .archive-header {
	display: none !important;
}

.thexyghost-story-search {
	margin: 6px 0 0;
	text-align: left;
}

.thexyghost-story-search .search-form {
	display: flex;
	align-items: stretch;
	max-width: 440px;
	margin: 0;
}

.thexyghost-story-search label {
	flex: 1;
	margin: 0;
}

.thexyghost-story-search .search-field {
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 7px 10px;
	border: 2px solid #222;
	font-size: 1.6rem;
}

.thexyghost-story-search .search-submit {
	height: 42px;
	margin: 0 0 0 6px;
	padding: 6px 14px;
	background: #e26700;
	font-size: 1.5rem;
}

.thexyghost-story-area .thexyghost-intro,
.thexyghost-quote-area .thexyghost-intro {
	padding-bottom: 0;
}

.thexyghost-story-area .entry-header,
.thexyghost-quote-area .entry-header {
	display: block !important;
	margin: 0 !important;
	padding: 2rem 2rem 1.6rem !important;
	background: #fff !important;
}

.thexyghost-story-area .entry-title,
.thexyghost-quote-area .entry-title {
	margin: 0 auto !important;
	font-family: "Lexend", Arial, sans-serif;
	font-size: clamp(3rem, 6vw, 5.5rem);
	font-weight: 700;
	line-height: 1.15;
}

.thexyghost-story-area .post-inner,
.thexyghost-quote-area .post-inner {
	padding-top: 1.2rem !important;
}

.thexyghost-story-area .entry-content > :first-child,
.category-stories article:first-of-type,
.category-stories article:first-of-type .post-inner,
.thexyghost-quote-area .entry-content > :first-child,
.category-quotes article:first-of-type,
.category-quotes article:first-of-type .post-inner {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.thexyghost-story-area .entry-content img:not(.wp-post-image) {
	width: 73px !important;
	max-width: 25% !important;
	height: auto;
}

/* Search results: show clickable titles only. */
.search-results #site-content {
	padding-top: 1.5rem;
}

.search-results .archive-header,
.search-results .featured-media,
.search-results article .post-inner,
.search-results .entry-categories,
.search-results .post-meta-wrapper,
.search-results .post-meta,
.search-results .post-separator,
.search-results #site-content > hr,
.search-results article + hr {
	display: none !important;
}

.search-results article {
	margin: 0 !important;
	padding: 0 !important;
}

.search-results article .entry-header {
	display: block !important;
	margin: 0 !important;
	padding: 1rem 2rem !important;
	background: #fff !important;
	text-align: left;
}

.search-results article .entry-header-inner {
	width: 100%;
	max-width: none;
	margin: 0;
}

.search-results article .entry-title {
	margin: 0 !important;
	font-size: clamp(2rem, 3.5vw, 2.8rem);
	font-weight: 600;
	line-height: 1.25;
}

.search-results article .entry-title a {
	color: #e26700;
	text-decoration: none;
}

.search-results article .entry-title a:hover,
.search-results article .entry-title a:focus {
	text-decoration: underline;
}

/* Compact comment link beneath each story or quote on listing pages. */
.thexyghost-comment-link-wrap {
	max-width: 120rem;
	margin: .8rem auto 2rem;
	padding: 1rem 2rem;
	border-top: 0;
}

/* Stories and Quotes: replace the decorative // separator with one bold line. */
.category-stories .post-separator,
.category-quotes .post-separator {
	display: block !important;
	width: calc(100% - 4rem) !important;
	max-width: 120rem !important;
	height: 0 !important;
	margin: 2rem auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 4px solid #222 !important;
	background: none !important;
}

.category-stories .post-separator::before,
.category-stories .post-separator::after,
.category-quotes .post-separator::before,
.category-quotes .post-separator::after,
.category-stories .post-separator svg,
.category-quotes .post-separator svg {
	display: none !important;
}

.thexyghost-comment-link,
.thexyghost-comment-link:visited {
	color: #e26700;
	font-size: 1.6rem;
	font-weight: 700;
	text-decoration: underline;
}

/* Text-to-speech controls for Stories only. */
.thexyghost-tts-controls {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem;
	width: calc(100% - 4rem);
	max-width: 58rem;
	margin: 0 auto 1.2rem;
}

.thexyghost-tts-controls button {
	min-width: 0;
	margin: 0;
	padding: .7rem 1.1rem;
	background: #ff7900;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.1;
}

.thexyghost-tts-controls button:disabled {
	background: #ffd1a8;
	color: #7a3900;
	opacity: 1;
}

.thexyghost-no-speech .thexyghost-tts-controls {
	display: none;
}

/* Site-wide contact and social footer. */
.thexyghost-footer {
	width: min(92%, 1000px);
	margin: 3rem auto 0;
	padding: 2rem 0 3rem;
	border-top: 3px solid #000;
	background: #fff;
}

.thexyghost-footer__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(1.2rem, 2.5vw, 2.4rem);
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 2.2rem;
}

.thexyghost-footer__links a,
.thexyghost-footer__links a:visited {
	color: #e26700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.2rem;
	height: 3.2rem;
	text-decoration: none;
}

.thexyghost-footer__icon {
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	object-fit: contain;
}

.thexyghost-footer__links a:hover,
.thexyghost-footer__links a:focus {
	outline: 2px solid #000;
	outline-offset: 3px;
	text-decoration: underline;
}

@media (max-width: 700px) {
	.thexyghost-footer__links {
		justify-content: center;
	}
}