/*
Theme Name: HPMv4
Author: Jared Counts & Smita Patel
Author URI: https://houstonpublicmedia.org
Description: Adding a fresh coat of paint to some hopefully solid fundamentals
Version: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hpmv4
*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,100;0,400;0,700;0,900;1,100;1,400;1,700;1,900");
/* Variables */
:root {
	--hpm-font-main: "Open Sans", arial, sans-serif;
	--hpm-font-condensed: "Open Sans", arial, sans-serif;
	--max-width: 75rem;
	--base: #404040;
	--primary: #237bbd;
	--secondary: #222054;
	--white: #ffffff;
	--black: #000000;
	--gray: #535353;
	--gray1: #bebdbd;
	--gray2: #cccccc;
	--lightBlue: #14b0bc;
}
html {
	--main-red: #C8102E;
	--main-black: #000000;
	--main-blue: #237bbd;
	--main-white: #FFFFFF;
	--main-background: #FFFFFF;
	--main-headline: #404040;
	--main-text: #000000;
	--secondary-text: #757575;
	--main-element-background: #FFFFFF;
	--nav-background: #FFFFFF;
	--nav-background-open: #F5F5F5;
	--nav-arrow: rgba(0, 0, 0, 0.45);
	--accent-black-1: #404040;
	--accent-black-2: #808080;
	--accent-black-3: #BFBFBF;
	--accent-black-4: #E5E5E5;
	--accent-red-1: #6E091A;
	--accent-red-2: #A40E26;
	--accent-red-3: #F0BDC6;
	--accent-red-4: #FAE9EC;
	--accent-light-blue-1: #14B0BC;
	--accent-light-blue-2: #4FC4CD;
	--accent-light-blue-3: #89D7DD;
	--accent-light-blue-4: #C4EBEE;
	--accent-light-blue-5: #E7F7F8;
	--accent-dark-blue-1: #00566C;
	--accent-dark-blue-2: #408091;
	--accent-dark-blue-3: #7FAAB5;
	--accent-dark-blue-4: #BFD5DA;
	--accent-dark-blue-5: #E5EEF0;
	--accent-green-1: #A9CF38;
	--accent-green-2: #BFDB6A;
	--accent-green-3: #D4E79B;
	--accent-green-4: #E9F3CD;
	--accent-green-5: #F6FAEB;
	--accent-yellow-1: #FFCE16;
	--accent-yellow-2: #FFD863;
	--accent-yellow-3: #FFE496;
	--accent-yellow-4: #FFEFC8;
	--accent-yellow-5: #FFF7E6;
	--plyr-control-icon-size: 1.5em;
	--plyr-control-spacing: 0.625em;
	--plyr-audio-control-color: var(--main-red);
	--plyr-audio-controls-background: #eee;
	--accent-blue-1: #222054;
	--accent-skyblue-1: #237bbd;
	--accent-skyblue-2: #3988c4;
}
html[data-theme="dark"] {
	--main-background: #282828;
	--main-text: #FFFFFF;
	--main-headline: #FFFFFF;
	--secondary-text: #AFAFAF;
	--main-element-background: #000000;
	--nav-background: #000000;
	--nav-background-open: #282828;
	--nav-arrow: rgba(255, 255, 255, 0.45);
}
[data-theme="dark"] #pbs-passport-logo .st0 {
	fill: #ffffff !important;
}
[data-theme="dark"] #masthead .site-branding .site-logo a svg.hpm-logo :is(.hpm-logo-text,.hpm-logo-service) {
	fill: #ffffff !important;
}
[data-theme="dark"] body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:not(.nav-kids,.nav-uh) > :is(a,div[tab-index="0"]) {
	color: var(--accent-black-4) !important;
}
[data-theme="dark"] #revue-embed #revue-form label {
	color: white;
}
[data-theme="dark"] article .entry-footer .tags-links a,
[data-theme="dark"] nav.pagination a.page-numbers.next {
	font-weight: 400;
	background-color: rgb(40,40,40) !important;
}
@media screen and (min-width: 52.5em) {
	[data-theme="dark"] body:not(.page-template-page-listen) .container {
		border-bottom: 0.25rem solid var(--accent-dark-blue-1) !important;
	}
}

/* Reset */
*, *::before, *::after {
	box-sizing: border-box;
}
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
	margin: 0;
}
ul[role=list], ol[role=list] {
	list-style: none;
}
ul li, ol li {
	color: var(--main-text);
}
html:focus-within {
	scroll-behavior: smooth;
}
body {
	min-height: 100vh;
	text-rendering: optimizeSpeed;
	line-height: 1.25;
	width: 100%;
}
a:not([class]) {
	text-decoration-skip-ink: auto;
}
img, picture {
	max-width: 100%;
	display: block;
	height: auto;
	outline: none;
}
input, button, textarea, select {
	font: inherit;
}
.container-fluid {
	background-color: #222054;
}
.container {
	background-color: #222054 !important;
	width: 100% !important;
}
.site-logo {
	min-height: 150px;
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}
html {
	scrollbar-color: var(--main-blue) var(--accent-black-4);
}
::-webkit-scrollbar {
	background-color: var(--accent-black-4);
}
::-webkit-scrollbar-thumb {
	background-color: var(--main-blue);
	color: var(--main-blue);
	border-radius: 10px;
	border: 3px solid var(--accent-black-4);
}
::-webkit-scrollbar-corner {
	background-color: var(--accent-black-3);
}
:root {
	accent-color: var(--main-blue);
}
:focus-visible {
	outline-color: var(--main-blue);
}
::selection {
	background-color: var(--main-blue);
	color: white;
}
::marker {
	color: var(--main-blue);
}
:is(::-webkit-calendar-picker-indicator,::-webkit-clear-button,::-webkit-inner-spin-button,::-webkit-outer-spin-button) {
	color: var(--main-blue);
}
::target-text {
	background-color: var(--accent-yellow-4);
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25rem;
}
sup {
	top: -0.5rem;
}
button {
	transition: opacity 0.2s ease-out;
}
button:hover {
	opacity: 0.75;
	cursor: pointer;
}
body {
	font-weight: 400;
	font-size: 16px;
	font-family: var(--hpm-font-main), sans-serif;
	background-color: var(--main-background);
	min-height: 100vh;
	accent-color: var(--main-red);
}
input[type=search] {
	-webkit-appearance: none;
}
#page {
	width: 100%;
}
#main {
	background: transparent;
	padding: 0;
}
body:not(.single,.page-template-page-npr-articles) #main {
	overflow: hidden;
}
#content {
	position: relative;
	max-width: var(--max-width);
	margin: 0 auto;
}
a {
	text-decoration: underline;
	color: var(--main-blue);
}
a:hover {
	opacity: 0.75;
	transition: opacity 0.2s ease-out;
	text-decoration: underline;
	color: var(--primary);
}
a:focus {
	outline: 2px solid rgba(51, 51, 51, 0.3);
}
a:hover, a:active {
	outline: 0;
}
h1, h2, h3, h4 {
	color: var(--main-text);
	font-weight: 700;
}
h1 {
	font-size: 2.2rem;
}
h2 {
	font-size: 1.25em;
}
h3 {
	font-size: 1.13rem;
}
h4 {
	font-size: 1rem;
}
h5 {
	font-size: 0.8rem;
}
:is(h1,h2) a {
	color: var(--main-headline);
	font-weight: bold !important;
}
p {
	color: var(--main-text);
	font-weight: 400;
	font-size: 1em;
	line-height: 1.375;
}
.readmore {
	width: 100%;
	clear: both;
}
.readmore :is(a,span) {
	font-weight: 700;
	font-size: 1.5rem;
	text-transform: uppercase;
	width: 95%;
	display: block;
	text-align: center;
	padding: 1rem;
	margin: 1rem 2.5%;
	background-color: var(--main-element-background);
	color: var(--accent-light-blue-1);
	clear: both;
}
a.edit-box {
	color: #17abb9;
}
ol {
	list-style-type: decimal;
}
ol[type="a"] {
	list-style-type: lower-alpha;
}
ol[type="A"] {
	list-style-type: upper-alpha;
}
ol[type="I"] {
	list-style-type: upper-roman;
}
ol[type="i"] {
	list-style-type: lower-roman;
}
blockquote {
	padding: 1rem 0 1rem 1.5em;
	margin: 0 0 1em 0;
	border-left: 0.125em solid var(--secondary-text);
	background-color: var(--main-background);
	color: var(--secondary-text);
}
blockquote * {
	padding: 0;
	margin: 0;
}
.ajax-loader {
	text-align: center;
	padding: 1em 0;
}
.wide-table {
	width: 100%;
	margin-bottom: 1em;
	border: 1px solid var(--main-background);
}
.wide-table td, .wide-table th {
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
}
.wide-table th {
	border: 1px solid var(--main-background);
	border-bottom-width: 2px;
}
.wide-table td {
	border: 1px solid var(--main-background);
}
details {
	background-color: var(--main-background);
	padding: 0.5rem;
	width: 100%;
}
details summary {
	font-weight: 700;
	font-size: 1.25em;
	color: var(--main-text);
}
details summary time {
	font-weight: 400;
}
details summary::marker {
	color: var(--main-red);
}
details summary:hover {
	cursor: pointer;
}
details + details {
	margin-top: 1rem;
}
details > * + * {
	margin-top: 1rem;
}
details > summary + * {
	margin-top: 1rem;
}
.wpforms-container label {
	color: var(--main-text);
}
.wpforms-container .wpforms-field-description {
	color: var(--secondary-text);
}

/* Print Reset */
@media print {
	*, *::before, *::after {
		background: #fff !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
	a[href]::after {
		content: " (" attr(href) ")";
	}
	abbr[title]::after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]::after, a[href^="javascript:"]::after {
		content: "";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img, picture {
		page-break-inside: avoid;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
	body {
		background: none !important;
		font-size: 11.25pt;
	}
	.secondary-toggle, .navigation, .page-links, .edit-link, #reply-title, button {
		display: none;
	}
	.site-header, .site-footer, .hentry, .entry-footer, .page-header, .page-content {
		background: none !important;
	}
	body, blockquote, blockquote cite, blockquote small, label, a, .site-title a, .site-description, .post-title, .author-heading, .entry-footer, .entry-footer a, .taxonomy-description, .entry-caption, .site-info, .site-info a, .wp-caption-text, .gallery-caption {
		color: #000 !important;
	}
	pre, abbr[title], table, th, td, .site-header, .site-footer, .hentry + .hentry, .author-info, .page-header {
		border-color: #eaeaea !important;
	}
	.site {
		margin: 0 7.6923%;
	}
	.sidebar {
		position: relative !important;
	}
	.site-branding {
		padding: 0;
	}
	.site-header {
		padding: 7.6923% 0;
	}
	.site-description {
		display: block;
	}
	.hentry + .hentry {
		margin-top: 7.6923%;
	}
	.hentry.has-post-thumbnail {
		padding-top: 7.6923%;
	}
	.entry-header, .entry-footer {
		padding: 0;
	}
	.entry-content, .entry-summary {
		padding: 0 0 7.6923%;
	}
	.thumbnail-wrap {
		margin: 0;
	}
	.author-info {
		margin: 0;
	}
	.page-content {
		padding: 7.6923% 0 0;
	}
	.page-header {
		padding: 3.84615% 0;
	}
	.site-footer {
		margin-top: 7.6923%;
		padding: 3.84615% 0;
	}
	.widecolumn {
		margin: 7.6923% 0 0;
		padding: 0;
	}
}

/* Accessibility Adjustments */
.site .skip-link {
	background-color: var(--main-background);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Noto Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}
.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font: bold 14px/normal "Open Sans", sans-serif;
}
.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}
.hidden,
[hidden] {
	display: none !important;
}
.sr-only,
.screen-reader-text,
.says {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0 !important;
	position: absolute;
	white-space: nowrap;
	width: 1px !important;
}
.sr-only.focusable:active,
.sr-only.focusable:focus,
.screen-reader-text.focusable:active,
.screen-reader-text.focusable:focus,
.says.focusable:active,
.says.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	white-space: inherit;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
}
.clearfix::after,
.clear {
	clear: both;
}
svg:not(:root) {
	overflow: visible;
}

@view-transition {
	navigation: auto;
}

/* Social Icons */
.icon-wrap {
	display: grid;
	grid-template-columns: repeat(5, 3rem);
	align-items: center;
	justify-content: start;
	gap: 0.4rem;
	margin-bottom: 1rem;
}
.icon-wrap :is(h1,h2,h3,h4,h5) {
	margin: 0;
	padding-right: 1rem;
}
.service-icon {
	--unit: 2rem;
}
.service-icon :is(a,button) {
	display: block;
	background-color: var(--accent-black-3);
	padding: 0.25rem;
	border: 0;
	width: var(--unit);
	height: var(--unit);
	text-align: center;
	border-radius: 0.5rem;
}
.service-icon :is(a,button) svg {
	fill: white;
}
.service-icon.phone :is(a,button) {
	padding: calc(var(--unit)/6);
	background: rgb(131,242,131);
	background: linear-gradient(180deg, rgba(131,242,131,1) 0%, rgba(86,186,68,1) 100%);
	position: relative;
}
.service-icon.phone :is(a,button)::before {
	content: attr(data-phone);
	opacity: 0;
	position: absolute;
	top: 105%;
	width: min-content;
	background: rgb(131,242,131);
	background: linear-gradient(180deg, rgba(131,242,131,1) 0%, rgba(86,186,68,1) 100%);
	color: black;
	height: var(--unit);
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.5rem;
	padding: 0 0.25rem;
}
.post-type-archive-staff .service-icon.phone :is(a,button)::before {
	top: 0;
	left: initial;
	right: 105%;
	width: 400%;
}
.service-icon.phone a:hover::before {
	animation-name: fadeIn;
	animation-duration: 0.5s;
	animation-delay: 0s;
	animation-fill-mode: both;
}
.service-icon.phone a:hover {
	opacity: 1;
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.service-icon.envelope :is(a,button) {
	background: rgb(73,121,227);
	background: linear-gradient(180deg, rgba(73,121,227,1) 0%, rgba(116,187,240,1) 100%);
}
.service-icon.facebook :is(a,button) {
	background: rgb(59, 89, 152);
}
.service-icon.twitter :is(a,button) {
	background: #000000;
}
.service-icon.youtube :is(a,button) {
	background: rgb(234, 50, 35);
}
.service-icon.instagram :is(a,button) {
	background: rgb(81, 91, 212);
	background: linear-gradient(135deg, rgb(81, 91, 212) 0%, rgb(129, 52, 175) 20%, rgb(221, 42, 123) 50%, rgb(254, 218, 119) 70%, rgb(245, 133, 41) 90%);
}
.service-icon.linkedin :is(a,button) {
	background: rgb(40, 103, 178);
}
.service-icon.mastodon :is(a,button) {
	background-color: #6364ff;
}
.service-icon.threads :is(a,button) {
	background-color: #000000;
	padding-left: 0.3rem;
	padding-right: 0.15rem;
}
.service-icon.bluesky :is(a,button) {
	background-color: #3d83f6;
	padding-right: 0.4rem;
}
.social-icon.facebook svg {
	fill: rgb(59, 89, 152);
}
.social-icon.twitter svg {
	fill: #000000;
}
.social-icon.youtube svg {
	fill: rgb(234, 50, 35);
}
.social-icon.instagram svg {
	fill: rgb(81, 91, 212);
}
.social-icon.linkedin svg {
	fill: rgb(40, 103, 178);
}
.social-icon.mastodon svg {
	fill: #6364ff;
}
.social-icon.threads svg {
	fill: #000000;
}
.social-icon.bluesky svg {
	fill: #3d83f6;
}
.service-icon:last-child :is(a,button) {
	margin-right: 0;
}
.podcast-badges {
	list-style: none !important;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	gap: 0.5rem;
	justify-content: flex-start;
}
.podcast-badges li {
	width: 3rem;
	margin-top: 0 !important;
}
.podcast-badges li img {
	border-radius: 10px;
}
.podcast-badges .service-icon {
	--unit: 3rem;
}
.podcast-badges .service-icon a,
.podcast-badges .service-icon button {
	margin: 0;
}
.single:not(.single-shows) .podcast-badges {
	justify-content: flex-start;
}
.podcast-episode-info {
	background-color: var(--main-background);
	padding: 1rem;
	width: 100%;
}
.podcast-episode-info > * + * {
	margin-top: 1rem;
}
@media screen and (min-width: 52.5em) {
	.icon-wrap {
		align-items: start;
		margin-bottom: 0;
	}
	.icon-wrap :is(h1,h2,h3,h4,h5) {
		padding: 0;
		grid-column: 1/-1;
	}
	.service-icon {
		--unit: 2rem;
	}
	.site-footer .service-icon {
		--unit: 3rem;
	}
	.site-footer .icon-wrap {
		justify-content: end;
	}
}

/* Copy link to text fragment */
#copyLink-container {
	height: 0;
	width: 100%;
	position: relative;
	display: grid;
	margin: 0 !important;
	&.fadeout {
		animation-name: fadeOut;
		animation-duration: 0.3s;
		animation-delay: 2s;
		animation-fill-mode: both;
	}
	#copyLink {
		position: absolute;
		top: -1rem;
		justify-self: center;
		margin: 0 auto;
		background-color: black;
		color: white;
		padding: 0.25rem;
		z-index: 10;
		transition: all 0.5ms;
		box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
		&:hover {
			cursor: pointer;
		}
		&::after {
			content: '';
			position: absolute;
			bottom: -0.25rem;
			left: calc(50% - 0.25rem);
			width: 0.5rem;
			height: 0.5rem;
			background-color: black;
			transform: rotate(45deg);
		}
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

/* iFrame Sizing */
.iframe-embed {
	position: relative;
	width: 100%;
	padding: 0 !important;
	padding-bottom: calc(100% / 1.777778) !important;
	display: block;
	margin-bottom: 1em;
}
.iframe-embed-tall {
	position: relative;
	width: 100%;
	padding: 0 !important;
	padding-bottom: calc(100% / 1.25) !important;
	display: block;
	margin-bottom: 1em;
}
.iframe-embed-vert {
	position: relative;
	width: 100%;
	padding: 0 !important;
	padding-bottom: calc(100% / 0.5625) !important;
	display: block;
	margin-bottom: 1em;
}
.iframe-embed-pbs {
	position: relative;
	width: 100%;
	padding: 0 !important;
	padding-bottom: calc(100% / 1.425) !important;
	display: block;
	margin-bottom: 1em;
}
:is(.iframe-embed,.iframe-embed-tall,.iframe-vert,.iframe-embed-pbs) iframe {
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Houston Matters and Town Square */
#hm-top {
	background: #05095E;
}
#hm-top.houston-matters,
.news-slider.houston-matters {
	background: #7FFBAD;
	position: relative;
	overflow: hidden;
	h2 > a, p, p a {
		color: black;
		font-weight: bolder;
		z-index: 2;
	}
	h4 {
		color: white;
		padding: 0.25rem;
		background-color: #05095E;
		display: inline-block;
		z-index: 2;
	}
}
#hm-top.hello-houston,
.news-slider.hello-houston {
	background-color: #7787f7;
	background-image: url(https://cdn.houstonpublicmedia.org/assets/images/Hello-Houston_Dot-Pattern-v3.png.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	p a {
		color: white;
		font-weight: bolder;
		z-index: 2;
	}
	h2 > a, p {
		color: black;
		z-index: 2;
	}
	h4 {
		color: white;
		padding: 0.25rem;
		background-color: #c8102e;
		display: inline-block;
		z-index: 2;
	}
}
.news-slider .talkshow-logo {
	position: absolute;
	top: -1rem;
	right: -1rem;
	width: 30%;
	opacity: 0.33;
	z-index: 0;
}
.news-slide-item > * + * {
	margin-top: 0.5rem;
}
#hm-top.election {
	background: #e7e7e8;
}
#hm-top.election p {
	color: rgb(47, 47, 47);
}
#hm-top.election p a {
	color: var(--main-red);
}
#hm-top p {
	padding: 0.5rem;
	font-size: 1.125rem;
	color: rgb(236, 246, 251);
	text-align: center;
}
#hm-top p span::after {
	content: "\a";
	display: block;
}
#hm-top p strong {
	font-weight: 700;
}
#hm-top p a {
	text-decoration: underline;
	color: #7FFBAD;
	font-weight: 700;
}

