/*
TODO move sermons css from style.css as this is included only when sermons is used or user is admin.
*/
.sermon_playlist .playing_meta .sermon{
	position: relative;
}
.sermon .albumArt {
	position: absolute;
	left: 16px;
	width: 100px;
	height: 100px;
	top: 58px;
	/* center
	top: 50%;
	margin-top: -57px;*/
}
body.noSermonAttr .sermon .albumArt {
	top: 44px;
}

/*from style.css:*/
/*more specific for theme/customfont will overwrite and make ugly:*/
/*.sermon_playlist div way to generic and hist mejs player*/
.playing_meta div,
.navigation,
/*old content p too:*/
.sermon_playlist .entry p,
.sermon_playlist a, .sermon_playlist a.page-numbers /*, .wp-audio-playlist div*/ {
	/*overwrite custom*/
	color: #444;
	font: 12px Arial;
	text-shadow: none;
	letter-spacing: 0;
}

.sermon_playlist .mejs-container {
	min-width: 100% !important;
}
.sermon_playlist .mejs-time-float {
	display: none !important;
}

.sermon_playlist a {
	color: #444;
	text-decoration: underline;
}
.leftlabel { /* fixed with in sermons and dialog */
	width: 57px;
	display: inline-block;
}
.sermon_playlist a:hover {
	color: #000;
	text-decoration: underline;
}
.sermon_playlist .audioplayer_container {
	margin: 0;
}
.sermon_playlist .btn_clip {
	float: right;
	overflow: hidden;
	width: 224px;
	height: 26px;
	text-align: right;
	margin-right: 4px;
	font-size: 11px;
}

.sermon_playlist .btn_clip a {
	display:inline-block;
}

.sermon_playlist .playing_meta {
	height: 170px;
	padding: 0 0 34px;
	position: relative;
}
.sermon_playlist .playing_meta .meta {
	/*background: url('../default_thumb.png') no-repeat 20px center;*/
	height: 100%;
	padding: 0 15px;
	overflow: auto;
}
.sermon_playlist .playing_meta .meta .title {
	color: #000;
	font: normal 18px/26px Arial;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
	max-width: calc(100% - 80px);
    overflow: hidden;
}
.sermon_playlist .playing_meta .series {
	color: #000;
	display: inline;
}
.sermon_playlist .playing_meta .preacher {
	color: #000;
	display: inline;
	margin: 0 10px 0 0;
}
body.noSermonAttr .playing_meta .series,
body.noSermonAttr .playing_meta .preacher {
	display: none;
}
.sermon_playlist .playing_meta .series a,
.sermon_playlist .playing_meta .preacher a {
	color: #7f807d;
	text-decoration: none;
	/*clippable when needs maxwidth changed for going over the albumart below:*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
}
.sermon_playlist .playing_meta .series a:hover,
.sermon_playlist .playing_meta .preacher a:hover {
	color: #000;
	text-decoration: none;
}
.sermon_playlist .playing_meta .meta .date {
	display: none;
	/*no more ribbon
	background: url('../sermon_icons.png') no-repeat 0 0;
	display: inline-block;
	color: white;
	float: right;
	font:12px Arial;
	height: 31px;
	line-height: 31px;
	margin: 15px -8px 5px 5px;
	padding: 0 0px 0 7px;
	text-align: center;
	width: 84px;*/
}
.sermon_playlist .playing_meta .excerpt {
	color: #444;
	clear: both;
	padding: 0;
	margin: 18px 0;
	padding: 0 0 0 120px;
	position: relative; /*above, clickable if no albumart empty element.*/
}
/*when no album art...*/
.sermon_playlist .playing_meta .albumArt:empty ~ .excerpt {
	padding: 0;
}

.sermon_playlist .playing_meta .excerpt * {
	letter-spacing: 0;
}
.sermon_playlist .sermon-header {
	background: #808080;
	border: 0;
	height: 34px;
	position: relative;
}
.sermon_playlist .sermon-header span {
	font-size: 12px;
	color: white;
	font-weight: normal;
}
.sermon_playlist ul {
	list-style: none;
	padding: 0;
	margin: 6px 0;
	position: relative;
}
.sermon_playlist li {
	border-top: 1px solid #cccccc;
	clear: both;
	cursor: pointer;
	height: 26px;
	line-height: 26px;
	margin: 0;
}
.sermon_playlist li:first-child {
	border-top: 0;
}
.sermon_playlist li .meta {
	display: none;
}
.sermon_playlist li.odd {
	background-color: transparent;
}
/* If we want individual theme specific things need to rework those with more specificity as it was moved */
.sermon_playlist li:hover,
.sermon_playlist li.active,
.wp-playlist.wp-audio-playlist .wp-playlist-playing,
.wp-playlist.wp-audio-playlist .wp-playlist-item:hover{
	background-color: #EAEAEA;
	color: #444;
}
.sermon_playlist li:hover a, .sermon_playlist li.active a {
	color: white;
}
.sermon_playlist li span.date,
.sermon_playlist .sermon-header .date {
	width: 80px;
}

