/* =Fonts ----------------------------------------------- */

@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=be9d74bd-b421-4bcd-8a38-020e123afa07");
@font-face{
		font-family:"Fort Light";
		src:url("../fonts/Fort-Light.otf") format("otf"),url("../fonts/Fort-Light.woff2") format("woff2");
}

@font-face{
		font-family:"Fort Bold";
		src:url("../fonts/Fort-Bold.otf") format("otf"),url("../fonts/Fort-Bold.woff2") format("woff2");
}

@font-face{
		font-family:"Fort Book";
		src:url("../fonts/Fort-Book.otf") format("otf"),url("../fonts/Fort-Book.woff2") format("woff2");
}

@font-face{
		font-family:"Fort Medium";
		src:url("../fonts/Fort-Medium.otf") format("otf"),url("../fonts/Fort-Medium.woff2") format("woff2");
}

@font-face{
		font-family:"Shift Light";
		src:url("../fonts/Shift-Light.otf") format("otf"),url("../fonts/Shift-Light.woff2") format("woff2");
}

@font-face{
font-family:"Shift Book";
		src:url("../fonts/Shift-Book.otf") format("otf"),url("../fonts/Shift-Book.woff2") format("woff2");
}

html {
		overflow: hidden;
}

body {
		background-color: Transparent;
		margin: 0;
		padding: 0;
}

.embed-player {
		/*margin: 0 22px;*/
		height: 200px;
}

.embed-big-player {
		height: 198px;
		max-width: 960px;
		min-width: 320px;
		margin: auto;
		text-align: left;
		border: 1px solid #e8e8e8;
		font-family: 'Fort Light', 'Helvetica', Arial, sans-serif;
		position: relative;
		background-color: rgba(242,242,242, 0.8);
}

.embed-big-player-cover {
		margin: 0;
		padding: 0;
		border: 0;
		float: left;
		height: inherit;
}

.embed-big-player-cover img{
		height: 198px;
		width: auto;
}

.embed-big-player-info {
		display: block;
		width: auto;
		height: inherit;
		margin-right: 28px;
		position: relative;
		color: #000000;
}

.embed-big-player-share-hover
{
	z-index: 20;
}

.embed-big-player-share-hover,
.embed-mini-player-share-hover {
		height: 100%;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.92);
		position: absolute;
		top: 0;
		left: 0;
		visibility: hidden;
		opacity: 0;
		text-align: center;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}

.embed-big-player-share-hover.active,
.embed-mini-player-share-hover.active {
		visibility: visible;
		opacity: 1;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}

.embed-big-player-share-hover-close {
		background-image: url(../images/audio-embed/close-black.png);
		height: 40px;
		width: 40px;
		background-size: 40px 40px;
		position: absolute;
		right: 10px;
		top: 10px;
		border-width: 0;
		border-style: none;
		background-color: transparent;
}

.embed-big-player-share-hover span,
.embed-mini-player-share-hover span {
		display: block;
		margin-bottom: 7px;
}

.embed-mini-player-share-hover .share-title {
		display: block;
		margin-top: 40%;
		font-family: 'Shift Light', 'Helvetica',  Arial, sans-serif;
		font-size: 22px;
}

.share-title {
		margin-top: 50px;
		font-family: 'Shift Light', 'Helvetica',  Arial, sans-serif;
		font-size: 22px;
}

.share-url {
		font-family: 'Fort Medium', 'Helvetica',  Arial, sans-serif;
		font-size: 18px;
		width: 75%;
}

.embed-player-title,
.embed-player-author {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
}

.embed-player-title {
		font-family: 'Shift Light', 'Helvetica',  Arial, sans-serif;
		font-size: 22px;
		line-height: 27px;
		padding-top: 18px;
}

.embed-player-title a,
.embed-player-title a:visited {
		color: #000000;
		text-decoration: none;
}

