/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ MEDIA PLAYER ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.player {
	background: #FFF;
	font: 100%/1.5em Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
.player.general { min-height: 100vh; }
.player .adminTools {
	width: auto;
	display: inline-flex;
	padding-left: 1.35em;
	padding-right: 1.35em;
	margin-bottom: -1em;
}
#mediaWrapper.YTEmbed {  position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
#mediaWrapper.YTEmbed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.player #mediaWrapper iframe {
	margin-top: 0;
}
.mediaInfo {
	padding-bottom: 2em;
    text-align: center;
}
.mediaInfo h3, .mediaInfo h6 {
	font-size: 1rem;
	margin: 0;
	display: block;
	clear: both;
}
.mediaInfo h6 {
	font-size: 1.21875rem;
	color: #333;
	margin-top: .25em;
    text-align: center;
	margin-bottom: .5em;
}
.player h3 {
	position: relative;
	color: #333;
	font-size: 1.5rem;
	line-height: 1.15em;
	margin: .35em 0 .35em 0;
    font-family: Cambria, Georgia, Serif;
}
.player h3 .holyday { display: block; font-size: .8em; margin-top: 1.2em; }
.player .date, .player .byline {
	position: relative;
	color: #3F3F3F;
	margin-left: .15em;
	font-weight: normal;
	font-size: .9em;
	white-space: nowrap;
}
.player .date { text-transform: uppercase; }
.player .mediaInfo .byline:not(:empty)::after {
	content: " | ";
	color: #3F3F3F;
	padding-left: .15em;
	position: relative;
	top: -1px;
}
.general.player h6#pageByline, .general .byline {
    font-style: normal !important;
    font-weight: normal;
	font-size: .98em;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
