html,
body {
	overflow-anchor: none;
}

.wp-site-blocks {
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, .2) !important;
}

.news-read-more-prefix {
	font-weight: 400;
}


/* -------------------------------------------------------
   Sticky site header
------------------------------------------------------- */

header.wp-block-template-part.is-style-site-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 1000;
	background: var(--wp--preset--color--base, #fff);
}

/* -------------------------------------------------------
   Shrinking site header
------------------------------------------------------- */

.news-main-header {
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
	transition:
		padding 250ms ease;
}

.news-main-header .wp-block-site-logo,
.news-main-header .wp-block-site-logo img {
	transition:
		width 250ms ease,
		max-width 250ms ease;
}

/* Scrolled state */
header.wp-block-template-part.is-style-site-header.news-header-scrolled
	.news-main-header {
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
}

header.wp-block-template-part.is-style-site-header.news-header-scrolled
	.news-main-header .wp-block-site-logo {
	width: 220px !important;
}

header.wp-block-template-part.is-style-site-header.news-header-scrolled
	.news-main-header .wp-block-site-logo img {
	width: 100% !important;
	height: auto;
}

/* -------------------------------------------------------
   Sticky page-title header
------------------------------------------------------- */

header.wp-block-template-part.is-style-page-header:has(#page-title) {
	position: sticky;
	top: calc(
		var(--wp-admin--admin-bar--height, 0px)
		+ var(--news-header-height, 0px)
	);
	z-index: 900;
}

/* The inner title Group does not need to be sticky. */
#page-title {
	position: static;
}
/* Page title transition */
#page-title .wp-block-post-title {
	transition:
		font-size 250ms ease,
		line-height 250ms ease;
}

/* -------------------------------------------------------
   Page title decorative rule
------------------------------------------------------- */

#page-title::before {
	content: "";
	flex: 1 1 auto;
	border-top: 1px solid var(--wp--preset--color--base);
	opacity: 0.55;
}

/* -------------------------------------------------------
   Two-column post content
------------------------------------------------------- */

@media (min-width: 783px) {
	.news-two-column {
		column-count: 2;
		column-gap: 3rem;
		column-rule: 1px solid rgba(0, 0, 0, 0.2);
	}
}

/* -------------------------------------------------------
   Mobile / 400% reflow adjustments
------------------------------------------------------- */
@media (max-width: 782px) {

	/* Mobile site header: do not keep sticky */
	header.wp-block-template-part:has(#site-navigation-mobile) {
		position: static !important;
		top: auto !important;
		inset-block-start: auto !important;
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}

	/* Compact mobile logo */
	header.wp-block-template-part:has(#site-navigation-mobile)
		.wp-block-site-logo {
		width: 7rem !important;
		max-width: 42vw !important;
	}

	header.wp-block-template-part:has(#site-navigation-mobile)
		.wp-block-site-logo img {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}

	/* Page-title header: do not keep sticky */
	header.wp-block-template-part.is-style-page-header:has(#page-title) {
		position: static !important;
		top: auto !important;
		inset-block-start: auto !important;
	}
}

/* -------------------------------------------------------
   Reduced motion
------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

	.news-main-header,
	.news-main-header .wp-block-site-logo,
	.news-main-header .wp-block-site-logo img,
	#page-title .wp-block-post-title {
		transition: none !important;
	}
}

/* -------------------------------------------------------
   TablePress — Social Media Directory
------------------------------------------------------- */

/* Table */
.tablepress.news-social-directory {
	width: 100%;
	border-collapse: collapse;
	font-size: 1rem;
}

/* Header */
.tablepress.news-social-directory thead th {
	padding: 0.75rem 1rem;
	background: var(--wp--preset--color--contrast-alt) !important;
	color: #fff !important;
	font-weight: 700;
	text-align: left;
	vertical-align: bottom;
}

/* Header hover / keyboard focus */
.tablepress.news-social-directory thead th:hover,
.tablepress.news-social-directory thead th:focus-within {
	background: #006ba6 !important;
	color: #fff !important;
}

/* Sorting icon */
.tablepress.news-social-directory thead th .dt-column-order {
	color: inherit !important;
}

/* Body cells */
.tablepress.news-social-directory tbody td,
.tablepress.news-social-directory tbody th {
	padding: 0.75rem 1rem;
	border-bottom: 1px solid
		color-mix(in srgb, currentColor 20%, transparent);
	text-align: left;
	vertical-align: top;
}

/* Account / department */
.tablepress.news-social-directory tbody td:first-child {
	font-weight: 700;
}

/* Links */
.tablepress.news-social-directory a {
	font-weight: 600;
}

/* Keyboard focus */
.tablepress.news-social-directory a:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

/* Row hover / keyboard focus */
.tablepress.news-social-directory tbody tr:hover,
.tablepress.news-social-directory tbody tr:focus-within {
	background: var(--wp--preset--color--base-alt);
}

/* DataTables controls surrounding this table */
.dt-container:has(.tablepress.news-social-directory) :is(
	.dt-search,
	.dt-length,
	.dt-info,
	.dt-paging
) {
	margin-block: 0.75rem;
}

/* Search field */
.dt-container:has(.tablepress.news-social-directory)
	.dt-search input {
	min-height: 2.75rem;
	padding: 0.5rem 0.75rem;
	border: 2px solid currentColor;
	font: inherit;
}
/* Contain horizontal table scrolling */
.dt-container:has(.tablepress.news-social-directory) {
	max-width: 100%;
	min-width: 0;
}

.dt-container:has(.tablepress.news-social-directory)
	.dt-layout-table,
.dt-container:has(.tablepress.news-social-directory)
	.dt-layout-table > .dt-layout-cell {
	max-width: 100%;
	min-width: 0;
}

.dt-container:has(.tablepress.news-social-directory)
	.dt-layout-table > .dt-layout-cell {
	overflow-x: auto;
	overflow-y: hidden;
}