/*
 * Ported from the vendor parent theme:
 * wp-content/themes/photome/css/wordpress.css (ThemeGoods "Photome" v5.7.2).
 * Confirmed live: wp_enqueue_style("wordpress-css", .../css/wordpress.css", ...)
 * unconditionally on every front-end page load (functions.php,
 * pp_enqueue_front_page_scripts()), loaded second (right after reset.css).
 *
 * MODERNIZED (read in full; every change below is a straight rename with an
 * identical computed result for this LTR-only site - nothing here changes
 * what renders):
 *   - Single-axis margin-left/margin-right/padding-left/padding-right and
 *     text-align: left/right -> the equivalent CSS logical property
 *     (margin-inline-start/end, text-align: start/end) throughout. Compound
 *     4-value `margin: T R B L` shorthands (img.alignright/.alignleft's
 *     `margin: 0 0 1em 2em` and its `a img` duplicates) were deliberately
 *     left as physical shorthand rather than decomposed into
 *     margin-block/margin-inline pairs - that's a bigger structural rewrite
 *     than the "rename a single-axis longhand" substitution asked for, with
 *     more room for a transcription mistake for comparatively little benefit.
 *   - `margin-left: auto; margin-right: auto;` (three occurrences - centering
 *     an aligned image) collapsed to the single logical shorthand
 *     `margin-inline: auto;` - exactly equivalent, cleaner.
 *   - `.screen-reader-text:focus`'s `left: 5px` -> `inset-inline-start: 5px`.
 *     Its `top: 5px` was deliberately left physical: this project's
 *     LTR/RTL-readiness concern is specifically the inline (left/right) axis
 *     - there's no vertical-writing-mode goal here that would make the block
 *     (top/bottom) axis worth touching too, so mixing one logical and one
 *     physical inset property in the same rule is intentional, not an
 *     oversight.
 *   - `::selection`'s hardcoded `#efc337` / `#fff` now reference this ported
 *     design system's shared tokens (see css/reset.css, loaded first) -
 *     var(--color-accent) / var(--color-white). Same literal values, now
 *     named and shared with screen.css instead of duplicated.
 *   - Everything else (all padding-top/bottom, the 4-value margin shorthands,
 *     .center's text-align: center, box model resets) is untouched -
 *     top/bottom and "center" have no left/right axis to convert.
 */

.entry-content img {
	margin: 0 0 1.5em 0;
}

div.alignleft, img.alignleft {
	display: inline-block;
	float: left;
	margin-inline-end: 1em;
	margin-bottom: 1em;
}
div.alignright, img.alignright {
	display: inline-block;
	float: right;
	margin-inline-start: 1em;
	margin-top: 1em;
}
div.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-inline: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
	font-size: 12px;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	font-style: italic;
	opacity: 0.5;
	text-align: center;
	padding-bottom: 0 !important;
}
.wp-smiley {
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
	border: 0;
	padding: 0;
}

blockquote.left {
	float: left;
	margin-inline-start: 0;
	margin-inline-end: 20px;
	text-align: end;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-inline-start: 20px;
	margin-inline-end: 0;
	text-align: start;
	width: 33%;
}

.gallery-caption
{
	font-size: 12px;
}

html
{
	height: 100%;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content:"";
}
blockquote, q
{
	quotes:"" "";
}
a img
{
	border:none;
}

p {
	padding-top:0.1em;
	padding-bottom:0.1em;
}

em
{
	font-style: italic;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.center
{
	text-align: center;
}

#page_content_wrapper p, .page_content_wrapper p
{
	padding-top:0.5em;
	padding-bottom:0.5em;
}

#page_content_wrapper p:empty, .page_content_wrapper p:empty
{
	padding: 0 !important;
	margin: 0 !important;
}

#footer p {
	padding-top:0.5em;
	padding-bottom:0.5em;
}

html, body {
	min-height: 100%;
}

img, a img {
	image-rendering: optimizeQuality;
}

em { font-style: italic; }

::selection {
	background: var(--color-accent);
	color: var(--color-white);
}

table
{
	border-spacing: 0;
}

.sticky
{
	background: #ffffe0;
	padding: 30px 20px 20px 20px;
	border: 1px solid #e6db55 !important;
	box-sizing: border-box;
}

.marginright
{
	margin-inline-end: 7px;
}

img.alignright
{
	float:right; margin:0 0 1em 2em;
}

img.alignleft
{
	float:left; margin:0 2em 1em 0;
}

img.aligncenter
{
	display: block; margin-inline: auto;
}

a img.alignright
{
	float:right; margin:0 0 1em 2em;
}

a img.alignleft
{
	float:left; margin:0 2em 1em 0;
}

a img.aligncenter
{
	display: block; margin-inline: auto;
}

.sticky, .bypostauthor
{
	font-weight: bold;
}

.screen-reader-text
{
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus
{
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	inset-inline-start: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}