/* Emergency Bar */
#emergency {
	width: 100%;
	animation-name: slideDown;
	animation-duration: 0.5s;
	animation-delay: 0.5s;
	animation-fill-mode: both;
	transform: translateY(-100%);
	padding: 0.5rem;
	text-align: center;
	font-size: 1.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	svg {
		width: 1.25rem;
	}
	&.emergency {
		background-color: var(--main-red);
		color: white;
		a {
			color: white;
		}
		svg {
			fill: white;
		}
	}
	&.non-emergency {
		background-color: var(--accent-yellow-1);
		a {
			color: black;
		}
		svg {
			fill: black;
		}
	}
}
@media screen and (min-width: 52.5em) {
	#hm-top p span::after {
		content: "";
		display: inline;
	}
}
@keyframes slideDown {
	from {
		transform: translateY(-100%);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

#hpm-promo-bullets {
	display: flex;
	align-items: center;
	align-content: center;
	margin: 0 0 1em 0;
	padding: 1rem;
	width: 100%;
	flex-flow: row wrap;
	background-color: white;
}
#hpm-promo-bullets h2 {
	color: var(--main-red);
	margin: 0;
	width: 100%;
}
#hpm-promo-bullets ul {
	width: 100%;
	padding: 0.5rem 0 0.5rem 1rem;
	margin: 0;
	background-color: white;
	list-style: disc outside none;
}
#hpm-promo-bullets ul li {
	margin: 0;
	padding: 0 0 0 0.5rem;
}
#hpm-promo-bullets ul li a {
	color: var(--main-red);
}
@media screen and (min-width: 34em) {
	#hpm-promo-bullets {
		flex-flow: row nowrap;
	}
	#hpm-promo-bullets h2 {
		width: auto;
	}
	#hpm-promo-bullets ul {
		width: auto;
		flex-grow: 2;
	}
	#hpm-promo-bullets ul li {
		display: inline;
		padding: 0;
	}
	#hpm-promo-bullets ul li a {
		padding: 0 0.5rem;
	}
	#hpm-promo-bullets ul li a::before {
		content: '\2022';
		position: relative;
		left: -0.5rem;
		color: var(--main-blue);
	}
	.breaking-news h1 {
		line-height: normal;
	}
}
@media screen and (min-width: 52.5em) {
	.hpm-promo-mobile-show {
		display: none;
	}
	#hpm-promo-bullets {
		width: 100%;
		margin: 1em 0;
	}
	.breaking-news h1 {
		/*margin-bottom: 15px;*/
		line-height: .9;
	}
}

/* Pagination */
nav.pagination {
	width: 100%;
	margin: 1em 0;
	align-items: center;
	display: flex;
}
nav.pagination .nav-links {
	margin: 1em auto;
}
nav.pagination .page-numbers {
	font-weight: 400;
	font-size: 2em;
	text-transform: uppercase;
	padding: 0 0.125em;
}
nav.pagination span.page-numbers {
	color: var(--main-text);
}
nav.pagination a.page-numbers.next {
	background-color: rgb(227,237,241);
	padding: 0 0.25em;
}

/* Search Form */
.search-results-form {
	font-weight: 100;
	font-size: 1.5em;
	color: rgb(161,161,162);
}
.error404 .search-results-form {
	margin: 1em 0;
}
.search-results-form .search-form {
	display: flex;
	margin: 0.25em 0;
	padding: 0 1em 0 0;
}
.search-results-form .search-form label {
	flex: 1;
	flex-grow: 2;
	flex-basis: auto;
}
.search-results-form .search-form .search-field {
	border: 0;
	outline: 0;
	background-color: rgb(243,244,244);
	color: rgb(142,144,144);
	font-weight: 500;
	font-size: 1.125em;
	padding: 0.25em 0.5em;
	width: 100%;
}
.search-results-form button.search-submit.screen-reader-text {
	display: block;
	background-color: rgb(180,213,223);
	overflow: initial;
	width: 2em;
	height: 2em;
	color: #00b0bc;
	clip: initial;
	position: initial !important;
	border: 0;
	outline: 0;
}
.search-results-form button.search-submit.screen-reader-text svg {
	fill: white;
	width: 2rem;
}

/* In Post Bug */
.in-post-bug {
	padding: 0.5em;
	background-color: rgb(245,245,245);
	margin: 0 0 1em 0;
	width: 100%;
	align-items: center;
	align-content: center;
	justify-content: center;
	display: flex;
}
.in-post-bug img {
	padding: 0 1em 0 0;
}
.in-post-bug h3 {
	margin: 0;
}
.in-post-bug.in-depth {
	padding: 0;
	background-color: #00566c;
	margin: 1rem 0;
	background-image: url(https://cdn.houstonpublicmedia.org/assets/images/inDepth-white-arrows.png);
	background-position: -10px center;
	background-size: 54%;
	background-repeat: no-repeat;
}
.in-post-bug.in-depth a {
	color: white;
	font-size: 1.25em;
	padding: 0.25em 0.25em 0.25em 50%;
	display: block;
	width: 100%;
}
.in-post-bug.newsletter {
	padding: 0.5rem 1rem;
	background-color: var(--main-red);
	margin: 1rem 0;
	background-image: url(https://cdn.houstonpublicmedia.org/assets/images/today-in-houston-skyline.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.in-post-bug.newsletter a {
	color: white;
	font-size: 1em;
	display: block;
	text-align: center;
}
.in-post-bug.newsletter a span {
	font-size: 1.5em;
	font-weight: 900;
	text-transform: uppercase;
}
@media screen and (min-width: 34em) {
	.in-post-bug {
		float: right;
		width: 45%;
		margin: 0 0 1em 1em;
	}
	.in-post-bug.in-depth {
		margin: 1rem 0;
		float: none;
		width: 100%;
		background-position: left center;
		background-size: 33%;
	}
	.in-post-bug.in-depth a {
		padding: 1em 1em 1em 35%;
	}
	.in-post-bug.newsletter {
		margin: 1rem 0;
		float: none;
		width: 100%;
	}
	.in-post-bug.newsletter a {
		font-size: 1em;
	}
	.in-post-bug.newsletter a span {
		font-size: 1.5em;
	}
}

/* Misc Utilities */
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: var(--main-background);
}
.table-striped th {
	text-align: center;
	font-size: 85%;
}
.table-striped tbody tr td:nth-child(n+2) {
	text-align: center;
}
.table-striped th, .table-striped td {
	padding: 0.5em;
}
.table-striped {
	width: 100%;
	color: var(--main-text);
}
#preview-warn {
	text-align: center;
	margin: 1em 0;
	padding: 0.5em;
	border: 0.125em solid red;
	background-color: var(--main-element-background);
	font-size: 1.5em;
}
#breaking {
	width: 90%;
	margin: 2em 5%;
	overflow: hidden;
	padding: 1em;
	background-color: var(--main-element-background);
}
#breaking h3 {
	text-transform: uppercase;
	color: var(--main-red);
}
#breaking h2 a {
	font: 100 1.25em/1.25em var(--hpm-font-main);
	color: #464646;
}
#preview-warn {
	text-align: center;
	margin: 1em 0;
	padding: 0.5em;
	border: 0.125em solid red;
	background-color: var(--main-element-background);
	font-size: 1.5em;
}
article .entry-content ul.timeline,
ul.timeline {
	list-style: none;
	padding: 0;
	margin: 0;
}
article .entry-content ul.timeline li,
ul.timeline li {
	padding: 0 0 1em 1.125em;
	position: relative;
	border-left: 0.0625em solid rgba(0,0,0,0.25);
	margin: 0
}
article .entry-content ul.timeline li:last-child,
ul.timeline li:last-child {
	border-left: 0;
}
article .entry-content ul.timeline li:before,
ul.timeline li:before {
	content: '';
	position: absolute;
	left: -0.5em;
	top: 0.25em;
	background-color: #C2C2C2;
	transition: background-color 0.5s;
	width: 1rem;
	height: 1rem;
	border-radius: 1rem;
}
article .entry-content ul.timeline li:hover:before,
ul.timeline li:hover:before {
	background-color: #808080;
	transition: background-color 0.5s;
}
article .entry-content ul.timeline li .timeline-date,
ul.timeline li .timeline-date {
	font-weight: 700;
	font-size: 1.25em;
}
.wp-video {
	width: 100% !important;
	max-width: 100% !important;
}
#campaign {
	margin: 1em 0;
	overflow: hidden;
	background-color: var(--main-element-background);
}
#campaign-splash {
	width: 95%;
	margin: 1rem 2.5%;
}
#campaign-splash.lightbox {
	display: flex;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 20000;
	margin: 0;
	justify-content: center;
	justify-items: center;
	align-content: center;
	align-items: center;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
#campaign-splash.lightbox #splash {
	z-index: 10001;
	width: 85%;
	position: relative;
}
#campaign-splash #campaign-close {
	position: absolute;
	top: -0.75em;
	right: -0.75em;
	background-color: rgb(224, 17, 42);
	z-index: 10002;
	width: 2rem;
	color: white;
	font-weight: 400;
	font-size: 1.5rem;
	height: 2rem;
	text-align: center;
	border-radius: 2rem;
}
#campaign-splash #campaign-close:hover {
	opacity: 0.75;
	cursor: pointer;
}
#campaign-splash .campaign-push {
	padding: 0.5rem 1rem;
}
#campaign-splash .campaign-push p {
	font-weight: 100;
	font-size: 1.125rem;
	margin-bottom: 1rem;
}
#campaign-splash .campaign-push a {
	display: flex;
	align-content: center;
	justify-content: center;
	background-color: rgb(224, 17, 42);
	width: 66%;
	margin: 0 auto 0.5rem;
	color: white;
	font-weight: 700;
	font-size: 1.25rem;
	text-transform: uppercase;
	padding: 0.5rem;
}
#campaign-splash .campaign-push a svg {
	fill: white;
	width: 1.5rem;
	margin-right: 0.5rem
}
#campaign-splash .campaign-push h3 {
	font-style: italic;
	font-weight: 100;
	font-size: 1.25rem;
	color: black;
	text-align: center;
}
#campaign-splash .campaign-push h4 {
	color: black;
	font-weight: 700;
	font-size: 1.5rem;
	text-align: center;
	margin-bottom: 0.25rem;
	text-transform: uppercase;
}
#campaign-splash .campaign-push h4 span {
	color: rgb(224, 17, 42);
	font-size: 150%;
}
#splash {
	width: 100%;
	background-color: var(--main-element-background);
}
#splash :is(img,picture) {
	width: 100%;
}
#campaign-donate :is(img,picture) {
	max-width: 100%;
}
#shows-youtube {
	background-color: var(--main-element-background);
	width: 100%;
	margin-bottom: 1rem;
}
#shows-youtube h3 {
	font-weight: 400;
	font-family: var(--hpm-font-condensed), sans-serif;
	color: rgb(63, 24, 24);
	text-transform: uppercase;
}
#shows-youtube #youtube-main {
	padding: 1rem;
}
#shows-youtube #youtube-main h2 {
	font-weight: 400;
	font-family: var(--hpm-font-condensed), sans-serif;
	text-transform: uppercase;
	font-size: 1.5rem;
}
#shows-youtube #youtube-main p {
	font-weight: 100;
	color: rgb(131, 133, 133);
}
#shows-youtube #youtube-main p.date {
	text-transform: uppercase;
	font-weight: 700;
	color: rgb(131, 133, 133);
}
#shows-youtube #youtube-main #youtube-player {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin: 0 0 1rem 0;
	align-items: center;
	justify-content: center;
	align-content: center;
	display: flex;
}
#shows-youtube #youtube-main #youtube-player:hover {
	cursor: pointer;
}
#shows-youtube .youtube:hover {
	cursor: pointer;
	background-color: var(--main-background);
}
#shows-youtube #youtube-main #youtube-player svg {
	fill: white;
	width: 4rem;
	height: 4rem;
	stroke: black;
	stroke-width: 3px;
}
#shows-youtube #youtube-upcoming {
	border-top: 0.25rem solid var(--main-background);
}
#shows-youtube #youtube-upcoming .youtube {
	padding: 1rem;
	position: relative;
}
#shows-youtube #youtube-upcoming .youtube :is(img,picture) {
	width: 100%;
	margin-bottom: 1rem;
}
#shows-youtube .youtube h2 {
	font-weight: 100;
	font-size: 1.125rem;
}
#shows-youtube #youtube-upcoming .youtube p.date {
	text-transform: uppercase;
	font-weight: 700;
	color: rgb(131, 133, 133);
}
#shows-youtube #youtube-upcoming .youtube + .youtube {
	border-left: 0.125rem solid var(--main-background);
}
#shows-youtube #youtube-upcoming h4 {
	text-transform: uppercase;
	font-weight: 700;
	color: rgb(131, 133, 133);
	padding: 1rem 0 0 1rem;
}
#yt-nowplay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	align-content: center;
	display: flex;
	background-color: rgba(0, 0, 0, 0.75);
	font: 400 2em/1.75em var(--hpm-font-main);
	color: white;
}
#youtube-upcoming .youtube-scroll {
	overflow-x: scroll;
	display: grid;
	grid-template-columns: repeat(5, 18rem);
	gap: 0 0.5rem;
}
#youtube-main .desc-wrap {
	max-height: 7.5rem;
	overflow: hidden;
	display: block;
	position: relative;
}
#youtube-main .desc-wrap .yt-readmore {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #f5f5f5;
	/*background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);*/
	width: 100%;
	/*color: var(--accent-light-blue-1);*/
	font-weight: bold;
	padding: 0.5rem 0 0;
	outline: 0;
	border: 0;
	text-align: left;
}
#youtube-main .desc-wrap .yt-readmore:hover {
	cursor: pointer;
	text-decoration: underline;
}
dialog#yt-dialog {
	margin: auto;
	padding: 0;
	width: min(65ch, 100vw - 2rem);
	position: fixed;
	border-radius: 0.5rem;
	font-size: 1rem;
	background-color: white;
	border: 2px solid;
}
dialog#yt-dialog p button {
	display: none;
}
dialog#yt-dialog .yt-dialog-content {
	padding: clamp(1rem, 5%, 2rem);
}

dialog#yt-dialog::backdrop {
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(10px);
}
dialog#yt-dialog .dialog-actions {
	list-style: none;
	padding: 0;
	margin: 1rem auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
}
dialog#yt-dialog .dialog-actions button {
	padding: 0.5em 1em;
	border: 1px solid gray;
	border-radius: 0.25rem;
	cursor: pointer;
	text-align: center;
}
dialog#yt-dialog .dialog-actions li {
	margin: 0;
}
dialog#yt-dialog [data-action=dismiss]:is(:focus, :hover) {
	background-color: #f4c7be;
}
@media screen and (min-width: 34em) {
	#shows-youtube #youtube-upcoming .youtube h2 {
		margin: 0;
	}
	#campaign-splash.lightbox #splash {
		width: 60%;
	}
	#campaign-splash.lightbox #splash :is(#campaign-close,.campaign-close) {
		display: block;
	}
}
@media screen and (min-width: 64.25em) {
	#campaign-splash.lightbox #splash {
		width: 45%;
		max-width: 48rem;
	}
}
.uh-show {
	padding: 1rem;
	background-color: var(--main-red);
	color: white;
	font-size: 1.125em;
	font-weight: 700;
	font-style: italic;
	width: 100%;
}

/* Masthead and Navigation */
#masthead {
	width: 100%;
	max-width: var(--max-width);
	margin: 0 auto;
}
#masthead .site-branding {
	background-color: var(--accent-blue-1);
	display: grid;
	grid-template-columns: auto 5rem 5rem;
}
svg.hpm-logo .hpm-logo-text {
	font-family: var(--hpm-font-main), sans-serif;
	font-size: 91px;
	font-weight: 500;
	letter-spacing: -1px;
}
svg.hpm-logo .hpm-logo-service {
	font-family: var(--hpm-font-main), sans-serif;
	font-size: 36px;
	font-weight: 500;
	letter-spacing: 4px;
}
#masthead .site-branding .site-logo {
	padding: 0 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
