@charset "utf-8";
/* CSS Document */

/*=================================================================================
Plough.com - audio style sheet
===================================================================================*/
.audio-container {
    width: 90%;
    clear: both;
    margin: 2em auto 2em auto;
    text-align: center;
}

.audioplayer {
	height:2.5em;
	color:#fff;
	text-shadow:1px 1px 0 #000;
	border:1px solid #2e2e2e;
	position:relative;
	z-index:1;
	background:#333;
	background:-webkit-gradient(linear, left top, left bottom, from(#565656), to(#2e2e2e));
	background:-webkit-linear-gradient(top, #565656, #2e2e2e);
	background:-moz-linear-gradient(top, #565656, #2e2e2e);
	background:-ms-radial-gradient(top, #565656, #2e2e2e);
	background:-o-linear-gradient(top, #565656, #2e2e2e);
	background:linear-gradient(top, #565656, #2e2e2e);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 0 1.25em rgba(0,0,0,.5);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 0 1.25em rgba(0,0,0,.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 0 1.25em rgba(0,0,0,.5);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px
}
.audioplayer-mini {
	width:2.5em;
	margin:0 auto
}
.audioplayer>div {
	position:absolute
}
.audioplayer-playpause {
	width:2.5em;
	height:100%;
	text-align:left;
	text-indent:-9999px;
	cursor:pointer;
	z-index:2;
	top:0;
	left:0
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
	border-right:1px solid #555;
	border-right-color:rgba(255,255,255,.1)
}
.audioplayer-mini .audioplayer-playpause {
	width:100%
}
.audioplayer-playpause:hover, .audioplayer-playpause:focus {
	background-color:#2e2e2e
}
.audioplayer-playpause a {
	display:block
}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
	width:0;
	height:0;
	border:.5em solid transparent;
	border-right:none;
	border-left-color:#fff;
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	margin:-.5em 0 0 -.25em
}
.audioplayer-playing .audioplayer-playpause a {
	width:.75em;
	height:.75em;
	position:absolute;
	top:50%;
	left:50%;
	margin:-.375em 0 0 -.375em
}
.audioplayer-playing .audioplayer-playpause a:before, .audioplayer-playing .audioplayer-playpause a:after {
	width:40%;
	height:100%;
	background-color:#fff;
	content:'';
	position:absolute;
	top:0
}
.audioplayer-playing .audioplayer-playpause a:before {
	left:0
}
.audioplayer-playing .audioplayer-playpause a:after {
	right:0
}
.audioplayer-time {
	width:4.375em;
	height:100%;
	line-height:2.375em;
	text-align:center;
	z-index:2;
	top:0
}
.audioplayer-time-current {
	border-left:1px solid #111;
	border-left-color:rgba(0,0,0,.25);
	left:2.5em
}
.audioplayer-time-duration {
	border-right:1px solid #555;
	border-right-color:rgba(255,255,255,.1);
	right:2.5em
}
@media screen and (min-width: 768px) {/*when it is in the right rail there isn't room for both times to show.*/
    .article__feature-container .audioplayer-time-duration {
        display:none;
    }
}
.audioplayer-novolume .audioplayer-time-duration {
	border-right:0;
	right:0
}
.audioplayer-bar {
	height:.875em;
	background-color:#2e2e2e;
	cursor:pointer;
	z-index:1;
	top:50%;
	right:6.875em;
	left:6.875em;
	margin-top:-.438em
}
.audioplayer-novolume .audioplayer-bar {
	right:4.375em
}
.audioplayer-bar div {
	width:0;
	height:100%;
	position:absolute;
	left:0;
	top:0
}
.audioplayer-bar-loaded {
	background-color:#333;
	z-index:1
}
.audioplayer-bar-played {
	background:#d7cfbc;
	background:-webkit-gradient(linear, left top, right top, from(#d7cfbc), to(#A08c59));
	background:-webkit-linear-gradient(left, #d7cfbc, #A08c59);
	background:-moz-linear-gradient(left, #d7cfbc, #A08c59);
	background:-ms-radial-gradient(left, #d7cfbc, #A08c59);
	background:-o-linear-gradient(left, #d7cfbc, #A08c59);
	background:linear-gradient(left, #d7cfbc, #A08c59);
	z-index:2
}
.audioplayer-volume {
	width:2.5em;
	height:100%;
	border-left:1px solid #111;
	border-left-color:rgba(0,0,0,.25);
	text-align:left;
	text-indent:-9999px;
	cursor:pointer;
	z-index:2;
	top:0;
	right:0
}
.audioplayer-volume:hover, .audioplayer-volume:focus {
	background-color:#2e2e2e
}
.audioplayer-volume-button {
	width:100%;
	height:100%
}
.audioplayer-volume-button a {
	width:.313em;
	height:.375em;
	background-color:#fff;
	display:block;
	position:relative;
	z-index:1;
	top:40%;
	left:35%
}
.audioplayer-volume-button a:before, .audioplayer-volume-button a:after {
	content:'';
	position:absolute
}
.audioplayer-volume-button a:before {
	width:0;
	height:0;
	border:.5em solid transparent;
	border-left:none;
	border-right-color:#fff;
	z-index:2;
	top:50%;
	right:-.25em;
	margin-top:-.5em
}
.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
	width:.313em;
	height:.313em;
	border:.25em double #fff;
	border-width:.25em .25em 0 0;
	left:.563em;
	top:-.063em;
	-webkit-border-radius:0 .938em 0 0;
	-moz-border-radius:0 .938em 0 0;
	border-radius:0 .938em 0 0;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.audioplayer-volume-adjust {
	height:6.25em;
	cursor:default;
	position:absolute;
	left:0;
	right:-1px;
	top:-9999px;
	background:#2e2e2e;
	background:-webkit-gradient(linear, left top, left bottom, from(#565656), to(#2e2e2e));
	background:-webkit-linear-gradient(top, #565656, #2e2e2e);
	background:-moz-linear-gradient(top, #565656, #2e2e2e);
	background:-ms-radial-gradient(top, #565656, #2e2e2e);
	background:-o-linear-gradient(top, #565656, #2e2e2e);
	background:linear-gradient(top, #565656, #2e2e2e);
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	border-top-left-radius:2px;
	border-top-right-radius:2px
}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
	opacity:0
}
.audioplayer-volume:hover .audioplayer-volume-adjust {
	top:auto;
	bottom:100%
}
.audioplayer-volume-adjust>div {
	width:40%;
	height:80%;
	background-color:#2e2e2e;
	cursor:pointer;
	position:relative;
	z-index:1;
	margin:30% auto 0
}
.audioplayer-volume-adjust div div {
	width:100%;
	height:100%;
	position:absolute;
	bottom:0;
	left:0;
	background:#d7cfbc;
	background:-webkit-gradient(linear, left bottom, left top, from(#d7cfbc), to(#A08c59));
	background:-webkit-linear-gradient(bottom, #d7cfbc, #A08c59);
	background:-moz-linear-gradient(bottom, #d7cfbc, #A08c59);
	background:-ms-radial-gradient(bottom, #d7cfbc, #A08c59);
	background:-o-linear-gradient(bottom, #d7cfbc, #A08c59);
	background:linear-gradient(bottom, #d7cfbc, #A08c59)
}
.audioplayer-novolume .audioplayer-volume {
	display:none
}
.audioplayer-play, .audioplayer-pause, .audioplayer-volume a {
	-webkit-filter:drop-shadow(1px 1px 0 #000);
	-moz-filter:drop-shadow(1px 1px 0 #000);
	-ms-filter:drop-shadow(1px 1px 0 #000);
	-o-filter:drop-shadow(1px 1px 0 #000);
	filter:drop-shadow(1px 1px 0 #000)
}
.audioplayer-bar, .audioplayer-bar div, .audioplayer-volume-adjust div {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.audioplayer-bar, .audioplayer-volume-adjust>div {
	-webkit-box-shadow:-1px -1px 0 rgba(0,0,0,.5), 1px 1px 0 rgba(255,255,255,.1);
	-moz-box-shadow:-1px -1px 0 rgba(0,0,0,.5), 1px 1px 0 rgba(255,255,255,.1);
	box-shadow:-1px -1px 0 rgba(0,0,0,.5), 1px 1px 0 rgba(255,255,255,.1)
}
.audioplayer-volume-adjust div div, .audioplayer-bar-played {
	-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.5);
	-moz-box-shadow:inset 0 0 5px rgba(255,255,255,.5);
	box-shadow:inset 0 0 5px rgba(255,255,255,.5)
}
.audioplayer-volume-adjust {
	-webkit-box-shadow:-2px -2px 2px rgba(0,0,0,.15), 2px -2px 2px rgba(0,0,0,.15);
	-moz-box-shadow:-2px -2px 2px rgba(0,0,0,.15), 2px -2px 2px rgba(0,0,0,.15);
	box-shadow:-2px -2px 2px rgba(0,0,0,.15), 2px -2px 2px rgba(0,0,0,.15)
}
.audioplayer *, .audioplayer *:before, .audioplayer *:after {
	-webkit-transition:color .25s ease, background-color .25s ease, opacity .5s ease;
	-moz-transition:color .25s ease, background-color .25s ease, opacity .5s ease;
	-ms-transition:color .25s ease, background-color .25s ease, opacity .5s ease;
	-o-transition:color .25s ease, background-color .25s ease, opacity .5s ease;
	transition:color .25s ease, background-color .25s ease, opacity .5s ease
}
