/* --- Adjust the nav to work with the hero background --- */

#nav .container .content .buttons a.button.blueberry.outline {
	color: #FFF;
	border-color: #FFF;
	background-color: transparent;
}

#nav .container .content .buttons a.button.blueberry.outline:hover {
	color: #112867;
	border-color: #FFF;
	background-color: #FFF;
}

/* ------ End nav adjustments ------ */

#hero p.hero-eyebrow:not(.logoPack p) {
	color: #23DDCD;
}

#hero p.featured-video-description:not(.logoPack p) {
	font-size: 18px;
}

.container.featured-video-container {
	padding-top: 60px;
}

.container.featured-video-container h2 {
	padding-bottom: 25px;
}

/* Play button positioning */
#watchVideo {
	position: relative;
	display: inline-block;
}

.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	transition: transform 0.3s ease;
}

#watchVideo:hover {
	filter: revert;
}

#watchVideo:hover .play-button {
	transform: translate(-50%, -50%) scale(1.1);
}

h2.bottom-border-subtitle {
	color: white;
	border-bottom: 1px solid #5C77A7;
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: 600;
}

.wistia-section {
	min-height: 450px;
}

.wistia-embedded .w-gallery-view__video-cards {
	scrollbar-width: none !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	padding-bottom: 0 !important;
}

.wistia-embedded .w-gallery-view__section>div:first-child {
	padding-left: 10px !important;
	padding-right: 0 !important;
}

.wistia-embedded h2 {
	text-transform: capitalize !important;
	letter-spacing: -.5px !important;
	font-weight: 600 !important;
}

.wistia-embedded form {
	background-color: #33477e !important;
	border-color: #3c5495 !important;
}

.wistia-embedded form>div[role="status"] {
	color: #33467e !important;
	font-weight: 600 !important;
}

.wistia-embedded form input::placeholder {
	color: #A2BEE2;
}

.wistia-embedded form svg g {
	fill: #8BA6CF !important;
}

.wistia-embedded .w-video-card__thumbnail-wrapper {
	border-radius: 10px;
}

.wistia-embedded .w-gallery-view.w-css-reset.w-text-highlight-allowed {
	background: none !important;
}

.wistia-embedded .w-gallery-view__gallery-card-cover.w-css-reset.w-css-reset-tree {
	background-image: none !important;
}

.w-popover-overlay__media-embed-wrapper.w-css-reset {
	background-color: transparent !important;
}

.resource-guide-columns .panel {
	display: flex;
	flex-direction: column;
	align-items: baseline;
}

.resource-guide-columns .panel h3 {
	color: #112867;
	font-size: 20px;
	display: flex;
	padding-top: 25px;
}

.resource-guide-columns .panel h3 img {
	margin-right: 10px;
}

.resource-guide-columns .panel p {
	color: #112867;
	font-size: 16px;
	margin-bottom: 20px;
}

.resource-guide-columns .panel a {
	font-size: 14px;
	margin: auto 0 0 auto;
	font-weight: 600;
	display: flex;
}

.resource-guide-columns .panel a:hover .arrow {
	transform: translateX(5px);
	margin-left: 5px;
}

/* --- Media Queries -------------------- */
@media all and (max-width: 960px) {
	#hero .columns.resource-video-columns {
		display: flex;
		flex-direction: column-reverse;
	}

	#hero .columns .column {
		width: 100%;
		text-align: center;
		padding: 0 55px;
	}

	#hero .columns .column:last-child {
		padding-bottom: 45px;
	}

	.container.featured-video-container {
		padding-top: 35px;
	}

	.columns.resource-guide-columns {
		flex-direction: column;
	}

	.columns.resource-guide-columns .column {
		width: 100%;
		padding: 20px 0;
	}

	.resource-guide-columns .panel {
		max-width: 354px;
		margin: auto;
	}
}

@media all and (max-width: 768px) {
	/* --- Adjust the nav to work with the hero background --- */

	#nav .container .content .buttons a.button.blueberry.outline {
		color: #112867;
		border-color: #112867;
		background-color: transparent;
	}

	#nav .container .content .buttons a.button.blueberry.outline:hover {
		color: #FFF;
		border-color: #112867;
		background-color: #112867;
	}

	/* ------ End nav adjustments ------ */

	#hero .columns .column {
		width: 100%;
		text-align: center;
		padding: 0;
	}

	.resource-guide-columns .panel h3 {
		font-size: 18px;
	}

	.resource-guide-columns .panel p {
		font-size: 14px;
	}

	.resource-guide-columns .panel a {
		font-size: 13px;
	}

	.wistia-embedded .w-gallery-view__narrow .w-gallery-view__video-cards {
		padding-left: revert !important;
		padding-right: revert !important;
	}

	.wistia-embedded .w-gallery-view__narrow .w-gallery-view__video-cards>div {
		text-align: center !important;
	}

	.wistia-embedded .w-gallery-view__narrow .w-gallery-view__video-cards>div a {
		margin: auto !important;
	}

	.wistia-embedded .w-gallery-view__narrow .w-gallery-view__section>div>div {
		margin-bottom: 20px !important;
	}

	.wistia-embedded .w-gallery-view__narrow .w-gallery-view__section>div>div>button {
		margin-left: 5px !important;
	}

	.wistia-section {
		min-height: 380px;
	}

	.w-video-card__thumbnail-wrapper+div {
		background: transparent !important;
	}

	.w-video-card__thumbnail-wrapper+div+div {
		display: none !important;
	}

}

@media all and (max-width:600px) {
	img.play-button {
		width: 18vw;
	}
}