#masthead .site-branding .site-logo a {
	display: flex;
	width: 100%;
}
#masthead .site-branding .site-logo a svg.hpm-logo {
	max-height: 3.5rem;
	max-width: 13rem;
}
#masthead .site-branding .site-logo a svg.hpm-logo path {
	fill: white;
}
#masthead .site-branding .site-logo a svg.hpm-logo :is(.hpm-logo-text,.hpm-logo-service) {
	fill: white;
}
#masthead .site-branding .site-logo a svg.hpm-logo .cls-2 {
	fill: #D62021;
}
#masthead .site-branding .site-logo a svg.hpm-logo .cls-3 {
	fill: #237BBD;
}
#masthead .site-branding .site-logo a svg.hpm-logo :is(.cls-4,.cls-6) {
	fill: #fff;
}
#masthead .site-branding .site-logo a svg.hpm-logo .cls-5 {
	fill: white;
}
#masthead .site-branding .site-logo a svg.hpm-logo :is(.cls-5,.cls-6) {
	fill-rule: evenodd;
}
#masthead .site-branding .site-logo a svg.hpm-logo .cls-6 {
	fill: #2638C4;
}
#masthead .site-branding :is(div,section):not(.site-logo) svg {
	fill: white;
}
#masthead .top-mobile-text {
	font-size: 75%;
	text-transform: uppercase;
	position: relative;
	top: -0.625rem;
}
#masthead #top-donate > a {
	height: 5rem;
	width: 5rem;
	background-color: var(--main-red);
	text-align: center;
	color: #fff;
	padding: 0.5rem 1rem;
	display: block;
}
#masthead section {
	justify-content: center;
	align-items: center;
	width: 100%;
	grid-column: 1/span 3;
	grid-row: 3;
	display: grid;
	grid-template-columns: 33.3333% 33.3333% 33.3333%;
}
#masthead section button {
	display: flex;
	flex-flow: row nowrap;
	gap: 0 0.5rem;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 1.25rem;
	font-family: var(--hpm-font-condensed), sans-serif;
	padding: 0.5rem 0.375rem;
	width: 100%;
	background-color: var(--accent-black-1);
	border: 0;
	border-radius: 0;
	margin: 0;
}
#masthead section button svg {
	width: 1.5rem;
	overflow: visible;
}
#masthead #top-watch button {
	background-color: var(--accent-dark-blue-1);
}
#masthead #top-schedule button {
	background-color: var(--accent-light-blue-1);
}
#masthead #top-schedule {
	position: relative;
}
#masthead #top-schedule .top-schedule-link-wrap {
	position: absolute;
	top: 100%;
	width: 300%;
	justify-content: center;
	align-items: center;
	transform: rotateX(-90deg);
	transform-origin: top center;
	opacity: 0.3;
	transition: 280ms all 120ms ease-out;
	display: flex;
	z-index: 50;
}
#masthead #top-schedule:hover .top-schedule-link-wrap, #masthead #top-schedule:focus-within .top-schedule-link-wrap {
	opacity: 1;
	transform: rotateX(0);
	visibility: visible;
}
#masthead #top-schedule .top-schedule-links {
	width: 25%;
	text-align: center;
}
#masthead #top-schedule .top-schedule-links a {
	font-size: 0.925rem;
	font-family: var(--hpm-font-condensed), sans-serif;
	color: white;
	display: block;
	padding: 0.25rem;
	border-left: 1px solid white;
	background-color: var(--accent-dark-blue-1);
}
#masthead #top-schedule .top-schedule-links:nth-child(1) a {
	border-left: 0;
}
#masthead #top-schedule div.top-schedule-label {
	width: 100%;
	display: block;
	text-align: center;
}
#masthead #top-search {
	width: 100%;
	background-color: var(--main-background);
	padding: 1.5rem 0.5rem;
	position: relative;
	display: grid;
	grid-template-columns: 2rem auto;
	align-items: center;
}
#masthead #top-search svg {
	overflow: visible;
	width: 2rem;
	fill: white;
}
#masthead #top-search .search-field {
	border: 0;
	outline: 0;
	background-color: transparent;
	padding: 0 0 0 1.25rem;
	text-transform: lowercase;
	font-size: 2rem;
	width: 100%;
}
.nav-button {
	height: 5rem;
	width: 5rem;
	background-color: #237bbd;
	text-align: center;
	color: #fff;
	padding: 0.5rem 1rem;
	transition: all 0.2s ease-out;
	border: 0;
	outline: 0;
	z-index: 901;
	position: absolute;
}
.nav-button:hover {
	cursor: pointer;
}
nav#site-navigation > div.nav-wrap {
	border-left: 0.25rem solid rgb(153, 197, 211);
	background-color: var(--nav-background);
	box-shadow: -0.5em 0 0.25em rgba(0, 0, 0, 0.25);
	width: 100%;
}
nav#site-navigation > div.nav-wrap > div > ul > li {
	position: relative;
}
nav#site-navigation > div.nav-wrap > div > ul > li :is(a,div[tab-index="0"]) {
	text-decoration: none;
	color: var(--main-headline);
	display: inline-flex;
	padding: 0;
	border: 0;
	background-color: transparent;
	width: 100%;
}
nav#site-navigation > div.nav-wrap > div > ul > li > div {
	position: relative;
}
nav#site-navigation > div.nav-wrap > div > ul > li > div[tab-index="0"]:after {
	content: "";
	border: 0.375rem solid transparent;
	border-top-color: var(--nav-arrow);
	position: absolute;
	right: 0.5rem;
	top: 1.25rem;
}
nav#site-navigation > div.nav-wrap > div > ul > li.nav-uh :is(a,div[tab-index="0"]) {
	color: var(--main-red);
}
nav#site-navigation > div.nav-wrap > div > ul > li.nav-uh .nav-back div[tab-index="0"] {
	color: var(--accent-black-2);
}
nav#site-navigation > div.nav-wrap > div > ul > li.nav-kids a {
	color: #df8d29;
}
nav#site-navigation > div.nav-wrap > div > ul > li.nav-passport a {
	display: flex;
	align-items: center;
}
nav#site-navigation > div.nav-wrap > div > ul > li.nav-passport a svg {
	width: 9rem;
}
nav#site-navigation ul > li.nav-top > ul.sub-menu > li {
	padding-bottom: 1rem;
}
nav#site-navigation > div.nav-wrap > div > ul > li > ul {
	transition: 200ms all ease-out;
	width: 100%;
	transform: rotateX(-90deg);
	transform-origin: top center;
	opacity: 0.3;
	padding: 1rem;
	position: absolute;
}

nav#site-navigation > div.nav-wrap > div > ul > li > ul > li div.nav-top-head {
	font-weight: 700;
	font-size: 14px !important; /*1.25rem;*/
	text-decoration: none;
	color: var(--accent-dark-blue-2);
	display: block;
	padding: 0;
	text-transform: uppercase;
}
nav#site-navigation > div.nav-wrap > div > ul > li > ul > li div.nav-top-head li a {
	text-transform: initial;
	font-size: 1rem;
}
nav#site-navigation > div.nav-wrap > div > ul > li:focus-within,
nav#site-navigation > div.nav-wrap > div > ul > li.nav-active {
	background-color: #185da1; /*var(--nav-background-open);*/
}
nav#site-navigation > div.nav-wrap > div > ul > li:focus-within > ul,
nav#site-navigation > div.nav-wrap > div > ul > li.nav-active > ul {
	opacity: 1;
	transform: rotateX(0);
	visibility: visible;
	position: static;
}
nav#site-navigation > div.nav-wrap > div > ul > li:focus-within > div[tab-index="0"]:after,
nav#site-navigation > div.nav-wrap > div > ul > li.nav-active > div[tab-index="0"]:after {
	content: "";
	border-top-color: transparent;
	border-bottom-color: var(--nav-arrow);
	right: 0.5rem;
	top: 1.25rem;
}
nav#site-navigation > div.nav-wrap li.nav-back {
	display: none;
}
nav#site-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
body #top-mobile-close {
	display: none;
	transition: 280ms left ease-out;
}
body.nav-active-menu {
	position: fixed;
}
@supports (overscroll-behavior: none) {
	/* body.nav-active-menu {
		position: static;
	} */
}
body.nav-active-menu #top-mobile-close {
	display: block;

	left: 0;
	top: 0;
	z-index: 9999;
}
@media screen and (max-width: 20rem) {
	#masthead section button {
		font-size: 1rem;
	}
}
@media screen and (min-width: 34em) {
	nav#site-navigation:focus-within {
		left: 40vw;
		width: 60vw;
	}
	nav#site-navigation > div > div > ul > li:focus-within > ul {
		left: calc(60vw - 5.25rem);
	}

	/* body.nav-active-menu #top-mobile-close {
		left: calc(60vw - 5rem);
	} */
}
@media screen and (min-width: 52.5em) {
	body:not(.page-template-page-listen) #top-mobile-close {
		display: none;
	}
	body:not(.page-template-page-listen).nav-active-menu {
		position: static;
	}
	body:not(.page-template-page-listen).nav-active-menu #top-mobile-close {
		display: none;
	}
	body:not(.page-template-page-listen) nav#site-navigation {
		grid-column: 1/span 4;
		grid-row: 2;
		height: auto;
		top: initial;
		left: initial;
		display: block;
		overflow: visible;
		width: 100%;
		max-width: 100vw;
	}
	body:not(.page-template-page-listen) nav#site-navigation #top-mobile-menu {
		display: none;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap {
		box-shadow: none;
		border-left: 0;
		background-color: transparent;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul {
		display: grid;
		grid-auto-flow: column;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li > :is(a,div[tab-index="0"]) {
		font-weight: 500;
		font-size: 1rem;
		color: var(--accent-black-2);
		justify-content: center;
		padding: 0.825rem 0.5rem 0.5rem;
		text-transform: uppercase;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li > div[tab-index="0"]:after {
		right: -0.25rem;
		top: 0.5rem;
		position: relative;
		border-left-color: transparent;
		border-bottom-color: transparent;
		border-top-color: var(--nav-arrow);
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li.nav-kids a {
		color: #df8d29;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li.nav-uh :is(div[tab-index="0"],a) {
		color: var(--main-red);
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li > ul {
		overflow: auto;
		border-radius: 0.25rem;
		box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
		padding: 1rem;
		height: auto;
		min-width: max-content;
		position: absolute;
		top: calc(100% - 0.25rem);
		left: 50%;
		transform: rotateX(-90deg) translateX(-50%);
		transform-origin: top center;
		opacity: 0.3;
		transition: 280ms all 200ms ease-out;
		display: grid;
		grid-auto-flow: column;
		background-color: var(--main-element-background);
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li > ul > li {
		width: 12rem;
		padding: 0;
		grid-column: 1;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li > ul > li .nav-top-head {
		padding: 0;
		font-size: 1.125rem;
		margin-bottom: 0.5rem;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li > ul > li a {
		padding: 0 0 0.5rem 0;
		font-size: 14px; /*1rem;*/
		/*justify-content: center;*/
		font-weight: bold;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li > ul > li.menu-item-has-children {
		padding: 0.5rem;
		grid-column: initial;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li > ul > li.nav-topic-head a {
		justify-content: start;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li.nav-support > ul {
		grid-template-columns: 1fr 1fr;
		grid-auto-flow: initial;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li.nav-support > ul > li:nth-child(3) {
		grid-row-end: span 2;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li.nav-support > ul > li:nth-child(5) {
		grid-column-start: 1;
		grid-row-start: 2;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:first-child > ul {
		transform: rotateX(-90deg) translateX(0);
		left: 0;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:last-child > ul {
		left: auto;
		right: -200px;
		transform: rotateX(-90deg) translateX(0);
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:hover,
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:focus-within {
		cursor: pointer;
		background-color: var(--nav-background-open);
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li.nav-active {
		/* background-color: transparent; */
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:hover > ul,
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:focus-within > ul {
		opacity: 1;
		transform: rotateX(0) translateX(-50%);
		visibility: visible;
		position: absolute;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:hover:last-child > ul,
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:focus-within:last-child > ul {
		transform: rotateX(0) translateX(0);
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:hover:first-child > ul,
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:focus-within:first-child > ul {
		transform: rotateX(0) translateX(0);
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:hover > div[tab-index="0"]:after,
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:focus-within > div[tab-index="0"]:after {
		border-bottom-color: transparent;
		border-top-color: var(--nav-arrow);
		right: -0.25rem;
		top: 0.5rem;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:hover.menu-item-has-children:after,
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:focus-within.menu-item-has-children:after {
		transform: translateX(0);
		opacity: 1;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li.nav-passport a svg {
		width: auto;
		height: 1.25rem;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li.menu-item-has-children:after {
		content: "";
		border: 0.5rem solid transparent;
		border-bottom-color: var(--nav-background);
		position: absolute;
		top: calc(100% - 1.25rem);
		left: 50%;
		transform: translateX(-50%);
		transition: 280ms all 200ms ease-out;
		opacity: 0;
		will-change: opacity;
	}
	body:not(.page-template-page-listen) nav#site-navigation .nav-back {
		display: none;
	}
	body:not(.page-template-page-listen) #masthead #top-search {
		display: block;
		position: absolute;
		right: 0.25rem;
		background-color: transparent;
		width: auto;
		top: 1.25rem;
		padding: 0;
	}
	body:not(.page-template-page-listen) #masthead #top-search form {
		top: -0.5rem;
		right: 1.5rem;
		transform: rotateX(-90deg);
		transform-origin: top center;
		opacity: 0.3;
		transition: 280ms all 200ms ease-out;
		position: absolute;
		width: 15rem;
		background-color: #f2f3f3;
		box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
	}
	body:not(.page-template-page-listen) #masthead #top-search .search-field {
		font-size: 1.25rem;
		padding: 0.5rem;
	}
	body:not(.page-template-page-listen) #masthead #top-search:hover {
		cursor: pointer;
	}
	body:not(.page-template-page-listen) #masthead #top-search:focus-within form {
		opacity: 1;
		transform: rotateX(0);
		visibility: visible;
	}
	body:not(.page-template-page-listen) nav#site-navigation:focus-within {
		position: static;
		left: initial;
		height: auto;
		width: 100%;
		overflow: visible;
	}
	body:not(.page-template-page-listen) nav#site-navigation:focus-within #top-mobile-menu {
		display: none;
	}
	body:not(.page-template-page-listen) .container {
		width: 100%;
		background-color: var(--main-element-background);
		border-bottom: 0.25rem solid rgb(163, 204, 216);
		height: auto;
	}
	body:not(.page-template-page-listen) #masthead {
		position: relative;
	}
	body:not(.page-template-page-listen) #masthead .site-branding {
		background-color: transparent;
		grid-template-columns: 14rem auto 8rem 5rem;
		gap: 0 1rem;
	}
	body:not(.page-template-page-listen) #masthead .site-branding .site-logo {
		margin: 1rem 0 0 1rem;
		padding: 0;
	}
	body:not(.page-template-page-listen) #masthead .site-branding .site-logo a svg.hpm-logo :is(path,.hpm-logo-service) {
		fill: black;
	}
	body:not(.page-template-page-listen) #masthead .site-branding .site-logo a svg.hpm-logo .hpm-logo-text {
		fill: var(--main-red);
	}
	body:not(.page-template-page-listen) #masthead .site-branding .site-logo a svg.hpm-logo :is(.cls-4,.cls-6) {
		fill: #fff;
	}
	body:not(.page-template-page-listen) #masthead .site-branding .site-logo a svg.hpm-logo .cls-5 {
		fill: var(--main-blue);
	}
	body:not(.page-template-page-listen) #masthead .site-branding .site-logo a svg.hpm-logo :is(.cls-5,.cls-6) {
		fill-rule: evenodd;
	}
	body:not(.page-template-page-listen) #masthead .site-branding section {
		grid-column: 2;
		grid-row: 1;
		display: grid;
		grid-template-columns: auto 6rem 6rem;
		gap: 2rem;
		min-height: 4.5rem;
	}
	body:not(.page-template-page-listen) #masthead #top-schedule {
		display: flex;
		flex-flow: row nowrap;
	}
	body:not(.page-template-page-listen) #masthead #top-schedule div.top-schedule-label {
		width: max-content;
		display: none;
	}
	body:not(.page-template-page-listen) #masthead #top-schedule div.top-schedule-label button {
		font-size: 1.25rem;
		background-color: transparent;
		color: var(--main-headline);
	}
	body:not(.page-template-page-listen) #masthead #top-schedule div.top-schedule-label button svg {
		display: none;
	}
	body:not(.page-template-page-listen) #masthead #top-schedule .top-schedule-link-wrap {
		width: auto;
		flex-grow: 3;
		position: static;
		transform: rotateX(0);
		opacity: 1;
	}
	body:not(.page-template-page-listen) #masthead #top-schedule .top-schedule-link-wrap .top-schedule-links {
		width: max-content;
	}
	body:not(.page-template-page-listen) #masthead #top-schedule .top-schedule-link-wrap .top-schedule-links a {
		color: var(--accent-light-blue-1);
		background-color: transparent;
		font-size: 1.25rem;
		padding: 0.25rem 0.5rem;
	}
	body:not(.page-template-page-listen) #masthead #top-schedule .top-schedule-link-wrap .top-schedule-links + .top-schedule-links {
		border-left: 1px solid #808080;
	}
	body:not(.page-template-page-listen) #masthead #top-donate {
		display: flex;
		align-items: center;
	}
	body:not(.page-template-page-listen) #masthead #top-donate > a {
		height: auto;
		width: 100%;
		padding: 0.5rem;
		border: 1px solid #a40e26;
		display: flex;
		flex-flow: row nowrap;
	}
	body:not(.page-template-page-listen) #masthead #top-donate > a svg {
		width: 1.25rem;
		margin-right: 0.5rem;
	}
	body:not(.page-template-page-listen) #masthead #top-donate br {
		display: none;
	}
	body:not(.page-template-page-listen) #masthead #top-donate .top-mobile-text {
		font-size: 1.25rem;
		font-weight: 700;
		position: static;
	}
	/*body:not(.page-template-page-listen) #masthead :is(#top-listen,#top-watch) button {*/
	/*	padding: 0.25rem 0.5rem;*/
	/*	color: var(--accent-light-blue-1);*/
	/*	background-color: transparent;*/
	/*	border: 1px solid var(--accent-light-blue-1);*/
	/*	font-size: 1.25rem;*/
	/*}*/
}
@media screen and (min-width: 64.25em) {
	body:not(.page-template-page-listen) #masthead #top-schedule div.top-schedule-label {
		display: block;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li > :is(a,div[tab-index="0"]) {
		font-size: 1.125rem;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li.nav-support > ul {
		grid-auto-flow: column;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:last-child > ul {
		right: -100%;
	}
}

/* Foot Banner linear-gradient(90deg, rgb(165, 17, 41) 0%, rgb(200, 16, 46) 35%, rgb(64, 128, 145) 100%) */
h2#foot-banner {
	width: 100%;
	border: 0;
	text-align: center;
	padding: 1.25rem clamp(1rem, 5%, 5rem);
	color: #404040;
	background: #e5ebf4; /*url(https://cdn.houstonpublicmedia.org/assets/images/donation-bg.jpg.webp) no-repeat right bottom;*/
	margin: 0 auto;
	clear: both;
	font-weight: 900;
	order: 10;
	font-size: 1.5rem;
}
h2#foot-banner a {
	color: #404040;
	display: block;
	margin: 0 auto;
	max-width: 60rem;
	font-size: 1.125rem;
	text-decoration: none;
}
h2#foot-banner span.donate {
	background-color: #237bbd;
	color: #fff;
	padding: 0.5rem 1rem;
	border-radius: 8px;
	display: flex;
	flex-flow: row nowrap;
	width: 10rem;
	margin: 0 auto;
	justify-content: center;
}
h2#foot-banner svg {
	fill: rgb(255, 255, 255);
	width: 1.5rem;
	margin-right: 0.5rem;
}

/* Footer */
footer#colophon {
	width: 100%;
	background-color: #237bbd;
}
footer#colophon section {
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 1rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
footer#colophon nav.footer-navigation {
	padding: 1rem;
	border-top: 1px solid #808080;
}
footer#colophon nav.footer-navigation div ul {
	display: flex;
	flex-flow: row wrap;
	gap: 0 2rem;
	justify-content: center;
	font-size: 85%;
	text-align: center;
}
footer#colophon section > div {
	width: 100%;
	margin-top: 2rem;
}
footer#colophon section > * + * {
	margin-top: 2rem;
}
footer#colophon .foot-logo a {
	width: 75%;
	margin: 0 auto;
	display: block;
}
footer#colophon .foot-logo a svg.hpm-logo path {
	fill: white;
}
footer#colophon .foot-logo a svg.hpm-logo :is(.hpm-logo-text,.hpm-logo-service) {
	fill: white;
}
footer#colophon .foot-logo a svg.hpm-logo .cls-2 {
	fill: #da252b;
}
footer#colophon .foot-logo a svg.hpm-logo .cls-3 {
	fill: #1e7fc3;
}
footer#colophon .foot-logo a svg.hpm-logo :is(.cls-5,.cls-6) {
	fill-rule: evenodd;
}
footer#colophon .foot-logo a svg.hpm-logo .cls-6 {
	fill: var(--main-blue);
}
footer#colophon .icon-wrap {
	grid-template-columns: repeat(6, 3rem);
	margin: 1rem 0;
}
footer#colophon p {
	padding: 0 0 1rem;
	margin: 0;
	color: #fff;
}
footer#colophon p a {
	font-weight: 700;
	color: #fff;
}
footer#colophon .foot-tag {
	padding: 1rem 2rem 0;
	text-align: center;
	border-top: 1px solid #fff;
}
footer#colophon .foot-contact {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	padding-top: 1.5rem;
	width: 100%;
	text-align: center;
}
footer#colophon .foot-contact p {
	padding: 0 0 1rem;
}
footer#colophon ul li.foot-button a {
	padding: 0.15rem 0.5rem;
	background-color: var(--main-red);
}
footer#colophon .foot-newsletter a {
	color: var(--accent-light-blue-2);
}
footer#colophon h3 {
	color: white;
	border-bottom: 1px solid #fff;
	padding-bottom: 0.25rem;
	margin-bottom: 0.5rem;
	font-size: 1.25rem;
}
footer#colophon h4 {
	margin-bottom: 0;
}
footer#colophon ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
footer#colophon ul li {
	color: white;
	/*padding: 0.25rem 0;*/
	padding: 0.15rem 0;
}
footer#colophon ul li a {
	color: white;
	text-decoration: none;
	display: block;
	/*padding: 0.25rem 0;*/
	padding: 0.15rem 0;
}
@media screen and (min-width: 34em) {
	footer#colophon section > div {
		width: 32%;
		margin: 1rem 0;
	}
	footer#colophon section > div.foot-logo {
		width: 100%;
	}
	footer#colophon .foot-logo a {
		width: 50%;
	}
	footer#colophon #footer-social {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 52.5em) {
	footer#colophon section > div {
		width: 23%;
	}
	footer#colophon section > div.foot-logo {
		width: 23%;
	}
	footer#colophon section > div.foot-logo a {
		width: 90%;
	}
	footer#colophon .foot-contact {
		width: 100%;
		margin: 0 auto;
		align-items: center;
		display: grid;
		gap: 1rem;
		grid-template-columns: 1fr 1fr 1fr;
	}
	footer#colophon .foot-contact p, footer#colophon .foot-contact p.foot-button {
		padding: 0;
		margin: 0;
	}
	footer#colophon .foot-contact p.foot-button {
		text-align: left;
	}
	footer#colophon .foot-contact .icon-wrap {
		margin: 0;
		justify-content: end;
	}
	footer#colophon .foot-contact .icon-wrap .service-icon a {
		margin-bottom: 0;
	}
}

