/*
GreyDove 1.1.2 by Pritam P Hans (nyutech.com), GPL v3.
Static port for zephyrhills100.com: the original style.css with the site's own
overrides merged in, unused rules removed (search, comment form, featured box,
related posts, calendar, ads, IE6 bar), and responsive layers appended at the end.
Type is set one third larger than the original (16px body text instead of 12px),
and the fixed layout is widened in proportion: at 1120px and wider it is a fixed
1100px design (original: 970px) with a 540px text column (original: 475px).
*/

/* CSS RESET
===========================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* Keyboard focus stays visible (the original reset removed every outline). */
:focus { outline: 0; }
:focus-visible { outline: 2px solid #CC0000; outline-offset: 2px; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

.clear { clear: both; }

/* UNIVERSAL STYLES
===================================================================== */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

body {
	font-size: 100%; /* 1em = 16px (original: 75%, 12px) */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #EFEFEB;
	color: #1F1F1F;
	text-align: left;
	font-weight: normal;
	line-height: 1.6em;
}

a:link, a:visited { color: #000; text-decoration: underline; }
a:hover { color: #CC0000; text-decoration: underline; }

.left { float: left; }
.right { float: right; }

/* TYPOGRAPHY
==================================================*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 5px 0;
	line-height: 1.4em;
	color: #000;
}
h1 { font-size: 2.2em; }
h2 { font-size: 1.85em; }
h3 { font-size: 1.65em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.333em; }
h6 { font-size: 1.167em; }

p { margin: 0 0 1em 0; }

ul, ol { margin: 10px 0; padding: 0 0 0 30px; }
ul { list-style: disc; }
ol { list-style: decimal; }

a img {
	color: #000;
	background: #FFF;
	text-decoration: none;
	vertical-align: baseline;
	border: 0;
}

code { font: 1.1em 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
abbr[title] { text-decoration: none; }

blockquote {
	border: 1px solid #CFCCC4;
	background: #E1DCCC;
	color: #000;
	padding: 1.75em 1em 0.33em 1em;
	margin: 0 25px 1.4em 25px;
	text-align: left;
	line-height: 1.75em;
}

cite { font-size: 1em; font-style: normal; }

dl { padding: 10px; margin: 0 0 0 2em; line-height: 1.6em; }
dt { font-weight: bold; letter-spacing: 0.1em; }
dd { font-weight: normal; margin-bottom: 1.4em; }

label { font-weight: bold; color: #222; }
strong, b { font-weight: bold; }
em, i { font-style: italic !important; }
small { font-size: 0.9em; }
hr { display: none; }

/* BLOG FRAME
=================================================================*/
#wrapper {
	width: 1100px;
	margin: 10px auto 0;
	padding: 0;
	background: #FFF;
}

/* The 970x200 header photo is scaled to the 1100px wrapper (1100x227). */
#header {
	width: 100%;
	height: 227px;
	clear: both;
	background: url(/wp-content/uploads/2009/11/zhills-background-1.jpg) no-repeat top left;
	background-size: 100% auto;
}

/* Faux columns: the stripes of img/body-bg-3col.gif (970px wide) redrawn as a
   gradient at the 1100px width: content 2-619, sidebar columns 622-858 and
   861-1097, with the GIF's 2px border and divider colours. */
#container {
	width: 1090px;
	clear: both;
	padding: 0 0 20px 10px;
	background: #E1DCCC linear-gradient(to right,
		#DFDDD2 0 1px, #D7D6D0 1px 2px,
		#ECEADC 2px 620px,
		#DFDDD2 620px 621px, #D7D6D0 621px 622px,
		#E1DCCC 622px 859px,
		#D9D6CA 859px 860px, #D7D6D0 860px 861px,
		#E1DCCC 861px 1098px,
		#D9D6CA 1098px 1099px, #D7D6D0 1099px 1100px) repeat-y 0 0;
}

#content-box {
	width: 595px;
	padding: 0 0 0 15px;
	margin: 0;
	float: left;
	clear: none;
	overflow: hidden;
}

#right-sidebar {
	width: 480px;
	float: left;
	clear: none;
	overflow: hidden;
	color: #333;
	line-height: 1.3em;
	font-size: 1em;
}

#footer {
	width: 1070px;
	clear: both;
	padding: 15px 15px 10px;
	background: #E1DCCC url(img/header-bg.gif) repeat-x 0 0;
	border-bottom: 1px solid #CFCCC4;
}

/* Blog title
===========================================*/
/* Sized with the header photo (x1.134) so the menu bar still overlaps the
   photo's bottom edge by the same proportion. */