.player .mediaInfo .promo {
	font-size: 1.15rem;
	color: #333;
	padding-bottom: .5em;
	margin-top: .75em;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
.sep.player .mediaInfo .promo, .sep.player #sermonTranscript { text-align: left; }
#content p#libraryLinks { max-width: none; text-align: center; width: 100%; color: #777; font-weight: normal; }
#libraryLinks a { display: inline-block; margin: 0 .25em; }
#libraryLinks a, #libraryLinks a:visited, .backToSermons, .backToSermons:visited,
	.player #MainContent a {
	font-weight: bold;
	border-bottom: 1px solid;
	text-decoration: none;
	font-size: 1.05rem;
	color: #035694;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
#MainContent #socialTools a {
	border-bottom: none;
}
.backToSermons:hover, #libraryLinks a:hover, #mediaHelp:hover, .player #MainContent a:hover {
	color: #2196F3;
}
.mediaToggler {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	border: 1px solid #bbb;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: .5em;
	padding: .35em 2.5em .35em .8em;
	color: #333;
	text-transform: uppercase;
	border-radius: 3px;
	background: #DDD;
	box-sizing: border-box;
	font-size: 1.1875rem;
	line-height: 1.25em;
	position: relative;
	font-weight: bold;
	display: inline-block;
	background: #F7F7F7 url(https://images.azureedge.net/rcg/images/interface/icn_down_arrow.png) no-repeat 90% center;
	background-size: 20px auto;
	clear: right;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.mediaToggler:hover {
	border-color: #999;
	cursor: pointer;
	background-color: #FFF;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.extraOptions, .extraMedia {
	padding-left: 0;
	padding-top: 4px !important;
	padding-bottom: 6px !important;
	margin-left: 0 !important;
	background: #FFF;
	border: 1px solid #999;
	width: calc(100% + 2px);
	box-sizing: border-box;
	position: absolute;
	top: 1.92em;
	left: -1px;
	z-index: 5;
	border-radius: 0 0 3px 3px;
    text-align: center;
}
ul.extraMedia li {
	list-style-type: none;
	padding: 2px 0 0 8px !important;
	margin: 7px !important;
	box-sizing: border-box;
	position: relative;
	text-align: center !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.extraMedia li.disabled { opacity: .8; color: #777; cursor: default; }
.extraMedia li .note { display: block; font-size: .82rem; color: #555; }
.extraMedia li.active:not(.notActive):not(.disabled)::before, .extraMedia li:not(.active):not(.disabled):hover::before {
	width: 10px;
	height: 10px;
	content: '';
	display: inline-block;
	border-radius: 100%;
	background-color: #2196F3;
	position: absolute;
	left: 8px;
	top: 9px;
}
.sidebar:empty { display: none; }

@media screen and (min-width: 480px) {
	.mediaInfo {
		text-align: left;
	}
	.sep .mediaInfo { text-align: center; }
	.sep .mediaInfo h3, .sep .mediaInfo h6, .sep .mediaInfo .promo { text-align: left; }
	.player h3 {
		font-size: 1.7rem;
		padding-right: 145px;
		margin-bottom: 0;
	}
	.player h6 { text-align: left; }
	.mediaToggler {
		position: absolute;
		top: -10px;
		right: 0;
	}
	.fakeLabel .mediaType {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.general.player #MainContent {
		margin-left: auto;
		margin-right: auto;
		width: calc(100% - 2em);
	}
}
@media screen and (min-width: 1024px) {
	.general.player #MainContent {
		width: 100%;
		display: flex;
		justify-content: space-around;
	}
	.mediaStage { width: 61%; }
	.sidebar { 
		width: calc(39% - 3em); 
		margin-top: 2em; 
		position: relative;
		animation-name: slideUpSideBar;
		animation-duration: 1s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: 1;
	}
}

/* Parts */
.otherSermons {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.otherSermons .moreLink { text-align: center; margin: .25em auto 1.7em; }
.otherSermons + #latestSermons .heading {
	padding-top: 1em;
	border-top: 1px solid #CCC;
}
.sep .otherSermons { 
	margin-left: auto;
	margin-right: auto;
	padding-left: .25em;
	padding-right: .25em;
	max-width: none;
	width: 100%;
	box-sizing: border-box;
}

.otherSermons h4 {
	font-size: 1.3em;
	text-align: center;
	font-family: Cambria, Georgia, Serif;
	margin-bottom: 1em;
}
.player.general .otherSermons .byline {  margin-top: 0; }
.player.general .otherSermons .byline, .player.general .otherSermons .date { 
	display: none; 
	font-size: .92rem; 
	line-height: 1.35em;
}
@media screen and (min-width: 424px){
	.player.general .otherSermons .date { display: block; }
}
@media screen and (min-width: 600px){
	.sep.player .sidebar > div { 
		padding-left: 3em !important; 
		padding-right: 3em !important; 
		max-width: 600px;
		margin-left: auto;
		margin-right: auto; 
	}
	.player.general .otherSermons .byline { display: block ;}
}
@media screen and (min-width: 1024px) {
	.sep.player .sidebar > div { 
		padding-left: 0 !important; 
		padding-right: 0 !important; 
	}
}
@media screen and (min-width: 1150px) {
	.sep.player .sidebar > div { 
		padding-left: 1em !important; 
		padding-right: 1em !important; 
	}
}
@media screen and (min-width: 1024px) and (max-width: 1249px) {
	.player.general .otherSermons .byline { display: none ;}
}

#moreParts {
	margin-top: 2em;
	padding-top: 15px;
	border-top: 1px solid #BBB;
	padding-bottom: 27px;
    text-align: center;
}
#moreParts .fakeLabel {
	display: block;
	font-size: 1.2rem;
	margin-bottom: 1em;
	color: #333;
}
#seriesParts  {
	width: 90%;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	display: inline-block;
	margin: 0 auto;
	border-radius: 2px;
	border: 1px solid #bbb;
	padding: .5em .35em .5em .35em;
	min-width: 250px;
	font-size: 1.1875rem;
	text-transform: uppercase;
	text-align: center;
	color: #333;
	font-weight: bold;
	background: #F7F7F7;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
@media screen and (min-width: 768px) {
	#seriesParts { width: auto; }
}
#seriesParts:focus, #seriesParts:hover {
	background: #FFF;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#seriesParts a {
	display: inline-block;
	padding: .65em .85em;
	margin: .5em .5em;
	color: #444;
	border: 0 none;
	font-weight: bold;
	color: #FFF;
	background-color: #777;
	font-size: 16px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	border-radius: 3px;
}

/* Media */
.mediaStage { max-width: 800px; margin: 2em auto 0 auto; }

