/*
yellow: #F6B51C;
red: #B22424;
blue: #0A467C;
dark-gray: #010101;
gray: #3D3D3D;
light-gray: #F3F4F0;
*/

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:700|Open+Sans:400,400i,700,700i&display=swap');

/* Body */
body {
	color: #3D3D3D;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.7;
	background: url(https://kenburns-tc.pbs.org/uploads/circles.svg);
	background-repeat: no-repeat;
	background-position: 50% -220px;
	background-size: 1900px 657px;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	color: #010101;
}
h2 {
	text-transform: uppercase;
	font-size: 1.47rem;
	letter-spacing: .2rem;
	background: url(https://kenburns-tc.pbs.org/uploads/bar-horizontal.svg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 36px;
	margin-bottom: 3rem;
}
h3 {
	font-size: 1.47rem;
	margin-top: 2rem;
}
main .o-Grid-Container:first-of-type h1 {
	text-transform: uppercase;
	font-size: 2.94rem;
	margin: 1rem 0 2rem 0;
	background: url(https://kenburns-tc.pbs.org/uploads/bar-horizontal.svg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	padding-top: 36px;
}
@media screen and (min-width: 64em){
	main .o-Grid-Container:first-of-type h1 {
		margin: 3rem 0;	
	}
}
main .o-Grid-Container:first-of-type h2.c-TextUnderline {
	background: none;
	padding-top: 0;
}
main .o-Grid-Container:first-of-type h2 {
	margin-top: 2rem;
}
main .o-Grid-Container:first-of-type p {
	font-size: 1.176rem;
}
.c-TextUnderline span {
	border: none;
}
p {
	font-size: 1rem;
}
.o-ImageBox {
	background: none;
}
.premiere {
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	color: #B22424;
	font-size: .882rem;
}
.premiere::before {
	content: "";
	display: inline-block;
	margin-right: .5rem;
	background-color: #B22424;
	background-image: url(https://kenburns-tc.pbs.org/uploads/calendar-star_200130_204757.svg);
	background-repeat: no-repeat;
	background-size: 14px 16px;
	background-position: 10px 10px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	vertical-align: middle;
}

/* Buttons */
.c-Button, .c-Button_flat {
	border-radius: 27px;
	background: #0A467C;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 0.882rem;
	padding: .85rem 1.5rem .75rem 1.5rem;
	transition-property: none;
}
.c-Button-Icon polyline, .c-Button_flat-Icon polyline {
	stroke: #fff;
}
.c-Button:before {
	display: none;
}
.c-Button:hover, .c-Button_flat:hover {
	background: #B22424;
	border-color: #B22424;
}

/* grid */
@media screen and (min-width: 64em) {
	.o-Grid-Col_6:nth-child(1n) {
		margin-right: 100px;
	}
	.o-Grid-Col_6 {
		width: calc(99.9% * 6/12 - 50px);
	}
	.o-Grid-Col_6:last-child {
		margin-right: 0;
	}
}

/* Header */
.c-Menu-Wrap, .c-Menu .main-menu, .c-Menu-Dropdown {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 0.765rem;
	text-transform: uppercase;
}
.c-Menu .main-menu {
	border-bottom: 8px solid #B22424;
}
.c-Menu-Nav > .c-Menu-Item {
	padding: 1.85rem 1rem 1.5rem 1rem;
}
.c-Menu-Item.is-active {
	color: #F6B51C;
}
.c-Menu-Item a:hover {
	color: #F6B51C;
}
.c-Menu.is-fixed .c-Menu-Nav > .c-Menu-Item {
	padding: 1.85rem 1rem 1.5rem 1rem;
}
.c-Menu-ButtonIcon span {
	background: #fff;
}
.c-Menu-Logo {
	border-bottom: 8px solid #F6B51C;
	margin-bottom: -8px;
}
.c-Menu.is-fixed .c-Menu-Logo {
	padding: .8rem 0 .55rem 0;
}
@media (min-width: 47.75em) {
	.c-Menu-Logo {
		padding: .8rem 0 .55rem 0;
	}
	.c-Menu-Logo img {
		max-height: 50px;
		margin-bottom: 0;
		top: 0;
	}
	.c-Menu-Item.is-active:before {
		background-color: #F6B51C;
		opacity: 1;
		bottom: -1px;
		height: 10px;
		width: 20px;
		left: calc(50% - 10px);
		border-radius: 0;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
}

/* Footer */
.c-Footer {
	background: url(https://kenburns-tc.pbs.org/uploads/circles.svg);
	background-repeat: no-repeat;
	background-position: 40% -450px;
	background-size: 2300px 795px;
	margin-top: -8px;
}
.c-Footer-Credits .o-Text_bodySmall {
	margin: 3rem 0;
	line-height: 1.9;
}
.c-Footer-Credits .o-Text_bodySmall p {
	font-size: 0.825rem;
}
.c-ContactBar-Label {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	color: #010101;
	font-size: 1rem;
	margin-bottom: 1.5rem;
}
.c-ContactBar-Confirm path, .c-ContactBar-Social path {
	fill: rgb(10, 70, 124);
}
.c-ContactBar-Email {
	border-radius: 23px;
	border: none;
	font-size: 90%;
}
.c-ContactBar-Confirm .c-Button_flat {
	text-transform: uppercase;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	color: #0A467C;
	font-size: .75rem;
	line-height: 2;
	min-width: 130px;
	border-top-right-radius: 23px;
	border-bottom-right-radius: 23px;
}
.c-Footer-Logos img {
	max-height: 80px;
}
.c-Footer-Nav {
	background: #F3F4F0;
}

/* Media */
.embed-responsive { 
	position: relative;
	padding-bottom: 56.25%;
}
.embed-responsive iframe { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Hero Slideshow */
.c-Hero-Precontent {
	max-width: 200px;
	margin-bottom: .25rem;
}
.c-Hero-Info {
	padding-bottom: 3rem;
}
@media (min-width: 47.75em) {
	.c-Hero-Precontent {
		max-width: 240px;
		height: auto;
		background: url(https://kenburns-tc.pbs.org/uploads/bar-vertical.svg);
		background-repeat: no-repeat;
		background-position: top right;
		border: none;
		padding-right: 2rem;
		margin-right: 1rem;
	}
	.c-Hero-Info {
		padding: 1.5rem 1.5rem 3rem 1.5rem;	
	}
}
@media (min-width: 64em) {
	.c-Hero {
		margin-bottom: 5rem;
	}
	.c-Hero-Precontent {
		max-width: 280px;
	}
	.c-Hero-Info {
		padding: 2rem;
	}
}
@media (min-width: 80em) {
	.c-Hero-Precontent {
		max-width: 310px;
		padding-right: 3rem;
		margin-right: 2rem;
	}
	.c-Hero-Caption {
		font-size: 1.17rem;
	}
	.c-Hero-Info {
		padding: 1rem 2.5rem;
	}
}
.c-Hero-Control {
	bottom: 10px !important;
	width: 36px !important;
	height: 36px !important;
	padding: .25rem !important;
}
.c-Hero-Control svg {
	width: 36px !important;
	height: 36px !important;
}
@media (min-width: 64em) {
	.c-Hero-Control {
		bottom: 48px !important;
	}
}
body .flickity-prev-next-button {
	border-radius: 50% !important;
}
body .flickity-button {
	background: rgba(10,70,124,.6) !important;
}
body .flickity-button:hover {
	background: #B22424 !important;
}
body .flickity-prev-next-button.previous {
	left: 17px !important;
}
body .flickity-prev-next-button.next {
	right: 17px !important;
}
.flickity-prev-next-button .flickity-button-icon {
	left: 25% !important;
	top: 25% !important;
	width: 50% !important;
	height: 50% !important;
}
.flickity-page-dots {
	bottom: 10px !important;
}
.flickity-page-dots .dot {
	width: 30px !important;
	height: 30px !important;
}
@media (min-width: 64em) {
	.flickity-page-dots {
		padding-right: 64px !important;
		bottom: 44px !important;
	}
}
.flickity-enabled.is-paused .c-Hero-Control .c-Hero-Play {
	display: block;
	opacity: 100;
}
.flickity-enabled.is-paused .c-Hero-Control .c-Hero-Pause {
	display: none;
}

/* Video Players */
.c-Player_list {
	border-top: none;
}
.c-Player_Title, .c-Media_Title {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	color: #010101;
	font-size: 2.35rem;
	line-height: 1.2;
}
.c-Media_Title {
	font-size: 1.47rem;
}
.c-Player_Txt .o-Text_bodyMedium {
	font-size: 1rem;
}
.c-Media_Snippet {
	font-size: 0.882rem;
	margin-top: .5rem;
}
.c-Player_Meta, .c-Media_Txt .o-Text_bodySmall {
	color: #575757;
	text-transform: uppercase;
}
@media (min-width: 47.75em) {
	.c-Media_Txt {
		position: relative;
	}
	.c-Media_Duration {
		position: absolute;
		top: 19px;
		right: 1.2rem;
	}
	.c-Media_Duration::before {
	/*	content: "| ";*/
	}
}
.c-Pagination {
	margin-bottom: 2rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
}
.c-Pagination .o-Text_bodyLead {
	font-size: 1rem;
	text-transform: uppercase;
}
.c-Pagination-Item {
	padding: .25rem 1rem !important;
}
.c-Pagination-Item.is-active {
	border-bottom: none;
	color: #fff;
	background: #B22424;
	border-radius: 50%;
}

/* Cards */
.c-Card-Title {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	color: #010101;
	font-size: 1.764rem;
	margin-bottom: 1.5rem;
}

/* HP Animated Series */
#animated-series {
	padding: 2rem 1rem;
	max-width: 100%;
	width: 100%;
	background-color: #F3F4F0;
}
#animated-series .o-Grid-Row {
	max-width: 1280px;
	margin: 0 auto 2rem auto;
}
#animated-series h2 {
	text-align: center;
	background-position: top center;
	max-width: 1280px;
	margin: 0 auto 3rem auto;
}
#animated-series .c-Button {
	margin-top: 1.5rem;
/*
	background-color: #B22424;
	border-color: #B22424;
	background-image: url(https://kenburns-tc.pbs.org/uploads/calendar-star_200130_204757.svg);
	background-repeat: no-repeat;
	background-size: 14px 16px;
	background-position: 15px 13px;
	padding-left: 40px;
*/
}
#animated-series .c-Button .c-Button-Icon {
/*	display: none;*/
}
#animated-series .c-Card_horizontal .c-Card-Content, #animated-series .c-Card_horizontal .c-Card-Img {
	width: 100%;
}
@media (min-width: 47.75em) {
	#animated-series {
		padding: 4rem 1rem 3rem 1rem;
	}
	#animated-series .c-Card_horizontal .c-Card-Content, #animated-series .c-Card_horizontal .c-Card-Img {
		width: calc(99.9% * 1/2 - 15px);
	}
}

