html {
	margin-top: 0 !important;
}

.series-page {
	
}

.series-header {
  padding: var(--houston-base-grid) calc(var(--houston-base-grid) * 2);
	background: var(--neutral-0);
	position: sticky;
	top: 0;
	z-index: 999;

  display: flex;
  gap: var(--houston-base-grid);
  justify-content: space-between;
  align-items: center;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.series-logo {
	display: block;
  height: 38px;
  overflow: hidden;
  width: 36px;
}
	.series-logo > img {
		height: inherit;
    max-width: unset;
    width: auto;
	}

.series-navigation {
	position: relative;
	display: flex;
  justify-content: center;
  min-width: 260px;
  margin-left: auto;
  margin-right: auto;
  height: calc(var(--houston-base-font-size) * var(--houston-base-line-height));
}
	.series-navigation-dropdown {
		margin: 0;
		position: absolute;
	}
		.series-navigation-toggle {
			font-size: var(--houston-base-font-size);
			font-weight: normal;
			line-height: var(--houston-base-line-height);
			cursor: pointer;

			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: var(--houston-base-grid);

			background-color: var(--neutral-0);
			padding: 0 calc(var(--houston-base-grid) * 1.5);
		}
			.series-navigation-toggle:after {
				content: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49998 8C5.31298 8 5.12414 7.93118 4.98115 7.79353L0.214499 3.20529C-0.0714998 2.93 -0.0714998 2.48176 0.214499 2.20647C0.500498 1.93118 0.966163 1.93118 1.25216 2.20647L5.49998 6.29529L9.7478 2.20647C10.0338 1.93118 10.4995 1.93118 10.7855 2.20647C11.0715 2.48176 11.0715 2.92823 10.7855 3.20529L6.01881 7.79353C5.87581 7.93118 5.68881 8 5.49998 8Z' fill='black'/%3E%3C/svg%3E%0A");
				width: 11px;
				display: inline-block;
				vertical-align: middle;
				transform: none;
				transition: transform 0.1s ease-in-out;
			}
			.series-navigation-dropdown.expanded > .series-navigation-toggle:after {
				transform: rotate(180deg) scaleX(-1);
			}
		.series-navigation-links {
			max-height: 0;
			background-color: var(--neutral-0);
			overflow: hidden;
			margin-top: calc(var(--houston-base-grid) * 1.5);
		}
			.series-navigation-links a {
				font-size: var(--houston-base-font-size);
				font-weight: normal;
				line-height: calc(var(--houston-base-line-height) * 1.25);

				padding: 0 calc(var(--houston-base-grid) * 1.5);
				display: block;
			}
				.series-navigation-links a:last-child {
					margin-bottom: calc(var(--houston-base-grid) * 1.5);
				}
				.series-navigation-links a:hover,
				.series-navigation-links a.selected {
					text-decoration: underline;
					text-decoration-color: var(--yellow-600);
				}
		.series-navigation-dropdown.expanded .series-navigation-links {
			max-height: 500px;
			transition: max-height 0.15s ease-in-out;
			box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
		}
/*		.series-navigation > dl > dt + dd {
			padding-top: calc(var(--houston-base-grid) * 0.5);
		}*/

.series-header .mobile-menu-toggle {
	margin-left: unset;
}
	.series-header .mobile-menu-toggle > svg {
		margin-right: unset;
	}


@media screen and (min-width: 1100px) {
	.series-logo {
		width: unset;
	}
	.series-navigation {
		height: unset;
	}
		.series-navigation-dropdown {
			display: flex;
			flex-direction: row;
			position: unset;
		}
			.series-navigation-toggle {
				cursor: unset;
				display: unset;
				line-height: 1;

				border-right: 1px solid var(--neutral-1100);
				padding-right: calc(var(--houston-base-grid) * 3);
				margin-right: calc(var(--houston-base-grid) * 1.5);
			}
				.series-navigation-toggle:after {
					content: unset;
				}
			.series-navigation-links {
				max-height: unset;
				margin-top: unset;
				overflow: unset;
				display: flex;
			}
				.series-navigation-links a {
					line-height: 1.25;
					font-size: calc(var(--houston-base-font-size) * 0.8);
				}
				.series-navigation-links a:last-child {
					margin-bottom: 0;
				}
			.series-navigation-dropdown.expanded .series-navigation-links {
				box-shadow: unset;
				max-height: unset;
			}
}

.page-template .series-content {
	background-color: var(--neutral-1100);
	color: var(--neutral-0);
	margin-top: 0;
}
.page-template:not(.has-featured-image) .series-content {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
	.page-template.has-featured-image .series-content .entry-header {
		border: 1px solid var(--houston-golden-yellow);
		padding: calc(var(--houston-base-grid) * 3) calc(var(--houston-base-grid) * 4);

		display: inline-block;
		margin-top: -45%;
	}
		.page-template .series-content .entry-header > .entry-title,
		.page-template .series-content h1.entry-header {
			font-family: var(--houston-font-body);
			font-size: 3.1rem;
		}
		.page-template.has-featured-image .series-content .entry-header > .entry-title,
		.page-template.has-featured-image .series-content h1.entry-header {
			display: inline-block;
			width: min-content;
			word-break: unset;
		}

	.page-template:not(.has-featured-image) .entry-content > div:first-child {
		margin-bottom: 4.5em;
	}

	.series-content .entry-content a {
		color: inherit;
	}
		.series-content .entry-content a:not(.wp-block-button__link):hover {
			text-decoration: underline;
			text-decoration-color: var(--houston-golden-yellow);
		}

	.series-custom-bylines > div {
		gap: calc(var(--houston-base-grid) * 0.5);
	}
		.series-custom-bylines > div > p {
			line-height: 1.3em;
		}
	.series-custom-introduction {

	}
		.series-custom-introduction > h5 {
			margin-top: calc(var(--houston-base-grid) * 5) !important;
			margin-bottom: calc(var(--houston-base-grid) * 2) !important;
		}
		.series-custom-introduction > ul {
			margin-top: 0 !important;
		}

	.series-part-introduction {
    gap: unset !important;
    margin-top: calc(var(--houston-base-grid) * 8) !important;
    margin-bottom: calc(var(--houston-base-grid) * 8) !important;

    flex-direction: column-reverse !important;
	}
		.series-part-introduction > div:first-child {
    	padding: calc(var(--houston-base-grid) * 4);
    	max-width: 84%;
    	margin-top: calc(var(--houston-base-grid) * -5);
    	z-index: 1;
		}
		.series-part-introduction > div:first-child h5 {
			display: inline-block;
			padding: calc(var(--houston-base-grid) * 0.5) var(--houston-base-grid);
			margin-bottom: calc(var(--houston-base-grid) * 2);
		}
		.series-part-introduction > div:first-child h3 {
			margin-top: 0;
		}
		.series-part-introduction > div:first-child .wp-block-button__link {
			padding: calc(var(--houston-base-grid) * 0.5) calc(var(--houston-base-grid) * 2);
			border-width: 1px;
		}

	.series-part-outline {
		gap: calc(var(--houston-base-grid) * 8) !important;
	}

		.series-part-outline > div:first-child .wp-block-image {
			margin-bottom: calc(var(--houston-base-grid) * 2) !important;
		}

		.series-custom-audio {
			gap: 0;
			margin-top: 0 !important;
		}
			.series-custom-audio > .wp-block-audio {
				margin-bottom: calc(var(--houston-base-grid) * 3);
			}
				.series-custom-audio > .wp-block-audio audio {
					height: 40px;
				}
				.series-custom-audio > .wp-block-audio audio::-webkit-media-controls-panel {
					background-color: var(--neutral-500);
				}
				.series-custom-audio > .wp-block-audio audio::-webkit-media-controls-enclosure {
					background-color: var(--neutral-500);
				}
			.series-custom-audio > h5 {
				margin-bottom: var(--houston-base-grid);
			}
			.series-custom-audio > p {
				line-height: 1.3em;
				margin-top: 0 !important;
			}

		.series-part-outline.wp-block-group {
			margin-top: calc(var(--houston-base-grid) * 13) !important;
			margin-bottom: calc(var(--houston-base-grid) * 5) !important;
		}

		.series-part-outline > div:last-child > h3 {
			margin-bottom:  calc(var(--houston-base-grid) * 3);
		}
		.series-part-outline > div:last-child > p {
			margin-top: 0 !important;
			margin-bottom: calc(var(--houston-base-grid) * 6) !important;
		}
		.series-part-outline > div:last-child .wp-block-button__link {
			padding: calc(var(--houston-base-grid) * 0.5) calc(var(--houston-base-grid) * 2);
    	border: 1px solid var(--neutral-0);
		}
			.series-part-outline > div:last-child > .wp-block-group hr {
				margin-bottom: calc(var(--houston-base-grid) * 2);
			}
			.series-part-outline > div:last-child > .wp-block-group h5 {
				margin-bottom: calc(var(--houston-base-grid) * 2);
			}
				.has-featured-image .series-part-outline > div:last-child > .wp-block-group h5 {
					margin-top: calc(var(--houston-base-grid) * 2);
				}
			.series-part-outline > div:last-child > .wp-block-group p {
				line-height: 1.2em;

				margin-top: calc(var(--houston-base-grid) * 2);
				margin-bottom: calc(var(--houston-base-grid) * 3);
			}
			.series-part-outline > div:last-child > .wp-block-group .wp-block-buttons {
				margin-top: calc(var(--houston-base-grid) * 3);
			}
			.series-part-outline > div:last-child .wp-block-button__link:hover {
				border-color: var(--neutral-0) !important;
				opacity: 0.85;
			}

	.series-custom-pullquote.wp-block-pullquote {
		font-family: var(--houston-font-body);
		font-size: var(--houston-base-font-size);
		font-weight: normal;

		max-width: 786px !important;
		margin-left: auto;
		margin-right: auto;
		padding-top: unset;
		padding-bottom: unset;
		margin-bottom: calc(var(--houston-base-grid) * 8);
	}
		.series-custom-pullquote.wp-block-pullquote blockquote::before, 
		.series-custom-pullquote.wp-block-pullquote blockquote::after {
			display: none;
		}
		.series-custom-pullquote.wp-block-pullquote blockquote p {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: calc(var(--houston-base-grid) * 4);
		}
			.series-custom-pullquote.wp-block-pullquote blockquote p:first-of-type::before {
				content: url("data:image/svg+xml,%3Csvg width='32' height='8' viewBox='0 0 32 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.57625 8H0.29625V0.639999H8.57625V8ZM20.1388 8H11.8588V0.639999H20.1388V8ZM31.7013 8H23.4213V0.639999H31.7013V8Z' fill='%23FFC709'/%3E%3C/svg%3E%0A");
				position: unset;
				font-size: unset;
			}
		.series-custom-pullquote.wp-block-pullquote blockquote cite {
			font-family: var(--houston-font-body);
			font-size: calc(var(--houston-base-font-size) * 1.25);
			font-style: italic;
			text-transform: unset;
			color: var(--neutral-500);
		}
		.series-custom-pullquote.wp-block-pullquote blockquote cite::before {
			content: '';
		}

	.series-custom-datatable {
    margin-top: calc(var(--houston-base-grid) * 8) !important;
	}
		.series-custom-datatable > div {
			max-width: 1400px;
			margin-left: auto;
			margin-right: auto;
		}

		.series-custom-datatable .series-custom-pullquote.wp-block-pullquote {
			margin-bottom: calc(var(--houston-base-grid) * 3);
		}

@media screen and (max-width: 779px) {
	.series-content .featured-image-above > figure.post-thumbnail {
		overflow: hidden;
	}
		.series-content .featured-image-above > figure.post-thumbnail img {
			height: 550px;
			width: auto;
			max-width: unset;
			aspect-ratio: auto;
		}

	.series-part-introduction {
		margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 100vw !important;
	}
}

@media screen and (min-width: 782px) {
	.page-template:not(.has-featured-image) .site-content {
	  padding-top: 4rem;
	}
}

@media screen and (min-width: 1100px) {
	.page-template .series-content .entry-header {
		width: auto;
	}
		.page-template:not(.has-featured-image) .series-content .entry-header > .entry-title {
			font-size: 2.4em;
		}
		.page-template.has-featured-image .series-content .entry-header > .entry-title {
			font-size: 3.6em;
		}
	.page-template .series-content .entry-content {
/*	.page-template .series-content .entry-header + div {*/
		margin-top: calc(var(--houston-base-grid) * -9.5);
	
	}
	.page-template .series-custom-bylines {
		margin-top: calc(var(--houston-base-grid) * 11) !important;
	}
	.page-template.has-featured-image .series-custom-bylines {
		margin-left: calc(var(--houston-base-grid) * 4) !important;
	}

	.series-part-introduction {
		margin-left: calc(var(--houston-base-grid) * -5) !important;
    margin-right: calc(var(--houston-base-grid) * -5) !important;
    margin-top: calc(var(--houston-base-grid) * 16) !important;
    margin-bottom: calc(var(--houston-base-grid) * 11) !important;
    max-width: 1280px !important;
    flex-direction: row !important;
	}
		.series-part-introduction > div:first-child {
    	margin-right: calc(var(--houston-base-grid) * -9);
    	max-width: unset;
    	margin-top: 0;
		}
	.series-part-outline {

	}
		.series-part-outline > div:last-child {
			padding-right: 100px;
		}

	.series-custom-pullquote.wp-block-pullquote {
		margin-bottom: calc(var(--houston-base-grid) * 19);
	}

	.series-custom-datatable {
    margin-top: calc(var(--houston-base-grid) * 11) !important;
	}
}