/* Ad and Promos */
.sidebar-ad {
	height: 20rem;
}
.home .sidebar-ad {
	height: 16.5rem;
}
.sidebar-ad div {
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
	min-height: 250px;
}
#div-gpt-ad-1488818411584-0 {
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	padding: 0.75rem 0;
	min-height: 4.625rem;
}
@media screen and (min-width: 34em) {
	#div-gpt-ad-1488818411584-0 {
		min-height: 7.125rem;
	}
}
@media screen and (min-width: 52.5em) {
	#div-gpt-ad-1488818411584-0 {
		min-height: 4.625rem;
	}
}
.top-banner {
	width: 100%;
}
.top-banner img, .top-banner picture {
	width: 100%;
	max-width: 100%;
	display: block;
}
.hpm-promo-wrap {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr 1fr;
	background-color: var(--main-element-background);
	padding: 0.5rem;
}
#content > .hpm-promo-wrap {
	> .column-one {
		grid-column-start: 1;
	}
	> .column-two {
		grid-column-start: 2;
	}
	> .row-one {
		grid-row-start: 1;
	}
	> .row-two {
		grid-row-start: 2;
	}
	> .row-span {
		grid-row: 1/span 2;
	}
	> .column-span, > .full-width {
		grid-column: 1/span 2;
	}
}
.watch-tv .hpm-promo-wrap > .full-width {
	grid-column: 1/span 2;
}
aside .hpm-promo-wrap {
	display: none;
}
@media screen and (min-width: 52em) {
	#content > .hpm-promo-wrap {
		display: none;
	}
	aside .hpm-promo-wrap {
		display: grid;
		grid-template-columns: 1fr;
		height: 100%;
		align-items: center;
	}
	aside .hpm-promo-wrap > .column-one {
		grid-row: 1;
	}
	aside .hpm-promo-wrap > .column-two {
		grid-row: 2;
	}
	.watch-tv .hpm-promo-wrap > .full-width {
		grid-column: 1;
	}
}

/* Sidebar Highlights */
.highlights {
	margin-bottom: 1rem;
}
.highlights h4 {
	background-color: var(--main-red);
	display: inline-block;
	padding: 0.3125rem;
	text-transform: uppercase;
	color: white;
	font-weight: 700;
	margin: 0 0 1rem 0;
}
.highlights h4 a {
	color: white;
	text-decoration: underline;
}
.highlights ul {
	margin: 0 0 0 1rem;
	padding: 1rem;
}
.highlights ul h2 {
	margin-bottom: 0.75rem;
	font-size: 1.125rem;
}
.highlights h2 {
	margin-bottom: 1rem;
	font-size: 1.25rem;
}
.highlights h2 a {
	font-weight: 100;
}
.highlights article {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	padding: 1rem;
	gap: 1rem;
	background-color: var(--main-element-background);
}
.highlights article .post-thumbnail {
	display: block;
}
.highlights article .card-content {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	flex: 1 3 auto;
	min-width: 60%;
}
.highlights article .card-content .entry-header {
	padding: 0;
}
.highlights article .card-content .entry-header h3 {
	font-size: 1rem;
}
.highlights article.card .entry-header h2 {
	margin: 0;
}
.highlights article + article {
	margin-top: 1rem;
}
.highlights ul.nav-menu li {
	padding: 0.5rem 0;
}
.highlights ul.nav-menu li a {
	color: rgb(131, 133, 133);
	font-weight: 500;
	font-size: 1.25rem;
}

/* Article Styling */
.single:not(.single-staff,.single-shows) #main,
.page #main,
.error404 #main {
	background-color: var(--main-element-background);
	padding: 10px 0 0 0;
}
body.page.transparent-background #main {
	background-color: transparent !important;
}
.page-content {
	padding: 1em;
}
article {
	margin: 0;
	width: 100%;
	padding: 1em;
}
article .entry-header {
	padding: 0 0 1rem 0;
	width: 100%;
}
article:not(.type-staff) :is(.entry-header,.entry-content,.card-content):not(.article-player-wrap) > * + * {
	margin-top: 1.25rem;
}
article:not(.type-staff) :is(.entry-header,.entry-content,.card-content):not(.article-player-wrap) > :is(div,section) > * + * {
	margin-top: 1rem;
}
article:not(.type-staff) :is(.entry-header,.entry-content,.card-content):not(.article-player-wrap) > :is(div,section) > div > * + * {
	margin-top: 1rem;
}
article:not(.type-staff) :is(.entry-header,.entry-content,.card-content):not(.article-player-wrap) > :is(div,section) a {
	text-decoration: underline;
}
article .entry-header h3 {
	background-color: transparent;
	color: #00566c; /*var(--secondary-text);*/
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	/*padding-top:10px;*/
}
article .entry-header h1 {
	font-family: var(--hpm-font-condensed), sans-serif;
}
.page article .entry-header h1 {
	margin: 0;
}
article .entry-header p {
	font-weight: 500;
	font-size: 1.15em;
	color: var(--secondary-text);
}
article .entry-header .byline-date {
	font-size: 0.875rem;
	padding: 0.25em 0;
	text-transform: uppercase;
	color: var(--secondary-text);
	width: 100%;
	border-top: solid 1px #404040;
	border-bottom: solid 1px #404040;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
article .entry-header .byline-date .posted-on {
	padding-left: 0.125em;
}
article .entry-header .byline-date .byline {
	padding-right: 0.125em;
}
article .entry-header .byline-date a {
	font-weight: 500;
}
article .entry-header .byline-date address {
	display: inline-block;
	font-style: normal;
	margin: 0;
}
article .entry-content img, .mceMediaCreditOuterTemp {
	max-width: 100%;
}
article .entry-content img:not(.alignright,.alignleft,.aligncenter), .mceMediaCreditOuterTemp {
	margin: 0;
}
article .entry-content #map-canvas :is(img,picture) {
	max-width: initial;
}
article .entry-content .caption {
	background-color: #eeeeee;
	padding: 0.75em;
	font-style: italic;
	font-size: 0.925em;
	text-align: center;
}
article .entry-content :is(p.correction,.npr-transcript) {
	padding: 1em;
	background-color: var(--main-background);
	margin-bottom: 1em;
}
article .entry-content p a {
	text-decoration: underline;
}
:is(article .entry-content,.page-content,.show-content) ul {
	list-style: disc outside none;
}
.show-content > * + * {
	margin-top: 1rem;
}
:is(article .entry-content, .page-content) :is(ol li, ul li) {
	clear: both;
	margin: 0.5em 0;
}
article .entry-content blockquote.pullquote {
	padding: 0;
	margin: 2.5em;
}
article .entry-content blockquote.pullquote p {
	font-size: 1.5em;
	font-family: var(--hpm-font-condensed), sans-serif;
	margin: 0 0 1em 0;
	padding: 0;
	color: var(--secondary-text);
}
article .entry-content blockquote.pullquote p a {
	font-style: italic;
	font-weight: 700;
	font-size: 1em;
}
article .post-thumbnail {
	display: block;
}
article .post-thumbnail :is(img,picture) {
	height: max(18vh, 12rem);
	object-fit: cover;
	width: 100%;
}
@supports (aspect-ratio: 1) {
	article .post-thumbnail :is(img,picture) {
		aspect-ratio: 3/2;
		height: auto;
	}
	article.podcasts .post-thumbnail :is(img,picture) {
		aspect-ratio: 1;
	}
}
article .entry-footer .tags-links a {
	font-weight: 400;
	padding: 0.625em;
	background-color: rgb(244,244,244);
	text-transform: capitalize;
	float: left;
	margin: 0 0.625em 0.5em 0;
	font-size: 13px;
}
figure {
	width: 100% !important;
	margin: 0 auto 1em;
	max-width: 100%;
	clear: both;
	background-color: #f5f5f5;
}
figure img, figure iframe {
	max-width: 100%;
}
#embeds {
	margin: 0 0 2em 0;
}
figure figcaption {
	font-size: 0.9em;
	color: var(--main-text);
	padding: 1em;
	margin: 0 !important;
}
figure figcaption cite {
	display: block;
	text-align: right;
	font-style: italic;
	padding-top: 0.25em;
}
figure.npr-container,
figure.wp-block-embed {
	padding: 1em;
}
@media screen and (min-width: 34em) {
	figure.npr-container.npr-container-col-1 {
		width: 40% !important;
		float: right;
		margin: 0 0 1em 1em;
	}
}
span.edit-link {
	display: block;
	clear: both;
	margin: 1em 0;
}
body:is(.single):not(.single-staff,.author) #main {
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	display: flex;
	padding-top: 10px;
}
.single #main aside #author-wrap {
	order: -2;
}
@media (width >= 52.5em) {
	.single #main aside #author-wrap {
		order: initial;
	}
}
.job-listings h2 {
	margin-bottom: 0;
	display: inline-block;
	padding-right: 1em;
}
:is(.single,.page-template-page-npr-articles) #main article.post .entry-footer {
	margin-top: 1rem;
}
aside > * + * {
	margin-top: 1rem;
}
.sidebar-ad h4 {
	margin-bottom: 1rem;
}
#search-results, .post-archive {
	width: 100%;
	padding: 1em;
}
:is(#search-results,.post-archive) article.card {
	padding: 0;
}
.highlights article .entry-summary,
article.card .entry-summary {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
:is(#search-results,.post-archive) article.card .entry-summary {
	border: 0;
	clip: initial;
	height: auto;
	margin: 0 0 10px 0;
	overflow: visible;
	position: static;
	white-space: normal;
	width: auto;
	padding: 0 1rem 1rem;
}
#search-results article + article,
#search-results > div + div {
	margin-top: 1rem;
}
:is(#search-results,.post-archive) article.card h3:empty {
	display: none;
	margin: 0;
}
:is(#search-results,.post-archive) article.card h3:empty + h2 {
	margin-top: 0;
}
:is(#search-results,.post-archive) article.card .entry-header {
	padding: 1rem;
}
.page-header {
	background-color: var(--main-element-background);
	padding: 1em;
	margin: 0;
	width: 100%;
}
.page-header.banner {
	padding: 0;
	background-color: transparent;
}
.page-header.banner :is(img,picture) {
	width: 100%;
}
.news .page-header .page-title {
	/*color: rgb(0,98,136);
	font-weight: 400;
	font-size: 2.5em;
	font-family: var(--hpm-font-condensed), sans-serif;
	text-transform: uppercase;*/
	margin: 0;
}
.arts-culture .page-header .page-title {
	/*color: rgb(158,199,49);
	font-weight: 400;
	font-size: 2.5em;
	font-family: var(--hpm-font-condensed), sans-serif;
	text-transform: uppercase;*/
	margin: 0;
}
.education .page-header .page-title {

	font-weight: 400;
	/*font-size: 2.5em;
	font-family: var(--hpm-font-condensed), sans-serif;
	color: rgb(239,168,49);*/
	text-transform: uppercase;
	margin: 0;
}
.page-header + #float-wrap {
	margin-top: 1rem;
}
.archive #search-results > h2 {
	margin: 1rem 0;
}
#float-wrap {
	width: 100%;
}
.column-left,
.column-span,
.column-third,
.column-right {
	width: 90%;
	margin: 0 5%;
}
.article-wrap {
	margin: 1em 0;
}
.article-wrap article {
	margin-left: 5%;
	margin-right: 5%;
	padding: 0;
	width: 90%;
	background-color: var(--main-element-background);
}
.article-wrap article + article {
	margin-top: 1rem;
}
.article-wrap .highlights article.card {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	width: 100%;
}
:is(.column-left, .column-span, .article-wrap) article .entry-header {
	padding: 1rem;
}
:is(.column-left, .column-span, .article-wrap) article .entry-header h2 a {
	font-weight: 100;
	font-size: 1.25em;
}
:is(.column-left, .column-span, .article-wrap, #search-results) article .entry-footer {
	margin: 0 !important;
}
.credits-overlay {
	display: none;
}
.credits-container {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
}
.credits-container .credits-overlay {
	margin: 0 !important;
	padding: 0.25rem;
	background-color: transparent;
	text-align: right;
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	font-style: italic;
	font-size: 0.75rem;
	color: var(--secondary-text);
	max-width: 100% !important;
}
.credits-container:hover .credits-overlay {
	opacity: 0.9;
}
.credits-container:hover .credits-overlay * {
	opacity: 1;
}
.credits-container .credits-overlay p {
	margin: 0;
}
.image-credits {
	clear: both;
}
.credits-container .credits-overlay a {
	color: var(--secondary-text);
	text-decoration: none;
}
.credits-container .credits-overlay a:hover {
	text-decoration: underline;
}
body.single #author-wrap .author-other-stories ul {
	margin: 0 0 1rem 0;
}
body.single #author-wrap .author-other-stories h2 a {
	color: var(--main-headline);
	font-weight: 100;
	font-size: 1.125rem;
}
#author-wrap {
	padding: 1rem;
	/*background-color: var(--main-background);*/
	width: 100%;
}
#author-wrap h4 {
	display: inline-block;
	padding: 0.25em 0;
	text-transform: uppercase;
	color: var(--secondary-text);
	font-size: 1.25em;
}
#author-wrap h3 {
	text-transform: uppercase;
}
#author-wrap p {
	font-size: 1rem;
}
#author-wrap p + p {
	margin-top: 1rem;
}
#author-wrap .author-inner-wrap {
	background-color: var(--main-element-background);
	padding: 1rem;
}
#author-wrap .author-inner-wrap + .author-inner-wrap {
	margin-top: 1.5rem;
}
#author-wrap .author-image {
	width: 66%;
	margin: 0 auto 1rem;
}
#author-wrap .author-info {
	padding-bottom: 1rem;
}
#author-wrap .author-info > * + * {
	margin: 0.5rem 0 0 0;
}
#author-wrap .author-thumb {
	width: 66%;
	padding: 0.75em 0 0.5em;
	margin: auto;
}
.page-header #author-wrap {
	background-color: transparent;
}
.page-header #author-wrap .author-info-wrap {
	width: 100%;
}
.page-header #author-wrap .author-wrap-left {
	width: 100%;
	text-align: center;
}
#top-schedule-wrap :is(nav,.podcasts) {
	width: 100%;
	margin: 0 0 1em 0;
	overflow: hidden;
	padding: 1em;
}
#top-schedule-wrap nav ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
#top-schedule-wrap nav ul li {
	padding: 0.5em 0;
}
#top-schedule-wrap nav ul li a {
	color: var(--secondary-text);
	font-weight: 500;
	font-size: 1.25em;
}
.category-navigation {
	background-color: var(--main-element-background);
}
:is(.category-navigation,.podcasts) h4 {
	display: inline-block;
	padding: 0.25em;
	text-transform: uppercase;
	color: white;
	/*font-size: 1.25em;*/
	background-color: var(--main-blue);
}
.news :is(.category-navigation,.podcasts) h4 {
	/*background-color: rgb(0,98,136);*/
}
.arts-culture :is(.category-navigation,.podcasts) h4 {
	background-color: rgb(158,199,49);
}
.education :is(.category-navigation,.podcasts) h4 {
	/*background-color: rgb(239,168,49);*/
}
#float-wrap article.card.card-large.tag-breaking header {
	background-color: var(--main-red);
}
#float-wrap article.card.card-large.tag-breaking header * {
	color: var(--main-element-background);
}
#search-results article {
	background-color: var(--main-element-background);
}
#top-posts {
	background-color: var(--main-element-background);
}
.page.page-template-page-series-tiles aside.column-right {
	background-color: var(--main-element-background);
}
.page.page-template-page-series-tiles aside.column-right h2 {
	font-family: var(--hpm-font-condensed), sans-serif;
	font-size: 2em;
	border-bottom: 3px solid black;
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	width: 100%;
}
.page-header #author-wrap .author-wrap-left > * + * {
	margin-top: 1rem;
}
.page-header #author-wrap .author-wrap-left > .staff-pronouns,
#author-wrap .author-info > .staff-pronouns,
article .entry-header p.staff-pronouns,
.staff-pronouns {
	margin: 0;
	font-size: 0.9rem;
	font-weight: 400;
	color: var(--secondary-text);
}
:is(.single,.page-template-page-npr-articles) #article-share .icon-wrap {
	grid-template-columns: repeat(4, 2rem);
	margin: 0;
}
:is(.single-staff,.sa-info,#author-wrap) .icon-wrap {
	margin: 0.5rem 0 1rem;
	grid-template-columns: repeat(5, 2rem);
}
:is(.single-staff,.sa-info,#author-wrap) .icon-wrap .service-icon {
	--unit: 2rem;
}
.staff-bio {
	margin-top: 2rem;
}
.staff-bio > * + * {
	margin-top: 1rem;
}
article.staff {
	display: flex;
	align-items: center;
	flex-flow: row nowrap;
	position: relative;
	.card-content {
		min-width: 69%;
		flex: 1;
		margin-bottom: 1.75rem;
	}
	.post-thumbnail {
		img {
			aspect-ratio: initial;
			height: auto;
			padding-right: 1rem;
		}
		:is(img,picture) {
			aspect-ratio: 4/5 !important;
		}
	}
	.service-icon {
		--unit: 2rem;
		margin-top: 0 !important;
	}
	.icon-wrap {
		margin: 0;
		position: absolute;
		bottom: 0.5rem;
		right: 0.5rem;
		display: flex;
		gap: 0.5rem;
	}
	.entry-summary p {
		font-size: 1rem;
	}
	h2 {
		font-size: 1.25rem;
	}
	.entry-header {
		padding: 0;
	}
}
@media screen and (min-width: 34em) {
	.column-left,
	.column-span,
	.column-third,
	.column-right {
		width: 97.5%;
		margin: 0 1.25%;
		overflow: hidden;
	}
	.article-wrap {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
	}
	:is(.column-left,.article-wrap,aside).page-header {
		display: block;
	}
	/*aside section {*/
	/*	width: 47.5%;*/
	/*	margin-left: 1.25%;*/
	/*	margin-right: 1.25%;*/
	/*}*/
	.highlights article.card .entry-header h2 {
		font-size: 1.125rem;
	}
	:is(.column-left,.article-wrap) article.card {
		width: 47.5%;
		margin-left: 1.25%;
		margin-right: 1.25%;
	}
	:is(.column-left,.article-wrap) article.card.card-large {
		width: 97.5%;
		position: relative;
		background-color: transparent;
		padding: 0;
	}
	:is(.column-left,.article-wrap) article.card.card-large .card-content {
		background-color: var(--main-element-background);
		width: 75%;
		right: 0;
		bottom: 1rem;
		position: absolute;
	}
	:is(.column-left,.article-wrap) article.card.card-large header h2 {
		margin: 0;
	}
	:is(.column-left,.article-wrap) article.card.card-large header h2 a {
		font-weight: 400;
		font-size: 1.75em;
		font-family: var(--hpm-font-condensed), sans-serif;
	}
	:is(.column-left,.article-wrap) article.card.card-medium {
		width: 97.5%;
		display: flex;
		align-items: center;
		align-content: center;
		padding: 1rem;
	}
	:is(.column-left,.article-wrap) article.card.card-medium .post-thumbnail {
		width: 50%;
		order: 2;
	}
	:is(.column-left,.article-wrap) article.card.card-medium .card-content {
		width: 50%;
		padding: 0 1em 0 0;
		order: 1;
	}
	:is(.column-left,.article-wrap) article.card.card-medium .card-content h2 a {
		font-weight: 100;
		font-size: 1.5em;
	}
	#author-wrap .author-inner-wrap {
		display: flex;
		gap: 1rem;
	}
	#author-wrap .author-image {
		display: block;
		width: 33%;
		padding: 0;
	}
	#author-wrap .author-info {
		min-width: 66%;
		flex: 1;
		padding: 0;
	}
	#author-wrap .author-image img {
		width: 100%;
		max-width: 100%;
	}
	#author-wrap .author-info-wrap {
		display: flex;
		flex-flow: row-reverse nowrap;
		gap: 1rem;
	}
	#author-wrap .author-other-stories {
		width: 40%;
	}
	#author-wrap .author-info-wrap {
		width: 60%;
	}
	.page-header #author-wrap {
		display: grid;
		grid-template-columns: 35% auto;
		gap: 2rem;
		padding: 0;
	}
	.page-header #author-wrap .author-info-wrap {
		display: block;
	}
	.page-header #author-wrap .author-wrap-left {
		text-align: left;
	}
	#author-wrap .author-thumb {
		width: 100%;
		padding: 0;
	}
	.article-wrap article + article {
		margin-top: 0;
	}
	.article-wrap :is(article.card.card-large,article.card.card-medium) + article.card {
		margin-top: 1rem;
	}
	.article-wrap article.card + article.card + article.card {
		margin-top: 1rem;
	}
	:is(#search-results,.post-archive) article.card {
		padding: 1rem;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
	}
	:is(#search-results,.post-archive) article + article {
		margin-top: 1rem;
	}
	:is(#search-results,.post-archive) article.card .post-thumbnail {
		width: 33%;
		flex: 1;
		align-self: center;
	}
	:is(#search-results,.post-archive) article.card .card-content {
		flex: 2;
		min-width: 60%;
		align-self: center;
	}
	:is(#search-results,.post-archive) article.card .entry-header .entry-title {
		margin-top: 0 !important;
	}
}
@media screen and (min-width: 52.5em) {
	.article-wrap, .column-left {
		margin: 0 1% 1rem 0;
		width: 66%;
		float: left;
	}
	.column-third {
		float: left;
		margin: 0 1% 1rem;
		width: 31%
	}
	aside, .column-right {
		width: 33%;
		margin: 0;
		float: right;
		padding: 0 1rem 1rem 1rem;
		&.indepth-sidebar {
			padding: 0 1rem;
		}
	}
	#float-wrap {
		overflow: hidden;
	}
	aside section {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	#search-results,
	.post-archive {
		width: 66%;
		float: left;
		padding: 1rem 0;
		overflow: hidden;
		margin: 0 1% 1em 0;
	}
	body:is(.single,.page-template-page-npr-articles):not(.single-staff,.author) #main {
		display: flex;
		align-items: flex-start;
	}
	body.single.single-staff .page-header,
	body.archive.author .page-header {
		float: left;
		width: 66%;
		margin: 0 1% 1rem 0;
	}
	:is(.single,.page-template-page-npr-articles):not(.post-template-single-full-width) #main > article.post {
		width: 65%;
		margin: 0 2% 0 0;
	}
	:is(.single,.page-template-page-npr-articles) #main aside {
		order: 2;
		border-left: 1px solid var(--main-background);
	}
	:is(.single,.page-template-page-npr-articles) #main #author-wrap {
		order: 3;
		padding: 1rem 0;
	}
	:is(.single,.page-template-page-npr-articles) #main .page-header #author-wrap {
		order: 3;
		padding: 0;
	}
	#author-wrap .author-inner-wrap {
		padding: 2rem;
		gap: 2rem;
	}
	/*:is(.single,.page-template-page-npr-articles) #article-share .icon-wrap {*/
	/*	padding: 0 0 1rem 0;*/
	/*}*/
	:is(.single,.page-template-page-npr-articles) #article-share .icon-wrap :is(h1,h2,h3,h4,h5) {
		grid-column: 1;
	}
	#float-wrap {
		margin-bottom: 1rem;
	}
	.page #main > article {
		float: left;
		width: 66%;
		margin-right: 1%;
	}
	.page.page-template-page-wide #main > article {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.alignleft {
		float: left;
		width: 47.5% !important;
		margin: 0 2.5% 1rem 0;
	}
	figure.wp-caption.alignleft {
		float: left;
		width: 47.5% !important;
		margin: 0 2.5% 1rem 0;
	}
	.alignright,
	figure.wp-caption.alignright {
		float: right;
		width: 47.5% !important;
		margin: 0 0 1rem 2.5%;
	}
	.aligncenter,
	figure.wp-caption.aligncenter {
		margin: 0 auto 1em;
		text-align: center;
	}
	:is(.alignright,.alignleft,.aligncenter,.alignnone) :is(img,picture) {
		margin: 0 auto;
		max-width: 100%;
	}
	.alignright .alignright,
	.alignleft .alignleft,
	.aligncenter .aligncenter {
		float: none;
		margin: 0;
		width: 100% !important;
	}

}
@media screen and (min-width: 52.5em) {
	:is(.single,.page-template-page-npr-articles) #main > article.post {
		/*display: grid;
		grid-template-columns: 9rem 1fr;*/
	}
	:is(.single,.page-template-page-npr-articles) #main > article.post .entry-header {
		grid-column: 1 / span 2;
	}
	:is(.single,.page-template-page-npr-articles) #main > article.post .entry-footer {
		grid-column: 2;
	}
	/*:is(.single,.page-template-page-npr-articles) #article-share .icon-wrap {*/
	/*	grid-template-columns: 3.5rem 3.5rem;*/
	/*	gap: 1rem;*/
	/*	position: sticky;*/
	/*	top: 1rem;*/
	/*}*/
	/*:is(.single,.page-template-page-npr-articles) #article-share .icon-wrap :is(h1,h2,h3,h4,h5) {*/
	/*	grid-column: 1 / span 2;*/
	/*}*/
}