.embed-player-author {
		margin-top: 4px;
		font-size: 14px;
		line-height: 16px;
}

.embed-big-player-buttons {
		position: absolute;
		bottom: 49px;
		width: 100%;
}

.embed-big-player .play-button,
.embed-big-player .share-button,
.embed-mini-player-controls .play-button {
		background-repeat: no-repeat;
		background-position: 55% center;
		width: 50px;
		height: 50px;
		border-radius: 25px;
		border-width: 0;
		border-style: none;
		background-size: 15px 18px;
		display: inline-block;
		margin-right: 18px;
		background-color: #000000;
}

.embed-big-player .play-button {
		background-image: url(../images/audio-embed/play-white.png);
}

.embed-big-player .play-button.active {
		background-image: url(../images/audio-embed/pause-white.png);
		background-position: center center;
}

.embed-big-player .share-button {
		background-image: url(../images/audio-embed/share-white.png);
}

.embed-big-player .logo-button,
.embed-mini-player-controls .logo-button {
		background-image: url(../images/audio-embed/prha_logos.png);
		display: block;
		width: 28px;
		height: 50px;
		background-repeat: no-repeat;
		background-size: 90px 30px;
		float: right;
}

.embed-big-player .logo-button {
		background-position: -31px 20px;
}

.embed-big-player-progress {
		position: absolute;
		width: 100%;
		bottom: 29px;
}

.embed-big-player .progress-bar,
.embed-mini-player-controls .progress-bar {
		-webkit-appearance: none ;
		display: block;
		margin: 0;
		width:100%;
		background-image: url(../images/audio-embed/progress_bar.jpg);
		background-repeat: no-repeat;
		background-size: 0;
		height: 2px;
		background-color: #000000;
}

.embed-big-player .progress-bar::-webkit-slider-runnable-track,
.embed-mini-player-controls .progress-bar::-webkit-slider-runnable-track {
		-webkit-appearance: none;
		appearance: none;
		height: 2px;
		border: none;
		cursor: pointer;
}

.embed-big-player input[type='range']::-webkit-slider-thumb,
.embed-mini-player-controls input[type='range']::-webkit-slider-thumb {
		-webkit-appearance: none;
		background-color: #00b4ef;
		height:6px;
		width: 0;
		vertical-align:middle;
		border: none;
		cursor: pointer;
}

input[type=range]::-moz-range-thumb {
		background: transparent;
		border: none;
}

.embed-big-player input[type='range']::-webkit-slider-thumb:hover,
.embed-mini-player-controls input[type='range']::-webkit-slider-thumb:hover { 
		background: #fdd921;
}

.embed-big-player input[type='range']:active::-webkit-slider-thumb,
.embed-mini-player-controls input[type='range']:active::-webkit-slider-thumb { 
		background: #fdd921; 
}

.embed-mini-player {
		display: block;
		max-width: 480px;
		text-align: center;
		position: relative;
		margin: auto;			
}

.embed-mini-player-cover {
		background-color: #000000;
		position: relative;
		width: 100%;		/* desired width */
		margin: auto;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		background-color: #ccc;
		overflow: hidden;
}

.embed-mini-player-cover:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

.embed-mini-player-hover {
		width: 100%;
		position: absolute;
		top: 0;
		background: rgba(255, 255, 255, 0.9);
		height: 100%;
		padding: 0;
		visibility: hidden;
/*		opacity: 0;*/
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
}

.embed-mini-player-info {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		display: inline-block;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
}

.embed-mini-player-hover .embed-player-title {
		font-family: 'Shift Book', 'Helvetica',  Arial, sans-serif;
		font-size: 36px;
		line-height: 46px;
		padding-top: 0;
		padding-left: 25px;
		padding-right: 25px;
}

.embed-mini-player-hover .embed-player-title a {
		text-decoration: underline;
}