#blog-name-box {
	width: 640px;
	padding: 34px 17px 17px;
	margin: 79px 0 0;
	float: left;
}

.blog-name {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 38.8px; /* original 2.85em of 12px, scaled with the header photo */
	padding: 0;
	margin: 0;
	color: #000;
	text-transform: uppercase;
	line-height: 1.0em;
	letter-spacing: 2px;
	background: transparent;
}
h1.blog-name { text-shadow: #000 2px 2px 10px; }
.blog-name a:link, .blog-name a:visited, .blog-name a:hover {
	text-decoration: none;
	border: 0;
	color: #fff;
	background: transparent;
}

.blog-description {
	color: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.95em;
	line-height: 1em;
}

/* Menubar
============================================*/
#menubar-wrap {
	width: 100%;
	margin: 150px 0 0 0;
	padding: 5px 0;
	text-align: center;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	line-height: 1.7em;
	background: #0A0A0A;
	clear: both;
}

#menubar {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menubar li {
	margin: 0;
	text-align: center;
	float: left;
	color: #000;
}

#menubar a:link, #menubar a:visited {
	display: block;
	color: #F6F4F1;
	text-decoration: none;
	border: 0;
	padding: 1px 10px;
}

#menubar a:hover { color: #FFA200; text-decoration: none; }

/* Post title
===========================================================*/
.post-title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.8em;
	font-weight: normal;
	line-height: 1.3em;
	letter-spacing: normal;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-transform: none;
	color: #000;
	/* Attachment titles are often long file names with no spaces. */
	overflow-wrap: anywhere;
}
.post-title a:link, .post-title a:visited {
	text-decoration: none;
	padding: 2px 0 5px 0;
	border-bottom: 0;
	color: #000;
}
.post-title a:hover { text-decoration: underline; color: #000; }

/* Author name, date below post title
==========================================================*/
.below-title-meta {
	color: #000;
	font-size: 0.833em;
	margin-bottom: 10px;
	text-align: left;
	font-variant: small-caps;
	letter-spacing: 0.088em;
	font-weight: normal;
	line-height: 1em;
}
.below-title-meta a:link, .below-title-meta a:visited {
	color: #000;
	border: 0;
	background: transparent;
	font-weight: normal;
}
.below-title-meta a:hover { font-weight: normal; text-decoration: underline; }

/* POST BODY TEXT
==================================================*/
.post-wrap {
	width: 540px;
	margin-bottom: 15px;
	font-weight: normal;
	padding-top: 15px;
	border-top: 1px solid #CFCCC4;
}

.posts { margin-bottom: 20px; line-height: 1.75em; }

.posts a:link, .posts a:visited {
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
}
.posts a:hover { color: #000; background: transparent; text-decoration: underline; }

.entry, .commentlist li { overflow-wrap: anywhere; }

/* SIDEBARS
=============================================================*/
/* img/right-top-bg.gif (420px) redrawn at the 480px sidebar width. */
#right-topbox-sidebar {
	width: 100%;
	clear: both;
	float: left;
	background: #E1DCCC linear-gradient(to right,
		#D9D6CA 0 1px, #D7D6D0 1px 2px,
		#E1DCCC 2px 478px,
		#D9D6CA 478px 479px, #D7D6D0 479px 480px) repeat-y 0 0;
}

.right-top-sidebar { width: 100%; clear: both; float: left; }

#right-left-sidebar { width: 238px; float: left; }
#right-right-sidebar { width: 238px; float: right; }

/* Images
===========================================================*/
p img {
	padding: 0;
	max-width: 540px;
	height: auto;
	border: 0;
}

.entry img, .wp-caption img { max-width: 100%; height: auto; }
/* Snippet-box thumbnails keep their own pixel width; the cell does not shrink them. */
.entry table.imagesofamerica img { max-width: none; }
.entry table { max-width: 100%; }
/* Inline pixel sizes in the snippet boxes and credit lines, scaled with the
   16px body text (10px → 13px, 12px → 16px, 9px → 12px). */
.entry table.imagesofamerica p { font-size: 13px !important; line-height: 1.45em; }
.entry table.imagesofamerica strong { font-size: 16px !important; }
.entry span[style*="font-size: 9px"] { font-size: 12px !important; }
.entry iframe, .entry video { max-width: 100%; }

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 0;
}
img.alignright { padding: 0; margin: 0 0 2px 10px; display: inline; border: 0; }
img.alignleft { padding: 0; margin: 0 10px 2px 0; display: inline; border: 0; }
.alignright { float: right; }
.alignleft { float: left; }