/* In-Depth */
.article-wrap article.category-in-depth.card:is(.card-medium,.card-large) {
	border: 0.375rem solid #00566c;
}
.article-wrap article.category-in-depth .indepth img {
	width: 50%;
	margin-right: 50%;
}
.article-wrap article.category-in-depth.card.card-large .indepth img {
	width: 20%;
	margin-right: 1em;
}
.single article.category-in-depth .entry-header .indepth {
	width: 12rem;
	margin-right: 1rem;
	display: block;
}
.single article.category-in-depth .entry-header .indepth + h3 {
	width: 100%;
}
@media screen and (min-width: 34em) {
	.single article.category-in-depth .entry-header {
		display: flex;
		flex-flow: row wrap;
		align-content: center;
		align-items: center;
	}
	.single article.category-in-depth .entry-header .indepth + h3 {
		width: auto;
		margin: 0;
		padding-bottom: 0.5rem;
		align-items: flex-end;
		display: flex;
	}
	.article-wrap article.category-in-depth.card.card-large .indepth + h3 {
		position: relative;
		bottom: 0.75rem;
	}
	.article-wrap article.category-in-depth.card.card-large {
		border: 0;
	}
	.article-wrap article.category-in-depth.card.card-large header {
		border: 0.375rem solid #00566c;
	}
}

/* Revue Embed */
#revue-embed {
	margin: 10em 0;
	padding: 1em;
	background-color: var(--main-background);
	font-size: 90%;
}
#revue-embed h2 {
	padding: 0;
	color: var(--main-red);
}
#revue-embed .revue-small {
	display: inline-block;
	float: left;
	font-style: italic;
	font-size: 95%;
}
#revue-embed #revue-form {
	overflow: hidden;
}
#revue-embed #revue-form .revue-form-group {
	width: 100%;
	padding-bottom: 0.5em;
	display: flex;
	flex-flow: row nowrap;
	align-content: center;
	align-items: center;
}
#revue-embed #revue-form label {
	padding-right: 0.5em;
}
#revue-embed #revue-form input {
	flex-grow: 2;
}
#revue-embed #revue-form input[type="submit"] {
	border: 0;
	outline: 0;
	background-color: var(--main-red);
	color: white;
	font-weight: bolder;
	font-size: 125%;
	padding: 0.5em;
	float: right;
}
#revue-embed * + * {
	margin-top: 0;
}
#revue-embed :is(p,form) {
	margin-top: 1rem;
}
@media screen and (min-width: 34em) {
	#revue-embed #revue-form .revue-form-group:nth-child(2) {
		width: 50%;
		float: left;
		padding-right: 0.5em;
	}
	#revue-embed #revue-form .revue-form-group:nth-child(3) {
		width: 50%;
		float: left;
		padding-left: 0.5em;
	}
}

/* Support Section */
.support-main .support-wrap {
	overflow: hidden;
	padding: 1em 0;
}
.support-main .support-tile {
	width: 100%;
	height: 0;
	padding: 0 0 calc(100%/1.3) 0;
	margin: 0 0 2em 0;
	position: relative;
}
.support-main .support-tile:nth-child(n+10) {
	padding-bottom: calc(100%/1.85142);
}
.support-main .support-tile a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
}
.support-main .support-tile p {
	display: none;
}
.support-main .support-tile .support-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2000;
}
.support-main .support-tile:nth-child(n+10) .support-title a {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: transparent;
	position: absolute;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	display: flex;
	font-size: 1.5em;
}
.support-main .support-tile:nth-child(n+10) .support-title {
	top: 0;
}
.support-main .support-tile .support-title a {
	position: static;
	width: 100%;
	padding: 0.5em 0.25em;
	text-align: center;
	background-color: rgba( 204, 0, 0, 0.75 );
	color: white;
	font: 400 1.125em/1em var(--hpm-font-main);
}
.support-main p.support-button {
	text-align: center;
	padding: 0;
}
.support-main .support-button a {
	font: 100 1.5em/1em var(--hpm-font-main);
	width: 60%;
	display: block;
	text-align: center;
	padding: 0.5em;
	margin: 0.5em 20%;
	color: white;
	background-color: var(--main-red);
	text-decoration: none;
}
.support-main .entry-content p.support-text {
	text-align: center;
	color: #707070;
	padding: 1em 0;
}
.page.support-main article header.entry-header h1 {
	color: var(--main-red);
	text-align: center;
}
.page.support-main article header.entry-header h1::first-line {
	font: 700 1.5em/1em var(--hpm-font-main);
}
@media screen and (min-width: 34em) {
	.support-main .support-tile {
		width: 47%;
		padding-bottom: calc(47%/1.3);
		margin: 0 1.5% 2em;
		float: left;
	}
	.support-main .support-tile:nth-child(n+10) {
		padding-bottom: calc(47%/1.85142);
	}
	.page.support-main article header.entry-header h1 {
		width: 50%;
		margin: 0 25%;
	}
	.support-main .support-button a {
		width: 40%;
		margin: 0.5em 30%;
	}
}
@media screen and (min-width: 52.5em) {
	.support-main .support-tile .support-title a {
		font: 400 1.25em/1em var(--hpm-font-main);
	}
	.support-main .support-wrap .support-tile {
		width: 31.333333%;
		padding-bottom: calc(31.333333%/1.3);
		margin: 0 1% 2em;
	}
	.support-main .support-tile:nth-child(n+10) {
		padding-bottom: calc(31.333333%/1.85142);
	}
	.support-main .support-button a {
		width: 30%;
		margin: 0.5em 35%;
	}
	.support-main .entry-content p.support-text {
		padding: 1em 5em;
	}
}
@media screen and (min-width: 64.0625em) {
	.support-main .support-button a {
		width: 20%;
		margin: 0.5em 40%;
	}
}



.page.support-ssac .entry-content .ssac-wrap {
	padding: 0 1em 2em;
	max-width: 55em;
	margin: 0 auto;
}
.page.support-ssac .entry-content .major-giving-societies p {
	margin: 0;
	padding: 0.5em 0;
}
.page.support-ssac .major-giving-societies {
	padding: 2em 0;
	overflow: hidden;
}
.page.support-ssac .alignleft img {
	width: 75%;
	margin: 0 12.5%;
}
.page.support-ssac h2 {
	font-weight: 700;
	font-size: 1.25em;
	border-bottom: 1px solid #707070;
	margin-bottom: 1em;
	padding: 1em 0.5em 0.5em;
	text-align: justify;
}
.support-ssac table {
	padding: 0 1em 1em;
	width: 750px;
}
.support-ssac .ssac-scroll {
	overflow-x: scroll;
	max-width: 100%;
}
.support-ssac th {
	border-bottom: 5px solid transparent;
	font-weight: 100;
	font-size: 1em;
	width: 15%;
}
.support-ssac th:first-child {
	width: 25%;
}
.support-ssac th span {
	font-weight: 700;
	font-size: 1em;
}
.support-ssac tbody tr:nth-child(2n-1) {
	background-color: #efefef;
}
.support-ssac .ssac-scroll {
	background-color: rgba(255,255,255,0.75);
}
.support-ssac th, .support-ssac td {
	text-align: center;
	color: rgb(89, 89, 91);
	padding: 0.75em 0.5em;
	vertical-align: middle;
}
.support-ssac :is(th,td) {
	color: #00566C;
	border-bottom-color: #00566C;
}
.support-ssac th.ssac-table-5,
.support-ssac td.ssac-table-5 {
	color: #D8002B;
	border-bottom-color: #D8002B;
}
.support-ssac td svg {
	width: 1rem;
	fill: #00566C;
}
.support-ssac td.ssac-table-5 svg {
	fill: #D8002B;
}
.page.support-ssac article .entry-content .major-giving-contacts img {
	width: 50%;
	margin: 0 25%;
}
.page.support-ssac .major-giving-contacts .adv-contact {
	padding: 1em 0 2em;
}
.page.support-ssac h2.ssac-head {
	text-align: center;
	color: var(--main-red);
	border-bottom: 1px solid var(--secondary-text);
}
.page.support-ssac section h1 {
	font-weight: 500;
	font-size: 1.25em;
	margin: 0;
	color: var(--secondary-text);
}
.page.support-ssac section h2 {
	padding: 0;
	margin: 0 0 0.5em 0;
	font-size: 1.25rem;
	border: 0;
	text-align: left;
}
.page.support-ssac article .entry-content p {
	font-size: 1rem;
	margin: 0;
	color: #000;
}
.page.support-ssac article .entry-content p a.ss-give {
	color: white;
	font: 500 1.5rem/1rem var(--hpm-font-main);
	background-color: var(--main-red);
	padding: 0.5rem 0;
	width: 50%;
	display: block;
	margin: 0 25% 0.25rem;
}
h2.ss-join {
	color: #11A6B3;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #11A6B3;
	margin-bottom: 1em;
	padding: 1em 0 0.5em;
}
.page.support-ssac article .entry-content p a.ss-give.ss-member {
	background-color: #016D94;
	width: 80%;
	margin: 0 10% 0.25em;
	font-size: 125%;
	clear: both;
}
.page.support-ssac article.support-members .entry-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.page.support-ssac article.support-members .entry-content ul li {
	margin: 0 0 0.5em;
	font-family: var(--hpm-font-main), sans-serif;;
	font-weight: 500;
	color: var(--main-text);
}
.page.support-ssac article.support-members .entry-content p {
	/*display: none;*/
}
.page.support-ssac article.support-members .entry-content h3 {
	font-size: 150%;
	margin-bottom: 1rem;
	color: var(--main-blue);
}
.page.support-ssac article.support-members {
	padding: 0;
}
.page.support-ssac article.support-members .entry-header {
	padding: 1rem;
	background-color: var(--main-blue);
}
.page.support-ssac article.support-members .entry-header h1 {
	color: white;
	font-weight: 700;
	font-family: var(--hpm-font-main), sans-serif;
}
.page.support-ssac article.support-members .entry-content {
	padding: 1rem;
}
.page.support-ssac #main > article {
	padding: 0;
}
.page.support-ssac article .entry-header {
	padding: 1rem;
	background-color: var(--main-red);
	margin-bottom: 1rem;
}
.page.support-ssac article .entry-header .entry-title {
	color: white;
	font-family: var(--hpm-font-main), sans-serif;
	font-weight: 700;
}
@media screen and (min-width: 23em) {
	.page.support-ssac article .entry-content .adv-contact p {
		padding: 0 0 0 1.5em;
	}
	.page.support-ssac article .entry-content p.phone {
		background-image: url(https://cdn.houstonpublicmedia.org/assets/images/phone_icon2x.png);
		background-size: 1em;
		background-repeat: no-repeat;
		background-position: 0;
	}
	.page.support-ssac article .entry-content p.email {
		background-image: url(https://cdn.houstonpublicmedia.org/assets/images/email_icon2x.png);
		background-size: 1em;
		background-repeat: no-repeat;
		background-position: 0 8px;
	}
}
@media screen and (min-width: 34em) {
	.support-ssac table {
		width: 100%;
	}
	.support-ssac .ssac-scroll {
		overflow-x: visible;
	}
	.page.support-ssac .major-giving-contacts {
		overflow: hidden;
	}
	.page.support-ssac .major-giving-contacts .adv-contact {
		float: left;
		width: 50%;
		padding: 1em 1em 2em;
	}
	.page.support-ssac article .entry-content p a.ss-give.ss-member {
		width: 60%;
		margin: 0 20% 0.25em;
	}
	.page.support-ssac article.support-members .entry-content .column-third {
		float: left;
		margin: 0 0.75% 1em;
		width: 31.5%;
	}
}
@media screen and (min-width: 52.5em) {
	.page.support-ssac .major-giving-societies {
		padding: 2em;
	}
	.page.support-ssac .major-giving-contacts {
		padding: 0 2em;
	}
	.page.support-ssac .major-giving-contacts .adv-contact {
		padding: 1em 2em 2em;
	}
	.page.support-ssac h2 {
		font-size: 175%;
	}
	h2.ss-join {
		font-size: 150%;
	}
	.page.support-ssac article .entry-content p a.ss-give {
		width: 25%;
		display: block;
		margin: 0 37.5% 0.5em;
	}
	.page.support-ssac h2.ss-contact {
		background-position-y: 26px;
		font-size: 150%;
	}
	.page.support-ssac article .entry-content p a.ss-give.ss-member {
		width: 55%;
		margin: 0 22.5% 0.25em;
	}
	.page.support-ssac article.support-members .entry-header {
		padding: 2rem;
	}
	.page.support-ssac article.support-members .entry-content {
		max-width: 65em;
		margin: 0 auto 1em;
	}
	.page.support-ssac #main > article .entry-header {
		padding: 2rem;
	}
}

.old-article-banner {
	background-color: var(--accent-yellow-1);
	font-weight: 700;
	font-size: 1.125rem;
	padding: 0.5rem 1rem;
	width: max-content;
	position: relative;
	left: -1rem;
	margin-right: 2.5rem;
}
.old-article-banner svg {
	width: 1rem;
	margin-right: 0.25rem;
}
.old-article-banner::after {
	border: 1.25rem solid transparent;
	border-left-color: var(--accent-yellow-1);
	border-top-color: var(--accent-yellow-1);
	width: 0;
	height: 0;
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
}

/* Audio Player */
.plyr-audio-embed {
	display: none;
	position: absolute;
	right: 0;
	top: 1em;
	background-color: white;
	padding: 0 0.25em;
	color: var(--main-red);
}
article:not(.type-staff) :is(.entry-header,.entry-content,.card-content) > div.article-player-wrap > * + * {
	margin-top: 0;
}
.plyr-audio-embed svg {
	width: 1.5rem;
}
.article-player-wrap {
	padding: 1em 0;
	position: relative;
}
.article-player-wrap:hover .plyr-audio-embed {
	display: inline-block;
}
.plyr-audio-embed-popup {
	position: fixed;
	bottom: -20em;
	width: 100%;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
	transition: bottom .5s ease-out;
}
.plyr-audio-embed-popup.plyr-audio-embed-active {
	bottom: 0;
}
.plyr-audio-embed-popup .plyr-audio-embed-wrap {
	background-color: var(--main-background);
	border: 1px solid #707070;
	margin: 2em 3%;
	padding: 1em;
	border-radius: 10px;
	box-shadow: #0e0e0e 2px 2px 2px;
	width: 94%;
	position: relative;
}
.plyr-audio-embed-popup p {
	font: 100 0.875em/1em var(--hpm-font-main);
	padding-top: 0;
}
.plyr-audio-embed-popup .plyr-audio-embed-code {
	font: normal 1em/1em "Courier New", Courier, monospace;
	padding: 0.5em;
	background-color: white;
	unicode-bidi: embed;
}
.plyr-audio-embed-popup .plyr-audio-embed-close {
	position: absolute;
	top: -17px;
	right: -17px;
	background-color: var(--main-red);
	text-align: center;
	font-size: 18px;
	width: 25px;
	height: 25px;
	border-radius: 20px;
	line-height: 25px;
	margin: 4px;
	color: white;
}
.plyr-audio-embed-popup .plyr-audio-embed-close:hover {
	cursor: pointer;
}
@media screen and (min-width: 34em) {
	.plyr-audio-embed-popup .plyr-audio-embed-wrap {
		margin: 2em 15%;
		width: 70%;
	}
	.plyr-audio-embed-popup p {
		font-size: 1em;
	}
}
@media screen and (min-width: 52.5em) {
	.plyr-audio-embed-popup .plyr-audio-embed-wrap {
		margin: 2em 25%;
		width: 50%;
	}
}
@media screen and (min-width: 64.0625em) {
	.plyr-audio-embed-popup .plyr-audio-embed-wrap {
		margin: 2em 30%;
		width: 40%;
	}
}

@media (max-width: 840px) {
	nav#site-navigation .nav-menu {
		height: 100vh;
		z-index: 9000;
		top: 0;
		left: 100%;
		overflow: hidden;
		transition: 280ms left ease-out;
		width: calc(100% - 5rem);
		background: #fff;
		position: fixed;
	}
	.nav-active-menu nav#site-navigation .nav-menu,
	nav#site-navigation:focus-within .nav-menu {
		box-shadow: 0 0 8px 2px #808080;
		left: 5rem;
		height: 100vh;
		width: calc(100% - 5rem);
		overflow-y: scroll;
		overflow-x: hidden;
		grid-template-columns: 100%;
		overscroll-behavior: none;
	}
}