/*more specific than old hover*/
.sermon_playlist li span.date.date {
	color: #687E7C;
}
.sermon_playlist li span.title,
.sermon_playlist .sermon-header .title  {
	padding: 0 0 0 16px;
	width: 37%;
	width: -webkit-calc(100% - 276px);
	width: -moz-calc(100% - 276px);
	width: -ms-calc(100% - 276px);
	width: -o-calc(100% - 276px);
	width: calc(100% - 276px);
}
.sflb_span4 .sermon_playlist li span.title,
.sflb_span4 .sermon_playlist .sermon-header .title  {
	width: -webkit-calc(100% - 184px);
	width: -moz-calc(100% - 184px);
	width: -ms-calc(100% - 184px);
	width: -o-calc(100% - 184px);
	width: calc(100% - 184px);
}
div.sermon div.title {
	margin-top: 6px 1px 0 2px;
}

/* No such thing as download in iOS Safari: */
body.iOS .sermon_playlist .download,
body.iOS .sermons .download_btn,
body.iOS .sermons .download_btn +span,
/* also never itpc ironically https://www.engadget.com/2012/09/24/tip-making-itpc-links-work-with-the-official-odcasts-app/ */
body.iOS a[href^="itpc"],
/*No such thing as right click, Android*/
body.Android .sermons .download_btn +span {
	/* hide in heading and li listing. */
	display:none;
}
body.iOS .sermon_playlist li span.title,
body.iOS .sermon_playlist .sermon-header .title {
	max-width:72%;
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
}


.sermon_playlist li span.title {
	font-weight: normal;
}
.sermon_playlist li span.preacher,
.sermon_playlist .sermon-header .preacher  {
	clear:right;
	width: 100px;
}
.sermon_playlist .btn_container,
.sermon_playlist .sermon-header .btn_container  {
	display: block;
	float: right;
	height: 20px;
	margin: 4px 0 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 60px;
}
.sermon_playlist li span,
.sermon_playlist .sermon-header span {
	display: inline-block;
	height: 26px;
	overflow: hidden;
	padding: 0 0 0 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}
.sermon_playlist .sermon-header span,
.sermon_playlist .sermon-header .btn_container {
	margin: 0;
	height: 34px;
	line-height: 34px;
}
.sermon_playlist .sermon-header .btn_container.video,
.sermon_playlist .btn_container.video {
	width: 40px;
	margin-right: 8px;
}
.sermon_playlist .sermon-header .btn_container.notes,
.sermon_playlist .btn_container.notes {
	width: 50px;
}
.sermon_playlist .sf-icon {
	background: url('../sermon_icons.png') no-repeat 0 -39px;
	display: inline-block;
	height: 16px;
	width: 16px;
	vertical-align: top;
}
.sermon_playlist .sf-icon.download_btn {
	background-position: -32px -39px;
}
.sermon_playlist .sf-icon.notes_btn {
	background-position: -16px -39px;
}
.sermon_playlist .sf-icon.icon-rss {
	background-position: -48px -39px;
	margin: 0 17px;
}
.sermon_playlist .sf-icon.icon-podcast {
	background-position: -64px -39px;
	margin: 0 14px;
}
.sermon_playlist .sf-icon.icon-plus-circle {
	background-position: 0 -55px;
	margin: 0 16px;
}
.sermon_playlist .ui-resizable-s {
	background: transparent;
	bottom: 0;
	cursor: s-resize;
	height: 34px;
	position: absolute;
	width: 100%;
}
.sermon_playlist .navigation {
	background: #2c2d33;
	/*background: -webkit-linear-gradient(top, #4c4e5a, #2c2d33); 
	background: -moz-linear-gradient(top, #4c4e5a, #2c2d33);
	background: -o-linear-gradient(top, #4c4e5a, #2c2d33);
	background: -ms-linear-gradient(top, #4c4e5a, #2c2d33);
	background: linear-gradient(#4c4e5a, #2c2d33);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#515151', endColorstr='#2c2d33');*/
	color: white;
	margin: 0;
	padding: 5px;
	position: relative;
	height: 15px;
}
.sermon_playlist .navigation .page-numbers {
	float: left;
	margin: 0px 2px;
	padding: 0px 2px 0px 2px;
}
.sermon_playlist .navigation a {
	color: white;
	text-decoration: none;
}
.sermon_playlist .navigation a:hover {
	color: #DDD;
	text-decoration: underline;
}
.sermon_playlist .navigation span.alignright {
	position:absolute; right:5px; float:none;
}
.sermon_playlist .overlay {
	background-color: white;
	height: 100%;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
/*If it HAS to be certain color to blend in parallax background: enclose with style:*/
.innerSermons .postmeta,
[style] >.innerSermons h2,
[style] >.innerSermons .posttitle,
[style] >.innerSermons a {
	color: inherit; /* if customized outer page color, inherit*/
}
/*rare case some image floated messes it*/
.innerSermons .sermons,
.innerSermons >h2 {
	clear:both;
}
.innerSermons .sermons .alignleft {
	/*image not bumped up to next!*/
	margin-bottom:20px;
}

/* facebook share stuff */
.sermon .fb-share-button
{
	position: absolute;
	top: 0px;
	right: 15px;
	padding-top:2px;
}

body.single-sermons .fb-share-button {
	float: right;
}
body.single-sermons .fb-share-button >span {
	vertical-align: top !important;
}