#mediaWrapper {
	margin: 0 auto;
	max-width: 960px;
	position: relative;
}
#mediaWrapper .jwplayer { border-radius: 4px; }
#mediaWrapper iframe { width: 100%; margin-top: 1.5em; }
#howToDownload { font-size: 1.1rem; max-width: 600px; }
.jw-flag-fullscreen.jwplayer .jw-preview {
	background-image: url(https://images.azureedge.net/rcg/images/interface/bible_fullscreen_playerbg.jpg);
}
.jwplayer .jw-preview {
	animation: fadeIn 1s ease 1;
}

/* Toolbar */
.jw-controls {
    z-index: 10;
}
.jwplayer .jw-preview { background-size: cover !important; }
/* Profile */
.jwplayer #jw-profile {
	width: 47%;
	height: 100%;
	position: absolute;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	top: -5%;
	box-sizing: border-box;
}
.jwplayer .profileImage {
    margin-left: 0;
    margin-right: auto;
	background-repeat: no-repeat;
	width: 69%;
	height: auto;
	position: relative;
	display: flex;
	border: 1px solid hsla(0, 0%, 0%, .7);
	border-right: 0 none;
    -webkit-transition: .5s top ease;
    transition: .5s top ease;
}
.profileImage img {
	display: block;
	width: 100%;
	height: auto;
}
.jw-breakpoint-0.jwplayer .profileImage,
	.jw-breakpoint-1.jwplayer .profileImage {
	width: 60px !important;
	height: 60px !important;
	position: absolute;
	right: 13px;
	top: 18px;
	border: 0 none;
}
.jw-breakpoint-1.jwplayer .profileImage {
	top: 20px;
}
.jw-breakpoint-0.jwplayer .profileImage,
	.jw-breakpoint-1.jwplayer .profileImage,
	.thumbnail .profileImage {
		background-position-y: -3px;
}
.jw-breakpoint-0.jwplayer #waveContainer,
	.jw-breakpoint-1.jwplayer #waveContainer,
	.jwplayer.jw-state-buffering #waveContainer {
	display: none !important;
}
.jw-breakpoint-2.jwplayer #jw-profile {
	top: -10%;
	width: 42%;
}
.jw-breakpoint-2.jwplayer .profileImage {
	width: 73%;
}
.jw-breakpoint-3.jwplayer .profileImage {
	width: 74%;
}
.jw-breakpoint-3.jwplayer #jw-profile {
	width: 43%;
	top: -8%;
}
/* Create round vignette over .jw-preview.profile */
.profileImage {
    background-color: hsla(60, 9%, 94%, .2); /* #828a95 */
    border-radius: 100%;
    display: block;
    margin-bottom: .75em;
    margin-left: 49%;
    margin-right: auto;
    border: 0 none;
    width: 40%;
    height: 40vw;
    background-size: 125% auto;
    background-position-y: -9px;
    background-position-x: 42%;
	-webkit-animation: fadeIn 1s ease;
	animation: fadeIn 1s ease;
}
.otherSermons .profileImage {
	position: absolute;
    top: 6%;
	display: flex;
}
#jw-byline {
	display: none;
	width: 53%;
	position: absolute;
	left: 0;
	height: 100%;
	display: flex;
	justify-content: right;
	color: hsla(0, 0%, 0%, .9);
	font-size: 1.8rem;
	font-weight: 600;
	font-family: Cambria, Georgia, serif;
	align-items: center;
	line-height: .9em;
  	text-align: center;
	top: -7%;
	box-sizing: border-box;
}
#byline-container {
	width: 79%;
}
#byline-text {
	border-top: 1px solid hsla(0, 0%, 0%, .7);
	padding-top: 2px;
	margin-top: 5px;
	padding-left: .75em;
	font-size: .7em;
	padding-right: .75em;
}
.initialLoad #byline-text {
	-webkit-animation: fadeIn 3s ease 1;
	animation: fadeIn 3s ease 1;
}
.initialLoad #byline-type {
	-webkit-animation: fadeIn 2.5s ease 1;
	animation: fadeIn 2.5s ease 1;	
}
#byline-type, #byline-text { display: block; }
.jw-breakpoint-0.jwplayer #jw-byline, .jw-breakpoint-1.jwplayer #jw-byline {
	color: #FFF;
	font-weight: 600;
	text-shadow: 0 1px 2px #000;
	font-size: .9rem !important;
	padding-top: 1em;
	padding-left: 1em;

	width: calc(100% - 90px);
	height: auto;
	display: block;
	text-align: left;
	top: auto;
}
.jw-breakpoint-0.jwplayer #byline-text, .jw-breakpoint-1.jwplayer #byline-text {
	border-top: 0 none !important;
	padding-top: 0;
	margin-top: 0;
	padding-left: 0;
	font-size: 1em;
	padding-right: 0;
}
.jw-breakpoint-0.jwplayer #byline-type, .jw-breakpoint-1.jwplayer #byline-type,
.jw-breakpoint-0.jwplayer #byline-text, .jw-breakpoint-1.jwplayer #byline-text {
	display: inline !important;
}
.jwplayer.jw-breakpoint-2.jwplayer #byline-container {
	width: 82%;
}
.jw-breakpoint-2.jwplayer #jw-byline {
	top: -11%;
	width: 58%;
	font-size: 1.6rem;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	display: flex;
	justify-content: flex-end;
}
.jw-breakpoint-2.jwplayer #byline-text {
	font-size: .6em;
	line-height: 1.1em;
	padding-left: .75em;
	padding-right: .75em;
	box-sizing: border-box;
}
.jw-breakpoint-3.jwplayer #byline-container {
	width: 81%;
}
.jw-breakpoint-3.jwplayer #jw-byline {
	width: 57%;
	top: -8%;
}
.jw-breakpoint-3.jwplayer #byline-text {
	font-size: .6em;
	padding-left: 1.25em;
}
.jw-breakpoint-3.jwplayer #byline-type {
	font-size: 1.72rem;
}
.jw-flag-fullscreen.jwplayer #jw-byline {
	font-size: 3em;
}
@media screen and (min-width: 1024px) {
	.mediaStage { max-width: none; margin-left: 0; margin-right: 0; }
}
@media screen and (min-width: 1150px) {
	.player.general #MainContent { max-width: 1280px; width: 98%; }
}