@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media(min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:calc(10px * 2);padding:calc(var(--plyr-control-spacing,10px) * 2)}}@media(min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(calc(10px * -4));transform:translateY(calc(var(--plyr-control-spacing,10px) * -4))}.plyr__caption{background:rgba(0,0,0,.8);background:var(--plyr-captions-background,rgba(0,0,0,.8));border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:0 0;border:0;border-radius:3px;border-radius:var(--plyr-control-radius,3px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7);position:relative;transition:all .3s ease}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control.plyr__tab-focus{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}a.plyr__control{text-decoration:none}a.plyr__control::after,a.plyr__control::before{display:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:calc(10px/4);margin-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:calc(10px/4);padding-left:calc(var(--plyr-control-spacing,10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 calc(10px/2);padding:0 calc(var(--plyr-control-spacing,10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr__controls:empty{display:none}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);background:var(--plyr-menu-background,rgba(255,255,255,.9));border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-menu-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container::after{border:4px solid transparent;border:var(--plyr-menu-arrow-size,4px) solid transparent;border-top-color:rgba(255,255,255,.9);border-top-color:var(--plyr-menu-background,rgba(255,255,255,.9));content:'';height:0;position:absolute;right:calc(((18px/2) + calc(10px * .7)) - (4px/2));right:calc(((var(--plyr-control-icon-size,18px)/2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/2));top:100%;width:0}.plyr__menu__container [role=menu]{padding:calc(10px * .7);padding:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding-bottom:calc(calc(10px * .7)/1.5);padding-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/1.5);padding-left:calc(calc(10px * .7) * 1.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-right:calc(calc(10px * .7) * 1.5);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);padding-top:calc(calc(10px * .7)/1.5);padding-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/1.5);-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control::after{border:4px solid transparent;border:var(--plyr-menu-item-arrow-size,4px) solid transparent;content:'';position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:calc(calc(10px * .7) * 4);padding-right:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4)}.plyr__menu__container .plyr__control--forward::after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:calc((calc(10px * .7) * 1.5) - 4px);right:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:calc(10px * .7);margin:calc(var(--plyr-control-spacing,10px) * .7);margin-bottom:calc(calc(10px * .7)/2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px) * .7)/2);padding-left:calc(calc(10px * .7) * 4);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);position:relative;width:calc(100% - (calc(10px * .7) * 2));width:calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2))}.plyr__menu__container .plyr__control--back::after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:calc((calc(10px * .7) * 1.5) - 4px);left:calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px))}.plyr__menu__container .plyr__control--back::before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:'';height:1px;left:0;margin-top:calc(calc(10px * .7)/2);margin-top:calc(calc(var(--plyr-control-spacing,10px) * .7)/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:calc(10px * .7);padding-left:calc(var(--plyr-control-spacing,10px) * .7)}.plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]::before{background:rgba(0,0,0,.1);content:'';display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]::after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{background:#00b3ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{background:rgba(35,40,47,.1)}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:calc((calc(10px * .7) - 2) * -1);margin-right:calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);overflow:hidden;padding-left:calc(calc(10px * .7) * 3.5);padding-left:calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:calc(13px * 2);border-radius:calc(var(--plyr-range-thumb-height,13px) * 2);color:#00b3ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));display:block;height:calc((3px * 2) + 13px);height:calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:calc(5px/2);border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);-webkit-appearance:none;margin-top:calc(((13px - 5px)/2) * -1);margin-top:calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/2) * -1)}.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:calc(5px/2);border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:calc(5px/2);border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:calc(5px/2);border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;color:transparent}.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:calc(5px/2);border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:calc(5px/2);border-radius:calc(var(--plyr-range-track-height,5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-ms-user-select:none;user-select:none;background:currentColor}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2));height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px);margin-top:0}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{outline-color:#00b3ff;outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));outline-offset:2px;outline-style:dotted;outline-width:3px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media(max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:rgba(255,255,255,.9);background:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;border-radius:var(--plyr-tooltip-radius,3px);bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:calc(calc(10px/2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/2) * 2);opacity:0;padding:calc(10px/2) calc(calc(10px/2) * 1.5);padding:calc(var(--plyr-control-spacing,10px)/2) calc(calc(var(--plyr-control-spacing,10px)/2) * 1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;white-space:nowrap;z-index:2}.plyr__tooltip::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%,0) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translate(0,10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:calc((18px/2) + calc(10px * .7));left:calc((var(--plyr-control-icon-size,18px)/2) + calc(var(--plyr-control-spacing,10px) * .7))}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translate(0,10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:calc((18px/2) + calc(10px * .7));right:calc((var(--plyr-control-icon-size,18px)/2) + calc(var(--plyr-control-spacing,10px) * .7));transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0,0) scale(1)}.plyr__progress{left:calc(13px * .5);left:calc(var(--plyr-range-thumb-height,13px) * .5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:calc(13px * -.5);margin-left:calc(var(--plyr-range-thumb-height,13px) * -.5);margin-right:calc(13px * -.5);margin-right:calc(var(--plyr-range-thumb-height,13px) * -.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height,13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));left:0}.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:calc((5px/2) * -1);margin-top:calc((var(--plyr-range-track-height,5px)/2) * -1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:0 0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(35,40,47,.6) 25%,transparent 25%,transparent 50%,rgba(35,40,47,.6) 50%,rgba(35,40,47,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 25%,transparent 25%,transparent 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 50%,var(--plyr-progress-loading-background,rgba(35,40,47,.6)) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:transparent}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr__volume{align-items:center;display:flex;max-width:110px;min-width:80px;position:relative;width:20%}.plyr__volume input[type=range]{margin-left:calc(10px/2);margin-left:calc(var(--plyr-control-spacing,10px)/2);margin-right:calc(10px/2);margin-right:calc(var(--plyr-control-spacing,10px)/2);position:relative;z-index:2}.plyr--is-ios .plyr__volume{min-width:0;width:auto}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(193,200,209,.6);background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6)))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(35,40,47,.1);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(35,40,47,.1))}.plyr--audio .plyr__progress__buffer{color:rgba(193,200,209,.6);color:var(--plyr-audio-progress-buffered-background,rgba(193,200,209,.6))}.plyr--video{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;left:0;position:absolute;top:0}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75));background:var(--plyr-video-controls-background,linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.75)));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:calc(10px/2);padding:calc(var(--plyr-control-spacing,10px)/2);padding-top:calc(10px * 2);padding-top:calc(var(--plyr-control-spacing,10px) * 2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media(min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:calc(10px * 3.5);padding-top:calc(var(--plyr-control-spacing,10px) * 3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b3ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:calc(10px * 1.5);padding:calc(var(--plyr-control-spacing,10px) * 1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25);background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25)))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px rgba(35,40,47,.15),0 0 0 1px rgba(35,40,47,.2)),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,rgba(255,255,255,.5))}.plyr--video .plyr__progress__buffer{color:rgba(255,255,255,.25);color:var(--plyr-video-progress-buffered-background,rgba(255,255,255,.25))}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:fullscreen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-webkit-full-screen video{height:100%}.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-moz-full-screen video{height:100%}.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;position:static}.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:-ms-fullscreen video{height:100%}.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;position:static}.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;position:static}.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;position:relative}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media(min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads::after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads::after:empty{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin:var(--plyr-range-track-height,5px)/2 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}.plyr__preview-thumb{background-color:rgba(255,255,255,.9);background-color:var(--plyr-tooltip-background,rgba(255,255,255,.9));border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:var(--plyr-tooltip-shadow,0 1px 2px rgba(0,0,0,.15));margin-bottom:calc(calc(10px/2) * 2);margin-bottom:calc(calc(var(--plyr-control-spacing,10px)/2) * 2);opacity:0;padding:3px;padding:var(--plyr-tooltip-radius,3px);pointer-events:none;position:absolute;transform:translate(0,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s .1s ease,opacity .2s .1s ease;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0,0) scale(1)}.plyr__preview-thumb::before{border-left:4px solid transparent;border-left:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-right:4px solid transparent;border-right:var(--plyr-tooltip-arrow-size,4px) solid transparent;border-top:4px solid rgba(255,255,255,.9);border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,rgba(255,255,255,.9));bottom:calc(4px * -1);bottom:calc(var(--plyr-tooltip-arrow-size,4px) * -1);content:'';height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img{height:100%;left:0;max-height:none;max-width:none;position:absolute;top:0;width:100%}.plyr__preview-thumb__time-container{bottom:6px;left:0;position:absolute;right:0;white-space:nowrap;z-index:3}.plyr__preview-thumb__time-container span{background-color:rgba(0,0,0,.55);border-radius:calc(3px - 1px);border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));padding:3px 6px}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}

.list-none {
	list-style: none;
	margin: 0;
	padding: 0;
}
section {
	padding: 15px 0;
}
.text-light-gray {
	color: #222054;
	text-transform: uppercase;
	padding-bottom: 4px;
}

.cat-title {
	text-transform: uppercase;
	font-weight: bold;
	color: #237bbd;
	font-size: 14px;
}
.box-img {
	padding-bottom: 100%;
	position: relative;
}
.box-img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Header */
.header-schedules {
	position: absolute;
	left: 40%;
	top: 0;
}
.header-schedules a {
	background-color: var(--primary);
	color: var(--white);
	padding: 5px 15px;
	font-size: 14px;
	display: inline-block;
	border-radius: 0 0 10px 10px;
	text-decoration: none;
}
.header-schedules a:hover {
	background-color: var(--white);
	color: var(--primary);
}
.header-weather {
	position: absolute;
	right: 0;
	top: 0.5rem;
	color: white;
}
@media screen and (min-width: 52.5em) {
	#top-search {
		right: 0;
		top: auto;
		bottom: 58px;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li.nav-uh :is(div[tab-index="0"], a) {
		color: var(--white);
	}
	.nav-passport a,
	.nav-kids a,
	.nav-uh a {
		color: var(--white);
	}
	.nav-passport svg path {
		fill: var(--white);
	}
	.nav-uh div::after {
		display: none;
	}
	#masthead #top-search svg {
		width: 1rem;
		fill: var(--white);
	}
}
#masthead .header-container {
	max-width: var(--max-width);
	margin: 0 auto;
	position: relative;
}
#masthead.site-header {
	background-color: #222054;
	max-width: 100%;
	z-index: 11;
}
#masthead .navigation-wrap {
	background-color: var(--accent-skyblue-1);
}
#site-navigation .nav-wrap {
	display: flex;
	justify-content: space-between;
}
#site-navigation .nav-wrap .nav-menu li div {
	padding-right: 22px !important;
}
.nav-right {
	align-items: center;
}
.nav-right .social-icon-wrap {
	position: relative;
	top: auto;
	margin-left: 10px;
}
.nav-buttons,
.nav-buttons a {
	display: flex;
	align-items: center;
}
.nav-buttons a,
.nav-buttons button {
	font-size: 1rem;
	padding: 0.75rem;
	color: white;
	background-color: #3987c3;
	margin: 0 0.25rem;
	display: flex;
	border: none;
	font-weight: 500;
	svg {
		margin-right: 0.25rem;
		width: 1.25rem;
		fill: white;
	}
	&.btn-donate {
		background-color: var(--main-red);
		text-decoration: none;
	}
}

/* Home page */
.blue-label {
	border: solid 2px var(--main-white);
	background-color: var(--main-red);
	color: var(--white);
	text-transform: uppercase;
	position: relative;
	padding: 4px 45px;
	border-radius: 50px;
	display: inline-block;
}
.blue-label::before,
.blue-label::after {
	content: "";
	width: 20px;
	height: 20px;
	border: solid 1px var(--white);
	border-radius: 50px;
	position: absolute;
	left: 15px;
	top: 4px;
}
.blue-label::after {
	width: 6px;
	height: 6px;
	background-color: var(--white);
	left: 22px;
	top: 11px;
}
.time-category {
	margin: 20px 0 15px;
}
.news-listing {
	list-style: none;
	padding: 0;
	margin: 0;
}
.news-listing li {
	border-bottom: solid 1px var(--black);
	padding: 1rem;
}
.news-listing li:last-child {
	border: none;
	margin: 0;
}
.news-listing h3 {
	font-size: 1.1rem;
}
.news-listing p {
	font-size: 0.9em;
}
.news-listing p a {
	color: var(--base);
	text-decoration: none;
}
.news-listing h4 a {
	color: var(--gray1);
}
.news-listing .col-7 {
	padding: 0;
}
.news-listing .col-5 {
	padding-right: 0;
	padding-left: 1rem;
}
.breaking-news h1 {
	margin-bottom: 15px;
}
.breaking-news h1 a {
	font-weight: bold;
	font-size: 1.6rem;
	text-decoration: none;
}
.breaking-news-img {
	padding: 0;
	height: 100%;
	max-height: 400px;
	position: relative;
	margin: 0 1rem;
}
.news-main .breaking-news-img {
	max-height: none;
	min-height: 320px;
}
.breaking-news-first {
	border-right: 1px solid var(--black);
}
.news-list-left > .row > div {
	padding-bottom: 1.5rem;
}
section.section.breaking-news.container-fluid {
	--bs-gutter-x: 0;
}
section.breaking-news .row {
	--bs-gutter-x: 0;
}
#hm-top.breakingnews {
	background: var(--main-red);
}
#hm-top.developingstory {
	background: var(--accent-yellow-2);
}
.short-news {
	padding-bottom: 0;
}
.short-news ul {
	border-top: solid 2px var(--black);
	padding-top: 20px;
}
.short-news li {
	border-left: solid 1px var(--gray2);
	padding-left: 15px;
	margin-left: 15px;
	width: 20%;
}
.short-news li:first-child {
	border: none;
	padding: 0;
	margin: 0;
}
.short-news h3 {
	font-size: 1rem;
}
.short-news h3 a {
	font-weight: bold;
	text-decoration: none;
	color: var(--base);
}
.short-news h4 {
	font-size: 0.875rem;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.news-slider {
	background-color: #e7e7e8;
	padding: 1.5rem;
	&.houston-matters, &.hello-houston {
		display: grid;
		align-items: center;
		gap: 1rem;
		height: 100%;
	}
}
.news-slider > .row > div:nth-child(2) {
	display: flex;
	align-items: center;
}
.news-slider-info h2 {
	padding: 10px 0;
	font-size: 1.3rem;
}
.title {
	margin-bottom: 20px;
	position: relative;
	font-size: 1.3rem;
}
.title::before {
	content: "";
	width: 100%;
	height: 3px;
	background-color: var(--primary);
	position: absolute;
	left: 0;
	bottom: 0;
}
.title.no-bar:before {
	display: none;
}
.title strong {
	background-color: #fff;
	position: relative;
	padding: 0 10px 1px 0;
	text-transform: uppercase;
}
.title span {
	color: var(--primary);
	text-transform: none;
}
.title-full,
.title-full span {
	/*font-size: 18px;*/
	padding-bottom: 8px;
	text-transform: uppercase;
}
.title-full strong {
	background: none;
}
.title-full::before {
	background-color: #3f3f3f;
}
.news-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.news-links li {
	border-bottom: solid 1px var(--black);
	padding-bottom: 15px;
	margin-bottom: 15px;
	display: flex;
}
.news-links li strong {
	color: var(--primary);
}
.news-links li h2 {
	font-size: 14px;
}
:is(.news-links,.news-footerlinks) li a {
	color: var(--base);
	text-decoration: none;
}

/*Footer New module on home page*/
.news-footerlinks  {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
	position: relative;
}
.news-footerlinks li {
	width: calc(50% - 30px);
	margin-left: 20px;
	/*margin-right: 20px;*/
	display: flex;
	border-bottom: solid 1px var(--black);
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.news-footerlinks li strong {
	color: var(--primary);
}
.news-footerlinks li h2 {
	font-size: 14px;
}

.img-w75 {
	width: 75px;
	min-width: 75px;
	padding-bottom: 75px;
	margin-left: 10px;
	position: relative;
	overflow: hidden;
}
.img-w75 img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.img-w150 {
	width: 150px;
	margin-left: 10px;
}
.link-thumb {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
	position: relative;
}
.link-thumb li {
	width: calc(50% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	display: flex;
}
.list-dashed li {
	border-bottom-style: dotted;
}
.list-dashed li a,
.link-thumb a {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	justify-content: space-between;
	gap: 0.5rem;
}
.list-dashed li a span {
	flex: 2 10 auto;
}
.list-dashed li a :is(picture,img) {
	width: 100px;
}
.news-schedule label, .station-now-play h5 a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 5px;
	border-radius: 4px;
	font-size: 10px;
	font-weight: bold;
	background: #222054;
	color: #ffffff;
}
.news-schedule .title.title-full {
	margin-bottom: 0;
}
.news-schedule .news-links {
	padding-left: 30px;
}
.news-list .most-view ul li:nth-child(5) {
	display: none;
}
.title-style2 {
	font-size: 20px;
	position: relative;
	padding-top: 10px;
	margin-bottom: 15px;
}
.title-style2::before,
.title-style2::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e6e6e6;
}
.title-style2::after {
	width: 32px;
	height: 4px;
	top: 1px;
	background-color: #3A6F85;
}
.title-style2 span {
	color: #3A6F85;
}

/*Hello Houston Title*/
.title-style4 {
	font-size: 20px;
	position: relative;
	padding-top: 10px;
	margin-bottom: 15px;
}
.title-style4::before,
.title-style4::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e6e6e6;
}
.title-style4::after {
	width: 32px;
	height: 4px;
	top: 1px;
	background-color: #c7202f;
}
.title-style4 span {
	color: #c7202f;
}