/* Square thumbnails keep the 140px tile (sharper files come from srcset). */
img.alignleft.size-thumbnail { width: 140px; height: 140px; margin: 2px; padding: 0; }

/* Gallery runs (.thumb-grid, built at render time): two 262px tiles per row
   filling the 540px column. Tile size is mirrored by GRID_TILE in
   tools/templates/content.mjs. */
.entry .thumb-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 262px));
	gap: 15px;
	margin: 0 0 1em;
}
.entry .thumb-grid br { display: none; }
.entry .thumb-grid a { display: block; }
.entry .thumb-grid img,
.entry .thumb-grid img.size-thumbnail,
.entry .thumb-grid img.alignleft.size-thumbnail {
	display: block;
	float: none;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	margin: 0;
	padding: 0;
}

/* Captions */
.wp-caption {
	text-align: left;
	background-color: transparent;
	line-height: 1em;
	max-width: 100% !important;
}
/* Gutter between a floated captioned image and the text beside it. */
.wp-caption.alignleft { margin-right: 10px; }
.wp-caption.alignright { margin-left: 10px; }
.wp-caption img {
	display: block;
	margin: 0;
	max-width: 540px;
	max-width: min(540px, 100%);
	border: 0;
}
.wp-caption-text {
	color: #666;
	font-size: 0.85em;
	padding: 4px 0;
	margin: 0;
	line-height: 1.2em;
	width: 80%;
}
.wp-caption-dd { font-size: 15px; line-height: 22px; padding: 0 4px 5px; margin: 0; }

/* SIDEBAR WIDGETS
================================================*/
.widgetbox { border-top: 1px solid #CFCCC4; padding: 15px; }

.widget-title {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1.167em;
	font-weight: bold;
	color: #6F6F6F;
	margin: 0;
	line-height: 1.4em;
}

#right-sidebar ul { margin: 0; padding: 0; list-style: none; }
#right-sidebar ul li { margin: 0; }
#right-sidebar ul ul { padding: 0; }
#right-sidebar ul ul li { margin: 0; padding: 4px 0; background: transparent; border-top: 0; }
#right-sidebar ul ul ul li { padding: 0 0 0 10px; }

#right-sidebar a:link, #right-sidebar a:visited {
	color: #000;
	background: transparent;
	text-decoration: none;
	border: 0;
}
#right-sidebar a:hover { color: #000; background: transparent; text-decoration: underline; }

.textwidget { border-top: 0; line-height: 1.6em; }

/* About box */
.abt_name { font-weight: bold; }
.abt_desc { font-weight: normal; line-height: 1.6em; }

/* WP-PAGENAVI
=================================================*/
.wp-pagenavi {
	border-top: 1px solid #CFCCC4;
	clear: both;
	float: left;
	margin-top: 10px;
	padding-top: 25px;
	padding-bottom: 20px;
	width: 540px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #7F7F7F;
	color: #000;
}
.wp-pagenavi a:hover { color: #FFF; background-color: #4F4F4F; }
.wp-pagenavi a:active {
	border: 1px solid #000;
	color: #000;
	background-color: #DFDFDF;
}
.wp-pagenavi span.pages, .wp-pagenavi span.extend {
	padding: 2px 4px;
	margin: 2px;
	color: #000;
	border: 1px solid #7F7F7F;
}
.wp-pagenavi span.current {
	padding: 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #7F7F7F;
	color: #FFF;
	background-color: #4F4F4F;
}

/* BELOW POST META
============================================================*/
.below-post-meta {
	border: 1px solid #CFCCC4;
	line-height: 1.3em;
	padding: 10px;
	margin-top: 0;
	color: #555;
	text-align: center;
}

/* READING ROOM
=============================================================*/
#reading-room {
	margin-top: 20px;
	padding: 0;
	border: 2px solid #CFCCC4;
	clear: both;
	background: transparent url(img/reading-room.gif) no-repeat 0 0;
}
.read-box {
	float: left;
	width: 40px;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 1.4em;
	color: #6F6F6F;
}
.prev-box {
	float: left;
	width: 205px;
	padding: 5px 20px;
	line-height: 1.4em;
}
.next-box {
	float: left;
	width: 205px;
	padding: 5px 0 5px 20px;
	line-height: 1.4em;
}
.next-prev-label {
	display: block;
	clear: both;
	font-weight: bold;
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #6F6F6F;
	padding-bottom: 5px;
	line-height: 1em;
}

/* COMMENTS
============================================*/
#comments {
	width: 540px;
	margin-bottom: 15px;
	font-weight: normal;
	padding-right: 25px;
	padding-top: 15px;
	line-height: 1.6em;
}

