/* Shared block layout rules for front-end and editor previews. */
:is(
	.carousel-img,
	.featured-story-img,
	.img-fluid,
	.img-stnd,
	.ed-list-img,
	.ed-lead-img,
	.asu-for-you,
	.passport-img,
	.asu-img,
	.asu-img-mobile,
	.asu-header-label,
	.logo-featured-show,
	.asu-featured-logo,
	.logo-nc
) {
	height: auto;
}
.pbs-header-colors .featured-headline a:is(:hover, :focus-visible),
.pbs-two-up
	.featured-headline
	.pbs-two-up-title-link:is(:hover, :focus-visible) {
	color: var(--pbs-text);
	text-decoration: underline;
}
.pbs-two-up
	.featured-headline
	.pbs-two-up-title-link:is(:hover, :focus-visible) {
	color: var(--pbs-title);
}

:root {
	--pbs-blue: #2559a9;
	--pbs-yellow: #ffb71b;
	--pbs-green: #9ecc3b;
	--pbs-ink: #000;
	--pbs-white: #fff;
}
@media (prefers-reduced-motion: reduce) {
	#page *,
	#page *::before,
	#page *::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
}

/* Clip side shading to the carousel and align it with the measured card images. */
.carousel-holder {
	position: relative;
	container-type: inline-size;
}
.carousel-items > .episode-item {
	width: min(345px, 100cqw);
}
.carousel-items .episode-img {
	height: auto;
	aspect-ratio: 345 / 194;
}
.shadow-standard-left-carousel,
.shadow-standard-right-carousel {
	top: var(--pbs-carousel-image-top, 0px);
	height: var(--pbs-carousel-image-height, 0px);
}
.shadow-standard-left-carousel {
	left: 0;
}
.shadow-standard-right-carousel {
	right: 0;
}