/*Party Politics*/
.title-style3 {
	font-size: 20px;
	position: relative;
	padding-top: 10px;
	margin-bottom: 15px;
}
.title-style3::before,
.title-style3::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e6e6e6;
}
.title-style3::after {
	width: 32px;
	height: 4px;
	top: 1px;
	background-color: #0e59ac;
}
.title-style3 span {
	color: #0e59ac;
}

/*I SEE U*/
/* .title-style4 {
	font-size: 20px;
	position: relative;
	padding-top: 10px;
	margin-bottom: 15px;
}
.title-style4::before,
.title-style4::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e6e6e6;
}
.title-style4::after {
	width: 32px;
	height: 4px;
	top: 1px;
	background-color: #135392;
}
.title-style4 span {
	color: #135392;
}
 */
.radio-list .col-4:nth-child(2) .title-style2::after {
	background-color: #da2128;
}
.radio-list .col-4:nth-child(2) .title-style2 span {
	color: #db2128;
}
.radio-list .col-4:nth-child(3) .title-style2::after {
	background-color: #135392;
}
.radio-list .col-4:nth-child(3) .title-style2 span {
	color: #135392;
}

.radio-list .title {
	font-size: 18px;
	margin-bottom: 30px;
}
.radio-list .news-links {
	margin-top: 15px;
}
.radio-list .col-4 {
	padding: 0 30px;
	border-left: solid 1px #cccccc;
}
.radio-list .col-4:first-child {
	padding-left: 15px;
	border: none;
}
.radio-list .col-4:last-child {
	padding-right: 15px;
}
.radio-list .news-links li:first-child a {
	font-weight: bold;
}

.site-footer {
	padding-top: 45px;
}
.site-footer .container {
	background: none !important;
}
.footer-section {
	padding: 5px 0;
}
.footer-top,
.footer-last {
	border-top: solid 1px #4f95ca;
}
footer#colophon h3 {
	border: none;
}
footer#colophon ul li a:hover {
	color: white;
	text-decoration: underline;
}
footer#colophon .footer-tag p {
	padding-bottom: 5px;
	opacity: 0.7;
	font-size: 12px;
}
.footer-section h2 {
	color: white;
	border-bottom: solid 1px #4f95ca;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-weight: normal;
}
.footer-last {
	position: relative;
}
.footer-last ul {
	gap: 15px;
	display: flex;
}
.social-icon-wrap {
	gap: 5px;
	position: absolute;
	right: 0;
	top: 35px;
}
.social-icon-wrap a {
	width: 28px;
	height: 28px;
	background-color: white;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.social-icon-wrap svg {
	/*width: 14px;*/
	width: 20px;
}
.social-icon-wrap svg path {
	/*fill: #237bbd;*/
}

/* News details */

:is(.single,.page-template-page-npr-articles) #article-share {
	margin: 0;
}
:is(.single,.page-template-page-npr-articles) #article-share .icon-wrap h4 {
	display: none;
}
:is(.single,.page-template-page-npr-articles) #article-share .icon-wrap .service-icon {
	--unit: 2rem;
}
:is(.single,.page-template-page-npr-articles) article .entry-footer .tags-links a {
	border: solid 1px #404040;
	background: #e3dfdf;
}
#revue-embed {
	background: #e4ebf5;
	text-align: center;
}
#revue-embed .wpforms-title {
	font-weight: bold;
}
#revue-embed .wpforms-field-container {
	display: flex;
	justify-content: center;
	gap: 14px;
}
#revue-embed input.wpforms-field-required {
	border: solid 1px #000000;
	background: #e3dfdf;
	border-radius: 0;
}
#revue-embed .wpforms-submit {
	border: solid 1px #000000;
	background: #c8102e;
	color: #ffffff;
}
#revue-embed .wpforms-field-sublabel,
.single-post #author-wrap,
.single-post div.wpforms-container-full .wpforms-form .wpforms-field-label,
.column-right article.post h3 {
	/*display: none;*/
}

.column-right .highlights h4 {
	display: block;
	background: none;
	color: #404040;
	padding: 0 0 5px;
	border-bottom: solid 4px #404040;
}
.column-right article.post {
	display: flex !important;
	flex-direction: row-reverse;
	align-items: flex-start;
	border: none;
	border-bottom: dashed 1px #000;
	border-radius: 0;
	padding: 0 0 15px;
}
.column-right article.post .entry-title {
	font-size: 1rem;
}
.column-right .highlights ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.column-right .highlights li {
	border-bottom: dashed 1px #000;
	margin: 0 0 15px;
}

.sidebar-author {
	background-color: #222054;
	border-radius: 20px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.sidebar-author * {
	color: #fff;
	font-size: 1rem;
}
.sidebar-author p {
	color: #fff;
	font-size: 0.875rem;
}
.sa-header {
	padding: 0 1rem;
	border-bottom: solid 3px white;
	gap: 1rem;
}
.post-template-single-full-width .author-card .highlights {
	display: none;
}
.sa-info {
	padding-bottom: 1rem;
}
#author-wrap .author-card + .author-card {
	margin-top: 1rem;
}
@media screen and (min-width: 52.5em) {
	.post-template-single-full-width .author-card .highlights {
		display: block;
	}
	:is(.post-template-single-full-width) #main #author-wrap {
		padding: 1rem;
	}
	.post-template-single-full-width #author-wrap .author-card {
		display: grid;
		gap: 1rem;
	}
	.post-template-single-full-width #author-wrap .author-card:has(.highlights) {
		grid-template-columns: 1fr 1.25fr;
	}
}
.sa-pic {
	width: 33%;
	overflow: hidden;
	border-radius: 15px;
	margin-right: 15px;
}
.sa-body {
	padding: 15px;
}
.sa-body p {
	margin-bottom: 10px;
	font-size: 14px !important;
}

.staff-grid {
	display: grid;
	/*grid-template-columns: 1fr 1fr 1fr;*/
	gap: 1rem;
	width: 100%;
}

article.staff {
	display: flex;
	flex-flow: row nowrap;
	position: relative;
	margin: 0;
	width: 100%;
	background-color: #f5f5f5;
	border-bottom: solid 6px #237bbd;
}

#search-results article {
	background-color: #f5f5f5 !important;
	border: none;
	border-bottom: solid 6px #237bbd;
	border-radius: 0;
	align-items: flex-start !important;

}

#search-results article .entry-header {
	padding-top: 0 !important;
}

details summary::marker {
	color: var(--main-blue);
}

#search-results article .entry-header .entry-title {
	margin-top: .75rem;
}

#search-results article .entry-title a {
	font-weight: bold;
	color: #237bbd;
	text-decoration: none;
}

#search-results article .entry-summary {
	padding-bottom: 0 !important;
}

article .post-thumbnail {
	display: block;
	/*margin-right: 1rem;*/
}

article.single-staff .post-thumbnail {
	display: block;
	margin-right: 1rem;
}

article.staff .post-thumbnail :is(img, picture) {
	aspect-ratio: 4/5;
	height: auto;
	object-fit: cover;
	width: 100%;
}

article.staff .post-thumbnail img {
	aspect-ratio: initial;
	height: auto;
}

article.staff .card-content {
	min-width: 69%;
	flex: 1;
	margin-bottom: 1.75rem;
}

article.staff h2 {
	font-size: 15px !important;
	color: #00566c !important;
}

article.staff h2 a {
	color: #00566c !important;
	font-weight: 600 !important;
}

article.staff .entry-summary p {
	color: #404040 !important;
	font-weight: 500 !important;
	font-style: italic !important;
	font-size: 14px !important;
}

article.staff .icon-wrap {
	margin: 0;
	position: absolute;
	bottom: 0.5rem;
	right: 0.5rem;
	display: flex;
	align-items: start;
	justify-content: start;
	gap: 0.5rem;
}

article.staff .service-icon {
	--unit: 2rem;
}

.service-icon:last-child :is(a, button) {
	margin-right: 0;
}

select#hpm-staff-cat {
	outline: 0;
	background-color: #fff !important;
	color: #237bbd !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	padding: 0.5rem;
	margin: 0.5rem 0;
	max-width: 100%;
}

.staff-bio p:first-of-type::first-letter {
	font-size: 50px;
	display: block;
	float: left;
	line-height: 0.2;

	color: #404040;
}

.container, .container-fluid {
	background: none
}
.home-page > section {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.category-navigation {
	background: #f5f5f5;
	border-top: solid 8px #237bbd;
	padding: 15px 0 !important;
}
.category-navigation h4 {
	background: none;
	color: #237bbd;
	padding: 0 15px;
}

.category-navigation .nav-menu {
	padding-top: 15px !important;
}

.category-navigation .nav-menu li a {
	color: #404040 !important;
	padding-left: 15px;
	border-left: solid 3px #237bbd;
	font-weight: bold !important;
	font-size: 1em !important;
}

.wp-pagenavi {
	padding: 10px;
}
.wp-pagenavi a, .wp-pagenavi span {
	padding: 5px;
	margin-right: 10px;
	font-size: 12px;
	color: #237bbd;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #237bbd;
	color: #fff;
	border: 1px solid #afafaf;
}
.wp-pagenavi span.current {
	font-weight: bold;
}
#masthead .site-branding {
	min-height: 180px;
}

#masthead .site-logo {
	position: absolute;
	width: 600px;
	margin: 0 !important;
	left: 50%;
	top: 0;
	bottom: 0;
	transform: translateX(-50%);
}

.header-highlight-text {
	display: inline;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: white;
	font-weight: bold;
	font-size: 12px;
	padding-top: 6px;
}

.header-highlight-text a {
	color: #fff;
}
.nav-kids {
	display: none;
}
.splw-main-wrapper {

}
.splw-weather-title {
	display: none;
}
.splw-lite-wrapper {
	width: 190px;
	padding-top: 0;
}
.splw-lite-wrapper .splw-lite-header-title-wrapper {
	display: inline-block;
}
.splw-lite-wrapper .splw-lite-header {
	text-align: right;
	margin: 0;
}
.splw-lite-wrapper .splw-cur-temp {
	justify-content: flex-end;
}

.splw-lite-wrapper .splw-lite-current-temp {
	margin: 0;
}
.splw-lite-header-title-wrapper {
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}
.splw-lite-header {
	text-align: right;
}
.splw-lite-header-title {
	display: none;
}

.splw-cur-temp {
	display: flex;
	align-items: flex-start;
	font-size: 40px;
	font-weight: bold;
	justify-content: flex-end;
}

#top-search form {
	z-index: 100;
}

.title.gray-bar, .title.gray-bar span {
	text-transform: uppercase;
}

.title.gray-bar:before {
	background-color: #847f9c;
}

.title.red-bar, .title.red-bar span {
	text-transform: uppercase;
}

.title.red-bar:before {
	background-color: var(--main-red);
}

.who-we-are a {
	color: #237bbd;
}

.opportunity-img {
	width: 100%;
}

.opportunity-img img {
	width: 100%;
	aspect-ratio: 3/2;
	object-fit: cover;
	object-position: top center;
}

.opportunity-block {
	background: #f5f5f5;
	border-top: solid 7px #237bbd;
	padding: 15px 15px 65px;
	overflow: hidden;
	margin-bottom: 20px;
	height: 100%;
	position: relative;
}
.hpmopportunity-block {
	background: #f5f5f5;
	border-top: solid 7px #237bbd;
	/*padding: 15px 15px 65px;*/
	overflow: hidden;
	margin-bottom: 20px;
	height: 100%;
	position: relative;
}

.opportunity-block h5 {
	font-size: 16px;
	color: #00566c;
	font-weight: bold;
}
.opportunity-block {
	font-size: 14px;
}

.opportunity-block .btn {
	color: #237bbd;
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.opportunity-img + .opportunity-block {
	height: auto;
}

.btn.outline {
	float: right;
	margin-top: 20px;
	background-color: #00566c;
	border-radius: 0;
	outline: solid 1px #00566c;
	outline-offset: 3px;
	color: #fff;
}

.support-opps .opp {
	border-bottom: dotted 2px #222054;
}

.support-opps .educationpage {
	min-height: 265px !important;
}

.opp > a {
	gap: 0 1rem;
}
.opp > a, .support-ssac .episodes-content a {
	text-decoration: none !important;
}
.support-ssac .episodes-content a h4 {
	text-decoration: underline !important;
}

.support-opps .opp img {
	width: 100px;
	height: auto;
	background: #222054;
}
.support-opps .opp h2 {
	font-size: 18px;
	color: #222054;
	padding-bottom: 2px;
	text-decoration: underline;
}
.support-opps .opp p {
	font-size: 16px;
	color: #222054;
	line-height: normal;
}
.support-opps .opp {
	padding: 1rem;
}
.support-tiles {
	display: grid;
	gap: 1rem;
}
@media screen and (min-width: 34em) {
	.support-tiles {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (min-width: 52.5em) {
	.support-tiles {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
.quick-access {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	right: 0;
	bottom: -0.5rem;
}
.quick-access ul {
	display: flex;
	align-items: center;
}
.quick-access li {
	display: inline-block;
	padding: 0 5px;
}
.quick-access .nav-passport a {
	display: flex;
}
.quick-access .nav-passport span {
	display: none;
}
.quick-access .nav-passport svg {
	width: 100px
}
body:not(.page-template-page-listen) #masthead #top-search {
	position: static;
	padding-left: 5px;
}
.breakingnews p {
	padding: 0 !important;
	display: block;
}
.developingstory p {
	padding: 0 !important;
	display: block;
}
.breakingnews p .breakingnews-header {
	background-color: #ee1812;
	padding: 0.5rem 0.25rem;
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px !important;
}
.developingstory p .developingstory-header {
	background-color: #ffce16;
	padding: 0.5rem 0.25rem;
	display: inline-block;
	text-transform: uppercase;
	font-size: 16px !important;
	color: #000 !important;
}
.breakingnews p a {
	padding: 0 20px;
	font-size: 15px !important;
	color: #fff !important;
	text-decoration: none !important;
}
.developingstory p a {
	padding: 0 20px;
	font-size: 15px !important;
	color: #000 !important;
	text-decoration: none !important;
}
.contactus-banner {
	min-height: 200px;
	background: url(https://cdn.houstonpublicmedia.org/assets/images/contact-banner.jpg.webp) no-repeat 0 0;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.contactus-banner h2 {
	color: var(--main-white);
	text-align: center;
	font-size: 30px;
}
.contactus-banner a {
	font-size: 18px;
	padding: 10px;
	background: var(--main-white);
	border-radius: 15px;
	font-weight: bold;
	margin-top: 20px;
}
.contactus-banner a:hover {
	text-decoration: none;
}
.newsletter-form {
	order: 3;
	margin-bottom: 50px;
	background: #e4ebf5 url(https://cdn.houstonpublicmedia.org/assets/images/post-mail.png.webp) no-repeat left bottom;
	padding-left: 180px;

}
.newsletter-form #revue-embed {
	margin: 0;
	padding: 0 30px;
}

.newsletter-form .wpforms-container {

}
.newsletter-form .wpforms-description {
	font-size: 16px;
}

.newsletter-form .wpforms-field-sublabel {
	text-align: left;
}

.newsletter-form .wpforms-form .wpforms-field-label {
	text-align: left;
}

article .entry-header .byline-date {
	font-size: 14px;
	text-transform: capitalize;
}

article .entry-header .byline-date a {
	font-weight: bold;
}

/* #GS chart */

.gs {
	--gs-red: #ef4136;
}

#gs-chart {
	display: grid;
	grid-template-columns: 1fr repeat(12, 5rem);
	grid-template-rows: 1fr repeat(10, 5rem);
	padding: 1rem 0;
	margin-bottom: 2rem;
	overflow-x: scroll;
}

#gs-chart svg {
	/*fill: var(--gs-red);*/
	background-color: #14b0bc;
	padding: 0.75rem;
	border-radius: 4.5rem;
	width: 100%;
}

.gs-chart-entry.heart > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
}

#gs-chart .gs-chart-entry {
	display: flex;
	align-items: center;
	justify-items: center;
	border-bottom: 1px solid var(--main-white);
}

#gs-chart .gs-chart-entry.heart {
	background-color: var(--main-background);
}

#gs-chart .gs-chart-entry.empty {
	background-color: var(--main-background);
}

.gs-chart-head {
	height: 16rem;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: end;
}

.gs-chart-head:first-child {
	flex-flow: row wrap;
	display: flex;
	align-content: flex-end;
	padding: 0 3rem 1rem 1rem;
}

.gs-chart-head:first-child h2 {

	font-weight: 900;
	font-size: 1.25rem;
	margin: 0;
	padding: 0;
}

.gs-chart-head:first-child p {
	font-weight: 400;
	font-style: italic;
	font-size: 1rem;
	margin: 0;
	padding: 0;
}

.gs-chart-head h3 {
	transform: rotate(180deg);
	word-break: break-word;
	writing-mode: vertical-rl;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1rem;
	font-weight: 700;
}

.gs-chart-level {
	background-color: #00566c;
	padding: 0 1rem;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	border-bottom: 1px solid var(--main-white);
}

article .gs-chart-level h2 {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	font-style: italic;
	color: #fff;
}

article .gs-chart-level p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #c5c5c5;
	font-style: italic;
}

.innovation-fund-society {
	border-left: 10px solid #5c99b7;
}

.in-tempore-legacy-society {
	border-left: 10px solid #e5cf48;
}

.studio-society {
	border-left: 10px solid #ef4a36;
}

.studio-society-leadership {
	border-left: 10px solid #f19833;
}

.affinity-council {
	border-left: 10px solid var(--accent-light-blue-1);
}

.affinity-council-committee {
	border-left: 10px solid var(--main-blue);
}

