/* Modern Minimal Article Image UI */
.modern--minimal--image h2, .modern--minimal--image h3, .modern--minimal--image h4, .modern--minimal--image h5, .modern--minimal--image h6, .modern--minimal--image p {margin:0;padding:1.3rem 1.6rem;}
.modern--minimal--image ul, .modern--minimal--image ol, .modern--minimal--image table {margin:0;padding:0;border:0;}

.modern--minimal--image {margin:3rem auto;font-weight:300;}
.modern--minimal--image figure {width:100%;max-width:650px;margin:0 auto;padding:1.0rem 0;}
.modern--minimal--image figure div {width:100%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.modern--minimal--image figure svg {width:100%;height:100%;opacity:0;position:relative;z-index:-1;}
.modern--minimal--image figure noscript {width:100%;height:100%;position:absolute;}
.modern--minimal--image figure img {width:100%;height:100%;position:absolute;-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-ms-transition:transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;}
.modern--minimal--image figure figcaption {padding:0.2rem 0.9rem;font-size:0.8rem;font-weight:300;font-style:italic;color:#666666;}

.modern--minimal--image .content {max-width:1080px;margin:0 auto;padding:1.6rem 0 0 0;}
.modern--minimal--image h1 {font-size:1.6rem;padding:1.3rem 2.6rem;text-align:center;}
.modern--minimal--image time {display:block;padding:1.2rem 2.4rem;font-weight:300;font-size:0.9rem;color:#777777;text-align:center;}

@media only screen and (min-width:1367px) {
	.modern--minimal--image figure {float:left;margin:0 1.6rem;}
	.modern--minimal--image h1 {font-size:1.6rem;padding:0 2.6rem 0 2.6rem;text-align:left;}
	.modern--minimal--image time {text-align:left;}
}

.modern--minimal--image p {font-size:1.0rem;line-height:1.8rem;}
.modern--minimal--image blockquote {margin:1.2rem 1.6rem 1.6rem 1.6rem;border-top:2px solid var(--color-accent-100);border-bottom:2px solid var(--color-accent-100);}
.modern--minimal--image ul {padding:0 1.3rem 0 2.8rem;}
.modern--minimal--image ul ul {padding:0 0 0 1.3rem;}
.modern--minimal--image ol {padding:0 1.3rem 0 2.9rem;}
.modern--minimal--image ol ol {padding:0 0 0 1.3rem;}
.modern--minimal--image ul li, .modern--minimal--image ol li {padding:0.5rem 0 0.5rem 1.3rem;}
.modern--minimal--image ul li p, .modern--minimal--image ol li p {padding:0.5rem 0;}
.modern--minimal--image code {background:#E5E5E5;padding:4px 10px;border-radius:4px;}
.modern--minimal--image pre {margin:1.0rem 0 3.2rem 0;white-space:pre-wrap;max-height:400px;overflow:hidden;overflow-y:auto;padding:1.3rem 1.4rem;background:#E5E5E5;}
.modern--minimal--image pre code {display:block;}
.modern--minimal--image table {margin:2.0rem auto;font-size:0.8rem;table-layout:fixed;border-collapse:collapse;border:1px solid #000000;}
.modern--minimal--image table th, .modern--minimal--image table td {padding:10px 16px;border:1px solid #000000;}
.modern--minimal--image table th {background:#E5E5E5;}
.modern--minimal--image table td {background:#FFFFFF;}
.modern--minimal--image blockquote, .modern--minimal--image blockquote p, .modern--minimal--image code {font-size:0.9rem;}

@media only screen and (min-width:600px) {
	.modern--minimal--image h2, .modern--minimal--image h3, .modern--minimal--image h4, .modern--minimal--image h5, .modern--minimal--image h6, .modern--minimal--image p {margin:0;padding:1.3rem 3.2rem;}
	.modern--minimal--image blockquote {margin:2.4rem 3.2rem 3.2rem 3.2rem;}
	.modern--minimal--image ul {padding:0 2.0rem 0 4.4rem;}
	.modern--minimal--image ul ul {padding:0 0 0 2.0rem;}
	.modern--minimal--image ol {padding:0 2.0rem 0 4.6rem;}
	.modern--minimal--image ol ol {padding:0 0 0 2.0rem;}
	.modern--minimal--image pre {margin:1.6rem 3.2rem 3.2rem 3.2rem;}
}

@media only screen and (min-width:900px) {
	.modern--minimal--image h2, .modern--minimal--image h3, .modern--minimal--image h4, .modern--minimal--image h5, .modern--minimal--image h6, .modern--minimal--image p {margin:0;padding:1.3rem 4.8rem;}
	.modern--minimal--image blockquote {margin:3.2rem 4.8rem 4.8rem 4.8rem;}
	.modern--minimal--image ul {padding:0 2.8rem 0 5.9rem;}
	.modern--minimal--image ul ul {padding:0 0 0 2.8rem;}
	.modern--minimal--image ol {padding:0 2.8rem 0 6.0rem;}
	.modern--minimal--image ol ol {padding:0 0 0 2.8rem;}
	.modern--minimal--image pre {margin:1.6rem 4.8rem 3.2rem 4.8rem;border-radius:4px;}
	.modern--minimal--image figure {border-radius:6px;}
}