/* =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("../../wp-content/themes/bot/f/Fort-Light.eot?#iefix");
		src:url("../../wp-content/themes/bot/f/Fort-Light.eot?#iefix") format("eot"),url("../../wp-content/themes/bot/f/Fort-Light.woff") format("woff"),url("../../wp-content/themes/bot/f/Fort-Light.ttf") format("truetype"),url("../../wp-content/themes/bot/f/Fort-Light.svg#d37fcd2f-d43f-4eae-b192-c48028c02797") format("svg");
}

@font-face{
		font-family:"Fort Bold";
		src:url("../../wp-content/themes/bot/f/Fort-Bold.eot?#iefix");
		src:url("../../wp-content/themes/bot/f/Fort-Bold.eot?#iefix") format("eot"),url("../../wp-content/themes/bot/f/Fort-Bold.woff") format("woff"),url("../../wp-content/themes/bot/f/Fort-Bold.ttf") format("truetype"),url("../../wp-content/themes/bot/f/Fort-Bold.svg#d37fcd2f-d43f-4eae-b192-c48028c02797") format("svg");
}

@font-face{
		font-family:"Fort Book";
		src:url("../../wp-content/themes/bot/f/Fort-Book.eot?#iefix");
		src:url("../../wp-content/themes/bot/f/Fort-Book.eot?#iefix") format("eot"),url("../../wp-content/themes/bot/f/Fort-Book.woff") format("woff"),url("../../wp-content/themes/bot/f/Fort-Book.ttf") format("truetype"),url("../../wp-content/themes/bot/f/Fort-Book.svg#d37fcd2f-d43f-4eae-b192-c48028c02797") format("svg");
}

@font-face{
font-family:"Fort Medium";
src:url("../../wp-content/themes/bot/f/Fort-Medium.eot?#iefix");
src:url("../../wp-content/themes/bot/f/Fort-Medium.eot?#iefix") format("eot"),url("../../wp-content/themes/bot/f/Fort-Medium.woff") format("woff"),url("../../wp-content/themes/bot/f/Fort-Medium.ttf") format("truetype"),url("../../wp-content/themes/bot/f/Fort-Medium.svg#d37fcd2f-d43f-4eae-b192-c48028c02797") format("svg");
}

@font-face{
		font-family:"Shift Light";
		src:url("../../wp-content/themes/bot/f/Shift-Light.eot?#iefix");
		src:url("../../wp-content/themes/bot/f/Shift-Light.eot?#iefix") format("eot"),url("../../wp-content/themes/bot/f/Shift-Light.woff") format("woff"),url("../../wp-content/themes/bot/f/Shift-Light.ttf") format("truetype"),url("../../wp-content/themes/bot/f/Shift-Light.svg#d37fcd2f-d43f-4eae-b192-c48028c02797") format("svg");
}

@font-face{
font-family:"Shift Book";
		src:url("../../wp-content/themes/bot/f/Shift-Book.eot?#iefix");
		src:url("../../wp-content/themes/bot/f/Shift-Book.eot?#iefix") format("eot"),url("../../wp-content/themes/bot/f/Shift-Book.woff") format("woff"),url("../../wp-content/themes/bot/f/Shift-Book.ttf") format("truetype"),url("../../wp-content/themes/bot/f/Shift-Book.svg#d37fcd2f-d43f-4eae-b192-c48028c02797") format("svg");
}

html {
		height: 200px;
		overflow: hidden;
}

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

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

.embed-big-player {
		height: 200px;
		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;
}

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

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

.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;
		/*display: none;*/
		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 {
		/*display: block;*/
		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/close-black.png);
		height: 40px;
		width: 40px;
		background-size: 40px 40px;
		position: absolute;
		right: 10px;
		top: 10px;
}

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

.embed-mini-player-share-hover .share-title {
		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: 24px;
		padding-top: 18px;
}

.embed-mini-player-hover .embed-player-title
{
		padding-top: 0;
}

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

.embed-player-author {
		margin-top: 4px;
}

.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;
		background-size: 15px 18px;
		display: inline-block;
		margin-right: 18px;
}

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

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

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

.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: none;
		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: red;
		overflow: hidden;
}

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

.embed-mini-player-hover {
		position: absolute;
		top: 0;
		background: rgba(255, 255, 255, 0.9);
		height: 100%;
		/*display: none;*/
		padding: 0 15px;
		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-hover .embed-player-title {
		font-family: 'Shift Book', 'Helvetica',  Arial, sans-serif;
		font-size: 26px;
		line-height: 30px;
		color: #038abd;
}

.embed-mini-player-hover .embed-player-title a {
		color: #038abd;
}

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

.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 {
		/*display: block;*/
		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;
		/*padding-top: 25%;*/
}

.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/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/pause-white.png);
		background-position: center center;
}

.embed-mini-player-controls .share-button {
		background-image: url(images/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;
}


.embed-mini-player-hover {
		padding: 0 50px;
}

.embed-mini-player-hover .embed-player-title {
		font-size: 36px;
		line-height: 42px;
}

.embed-mini-player-hover .embed-player-author {
		font-size: 20px;
		line-height: 32px;						
}


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

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






/* 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 {
				padding: 40px;
		}
		
		.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 {
				padding: 40px;
		}
		
		.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;						
		}
}