
html { font-size: 16px; }

body { font-family: 'Roboto', sans-serif; line-height: 1.5; }

.wp-embed p { margin: 0 0 1.5rem; }

img { max-width: 100%; height: auto; }

a .extant-portrait {
	/* Using box-shadow so that the image will fit just outside the container. */
	box-shadow: 0 0 0 9px #fff, 0 0 0 10px #eee, 0 0 0 12px #fafafa;
}
	a:hover .extant-portrait,
	a:focus .extant-portrait {
		/* Note rgba() color is the same as #c02942 */
		box-shadow: 0 0 0 9px #fff,
                          0 0 0 10px rgba( 192, 41, 66, 0.25 ),
                          0 0 0 12px rgba( 192, 41, 66, 0.05 );
	}

.extant-portrait { margin: 0 0 1.5rem; }

@media screen and ( min-width: 481px ) {

	.extant-portrait { max-width: 40%; }

	.ltr .extant-portrait { float: left; margin-right: 1.5rem; }
	.rtl .extant-portrait { float: right; margin-left: 1.5rem; }
}

.extant-landscape,
.svg-featured {
	max-width: calc( 100% + 3rem );
	height: auto;
	margin: -1.5rem 0 1.5rem -1.5rem;
}

	.format-aside .svg-featured    { background: #f7f7f7; }
	.format-audio .svg-featured    { background: #ecd078; }
	.format-chat .svg-featured     { background: #c02942; }
	.format-gallery .svg-featured  { background: #d99443; }
	.format-image .svg-featured    { background: #9f43d9; }
	.format-link .svg-featured     { background: #111111; }
	.format-quote .svg-featured    { background: #53777a; }
	.format-standard .svg-featured { background: #f8f8f8; }
	.format-status .svg-featured   { background: #d95b43; }
	.format-video .svg-featured    { background: #542437; }

	.attachment .svg-featured        { background: #9f43d9; }
	.download .svg-featured,
	.type-download .svg-featured     { background: #436dd9; }
	.page .svg-featured              { background: #666666; }
	.portfolio_project .svg-featured { background: #43b4d9; }

.svg-featured text {
	font-family: FontAwesome;
	font-size:   72px;
	line-height: 1;
	vertical-align:middle;
	fill: #fff;
}

.post-thumbnail { max-width: 213px; }

.wp-embedded-content { width: 100%; }

.wp-embed {
	width:      100%;
	padding:    1.5rem 1.5rem 0;
	background: #fff;
	border:     1px solid #f2f2f2;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	font-size: 1.0625rem;
	color: #666;
}


.wp-embed-footer {
	width: calc( 100% + 3rem );
	margin: 0 0 0 -1.5rem;
	padding: 0.75rem 1.5rem;
	border-top: 1px solid #f2f2f2;
	box-sizing: border-box;
}

	@media screen and ( max-width: 640px ) {

		.wp-embed-site-title,
		.wp-embed-meta {
			display: block;
			text-align: center;
		}

		.wp-embed-site-title { margin-bottom: 0.75rem; }
	}

	.wp-embed .wp-embed-heading,
	.wp-embed-site-title {
		font-family: 'Roboto Slab', serif;
		font-weight: 700;
		line-height: 1.5;
	}

	.wp-embed .wp-embed-heading {
		font-size: 1.125rem;
		margin-bottom: 0.5rem;
	}

	.wp-embed-site-title {
		font-size: 1rem;
		text-transform: uppercase;
	}

	.wp-embed-meta { color: #bbb; }

	.wp-embed-meta .sep { margin: 0 5px; }

	.wp-embed-meta,
	.wp-embed-share-dialog-open {
		font-size: 15px;
	}

	.wp-embed-excerpt a { text-decoration: underline; }

	.wp-embed a,
	.wp-embed .wp-embed-excerpt a,
	.wp-embed-meta a,
	.wp-embed-meta button { color: #666; }

	.wp-embed-heading a,
	.wp-embed-site-title a { color: #333; }

	.wp-embed a:hover,
	.wp-embed a:focus,
	.wp-embed-meta a:hover,
	.wp-embed-meta a:focus,
	.wp-embed-meta button:hover,
	.wp-embed-meta button:focus,
	.wp-embed-site-title a:hover,
	.wp-embed-site-title a:focus { color: #c02942; text-decoration: underline; }

	.format-aside .wp-embed-content,
	.format-link .wp-embed-content,
	.format-quote .wp-embed-content,
	.format-status .wp-embed-content {
		overflow:   hidden;
		width:      calc( 100% + 3rem );
		margin:     -1.5rem 0 0 -1.5rem;
		padding:    1.5rem 1.5rem 0;
		box-sizing: border-box;
	}

	.format-status .wp-embed-content {
		color: #fff;
		background: #d95b43;
	}

	.format-aside .wp-embed-content {
		background: #f7f7f7;
	}

	.format-link .wp-embed-content {
		color: #fff;
		background: #111;
	}

		.format-link .wp-embed-content a,
		.format-link .wp-embed-content a:hover,
		.format-link .wp-embed-content a:focus { color: #fff; }

	.format-quote .wp-embed-content {
		color: #fff;
		background: #53777a;
	}

	.format-quote blockquote {
		overflow: hidden;
		margin: 0;
		padding: 0;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1.125rem;
	}

		.format-quote cite {
			font-size: 1rem;
			color: #97c0c3;
		}