.comments-title {
	font-size: 1.5em;
	clear: both;
	width: 100%;
	padding-bottom: 5px;
	float: left;
	display: inline;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-align: left;
	border-bottom: 1px dashed #CFCCC4;
}

.commentlist {
	clear: both;
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
}
.commentlist li {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	clear: both;
	margin: 0 0 15px;
	padding: 10px;
	background: #E1DCCC;
	list-style: none;
}
.commentlist li ul li { font-size: 1em; }
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist p {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.5em;
	text-transform: none;
}
.commentmetadata {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px solid #CFCCC4;
	margin-bottom: 10px;
}
.commentlist a, .commentlist a:link, .commentlist a:visited { text-decoration: none; border: 0; }
.commentlist a:hover { background: transparent; text-decoration: underline; }

.nocomments { clear: both; color: #555; }

/* ARCHIVE AND 404 TITLES
=======================================================*/
.pagetitle {
	width: 540px;
	font-weight: normal;
	padding-right: 25px;
	text-transform: uppercase;
	color: #000;
	font-size: 2.0em;
	margin: 10px 0;
}
.blankpagetitle {
	width: 540px;
	font-weight: normal;
	padding-right: 25px;
	text-transform: uppercase;
	color: #000;
	font-size: 2.0em;
	border-bottom: 1px solid #CFCCC4;
	margin: 10px 0 20px;
	padding-bottom: 10px;
}

/* LIGHTBOX (tools/assets/lightbox.js)
=======================================================*/
html.lb-open { overflow: hidden; }
dialog.lb {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: rgba(10, 10, 10, .94);
	color: #F6F4F1;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	overflow: hidden;
}
dialog.lb[open] { display: flex; flex-direction: column; }
dialog.lb::backdrop { background: rgba(10, 10, 10, .6); }
.lb-stage {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 56px 64px 8px;
	box-sizing: border-box;
}
.lb-img {
	display: block;
	max-width: 100%;
	max-height: 90vh;
	max-height: 100%;
	width: auto;
	height: auto;
	background: #333;
	box-shadow: 0 2px 16px rgba(0, 0, 0, .6);
}
.lb-caption {
	flex: 0 0 auto;
	padding: 8px 16px 18px;
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
}
.lb-count { display: block; color: #B8B4A8; font-size: 12px; margin-top: 4px; }
.lb-btn {
	position: absolute;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	border-radius: 2px;
	background: rgba(0, 0, 0, .55);
	color: #F6F4F1;
	font: bold 28px/48px Arial, Helvetica, sans-serif;
	text-align: center;
	cursor: pointer;
}
.lb-btn:hover { color: #FFA200; }
.lb-btn[hidden] { display: none; }
.lb-close { top: 8px; right: 8px; }
.lb-prev { left: 8px; top: 50%; margin-top: -24px; }
.lb-next { right: 8px; top: 50%; margin-top: -24px; }
@media (prefers-reduced-motion: no-preference) {
	dialog.lb[open] .lb-img { animation: lb-fade .18s ease-out; }
}
@keyframes lb-fade { from { opacity: 0; } to { opacity: 1; } }

/* ===================================================================
   RESPONSIVE LAYERS
   =================================================================== */

/* 761–1119px: fluid two columns. Columns draw their own backgrounds and
   dividers instead of the fixed-width faux-column image. */
@media (max-width: 1119px) {
	#wrapper { width: auto; margin-top: 0; }
	#header {
		height: auto;
		padding-bottom: 18px;
		background-size: cover;
		background-position: left top;
	}
	#blog-name-box { float: none; width: auto; max-width: 640px; margin: 0; padding: 100px 15px 16px; }
	.blog-name { font-size: 2.2em; }
	#menubar-wrap { margin-top: 0; font-size: 15px; }
	#menubar { display: flex; flex-wrap: wrap; justify-content: center; }
	#menubar li { float: none; }
	#footer { width: auto; }

	#container {
		width: auto;
		display: flex;
		align-items: stretch;
		padding: 0;
		background: #E1DCCC;
		border-left: 2px solid #DBD9CE;
		border-right: 2px solid #DBD9CE;
	}
	#container > .clear { display: none; }
	#content-box {
		float: none;
		flex: 0 0 56.5%;
		width: auto;
		min-width: 0;
		box-sizing: border-box;
		padding: 0 3% 20px 23px;
		background: #ECEADC;
		border-right: 2px solid #D4D3CC;
		overflow: visible;
	}
	#right-sidebar {
		float: none;
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		overflow: visible;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto 1fr;
	}
	#right-sidebar > .clear { display: none; }
	#right-topbox-sidebar { float: none; grid-column: 1 / -1; background: #E1DCCC; }
	#right-left-sidebar, #right-right-sidebar { float: none; width: auto; min-width: 0; }
	#right-right-sidebar { border-left: 2px solid #D6D2C6; }

	.post-wrap, #comments, .pagetitle, .blankpagetitle, .wp-pagenavi {
		width: auto;
		max-width: 540px;
	}
	#comments { padding-right: 0; }
	.pagetitle, .blankpagetitle { padding-right: 0; }
	.wp-pagenavi { float: none; }

	#reading-room { display: flex; }
	#reading-room > .clear { display: none; }
	.read-box { float: none; flex: 0 0 40px; }
	.next-box, .prev-box { float: none; width: auto; flex: 1 1 0; min-width: 0; }
	.prev-box { padding-right: 12px; }
}