/* Authored values stay in custom properties; shared rules own their layout. */
[style*='--pbs-background:'] {
	background: var(--pbs-background);
	background-size: cover;
	background-position: center;
}
[style*='--pbs-background-image:'] {
	background-image: var(--pbs-background-image);
	background-size: cover;
	background-position: center;
}
.ed-col-right[style*='--pbs-background-image:'] {
	background-position: right;
}
.pbs-text-columns {
	color: var(--pbs-text);
}
.pbs-text-columns :is(h2, h3, a, .pbs-column-content) {
	color: var(--pbs-text);
}
.pbs-story-colors .featured-news-headline {
	color: var(--pbs-text);
	text-transform: uppercase;
}
.pbs-story-colors
	:is(.featured-date, .pbs-topic-description, .pbs-topic-description p) {
	color: var(--pbs-text);
}
.pbs-topic-description {
	padding-bottom: 10px;
}
.topic a {
	color: var(--pbs-text);
	scroll-margin-block: 1.5rem;
}
.pbs-directory-two-up .ed-list-item {
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.pbs-directory-two-up :is(.ed-col-left-1and2, .ed-col-right-1and2) {
	background: var(--pbs-background);
}
.pbs-directory-two-up :is(.ed-dropcap, .col-list-header) {
	color: var(--pbs-title);
}
.pbs-directory-two-up :is(.ed-p, .ed-list-title) {
	color: var(--pbs-text);
}
.pbs-header-colors,
.pbs-header-colors :is(.featured-headline, .featured-p, .pbs-inherit-color) {
	color: var(--pbs-text);
}
.pbs-header-colors .featured-column-btn-featured-reg {
	background-color: var(--pbs-header-button-background, var(--pbs-yellow));
}
.pbs-mosaic-title {
	color: var(--pbs-mosaic-text);
	padding-bottom: 10px;
}
[data-mosaic-layout] .mosaic-wrap {
	background: var(--pbs-background) var(--pbs-background-image, none) center /
		cover;
}
.pbs-two-up .pbs-two-up-title-link {
	color: var(--pbs-title);
}
.pbs-two-up .asu-p {
	color: var(--pbs-text);
}
.ed-left-content .pbs-ink-link,
.ed-left-content .pbs-ink-link:is(:hover, :focus-visible) {
	color: var(--pbs-ink);
}
.pbs-poster-title .pbs-blue-link,
.pbs-poster-title .pbs-blue-link:is(:hover, :focus-visible) {
	color: var(--pbs-blue);
}
.pbs-blue-button {
	color: var(--pbs-white);
	background: var(--pbs-blue);
}
.pbs-topic-result-link {
	text-decoration: underline;
	color: var(--pbs-topic-link);
}
.pbs-topic-pagination {
	padding-top: 30px;
}
.pbs-kids-surface {
	--pbs-text: var(--pbs-white);
}
.pbs-kids-surface .kids-2-block p {
	color: var(--pbs-white);
}
.pbs-category-description.pbs-description-inset {
	padding-left: var(--pbs-content-gutter, 60px);
	padding-bottom: 20px;
}
.pbs-single-item .featured-p.pbs-white p {
	color: var(--pbs-white);
}
.pbs-viral-player-wrapper {
	position: relative;
	padding-top: calc(56.25% + 43px);
}
.pbs-viral-player-wrapper iframe {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
:is(.video-wrapper, .pbs-viral-player-wrapper) iframe {
	border: 0;
}
:is(.listen-col-left, .gen-show-header, .featured-col-home-left) {
	height: 100%;
}

/* templates-blocks/page-header/page-header.php */
.local-page-header {
	position: relative;
	float: left;
	width: 100%;
	padding-left: var(--pbs-content-gutter, 60px);
	padding-right: var(--pbs-content-gutter, 60px);
	padding-bottom: 30px;
	padding-top: 30px;
}

.local-page-header .featured-column-btn-featured-reg {
	color: var(--pbs-header-button-text, var(--pbs-ink));
}

.footer-main .logo-footer {
	width: auto;
	max-width: 100%;
	height: auto;
}
.pbs-directory-two-up .ed-lead-img {
	width: auto;
}
.carousel-label-button .display-inline,
.carousel-label-button img {
	max-width: 100%;
}
.carousel-label-button img {
	height: auto;
}
.asu-show-item-mobile {
	max-height: none;
}
.asu-show-item-mobile img {
	width: auto;
	object-fit: contain;
}
.container-ed-header .ed-tip-header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	height: auto;
	min-height: 50px;
	padding: 10px;
	line-height: 1.2;
}
.container-ed-header .ed-tip {
	flex: none;
	width: auto;
	height: 30px;
	padding: 0;
}
.container-featured-home .gen-show-header {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	align-items: center;
	gap: 40px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.container-featured-home .show-art {
	grid-column: 2;
	grid-row: 1;
	display: flex;
	justify-content: center;
	padding: 0;
}
.container-featured-home .logo-featured-show {
	float: none;
	width: auto;
	max-width: 100%;
}
.container-featured-home .featured-left-content-gen-show {
	position: static;
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
}
.container-featured-home .featured-left-content-gen-show .featured-headline {
	width: 100%;
}
@media (max-width: 1130px) {
	.container-featured-home .gen-show-header {
		grid-template-columns: minmax(0, 1fr);
	}
	.container-featured-home .show-art {
		grid-column: 1;
	}
	.container-featured-home .featured-left-content-gen-show {
		grid-row: 2;
	}
}
.pbs-big-graphic {
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)),
		url('../img/default-thumbnail.jpg');
}
.listen-container .featured-title,
.pbs-big-graphic .featured-title {
	color: var(--pbs-ink);
}
.pbs-carousel-dark .pbs-blue-link,
.pbs-carousel-dark .pbs-blue-link:is(:hover, :focus-visible) {
	color: var(--pbs-white);
}

/* Both Swirly Two Up blocks grow with their text instead of covering their links. */
.container-ed-header {
	--pbs-swirly-mask-overhang: 270px;
	display: flex;
}
/* Keep the decorative curve beyond both edges when the text increases panel height. */
.container-ed-header .ed-overlay {
	left: 0;
	top: calc(0px - var(--pbs-swirly-mask-overhang));
	width: auto;
	max-width: none;
	height: calc(
		100% + var(--pbs-swirly-mask-overhang) + var(--pbs-swirly-mask-overhang)
	);
}
@media (max-width: 825px) {
	.container-ed-header {
		flex-direction: column;
	}
}