/* Soundwaves */
#waveContainer { display: none; }
#waveContainer {
    width: 100%;
    top: auto;
    bottom: 34px;
	display: flex;
	align-self: end;
	z-index: 10;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 20px;
	left: 0;
	justify-content: center;
	align-items: flex-end;
}
#soundWaves {
	display: flex;
	justify-content: space-between;
	height: 36px;
	-webkit-transition: 1s all ease;
    transition: 1s all ease;
	--boxSize: 5px;
	--gutter: 2px;
	width: calc((var(--boxSize) + var(--gutter)) * 5);
}
.wave {
	transform: scaleY(.4);
	height: 100%;
	width: var(--boxSize);
	background: #EFEFEF;
	box-shadow: 0px -1px 5px hsla(0, 0%, 0%, 1);
	animation-duration: 1.2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	border-radius: 8px;
}
.wave1{
	animation-name: quiet;
}
.wave2{
	animation-name: normal;
}
.wave3{
	animation-name: quiet;
}
.wave4{
	animation-name: loud;
}
.wave5{
	animation-name: quiet;
}
.jw-state-complete #waveContainer,
.jw-state-error #waveContainer  { display: none !important; }

#mediaWrapper.audio .jwplayer .jw-preview:not(.profile)  {
	display: flex;
	justify-content: center;
}
.jw-preview:not(.profile) #waveContainer {
	position: relative;
	top: auto;
	left: auto;
	bottom: auto;
	display: flex;
	justify-content: center;
	align-self: center;
	align-items: center;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	padding: .5em;
	box-sizing: content-box;
}
.jwplayer.jw-state-playing .jw-preview:not(.profile) #waveContainer {
	background: hsla(0, 0%, 0%, .55);
}
.jwplayer:not(.jw-state-playing) #waveContainer {
	 opacity: 0 !important; 
}
.jwplayer.jw-state-playing #waveContainer {
	opacity: 1 !important;
}
.jwplayer.jw-state-playing #waveContainer, .jwplayer:not(.jw-state-playing) #waveContainer {
	transition: opacity .3s ease, background .3s ease;
}
.jw-preview:not(.profile) #waveContainer {
	top: -6%;
}
.jw-breakpoint-2.jwplayer .jw-preview:not(.profile) #waveContainer {
	top: -12%;
}
.jw-breakpoint-3.jwplayer .jw-preview:not(.profile) #waveContainer {
	top: -10%;
}
.jw-breakpoint-1 #soundWaves, .jw-breakpoint-2 #soundWaves, .jw-breakpoint-3 #soundWaves { /* small */
	height: 36px !important;
	--boxSize: 5px !important;
	--gutter: 2px !important;
}
.jw-breakpoint-4 #soundWaves #soundWaves, .jw-breakpoint-5 #soundWaves #soundWaves { /* large */
	height: 64px;
	--boxSize: 8px;
	--gutter: 4px;
}
@media screen and (min-width: 1024px) {
	.jw-flag-fullscreen.jwplayer #soundWaves {
		height: 90px !important;
		--boxSize: 10px !important;
		--gutter: 5px !important;
	}
	.jw-flag-fullscreen.jwplayer #waveContainer {
		bottom: 24px;
	} 
}
@media screen and (min-width: 1250px) {
    #soundWaves {
        height: 50px;
        --boxSize: 6px;
        --gutter: 3px;
    }
}

