/* THE VALLEY CATHOLIC
   Soft desert-inspired Catholic journal
*/
:root {
}

/* Background and text */
body {
	background-color: var(--tvc-cream);
	color: #493D40;
	line-height: 1.8;
}

/* Elegant headings */
h1, h2, h3,
.wp-block-post-title,
.wp-block-site-title {
	font-family: Georgia, "Times New Roman", serif;
	color: var(--tvc-plum);
	line-height: 1.25;
	letter-spacing: -.02em;
}

h1 {
	font-size: clamp(2rem, 4vw, 3.2rem);
}

h2 {
	font-size: clamp(1.6rem, 3vw, 2.2rem);
}

h3 {
	font-size: 1.35rem;
}

/* Site title */
.wp-block-site-title {
	font-weight: 400;
	letter-spacing: .015em;
}

/* Softer links */
a {
	color: #A65F53;
	text-underline-offset: 4px;
}

a:hover {
	color: var(--tvc-plum);
}

/* Navigation */
.wp-block-navigation a {
	text-decoration: none;
}

.wp-block-navigation a:hover {
	color: #A65F53;
}

/* Post cards */
.wp-block-query .wp-block-post-template > li {
	background: var(--tvc-paper);
	border: 1px solid #EAD9D9;
	border-radius: 12px;
	padding: clamp(18px, 3vw, 30px);
	overflow: hidden;
}

/* Post images */
.wp-block-post-featured-image img {
	border-radius: 8px;
}

/* Article readability */
.wp-block-post-content p {
	line-height: 1.85;
	margin-bottom: 1.4em;
}

/* Post metadata */
.wp-block-post-date,
.wp-block-post-terms,
.wp-block-post-author {
	font-size: .85rem;
	color: var(--tvc-plum);
}

/* Quotes and prayer excerpts */
.wp-block-quote,
blockquote {
	border-left: 4px solid var(--tvc-rose);
	background: var(--tvc-paper);
	padding: 20px 25px;
	margin: 30px 0;
	border-radius: 0 10px 10px 0;
	font-family: Georgia, serif;
	font-style: italic;
}

/* Category labels */
.wp-block-post-terms a {
	color: var(--tvc-plum);
	background: #F5E5E9;
	border-radius: 20px;
	padding: 4px 10px;
	text-decoration: none;
}

/* Buttons */
.wp-block-button__link,
.wp-element-button {
	background: var(--tvc-plum);
	color: #FFFFFF;
	border-radius: 8px;
	padding: 12px 24px;
	transition: background-color .2s ease;
}

.wp-block-button__link:hover,
.wp-element-button:hover {
	background: #60444D;
	color: #FFFFFF;
}

/* Subtle separators */
.wp-block-separator {
	border-color: var(--tvc-rose);
	opacity: .55;
}

/* Footer */
footer.wp-block-template-part {
	border-top: 1px solid #E5C9CE;
	padding-top: 30px;
}

/* Mobile adjustments */
@media (max-width: 600px) {
	.wp-block-query .wp-block-post-template > li {
		padding: 18px;
	}
	
	.wp-block-post-content p {
		line-height: 1.75;
	}
	
	.wp-block-quote,
		  blockquote {
		padding: 16px 18px;
	}
}

/* Prayer journal feature */
.prayer-journal {
	background: #FFF9F7;
	border: 1px solid #E8CCD4;
	border-top: 4px solid #DFA9B8;
	border-radius: 10px;
	padding: clamp(20px, 4vw, 36px);
}

.prayer-journal h2,
.prayer-journal h3 {
	color: #75555F;
}

.prayer-journal p {
	line-height: 1.9;
}

/* THE VALLEY CATHOLIC
   Fix unreadable dates and site title
*/
/* Post dates */
.wp-block-post-date,
.wp-block-post-date time,
.wp-block-post-date a,
.entry-date,
.posted-on,
time {
	color: #75555F !important;
}

/* Site title and tagline */
.wp-block-site-title,
.wp-block-site-title a,
.wp-block-site-tagline,
.site-title,
.site-title a,
.site-description {
	color: #75555F !important;
}