/* templates-blocks/subhead/subhead.php */
.local-page-header {
	position: relative;
	float: left;
	width: 100%;
	padding: 30px var(--pbs-content-gutter, 60px);
}

/* templates-blocks/kids-two-columns/kids-two-columns.php */
.kids-2-block a {
	color: white;
}

.pbs-feature-dark .featured-headline a:hover {
	color: white;
	text-decoration: underline;
}
.pbs-feature-dark .featured-p {
	color: white;
}
.featured-label a {
	color: inherit;
}
.pbs-flat-two-up {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px;
	padding: 30px var(--pbs-content-gutter, 60px);
}
@media (max-width: 810px) {
	.pbs-flat-two-up {
		grid-template-columns: minmax(0, 1fr);
	}
}

.pbs-spacer {
	padding-top: var(--pbs-spacer-desktop, 0px);
}
@media (max-width: 550px) {
	.pbs-spacer {
		padding-top: var(--pbs-spacer-mobile, var(--pbs-spacer-desktop, 0px));
	}
}
@media (min-width: 551px) and (max-width: 1030px) {
	.pbs-spacer {
		padding-top: var(--pbs-spacer-tablet, var(--pbs-spacer-desktop, 0px));
	}
}
[data-mosaic-layout] .mosaic-wrap {
	padding: 30px 60px;
}
[data-mosaic-layout] .mosaic-column-1,
[data-mosaic-layout] .mosaic-column-1 p,
[data-mosaic-layout] .mosaic-column-1 a {
	color: var(--pbs-mosaic-text, #444444);
}
[data-mosaic-layout] .mosaic-grid {
	background-color: transparent;
}
[data-mosaic-layout] .grid-item img {
	max-width: 100%;
	height: auto;
}
@media (max-width: 810px) {
	[data-mosaic-layout] .mosaic-wrap {
		padding: 30px 20px;
	}
}

/* Mosaic: 3up */
@media only screen and (max-width: 810px) {
	[data-mosaic-layout='3up'] .mosaic-column-1,
	[data-mosaic-layout='3up'] .mosaic-column-2 {
		width: 100%;
		padding-top: 30px;
	}
}

@media only screen and (min-width: 811px) {
	[data-mosaic-layout='3up'] .mosaic-column-1 {
		width: 30%;
		float: left;
		padding-right: 30px;
	}

	[data-mosaic-layout='3up'] .mosaic-column-2 {
		width: 70%;
		float: left;
		padding-right: 30px;
	}

	[data-mosaic-layout='3up'] .mosaic-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(2, auto);
	}

	[data-mosaic-layout='3up'] .grid-item1 {
		grid-column: span 2;
		grid-row: 1;
	}

	[data-mosaic-layout='3up'] .grid-item2 {
		grid-column: 1;
		grid-row: 2;
		padding-right: 30px;
	}

	[data-mosaic-layout='3up'] .grid-item3 {
		grid-column: 2;
		grid-row: 2;
	}
}

[data-mosaic-layout='3up'] .mosaic-wrap {
	padding: 30px clamp(20px, 5vw, 60px);
}

[data-mosaic-layout='3up'] .mosaic-wrap:after {
	content: '';
	display: table;
	clear: both;
}