/* Download Tools */
.downloadTools {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 150px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 6px;
}
.optionsLabel { 
	font-size: 1.12rem;
	color: #555;
	position: relative;
	text-align: center;
	margin-top: 1em;
	display: inline-block;
}
.downloadTools .button {
	border: 0 none !important;
	background: 0 none !important;
	padding: 0 !important;
	margin-right: .75em;
	margin-left: .5em;
	font-size: 1.12rem;
	flex-basis: 100%;
	flex: 1 0 auto;
	margin-bottom: .75em;
	margin-top: .5em;
}
.downloadTools .button::before {
	content: '';
	background: url(https://images.azureedge.net/rcg/images/interface/icn_download.svg) no-repeat center center;
	background-size: 100% auto;
	width: 24px;
	height: 24px;
	margin-right: 2px;
	display: inline-block;
}
.downloadTools .button:not(.downloading)::before {
	filter: invert(17%) sepia(90%) saturate(2419%) hue-rotate(190deg) brightness(95%) contrast(98%);
}
.downloadTools .button:not(.downloading):hover::before { 
	filter: invert(47%) sepia(51%) saturate(2375%) hue-rotate(184deg) brightness(98%) contrast(94%);
}
.downloadTools .button.downloading, .downloadTools .button.downloading:hover {
	color: #000 !important;
	opacity: .6;
	cursor: default !important;
}
.downloadTools .button.downloading::before {
	background: url(https://images.azureedge.net/images/interface/icn_load_crescent-grey.png) no-repeat center center;
	background-size: 98% auto;
	position: relative;
	left: -3px;
	top: -1px;
}
.downloadTools .button { display: inline-flex; }
.mediaType::before { 
	content: '(';
}
.mediaType::after { 
	content: ')';
}
.mediaType {
	margin-left: 4px;
	display: block;
	order: 2;
	font-weight: normal;
	text-transform: uppercase;
}
.downloadTools .quality { text-transform: uppercase; }
.download[quality] .quality::after { content: 'Video'; margin-left: 2px; }
.downloadTools .unavailable {
	color: #444;
	font-style: oblique;
	margin-bottom: .5em;
	margin-top: -.5em;
 }

.mediaOptions {
	text-align: center;
}
.sep .mediaOptions { margin-bottom: 1em; }
@media screen and (min-width: 624px) {
	body:not(.sep) .mediaOptions {
		text-align: left;
	}
	.downloadTools { 
		display: inline-flex; 
		flex-wrap: unset;
		max-width: none;
		margin: 0;
	}
}
@media screen and (min-width: 1024px) {
	.sep .mediaOptions, .sep .mediaInfo { text-align: left; }
}

/* Save File as Popup */
.modal .button.copyable { color: #111 !important; }
.modal a[tooltip]:not(.wToolTip)::after {
	top: 36px;
	right: -10px;
}
.modal a[tooltip]:not(.wToolTip)::before {
  bottom: -11px;
}

/* Transcript */
#transcriptToggle {
	margin-top: 1.5em;
}
#transcriptToggle a {
	border-radius: 3px;
	border: 1px solid;
	padding: .25em .75em .35em;
}
.sep #transcriptToggle a { display: inline-block;}
#sermonTranscript { 
	font-size: 1.15rem;
  	color: #111;
}
#sermonTranscript h3 {
	font-size: 1.2rem;
	margin-bottom: .75em;
	padding-top: 1em;
	padding-right: 0;
}
#sermonTranscript p {
	margin-bottom: .7em;
}
/* Back to Top */
#back-to-top-transcript {
	position: fixed;
	bottom: 2px;
	left: 4px;
	border-radius: 100%;
	background: #909090;
	text-transform: uppercase;
	text-align: center;
	color: #FFF !important;
	width: 52px;
	height: 52px;
}
.backToTop::before {
	content: '';
	background: url(https://images.azureedge.net/images/interface/icn_collapse_arrow-26.svg) no-repeat center center;
	background-size: 22px auto;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: -10px;
	filter: invert(100%) sepia(0%) saturate(7494%) hue-rotate(315deg) brightness(102%) contrast(100%);
}
.backToTop:hover::before {
	-webkit-transition: 1s all ease;
	transition: 1s all ease;
	animation: arrowLaunch 1s ease-in-out 1;
}
.backToTop .text {
	position: absolute;
	bottom: 8px;
	text-align: center;
	width: 100%;
	left: 0;
}

@media screen and (min-width: 1024px) {
	#transcriptToggle {
		text-align: left;	
	}
	#sermonTranscript {
		margin-right: 2em;
		max-width: 680px;
	}
}