/* 761–959px: the sidebar is too narrow for two columns of 16px text, so its
   two lower columns stack. */
@media (min-width: 761px) and (max-width: 959px) {
	#right-sidebar { grid-template-columns: 1fr; }
	#right-right-sidebar { border-left: 0; }
}

/* ≤760px: single column. */
@media (max-width: 760px) {
	body { font-size: 16px; }

	#header { padding-bottom: 0; background-position: 60% center; }
	#blog-name-box { max-width: none; padding: 28px 16px 16px; }
	.blog-name { font-size: clamp(20px, 6vw, 34px); letter-spacing: 1px; line-height: 1.1em; }

	#menubar-wrap { padding: 4px 0; letter-spacing: .1em; font-size: 14px; }
	#menubar a:link, #menubar a:visited { padding: 10px; line-height: 20px; }

	#container { display: flow-root; border: 0; }
	#content-box { padding: 0 16px 20px; border-right: 0; }
	#right-sidebar { grid-template-columns: 1fr; border-top: 2px solid #D4D3CC; }
	#right-right-sidebar { border-left: 0; }
	.widgetbox { padding: 15px 16px; }
	#right-sidebar ul ul li { padding: 7px 0; }

	.post-wrap, #comments, .pagetitle, .blankpagetitle, .wp-pagenavi { max-width: none; }
	.post-title { font-size: 1.9em; line-height: 1.25em; }
	.below-title-meta { font-size: 15px; line-height: 1.5em; }
	.pagetitle, .blankpagetitle { font-size: 1.6em; line-height: 1.3em; }
	blockquote { margin: 0 0 1.4em; }

	/* Inline 10px credit text in the snippet boxes */
	.entry table.imagesofamerica p { font-size: 15px !important; line-height: 1.45em; }
	.entry table.imagesofamerica strong { font-size: 15px !important; }
	.entry span[style*="font-size: 9px"] { font-size: 14px !important; }
	.entry p:has(> span[style*="font-size: 9px"]) { line-height: 1.45em; }
	.wp-caption-text { font-size: 0.9em; }

	#reading-room { display: block; background: none; }
	.read-box, .next-box, .prev-box { float: none; width: auto; padding: 8px 12px; }
	.read-box { background: #E1DCCC; }
	.next-box + .prev-box { border-top: 1px solid #CFCCC4; }

	.wp-pagenavi { padding: 16px 0; }
	.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited,
	.wp-pagenavi span.pages, .wp-pagenavi span.extend, .wp-pagenavi span.current {
		display: inline-block;
		min-width: 1.2em;
		padding: 8px 12px;
		margin: 3px 2px;
		line-height: 1.2em;
		text-align: center;
	}
	.wp-pagenavi span.pages { display: block; border: 0; padding: 0 0 6px; text-align: left; }

	.commentlist li { padding: 12px; font-size: 1em; }
	#footer { padding: 16px; }
}

/* 481–760px: the two sidebar columns sit side by side below the content;
   gallery tiles share the fluid column two per row. */
@media (min-width: 481px) and (max-width: 760px) {
	#right-sidebar { grid-template-columns: 1fr 1fr; }
	#right-right-sidebar { border-left: 2px solid #D6D2C6; }
	.entry .thumb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}

/* ≤480px: images fill the column; gallery tiles take the full column width. */
@media (max-width: 480px) {
	.entry .alignleft, .entry .alignright,
	.entry img.alignleft, .entry img.alignright {
		float: none;
		display: block;
		margin: 0 auto 1em;
	}
	.entry img.fill-mobile { width: 100%; height: auto; }
	.wp-caption-text { width: auto; }

	.entry .thumb-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }

	.lb-stage { padding: 56px 8px 8px; }
}