[data-mosaic-layout='3up'] .mosaic-column-1 p {
	color: var(--pbs-mosaic-text, #444444);
}
[data-mosaic-layout='3up'] .mosaic-column-1 a {
	color: var(--pbs-mosaic-text, #444444);
}

[data-mosaic-layout='3up'] .mosaic-grid {
	background-color: transparent;
}
[data-mosaic-layout='3up'] .grid-item:not(:first-child) {
	padding-top: 30px;
}

/* Mosaic: 3up-portrait */
@media only screen and (max-width: 810px) {
	[data-mosaic-layout='3up-portrait'] .mosaic-column-1,
	[data-mosaic-layout='3up-portrait'] .mosaic-column-2 {
		width: 100%;
		padding-top: 30px;
	}
	[data-mosaic-layout='3up-portrait'] .grid-item1 {
		padding-bottom: 30px;
	}
}

@media only screen and (min-width: 811px) {
	[data-mosaic-layout='3up-portrait'] .mosaic-column-1 {
		width: 30%;
		float: left;
		padding-right: 30px;
	}

	[data-mosaic-layout='3up-portrait'] .mosaic-column-2 {
		width: 70%;
		float: left;
		padding-right: 30px;
	}

	[data-mosaic-layout='3up-portrait'] .mosaic-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(2, auto);
	}

	[data-mosaic-layout='3up-portrait'] .grid-item1 {
		grid-row: 1 / span 2;
		padding-right: 30px;
		/* 		border: 1px solid red; */
	}

	[data-mosaic-layout='3up-portrait'] .grid-item2 {
		grid-column: 2;
		grid-row: 1;
		/* 		padding-right: 30px; */
		/* 		border: 1px solid yellow; */
	}

	[data-mosaic-layout='3up-portrait'] .grid-item3 {
		grid-column: 2;
		grid-row: 2;
		align-self: end;
		/* 		border: 1px solid red; */
	}
}

[data-mosaic-layout='3up-portrait'] .mosaic-wrap {
	padding: 30px clamp(20px, 5vw, 60px);
}

[data-mosaic-layout='3up-portrait'] .mosaic-wrap:after {
	content: '';
	display: table;
	clear: both;
}

[data-mosaic-layout='3up-portrait'] .mosaic-column-1 p {
	color: var(--pbs-mosaic-text, #444444);
}
[data-mosaic-layout='3up-portrait'] .mosaic-column-1 a {
	color: var(--pbs-mosaic-text, #444444);
}

[data-mosaic-layout='3up-portrait'] .mosaic-grid {
	background-color: transparent;
}
/* [data-mosaic-layout="3up-portrait"] .grid-item:not(:first-child) { padding-top: 30px; } */

/* Mosaic: 2up-portrait */
@media only screen and (max-width: 810px) {
	[data-mosaic-layout='2up-portrait'] .mosaic-column-1,
	[data-mosaic-layout='2up-portrait'] .mosaic-column-2 {
		width: 100%;
		padding-top: 30px;
	}
	[data-mosaic-layout='2up-portrait'] .grid-item2 {
		padding-top: 30px;
	}
}

@media only screen and (min-width: 811px) {
	[data-mosaic-layout='2up-portrait'] .mosaic-column-1 {
		width: 30%;
		float: left;
		padding-right: 30px;
	}

	[data-mosaic-layout='2up-portrait'] .mosaic-column-2 {
		width: 70%;
		float: left;
		padding-right: 30px;
	}

	[data-mosaic-layout='2up-portrait'] .mosaic-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(1, auto);
	}

	[data-mosaic-layout='2up-portrait'] .grid-item1 {
		grid-column: 1;
		padding-right: 30px;
	}

	[data-mosaic-layout='2up-portrait'] .grid-item2 {
		grid-column: 2;
	}
}

[data-mosaic-layout='2up-portrait'] .mosaic-wrap {
	padding: 30px clamp(20px, 5vw, 60px);
}

[data-mosaic-layout='2up-portrait'] .mosaic-wrap:after {
	content: '';
	display: table;
	clear: both;
}

[data-mosaic-layout='2up-portrait'] .mosaic-column-1 p {
	color: var(--pbs-mosaic-text, #444444);
}
[data-mosaic-layout='2up-portrait'] .mosaic-column-1 a {
	color: var(--pbs-mosaic-text, #444444);
}

[data-mosaic-layout='2up-portrait'] .mosaic-grid {
	background-color: transparent;
}

/* Mosaic: 4up */
@media only screen and (max-width: 810px) {
	[data-mosaic-layout='4up'] .mosaic-column-1,
	[data-mosaic-layout='4up'] .mosaic-column-2 {
		width: 100%;
		padding-top: 30px;
	}
	[data-mosaic-layout='4up'] .grid-item1 {
		padding-bottom: 30px;
	}
	[data-mosaic-layout='4up'] .grid-item2 {
		padding-bottom: 30px;
	}
	[data-mosaic-layout='4up'] .grid-item3 {
		padding-bottom: 30px;
	}
}

@media only screen and (min-width: 811px) {
	[data-mosaic-layout='4up'] .mosaic-column-1 {
		width: 30%;
		float: left;
		padding-right: 30px;
	}

	[data-mosaic-layout='4up'] .mosaic-column-2 {
		width: 70%;
		float: left;
		padding-right: 30px;
	}

	[data-mosaic-layout='4up'] .mosaic-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(2, auto);
	}

	[data-mosaic-layout='4up'] .grid-item1 {
		grid-column: 1;
		grid-row: 1;
		padding-right: 30px;
		padding-bottom: 30px;
	}

	[data-mosaic-layout='4up'] .grid-item2 {
		grid-column: 2;
		grid-row: 1;
		padding-bottom: 30px;
	}

	[data-mosaic-layout='4up'] .grid-item3 {
		grid-column: 1;
		grid-row: 2;
		padding-right: 30px;
	}
	[data-mosaic-layout='4up'] .grid-item4 {
		grid-column: 2;
		grid-row: 2;
	}
}

[data-mosaic-layout='4up'] .mosaic-wrap {
	padding: 30px clamp(20px, 5vw, 60px);
}

[data-mosaic-layout='4up'] .mosaic-wrap:after {
	content: '';
	display: table;
	clear: both;
}

[data-mosaic-layout='4up'] .mosaic-column-1 p {
	color: var(--pbs-mosaic-text, #444444);
}
[data-mosaic-layout='4up'] .mosaic-column-1 a {
	color: var(--pbs-mosaic-text, #444444);
}

[data-mosaic-layout='4up'] .mosaic-grid {
	background-color: transparent;
}

/* Mosaic: 5up */
@media only screen and (max-width: 810px) {
	[data-mosaic-layout='5up'] .mosaic-column-1,
	[data-mosaic-layout='5up'] .mosaic-column-2 {
		width: 100%;
		padding-top: 30px;
	}
	[data-mosaic-layout='5up'] .grid-item1 {
		padding-bottom: 30px;
	}
	[data-mosaic-layout='5up'] .grid-item2 {
		padding-bottom: 30px;
	}
	[data-mosaic-layout='5up'] .grid-item3 {
		padding-bottom: 30px;
	}
	[data-mosaic-layout='5up'] .grid-item4 {
		padding-bottom: 30px;
	}
}

@media only screen and (min-width: 811px) {
	[data-mosaic-layout='5up'] .mosaic-column-1 {
		width: 30%;
		float: left;
		padding-right: 30px;
	}

	[data-mosaic-layout='5up'] .mosaic-column-2 {
		width: 70%;
		float: left;
		padding-right: 30px;
	}

	[data-mosaic-layout='5up'] .mosaic-grid {
		display: grid;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		grid-template-rows: repeat(2, auto);
	}

	[data-mosaic-layout='5up'] .grid-item1 {
		grid-column: 1 / span 3;
		grid-row: 1;
		padding-right: 30px;
		padding-bottom: 30px;
	}

	[data-mosaic-layout='5up'] .grid-item2 {
		grid-column: 4 / span 3;
		grid-row: 1;
		padding-bottom: 30px;
	}

	[data-mosaic-layout='5up'] .grid-item3 {
		grid-column: 1 / span 2;
		grid-row: 2;
		padding-right: 30px;
	}
	[data-mosaic-layout='5up'] .grid-item4 {
		grid-column: 3 / span 2;
		grid-row: 2;
		padding-right: 30px;
	}
	[data-mosaic-layout='5up'] .grid-item5 {
		grid-column: 5 / span 2;
		grid-row: 2;
	}
}

[data-mosaic-layout='5up'] .mosaic-wrap {
	padding: 30px clamp(20px, 5vw, 60px);
}

[data-mosaic-layout='5up'] .mosaic-wrap:after {
	content: '';
	display: table;
	clear: both;
}

[data-mosaic-layout='5up'] .mosaic-column-1 p {
	color: var(--pbs-mosaic-text, #444444);
}
[data-mosaic-layout='5up'] .mosaic-column-1 a {
	color: var(--pbs-mosaic-text, #444444);
}

[data-mosaic-layout='5up'] .mosaic-grid {
	background-color: transparent;
}