/* Other Sermons */
.mediaOther {
    min-height: 107px;
}
.mediaOther .thumbnail {
	width: 145px;
	height: 92px;
    background: #DEDEDE url(https://images.azureedge.net/rcg/images/interface/bible_player_thumbnail.jpg) no-repeat center center;
    background-size: cover;
    border-radius: 3px;
    margin-right: .7em;
    float: left;
    position: relative;
}
.mediaOther .profileImage {
    width: 70px;
    height: 70px;
    top: 12px;
}
.mediaOther .title {
	font-weight: 600;
	line-height: 1.15em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	white-space: normal;
	max-height: 3.75rem;
	overflow: hidden;
	-webkit-line-clamp: 3;
}
.mediaOther a:not(:hover) .title {
	color: #2f2f2f;
}
.mediaOther .thumbnail::before {
	content: '';
	border-radius: 100% 100%;
	background: url(https://images.azureedge.net/rcg/images/interface/icn_play_nobg.png) no-repeat scroll center center hsla(0, 0%, 27%, .5);
	background-size: auto;
	border: 2px solid #FFF;
	background-size: 115% auto;
	width: 28px;
	height: 28px;
	position: absolute;
	top: auto;
	right: 10px;
	left: auto;
	bottom: 10px;
	z-index: 20;
	-webkit-transition: .5s top ease;
	transition: .5s top ease;
}
.mediaOther a:hover .thumbnail::before {
	background-color: #454545;
	border-color: #454545;
	background-size: 115% auto;
}
@media screen and (min-width: 500px) {
	.mediaOther .thumbnail {
		width: 168px;
	    height: 94px;
	}
}

/* No Access */
.player h2.noAccess {
	font-size: 1.38rem;
	font-family: Cambria, Georgia, Serif;
	margin-bottom: 1em;
}
.player .noAccess {
	text-align: center;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 775px;
}
.player .noAccess p {
	margin-bottom: .5em;
	font-size: 1.15em;
}

/* Footer */
.player.general #PageFooter { width: 100%; position: absolute; bottom: auto !important; }

/* Keyframes */

@keyframes quiet {
    25%{
      transform: scaleY(.6);
    }
    50%{
      transform: scaleY(.4);
    }
    75%{
      transform: scaleY(.8);
    }
  }
  
  @keyframes normal {
    25%{
      transform: scaleY(1);
    }
    50%{
      transform: scaleY(.4);
    }
    75%{
      transform: scaleY(.6);
    }
  }
  @keyframes loud {
    25%{
      transform: scaleY(1);
    }
    50%{
      transform: scaleY(.4);
    }
    75%{
      transform: scaleY(1.2);
    }
  }

  @keyframes pulseBorder {
    0% {
      box-shadow: 0 0 0 0 #E0E0E0;
    }
    60% {
        box-shadow: 0 0 0 10px #E0E0E0;
    }
    100% {
        box-shadow: 0 0 0 0 #E0E0E0; /* B5BDC8 */
    }
  }

  @keyframes slideUpSideBar {
	0% {
	  top: 80vh;
	}
	100% {
	  top: 0;
	}
  }

  @keyframes fadeIn {
	0% {
	  opacity: 0;
	}
	80% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
  }

  @keyframes arrowLaunch {
	0% {
	  transform: translateY(0);
	}
	50% {
	  transform: translateY(-10px);
	}
	100% {
	  transform: translateY(0);
	}
  }