/* HP About */
#about {
	max-width: 100%;
	width: 100%;
	background-image: url(https://kenburns-tc.pbs.org/uploads/circles-r.svg);
	background-repeat: no-repeat;
	background-size: 2150px 743px;
	background-position: 50% 120px;
}
#about .o-Grid-Row {
	max-width: 1280px;
	margin: 2rem auto;
}
#about h2 {
	text-align: center;
	background-position: top center;
}


/* HP Blog */
#blog {
	padding: 2rem 1rem;
}
#blog .c-Button {
	margin-top: 1.5rem;
}
@media (min-width: 47.75em) {
	#blog {
		padding: 5rem 1rem 3rem 1rem;
	}
}
@media (min-width: 64em) {
	.o-Grid-Col_5 {
		padding-left: 60px;
	}
}

/* HP Shop */
#shop .c-Card-Img {
	max-width: 150px;
}


/* Social */
#social {
	padding: 0 1rem 2rem 1rem;
}
#social h2 {
	text-align: center;
	background-position: top center;
}

@media (min-width: 47.75em) {
	#social {
		padding: 0 1rem 2rem 1rem;
	}
}

/* Blog Front */
#blog-front {
	padding: 0 1rem 2rem 1rem;
}
#blog-front h2 {
	text-align: center;
	background-position: top center;
	margin-bottom: 3rem;
}

