/********************************************************************************/
/* PRIMARY
/********************************************************************************/


/* Page body */
#page-body {
	min-height: 75vh;
	padding: 60px 0;
}


#page-banner {
	margin-bottom: 2em;
	padding: 4em 0;
	background: var(--link-color);
	color: var(--white-color);
}
#page-banner > .flex-container {
	align-items: center;
	justify-content: space-between;
}

#page-banner h2 {
	margin: 0;
	font-weight: 400;
}


#page-breadcrumbs {
	border-bottom: 1px dashed var(--link-color);
	padding: 0.5em;
	color: var(--light-color);
	font-size: 0.95em;
}
#page-breadcrumbs a {
	color: var(--link-hcolor);
}

/*
#page-content {
	padding: 0 62px;
}
*/
#page-contents {
}
#page-contents ul {
	list-style: initial;
	padding-inline-start: 1em;
}
#page-contents li:not(:last-child) {
	margin-bottom: 0.5em;
}





/* Video page */

.video-main {
}

.video-title {
	border-bottom: 1px solid #ddd;
}

.video-authors {
	margin: 15px 0;
	font-size: 0.8em;
}

.video-player,
.video-player > video {
	display: block;
	width: 100%;
}
.video-player {
	margin-bottom: 1.5em;
	border: 1px solid #ddd;
}
.video-description {
	
}


.video-side {
	font-size: 0.9em;
}
.video-details {
}
.video-details-box {
	margin-bottom: 1.5em;
	border: 1px solid var(--link-color);
}
.video-details-box > h5 {
	margin: 0;
	padding: 15px;
	background: var(--link-color);
    color: var(--white-color);
}
.video-details-box > div {
	padding: 15px;
}
.video-details-hr {
	margin: 1em 0;
	border-top: 1px solid;
}
@media (min-width : 1200px) {
	.video-side {
		padding-inline-start: 4em;
	}
}


/***/