/*<meta conditions="kate-conditions.WIP" />*/

/********************************** VIDEO STYLES  ************************************/


.video-container
{
	display: flex;
	justify-content: space-evenly;
	margin: 10px auto;
	max-width: 100%;
	width: 100%;
}

.video-container .v-card
{
	padding: 0;
	margin: 2em;
	align-items: center;
	border: 1px solid #eee;
}

p.v-title
{
	text-align: left;
	font-size: 26px;
	font-weight: bolder;
	margin-top: 20px;
}

.videos-link,
.videos-link a
{
	text-align: right;
	font-size: 16px;
	margin-top: -20px;
}



/*** old stuff **  don't delete until everything has been updated **/ 
.video-content
{
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 20px;
}

.video-text,
.video-text a
{
	color: var(--carbon);
	text-decoration: none;
}

.video-container > .video
{
	float: left;
	width: auto;
	margin: 2em;
	padding: 0 5%;
}

div.video-tiles
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.video-tiles::before
{
	content: ' ';
	display: table;
}

div.video-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.video-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;
}

div.video-tiles > div:nth-child(1)
{
	width: 33.333%;
	margin-left: 0%;
}

div.video-tiles > div:nth-child(2)
{
	width: 33.333%;
	margin-left: 0%;
}

div.video-tiles > div:nth-child(3)
{
	width: 33.333%;
	margin-left: 0%;
}

div.video-tiles *	/*Text-align center set to all elements within div.video-tiles*/
{
	text-align: center;
}