@media (min-width: 47.75em) {
	#blog-front {
		padding: 0 1rem 3rem 1rem;
	}
}

/* Photos */
#photos {
	padding: 0 1rem 2rem 1rem;
}
#photos h2 {
	text-align: center;
	background-position: top center;
}

@media (min-width: 47.75em) {
	#photos {
		padding: 0 1rem 4rem 1rem;
	}
}

/* Photo Gallery */
.c-ImageGallery .flickity-prev-next-button {
	border-radius: 0 !important;
}
body .c-ImageGallery .flickity-button:hover {
	background: transparent !important;
}
body .c-ImageGallery .flickity-button:hover {
	background: #B22424 !important;
}
.c-ImageGallery .flickity-prev-next-button.next {
	right: 0 !important;
}
.c-ImageGallery .flickity-prev-next-button.previous {
	left: 0 !important;
}
.c-ImageGallery .flickity-prev-next-button .flickity-button-icon {
	top: 50% !important;
	left: 15px !important;
	width: 20px !important;
	height: 20px !important;
}
@media (min-width: 47.75em) {
	.c-ImageGallery .flickity-prev-next-button.next .flickity-button-icon {
		right: 0 !important;
	}
}

/* Watch Page */
#watch h2 {
	text-align: center;
	background-position: top center;
}