.affinity-council-leadership {
	border-left: 10px solid #e21d39;
}

.visionary-leader {
	border-left: 10px solid var(--accent-green-1);
}

article .entry-content p.gs-engagement-extra {
	margin-bottom: 1rem;
	padding: 0 0 0 3rem;
}

.gs-engagement-extra svg {
	fill: var(--gs-red);
	width: 1.25rem;
}

article .entry-content p.gs-engagement-extra a {
	color: var(--main-blue);
	text-decoration: none;
	font-size: 1.5rem;
}

.gs-donate svg {
	fill: white;
	width: 2rem;
	transform: translate(-2px, 7px);
}

article .entry-content p.gs-donate {
	text-align: center;
	margin: 0 0 2rem;
}

article .entry-content p.gs-donate a {
	display: block;
	padding: 0.5rem 1rem 1rem 1rem;
	background-color: var(--gs-red);
	width: 20rem;
	margin: 0 auto;
	color: white;

	font-weight: 700;
	text-decoration: none;
	font-size: 1.75rem;
	border-radius: 2rem;
	box-shadow: 1px 1px 1px #808080;
}

.gs #masthead section {
	margin: 0;
	padding: 0;
	max-width: 100%;
}

.gs section {
	margin: 0 auto;
	/*padding: 2rem 0;
	max-width: 1050px;*/
}

.gs section + section {
	border-top: 1px solid #808080;
}

.gs section > h3 {

	font-size: 1.75rem;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 900;
	text-align: center;
	color: var(--main-red);
	margin: 0 0 1rem 0;
	padding: 0;
}

.gs section > h2 {
	font-family: var(--hpm-font-condensed), sans-serif;;
	font-size: 1.25rem;
	text-transform: uppercase;
	font-weight: 100;
	text-align: center;
	margin: 0;
	padding: 0;
}

.gs article .entry-content section > p:not(.gs-member-button,.gs-donate,.gs-engagement-extra) {
	font-style: italic;
	text-align: center;
	margin: 0 auto;
	max-width: 800px;
}

.gs article .entry-content section:first-child > p:not(.gs-donate) {
	font-style: normal;
	text-align: left;
	max-width: initial;
}

.gs article .entry-content section > p:not(.gs-member-button,.gs-donate,.gs-engagement-extra) a {
	color: var(--main-red);
	text-decoration: none;
}

.gs article .entry-content p.gs-member-button {
	text-align: center;
	margin: 0 0 2rem;
}

.gs article .entry-content p.gs-member-button a {
	display: inline-block;
	padding: 1rem 1.5rem;
	background-color: var(--accent-light-blue-1);
	margin: 0 auto;
	color: var(--main-blue);

	font-weight: 700;
	text-decoration: none;
	font-size: 1.75rem;
	border-radius: 2rem;
	box-shadow: 1px 1px 1px #808080;
	text-transform: uppercase;
}

.gs article .entry-content p.gs-member-button a span {
	color: white;
}

.gs section > h4 {

	font-weight: 700;
	color: var(--accent-light-blue-1);
	margin: 0;
	font-size: 1.5rem;
}

.gs article .entry-content section > h4 + p {
	max-width: initial;
	text-align: left;
	margin-bottom: 1rem;
}

.gs article .entry-content section p + p {
	margin-top: 1rem;
}

article .entry-content p.gs-disclaim {
	color: var(--main-blue);
	font-style: normal;
}

section .adv-contact {
	padding: 2em;
}

section .adv-contact > div {
	padding: 1em 0;
}

section .adv-contact h1 {
	font-size: 2rem;
	margin: 0;
	text-align: center;
}

.entry-content section .adv-contact h2 {
	padding: 0;
	margin: 0 0 0.5em 0;
	font-weight: 100;
	font-size: 1.25em;
	color: var(--main-text);
	border: 0;
	text-align: center;
	text-transform: initial;
}

.gs article .entry-content section .adv-contact p + p {
	margin-top: 0.5rem;
}

article .entry-content section .adv-contact img {
	width: 50%;
	margin: 0 25% 0.5em;
}

article .entry-content .adv-contact p.email svg, article .entry-content .adv-contact p.phone svg {
	fill: rgba(127, 127, 127, 0.5);
	width: 1.25rem;
	transform: translate(-3px, 5px);
}

article .entry-content .adv-contact p {
	padding: 0 0 0 1.5em;
	font: 100 1.125em/1.25em var(--hpm-font-main);
	margin: 0;
	color: var(--secondary-text);
	text-align: center;
}

article .entry-content .adv-contact p a {
	font-weight: 500;
}

@media screen and (min-width: 34em) {
	.adv-contact {
		display: flex;
		align-content: center;
		align-items: center;
		justify-content: center;
	}

	.adv-contact > div {
		padding: 0 1em;
		width: 50%;
	}
}

.single-event #main > article {
	float: left;
	width: 66%;
	margin-right: 1%;
}

@media screen and (min-width: 52.5em) {
	#gs-chart {
		overflow: initial;
	}
}

/* party-politics */

.party-politics-page {
	padding: 1em;
}
body.single-shows #station-social.station-social {
	grid-template-columns: unset;
	justify-content: center;
	text-align: center;
	padding: 2rem 0 1rem;
}
.station-social .badges-box {
	background: #093581;
	color: #fff;
	padding: 15px 65px;
	border-radius: 10px;
	font-weight: bold;
}
.station-social .badges-box .podcast-badges {
	padding-top: 10px;
}
.station-social .badges-box p {
	color: inherit;
}
.episodes-block .row {
	margin-right: -8px;
	margin-left: -8px;
}
.episodes-block .row > div {
	padding: 0.5rem;
}
.episodes-content {
	background: #f5f5f5;
}
.episodes-content picture img {
	height: auto;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 2/1;
}
.episodes-content #youtube-main {
	height: auto;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 2/1;
}
.episodes-content .content-wrapper {
	padding: 1rem;
}
.episodes-content .content-wrapper .date,
.episodes-content .content-wrapper .content-title,
.episodes-content .content-wrapper p {
	display: block;
	margin-bottom: 10px;
}
.episodes-content .content-wrapper a {
	font-weight: inherit;
	font-size: inherit;
}
.episodes-content .content-wrapper .date {
	color: #6d6e71;
}
.the-latest-block .episodes-content {
	display: flex;
	max-width: 972px;
	margin: 50px auto;
	padding-bottom: 0;
	flex-flow: column nowrap;
}
.the-latest-block .episodes-content picture {
	max-width: 60%;
	width: 100%;
	background: #f5f5f5;
}
.the-latest-block .image-wrapper {
	width: 100%;
	aspect-ratio: 16/9;
	align-self: center;
}
.the-latest-block .image-wrapper > div {
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	aspect-ratio: 16/9;
}
.the-latest-block .image-wrapper svg {
	width: 50px;
	height: 50px;
	z-index: 55;
	fill: var(--main-white);
}
.the-latest-block .episodes-content .content-wrapper {
	padding: 1rem;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}
.the-latest-block .episodes-content picture img {
	height: 100%;
	width: auto;
	object-fit: cover;
	object-position: top;
}
@media (width > 52.5em) {
	.the-latest-block .episodes-content .content-wrapper {
		max-width: 40%;
	}
	.the-latest-block .image-wrapper {
		max-width: 60%;
	}
	.the-latest-block .episodes-content {
		flex-flow: row nowrap;
	}
}

/* houston-matters-page */

/* houston-matters-page */

.houston-matters-page {
	padding: 1em;
}
.episodes-block.red-line .episodes-content .content-wrapper {
	border-bottom: 2px solid var(--main-red);
}
.about-houston-block ul.episode-list {
	padding: 0.5rem 0 0;
	list-style: none;
	margin: 0;
}
.about-houston-block ul.episode-list li a.list-link {
	display: flex;
	align-items: center;
	padding: 1rem 1rem 0 1rem;
}
.about-houston-block ul.episode-list li + li {
	border-top: 1px solid #c5c5c5;
	margin-top: 1rem;
}
.houston-content {
	display: flex;
}
.houston-content .image-wrapper {
	max-width: 48%;
	width: 100%;
	background: #f5f5f5;
	padding: 1rem;
}
.houston-content .content-wrapper {
	width: 100%;
	background: #e7f4fa;
	padding: 1rem;
	margin-top: 0 !important;
}
.houston-content .image-wrapper .image-box {
	padding-bottom: 22px;
	display: block;
}
.houston-content .content-wrapper .content-box {
	border-bottom: 1px solid #c5c5c5;
	margin-bottom: 20px;
}
.houston-content .content-wrapper .content-box h3.content-title, .houston-content .content-wrapper .content-box p {
	padding-bottom: 20px;
}
.houston-content .content-wrapper .episode-box .list-content {
	padding: 0 10px
}
.houston-content .image-wrapper .date-title {
	font-size: 24px;
}
.houston-content .image-wrapper .title strong {
	background-color: unset;
}
.houston-content .image-wrapper .title span {
	text-transform: uppercase;
}

.planned-giving .station-social {
	margin-bottom: 20px;
}
.about-party {
	margin-bottom: 20px;
}
.about-party h2 {
	margin-top: 20px;
}

.contact-block {
	margin-top: 20px;
	/*background: #e7f4fa;*/
	padding: 20px;
}

.contact-block .btn {
	margin-top: 20px;
}

@media (min-width: 840px) {
	body.sticky-nav header.site-header {
		position: fixed !important;
		transition: 0.3s ease-in-out;
		top: 0;
	}
	body.sticky-nav header.site-header :is(.breakingnews,.header-weather,.header-highlight-text,.quick-access > ul) {
		display: none;
	}
	body.sticky-nav header#masthead .site-branding {
		height: auto;
		min-height: unset;
	}
	body.sticky-nav header#masthead .site-branding .site-logo {
		position: static;
		transform: none;
		width: 270px;
		padding: 10px;
		min-height: unset;
	}
	body.sticky-nav header#masthead .quick-access {
		bottom: 1rem;
	}
}

.wp-pagenavi {
	display: flex;
	justify-content: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	margin: 0;
	border-radius: 0;
	border-color: #dee2e6;
	padding: 10px 12px;
}

.wp-pagenavi .pages {
	border-radius: 8px 0 0 8px;
}

.wp-pagenavi .last {
	border-radius: 0 8px 8px 0;
}
article.educationpage {
	padding-top: 0 !important;
}

.station-social .badges-box {
	color: #e5eef0
}

iframe {
	max-width: 100% !important;
}

/* Responsive */
body.sticky-nav {
	padding-top: 150px;
}

@media (max-width: 1199px) {
	.social-icon-wrap {
		display: none !important;
	}
	.quick-access {
		right: 15px;
	}
}

@media (max-width: 991px) {
	.breaking-news-first {
		border: 0;
	}
	body:not(.page-template-page-listen) .site-header .nav-buttons {
		position: absolute;
		right: 0;
		top: -62px;
	}
	body:not(.page-template-page-listen) #masthead .site-logo {
		position: static;
		transform: none;
		width: 270px;
		padding: 6px 10px;
		min-height: unset;
	}
	body:not(.page-template-page-listen) #masthead .site-branding {
		min-height: 80px;
	}
	.quick-access {
		bottom: -3rem;
		right: 10px
	}
	.header-highlight-text {
		display: none;
	}
	.header-weather {
		display: none;
	}
	body.sticky-nav header#masthead .quick-access {
		right: 10px;
		top: 12px;
	}
	.news-listing {
		padding: 0;
	}
	.news-listing li {
		border-bottom: none;
		padding: 1.5rem 0 1rem;
	}
	.news-listing li:first-child {
		padding-right: 1rem;
	}
	body.sticky-nav {
		padding-top: 235px;
	}
}

@media (max-width: 840px) {
	.quick-access ul {
		display: none;
	}
	#masthead #top-search {
		padding: 0;
	}
	#masthead #top-search .search-field {
		font-size: 1.2rem;
		padding: 5px 0;
	}
	#masthead #top-search svg {
		width: 1.2rem;
	}
	body:not(.page-template-page-listen) nav#site-navigation {
		height: 3rem;
	}
	.nav-button {
		width: 4rem;
		height: 3rem;
	}
	#masthead .top-mobile-text {
		display: none;
	}
	body:not(.page-template-page-listen) #masthead #top-search {
		position: relative;
		top: -8px;
		max-height: 38px;
	}
	body.sticky-nav #masthead #top-search {
		top: 72px;
	}

	nav#site-navigation > div.nav-wrap > div > ul > li:focus-within, nav#site-navigation > div.nav-wrap > div > ul > li.nav-active {
		background: none;
	}
	nav#site-navigation > div.nav-wrap > div > ul > li :is(a,div[tab-index="0"]) {
		padding: 5px 0;
	}
	nav#site-navigation > div.nav-wrap > div > ul > li > ul {
		opacity: 1;
		transform: rotateX(0);
		visibility: visible;
		position: static;
	}
	#site-navigation .nav-wrap .nav-menu > li > div, #site-navigation .nav-wrap .nav-menu > li > a {
		padding-left: 15px !important;
		font-size: 1.1rem;
		font-weight: bold;
	}

	nav#site-navigation ul.nav-menu {
		padding: 10px 0;
	}
	nav#site-navigation > div.nav-wrap > div > ul > li > div[tab-index="0"]:after {
		display: none;
	}
	nav#site-navigation .nav-menu, nav#site-navigation:focus-within .nav-menu {
		height: 100vh;
	}

	.nav-wrap div.nav-top-head {
		padding-top: 10px !important;
	}
	nav#site-navigation > div.nav-wrap ul.sub-menu {
		padding-top: 0;
		padding-bottom: 0;
	}
	aside section {
		width: 100%
	}
	body.sticky-nav {
		padding-top: 0;
	}
}

@media (max-width: 767px) {
	.sidebar-ad {
		width: 100%
	}
	.sidebar-ad div {
		max-width: none;
	}
	footer .container {
		max-width: none
	}
	.footer-last {
		padding: 20px 0 10px;
	}
	#hm-top.developingstory {
		position: relative;
	}
	#hm-top.developingstory p {
		display: flex;
		align-items: center;
	}
	.developingstory p .developingstory-header {
		width: 120px;
	}
	#hm-top p a {
		text-align: left;
	}

	.short-news ul {
		flex-wrap: wrap;
	}
	.short-news li {
		width: 50%;
		padding: 0 10px 20px;
		margin-left: 0;
		border: none;
	}
	.short-news li:first-child {
		padding: 0 10px 20px;
		margin-left: 0;
	}
	.news-main .breaking-news-img {
		max-height: none;
		min-height: 220px;
		margin: 0;
	}
	.news-listing li {
		padding: 1rem 0;
	}
	.news-listing li:first-child {
		padding-right: 0;
	}
}

@media (max-width: 575px) {
	.footer-links {
		margin-top: 20px;
	}
	#masthead .site-branding {
		min-height: 100px;
	}
	body:not(.page-template-page-listen) .site-header .nav-buttons {
		top: -34px;
	}
	.nav-buttons a, .nav-buttons button {
		padding: 5px 12px !important
	}
	.about-houston-block .houston-content {
		flex-wrap: wrap;
	}
	.houston-content .image-wrapper, .houston-content .content-wrapper {
		max-width: none
	}
	#masthead .site-branding .site-logo {
		align-items: flex-start;
		justify-content: center;
	}

	.footer-last ul {
		flex-wrap: wrap;
		gap: unset;
	}
	.footer-last ul li {
		padding-right: 10px !important;
	}
	.planned-giving .badges-box {
		padding: 15px
	}
	#hm-top.developingstory p {
		flex-wrap: wrap;
	}
	.developingstory p .developingstory-header {
		width: 100%;
		font-size: 14px !important;
	}
	#hm-top p a {
		padding: 5px;
	}
	h1 {
		font-size: 1.8rem;
	}
	.breaking-news-img {
		padding: 10px 0
	}
	.breaking-news-img img {
		position: relative;
	}
	.link-thumb li {
		width: 100%
	}
	.ads-full > div {
		max-width: 100% !important;
		overflow: hidden;
	}
	#revue-embed .wpforms-field-container {
		flex-wrap: wrap;
	}
	div.wpforms-container-full .wpforms-form .wpforms-field {
		padding: 0;
		flex-grow: 1;
	}

	.newsletter-form {
		background-image: none;
		padding: 0;
	}
}
body.page-template-page-listen {
	#masthead {
		.site-branding {
			min-height: 50px;
			grid-template-columns: auto 50px 50px;
			.site-logo {
				width: 100%;
				height: 50px;
				min-height: 50px;
				transform: none;
				position: static;
				align-items: center;
				justify-content: flex-start;
				padding-left: 55px;
				a {
					width: 200px;
				}
			}
		}
		.top-mobile-text {
			display: none;
		}
		#top-donate {
			width: 50px;
			height: 50px;
			> a {
				width: 100%;
				height: 100%;
				padding: 10px;
			}
		}
		#top-search {
			display: none;
		}
	}
	.main-navigation {
		z-index: 55;
		position: relative;
	}
	.nav-button {
		left: 0;
		top: 0;
		height: 50px;
		width: 50px;
		padding: 10px;
	}
	nav#site-navigation {
		ul.nav-menu {
			height: 100vh;
			z-index: 9000;
			top: 0;
			left: 100%;
			overflow: hidden;
			transition: 280ms left ease-out;
			width: calc(100% - 50px);
			background: #fff;
			position: fixed;
			padding: 10px 0;
		}
		&:focus-within .nav-menu {
			height: 100vh;
		}
		> div.nav-wrap > div > ul > li :is(a,div[tab-index="0"]) {
			text-decoration: none;
			color: var(--main-headline);
			display: inline-flex;
			padding: 5px 0;
			border: 0;
			background-color: transparent;
			width: 100%;
		}
		.nav-wrap {
			box-shadow: none;
			.nav-menu > li > :is(div,a) {
				padding-left: 15px !important;
				font-size: 1.1rem;
				font-weight: bold;
			}
		}
	}
	&.nav-active-menu {
		#top-mobile-close {
			left: 0;
		}
		nav#site-navigation .nav-menu, nav#site-navigation:focus-within .nav-menu {
			box-shadow: 0 0 8px 2px #808080;
			left: 5rem;
			height: 100vh;
			width: calc(100% - 5rem);
			overflow-y: scroll;
			overflow-x: hidden;
			grid-template-columns: 100%;
			overscroll-behavior: none;
		}
	}
}
@media screen and (min-width: 52.5em) {
	body:not(.page-template-page-listen) .container {
		background-color: var(--accent-blue-1);
		border-bottom: transparent;
	}
	body:not(.page-template-page-listen) nav#site-navigation {
		background-color: var(--accent-skyblue-1);
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li > :is(a, div[tab-index="0"]) {
		color: var(--main-white);
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li > :is(a,div[tab-index="0"]) {
		font-size: 1rem;
		font-weight: 400;
		padding: 0.75rem 0.5rem 0.75rem;
		text-transform: none;
	}
	nav#site-navigation > div.nav-wrap > div > ul > li > div[tab-index="0"]:after,
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li > div[tab-index="0"]:after {
		border-style: solid;
		border-color: white;
		border-width: 0 1px 1px 0;
		transform: rotate(45deg);
		width: 10px;
		height: 10px;
		top: 3px;
		right: -10px;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:hover > div[tab-index="0"]:after,
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:focus-within > div[tab-index="0"]:after {
		border-bottom-color: white;
		top: 3px;
		right: -10px;
	}
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:hover,
	body:not(.page-template-page-listen) nav#site-navigation > div.nav-wrap > div > ul > li:focus-within {
		background-color: var(--accent-skyblue-2);
	}
}