/* Footer text and links */
footer,
footer p,
footer a,
.wp-block-template-part footer,
.wp-block-template-part footer a {
	color: #75555F !important;
}

/* Preserve terracotta article titles */
.wp-block-post-title,
.wp-block-post-title a {
	color: #B56855 !important;
}

/* ===================================
   THE VALLEY CATHOLIC
   Dusty Rose Floral Decorations
   =================================== */
/* Delicate flowers in page corners */
body::before,
body::after {
	content: "✿" !important;
	display: block !important;
	position: fixed !important;
	z-index: 999 !important;
	pointer-events: none !important;
	font-family: Georgia, serif !important;
	font-size: 46px !important;
	line-height: 1 !important;
	color: #DFA9B8 !important;
	opacity: .45 !important;
}

body::before {
	top: 105px !important;
	right: 18px !important;
	transform: rotate(20deg);
}

body::after {
	bottom: 25px !important;
	left: 18px !important;
	transform: rotate(-20deg);
}

/* Floral ornament before article titles */
h1.wp-block-post-title::before,
h2.wp-block-post-title::before,
.entry-title::before {
	content: "✿" !important;
	display: inline-block !important;
	font-size: .45em !important;
	color: #DFA9B8 !important;
	margin-right: 10px !important;
	vertical-align: middle;
}

/* Decorative footer ornament */
footer::before {
	content: "✿  ───  ✿  ───  ✿" !important;
	display: block !important;
	text-align: center !important;
	font-size: 18px !important;
	color: #C78167 !important;
	letter-spacing: 5px;
	margin: 20px auto !important;
	opacity: .7;
}

/* Keep headings in terracotta */
.wp-block-post-title,
.wp-block-post-title a,
.entry-title,
.entry-title a {
	color: #B56855 !important;
}

/* Mobile-friendly adjustments */
@media (max-width: 600px) {
	body::before,
	  body::after {
		font-size: 26px !important;
		opacity: .25 !important;
	}
	
	body::before {
		right: 5px !important;
		top: 85px !important;
	}
	
	body::after {
		left: 5px !important;
		bottom: 15px !important;
	}
	
	footer::before {
		font-size: 13px !important;
		letter-spacing: 2px;
	}
}

/* THE VALLEY CATHOLIC
   Clean up site title
*/
.wp-block-site-title,
.wp-block-site-title a,
.site-title,
.site-title a {
	color: #75555F !important;
	text-shadow: none !important;
	filter: none !important;
	letter-spacing: 0 !important;
	text-decoration: none !important;
}

/* Remove decorative title duplicates */
.wp-block-site-title::before,
.wp-block-site-title::after,
.site-title::before,
.site-title::after {
	content: none !important;
	display: none !important;
}

/* Remove underline from site title */
.wp-block-site-title a,
.site-title a {
	border-bottom: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

/* Make navigation readable */
.wp-block-navigation a,
.wp-block-navigation-item__content {
	color: #75555F !important;
}

.wp-block-navigation a:hover {
	color: #B56855 !important;
}

/* THE VALLEY CATHOLIC
   Elegant editorial masthead
*/
/* Import elegant serif font */
/* Main website title */
.wp-block-site-title,
.wp-block-site-title a,
.site-title,
.site-title a {
	font-family: 'Cormorant Garamond', Georgia, serif !important;
	font-size: clamp(38px, 6vw, 76px) !important;
	font-weight: 500 !important;
	font-style: normal !important;
	letter-spacing: -.025em !important;
	line-height: 1.1 !important;
	color: #75555F !important;
	text-shadow: none !important;
	text-transform: none !important;
	text-decoration: none !important;
}

/* Soft decorative underline */
.wp-block-site-title,
.site-title {
	border-bottom: 1px solid #DFA9B8 !important;
	padding-bottom: 12px !important;
	display: inline-block;
}

/* Smaller masthead on mobile */
@media (max-width: 600px) {
	.wp-block-site-title,
	  .wp-block-site-title a,
	  .site-title,
	  .site-title a {
		font-size: clamp(34px, 8vw, 48px) !important;
	}
}