figure {
	display: table;
	border-left: thin grey solid;
	margin: auto;
}
figure figcaption {
	margin: 0;
	padding: 0 1em;
	box-sizing: border-box;
	display: table-caption;
	caption-side: bottom;
	border-left: thin grey solid;
}
div.flex {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	
}
/* Chrome flexbox image fix; see: https://github.com/philipwalton/flexbugs/issues/225 */
div.flex img {
	width: 100%;
	height: 100%;
	min-width: 0;
}
@media only screen and (max-width: 480px) {
div.flex {
		flex-direction: column;
		align-items: center;
	}
}
body {
	scroll-behavior: smooth;
}
div.footnotes, figcaption {
	font-size: 75%;
}

/* Disable the date display in listings; we are not a blog */
ul li span.date {
	display: none;
}

/* Styling for yt shortcode */
.video_wrapper {
	position: relative;
	/* aspect ratio, 16:9 */
	padding-bottom: calc(100% * (9.0/16.0));
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video_content {
	/* Align to the origin of .video_wrapper */
	position: absolute;
	top: 0;
	left: 0;

	/* fill wrapper to get correct aspect ratio*/
	width: 100%;
	height: 100%;
}
