
/* basics.css */

/* ... Basics ...
-----------------------------------------------*/
figure {
  margin: 0;
}
.float_left {
  float: left;
	margin-right: 1em;
}
.float_right {
	float: right;
	margin-left: 1em;
}
.float_above {
	margin-bottom: 1em;
	display: inline-block;
}
.float_below {
	margin-top: 1em;
	display: inline-block;
}
figure.image_container {
  position: relative;
}
figure.image_container figcaption {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	bottom: 0;
	font-size: 1rem;
	padding: .25em;
	background-color: rgba(255 255 255 / .75);
	opacity: 1;
	transition: all .4s ease 0s;
}
figure.image_container:hover figcaption {
  opacity: 0;
}
.invisible {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* ... Basics ... END
-----------------------------------------------*/



/* ... Responsive audio (see #441) ...
-----------------------------------------------*/
.audio_container audio {
	max-width:100%;
}
/* ... Responsive audio (see #441) ... END
-----------------------------------------------*/



/* ... Responsive videos (see #1348) ...
-----------------------------------------------*/
.video_container video {
  max-width: 100%;
  height: auto;
}
.aspect,
.responsive {
  position: relative;
  height: 0;
}
.aspect iframe,
.responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.aspect--16\:9,
.responsive.ratio-169 {
  padding-bottom: 56.25%;
}
.aspect--16\:10,
.responsive.ratio-1610 {
  padding-bottom: 62.5%;
}
.aspect--21\:9,
.responsive.ratio-219 {
  padding-bottom: 42.8571%;
}
.aspect--4\:3,
.responsive.ratio-43 {
  padding-bottom: 75%;
}
.aspect--3\:2,
.responsive.ratio-32 {
  padding-bottom: 66.6666%;
}
/* ... Responsive videos (see #1348) ... END
-----------------------------------------------*/



/* ... Misc ... 
-----------------------------------------------*/
.image_container a,
.image_container img {
  display: block;
}
/* ... Misc ... END
-----------------------------------------------*/

