/*
--------------------------------------------------------------------------------------

	Audio + Video
	components.audio-video.css

--------------------------------------------------------------------------------------
*/



/*
-------------------------------------------
	Video
-------------------------------------------
*/


.ou-video {
	margin:0 0 20px 0;
	background-color: #000;
	color:#fff;
}

.ou-video__title {
	text-align:center;
	color:#fff;
	padding:20px 10px 0 10px;
	margin:0;
	font-size:1em;
}

.ou-video__clip {
	text-align:center;
	padding:20px;
}

.ou-video object,
.ou-video iframe {max-width: 100%;}

p.ou-video__toggle {margin:15px 0 0 0;}

p.ou-video__toggle a {
	text-decoration:none;
	color:#777;
	background-color: transparent;
}

p.ou-video__toggle a:hover {color:#fff;}

.ou-video .ou-quote p {font-size:1.1em;}

.oembed-title {
	color:#fff;
	font-weight:bold;
	background-color: transparent;
	text-decoration:none;
	display:inline-block;
	padding:0 0 15px 0;
	margin:0;
}

.oembed-title:hover {color:#999;}



/* video light */


.ou-video--light {background-color:transparent;}

.ou-video--light .ou-video__clip {padding:0 0 20px 0;}

.ou-video--light p.ou-video__toggle a {
	color:#039;
	background-color: transparent;
}

.ou-video--light p.ou-video__toggle a:hover {color:#000;}

.ou-video--light .oembed-title,
.ou-video--light .ou-video__title {
	color:#000;
	background-color: transparent;
	padding-bottom:15px;
}


/* audio */

.ou-audio blockquote .ou-dialogue dt,
.ou-audio blockquote .ou-dialogue dd {
	padding-left:0;
	text-align:left;
	color:#fff;
	background-color: transparent;
}

div.ou-audio blockquote .ou-dialogue dt {
	color:#000;
	background-color: transparent;
}

div.ou-audio blockquote .ou-dialogue dt:before {
	content:"";
}