/* ==========================================
   BODY COPY WIDTH
   Index/archive + single-post pages
   ========================================== */


/* INDEX, HOME, CATEGORY ARCHIVES, AND SEARCH RESULTS
   Keep paragraphs at 75% width and aligned
   with the left edge of their post content. */

.home .wp-block-post-content > p,
.blog .wp-block-post-content > p,
.archive .wp-block-post-content > p,
.search .wp-block-post-content > p,

.home .wp-block-post-content > .wp-block-group > p,
.blog .wp-block-post-content > .wp-block-group > p,
.archive .wp-block-post-content > .wp-block-group > p,
.search .wp-block-post-content > .wp-block-group > p,

.search .wp-block-post-content > .wp-block-group p {
	width: 75% !important;
	max-width: 75% !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	margin-inline-start: 0 !important;
	margin-inline-end: auto !important;
	align-self: flex-start !important;
	justify-self: start !important;
	box-sizing: border-box;
}


/* SEARCH RESULTS
   Constrain lists and blockquotes as well. */

.search .wp-block-post-content > ul,
.search .wp-block-post-content > ol,
.search .wp-block-post-content > blockquote,

.search .wp-block-post-content > .wp-block-group > ul,
.search .wp-block-post-content > .wp-block-group > ol,
.search .wp-block-post-content > .wp-block-group > blockquote {
	width: 75% !important;
	max-width: 75% !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	margin-inline-start: 0 !important;
	margin-inline-end: auto !important;
	box-sizing: border-box;
}


/* SINGLE POST
   75% of the wide media area, aligned with the video's left edge. */

.single-post .wp-block-post-content > p,
.single-post .wp-block-post-content > .wp-block-group > p,
.single-post .wp-block-post-content > .wp-block-group p {
	width: 825px !important;
	max-width: 75% !important;

	/* Calculate alignment from the Post Content block, not the viewport. */
	margin-left: max(
		0px,
		calc(
			(100% - var(--wp--style--global--wide-size, 1100px)) / 2
		)
	) !important;

	margin-right: auto !important;
	box-sizing: border-box;
}


/* TABLET
   Keep single-post body copy aligned with wide media. */

@media (max-width: 1160px) and (min-width: 701px) {

	body.single-post .wp-block-post-content > p,
	body.single-post .wp-block-post-content > .wp-block-group > p,
	body.single-post .wp-block-post-content > .wp-block-group p {
		width: 75% !important;
		max-width: 75% !important;

		margin-left: 0 !important;
		margin-right: auto !important;
		margin-inline-start: 0 !important;
		margin-inline-end: auto !important;

		align-self: flex-start !important;
		justify-self: start !important;
	}
}


/* STANDARD PAGES
   Limit body copy while preserving the template's left alignment. */

.page .wp-block-post-content > p,
.page .wp-block-post-content > .wp-block-group > p,
.page .wp-block-post-content > .wp-block-group p {
	width: 75% !important;
	max-width: 825px !important;
	margin-left: 0 !important;
	margin-right: auto !important;
	box-sizing: border-box;
}


/* MOBILE
   Return body copy to full available width. */

@media (max-width: 700px) {

	.home .wp-block-post-content > p,
	.blog .wp-block-post-content > p,
	.archive .wp-block-post-content > p,
	.search .wp-block-post-content > p,

	.home .wp-block-post-content > .wp-block-group > p,
	.blog .wp-block-post-content > .wp-block-group > p,
	.archive .wp-block-post-content > .wp-block-group > p,
	.search .wp-block-post-content > .wp-block-group > p,
	.search .wp-block-post-content > .wp-block-group p,

	.search .wp-block-post-content > ul,
	.search .wp-block-post-content > ol,
	.search .wp-block-post-content > blockquote,
	.search .wp-block-post-content > .wp-block-group > ul,
	.search .wp-block-post-content > .wp-block-group > ol,
	.search .wp-block-post-content > .wp-block-group > blockquote,

	.single-post .wp-block-post-content > p,
	.single-post .wp-block-post-content > .wp-block-group > p,
	.single-post .wp-block-post-content > .wp-block-group p,

	.page .wp-block-post-content > p,
	.page .wp-block-post-content > .wp-block-group > p,
	.page .wp-block-post-content > .wp-block-group p {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-inline-start: 0 !important;
		margin-inline-end: 0 !important;
	}
}


/* ==========================================
   LINKS
   ========================================== */

/* Remove underlines but preserve each link's own color. */

a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none !important;
}


/* Remove dotted focus box in the hamburger overlay. */

.wp-block-navigation__responsive-container a:focus,
.wp-block-navigation__responsive-container a:focus-visible,
.wp-block-navigation-overlay a:focus,
.wp-block-navigation-overlay a:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}


/* ==========================================
   NAVIGATION OVERLAY SEARCH
   ========================================== */

/* Outer search container. */

.wp-block-navigation__responsive-container .wp-block-search__inside-wrapper {
	background: #161616 !important;
	border: 1px solid #2a2a2a !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}


/* Search input. */

.wp-block-navigation__responsive-container .wp-block-search__input {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #d6d6d6 !important;
	padding: 8px 10px !important;
}


/* Placeholder. */

.wp-block-navigation__responsive-container .wp-block-search__input::placeholder {
	color: #6f6f6f !important;
	opacity: 1;
}


/* Search button. */

.wp-block-navigation__responsive-container .wp-block-search__button {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #8a8a8a !important;
	padding: 8px 10px !important;
}


/* Icon. */

.wp-block-navigation__responsive-container .wp-block-search__button svg {
	width: 15px;
	height: 15px;
}


/* ==========================================
   SEARCH RESULTS PAGE SEARCH
   ========================================== */

/* Outer search container. */

.wp-block-search .wp-block-search__inside-wrapper {
	background: #161616 !important;
	border: 1px solid #2a2a2a !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}


/* Search input. */

.wp-block-search .wp-block-search__input {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #d6d6d6 !important;
	padding: 8px 10px !important;
}


/* Placeholder. */

.wp-block-search .wp-block-search__input::placeholder {
	color: #6f6f6f !important;
	opacity: 1;
}


/* Search button. */

.wp-block-search .wp-block-search__button {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #8a8a8a !important;
	padding: 8px 10px !important;
}


/* Icon. */

.wp-block-search .wp-block-search__button svg {
	width: 15px;
	height: 15px;
}


/* ==========================================
   HEADINGS
   ========================================== */

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-post-title,
.wp-block-heading {
	font-weight: 300 !important;
}


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

.wp-block-post-navigation-link {
	border-top: none;
	padding-top: 1em;
}


/* ==========================================
   QUERY PAGINATION
   ========================================== */

.wp-block-query-pagination {
	border-top: none !important;
}