/* Explained Page - paste this into custom css in page
main .o-Grid-Container:first-of-type h1 {
	margin-bottom: 0;
}
main .o-Grid-Container:first-of-type h2 {
	background: none;
	padding-top: 0;
	margin-top: 1rem;
}
.o-Grid-Col_8 {
	padding-top: 2rem;
}
#intro .u-Spacer_1 {
	margin-bottom: 0;
}
#videos .o-Grid-Row {
	margin-bottom: 0;
}
.c-Player .o-Grid-Col_7, .c-Player .o-Grid-Col_5 {
	width: 100%;
}
.c-Player .o-Grid-Col_5 {
	padding-left: 0;
}
.c-Player_Title {
	display: none;
}
.c-Player_Description {
	margin-bottom: 0;
	margin-top: .5rem;
}
.c-Player_Meta {
	display: none;
}
.o-Text_bodyMedium.c-Player_Description p {
	font-size: 0.9375rem;
	margin-bottom: 0;
}
.c-Player_Txt:nth-child(1n) {
	margin-right: 0;
	width: 100%;
}
#credits p {
	line-height: 1.1;
	margin-bottom: 1rem;
	font-size: 1rem;
}
.o-Grid-Col_8 {
	margin-top: 0;
}
@media (min-width: 47.75em) {
	#intro .u-Spacer_1 {
		margin-bottom: 1.5rem;
	}
	.o-Grid-Col_8 {
		margin-top: 2rem;
	}
}
@media (min-width: 64em) {
	#videos .o-Grid-Row {
		margin-bottom: .5rem;
	}
	.c-Player_Description {
		margin-top: 1.25rem;
	}
}
*/

/* Interactive - paste this into custom css in page
@media (max-width: 800px) {
	.embed-responsive { 
		position: relative;
		padding-bottom: 0;
	}
	.embed-responsive iframe { 
		position: static;
		top: auto;
		left: auto;
		width: 100%;
		height: 100vh;
		border: 0;
	}
	main .o-Grid-Container {
		padding: 0;
	}
	h1 {
		padding: 0 1rem;
	}
}

.c-Menu-Bug {
	display: none;
}
*/