.embed-mini-player-hover .embed-player-author {
		font-family: 'Fort Book', 'Helvetica',  Arial, sans-serif;
		font-size: 20px;
		line-height: 32px;						
		color: #333333;
		padding-left: 25px;
		padding-right: 25px;
}

.embed-mini-player-cover .embed-mini-player-hover-link {
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
}

.embed-mini-player-cover a:hover + .embed-mini-player-hover,
.embed-mini-player-hover:hover,
.embed-mini-player-hover.tabbed {
		visibility: visible;
		opacity: 1;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		overflow: hidden;
}

.embed-mini-player .embed-player-title {
		white-space: normal;
}

.embed-mini-player .embed-player-author {
		white-space: normal;
}

.embed-mini-player-controls {
		height: 67px;
		border: 1px solid #eaeaea;
		border-top: none;
		margin: auto;
		background-color: #ffffff;
}

.embed-mini-player-controls .progress-bar {
		background-color: #eaeaea;
		top: 0;
		left: 0;
		position: absolute;
}

.embed-mini-player-controls .logo-button {
		background-position: 0 0;
		background-size: 90px 30px;
		float: none;
		display: inline-block;
		vertical-align: top;
		margin-top: 18px;
}

.embed-mini-player-controls .play-button {
		background-color: #000000;
		background-image: url(../images/audio-embed/play-white.png);
		margin: 0 26px 0 26px;
		display: inline-block;
		vertical-align: top;
		margin-top: 8px;
}

.embed-mini-player-controls .play-button.active {
		background-image: url(../images/audio-embed/pause-white.png);
		background-position: center center;
}

.embed-mini-player-controls .share-button {
		background-image: url(../images/audio-embed/share-black.png);
		background-position: center center;
		width: 17px;
		height: 20px;
		background-size: 17px 20px;
		background-repeat: no-repeat;
		display: inline-block;
		vertical-align: top;
		margin-top: 23px;
		border: none;
		background-color: transparent;
}

.embed-big-player-privacy {
		position: absolute;
		bottom: 10px;
		right: 28px;
		font-size: 9px;
		padding: 3px;
		z-index: 10;
		font-family: 'Fort Light', 'Helvetica', Arial, sans-serif;
}

.embed-mini-player .embed-big-player-privacy {
		right: initial;
		bottom: 1px;
		right: 3px;
		left: unset;
		font-size: 11px;
		padding: 2px;
}

.embed-big-player-privacy a {
		text-decoration: none;
		color: #000000;
}

#big_share_hover .share-title {
		display: block;
		text-align: left;
		margin-left: 68px;
		margin-right: 65px;
		margin-bottom: 8px;
		font-family: 'Fort Medium', 'Helvetica', Arial, sans-serif;
		font-size: 16px;
}
#big_share_hover .share-url {
		display: inline-block;
		height: 30px;
		border-radius: 0px;
		border-style: solid;
		border-color: #E8E8E8;
		border-width: 1px;
		border-radius: 12px;
		padding: 5px;
		color: #666;
		width: 100%;
}



/* LESS THAN 420PX
-------------------------------------------------------------- */
@media (max-width: 420px) {

		.embed-big-player-cover {
				display: none;
		}

		.embed-big-player-info {
				margin-left: 28px !important;
		}
}


/* LESS THAN 360PX
-------------------------------------------------------------- */
@media (max-width: 360px) {
		
		.embed-mini-player-hover .embed-player-title {
				font-size: 30px;
				line-height: 38px;
		}
		
		.embed-mini-player-hover .embed-player-author {
				font-size: 16px;
				line-height: 22px;						
		}
}


/* LESS THAN 235PX
-------------------------------------------------------------- */
@media (max-width: 235px) {
		
		.embed-mini-player-hover .embed-player-title {
				font-size: 26px;
				line-height: 30px;
		}
		
		.embed-mini-player-hover .embed-player-author {
				font-size: 14px;
				line-height: 20px;						
		}
}