.umb-grid div > img {
	width: 100%;
}

.youtube-player {
	position: relative;
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	background: #000;
	margin: 30px auto;
	border-radius: 14px;
	aspect-ratio: 1280/720;
}

	.youtube-player .play {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		width: 6.5em;
		height: 4em;
		background: #ff0000;
		z-index: 1;
		opacity: 0.95;
		border-radius: 0.5em;
		transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
		outline: 0;
		border: 0;
		pointer-events: none;
		box-shadow: 2px 3px 9px 2px #000;
	}

	.youtube-player:hover .play {
		opacity: 0.8;
	}

	.youtube-player .play:before {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		content: "";
		border-color: transparent transparent transparent #fff;
		border-style: solid;
		border-width: 10px 0 10px 20px;
	}

	.youtube-player .play:hover {
		background: url(/assets/css/circle-play-red.png) no-repeat;
	}

	.youtube-player iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		background: 0 0;
	}

	.youtube-player img {
		object-fit: cover;
		display: block;
		left: 0;
		bottom: 0;
		margin: auto;
		max-width: 100%;
		width: 100%;
		position: absolute;
		right: 0;
		top: 0;
		border: none;
		height: auto;
		cursor: pointer;
		-webkit-transition: 0.4s all;
		-moz-transition: 0.4s all;
		transition: 0.4s all;
	}

.video-caption {
	margin-top: -30px;
	margin-bottom: 30px;
}

.social-icon {
	width: 2.5rem;
	height: auto;
}

	.social-icon:hover {
		fill: #003371;
	}

pre {
	background: #1E1E1E;
	padding: 1em;
}

body {
	min-height: 100vh;
	height: 100%;
}

.document {
	min-height: 100vh;
	height: 100%;
}

.shadow-b {
	box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.15);
}

.shadow {
	/*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;*/
	transition: box-shadow 0.4s ease-in-out;
}

	.shadow:hover {
		box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.35) !important;
		transition: box-shadow 0.4s ease-in-out;
	}

header.masthead {
	background-color: #003370;
}

	header.masthead.no-hero {
		padding-top: calc(1rem + 57px);
		padding-bottom: 1rem;
	}

		header.masthead.no-hero .site-heading h1 {
			font-size: 2.25rem;
		}

.login-form {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.social-icon {
	width: 2.5rem;
	height: auto;
}

	.social-icon:hover {
		fill: #003370;
	}

/* Forms */
.card.ph-form .card-header {
	background-color: #003370;
	color: white;
}

	.card.ph-form .card-header h1,
	.card.ph-form .card-header h2,
	.card.ph-form .card-header h3,
	.card.ph-form .card-header h4 {
		margin-bottom: 0;
		font-weight: 700;
	}