/* Main CSS for IDC Radio JWPlayer */
body {
	direction: RTL;
	font-family: arial;
	overflow-x: hidden;
	color: lightgray;
	background-color: rgb(43, 48, 54);
	margin: 0;
}

 a:focus { 
	/* outline:none */ 
	outline-color: rgb(43, 48, 54);
}

.top-line {
	background-color: #6B96C2;
	border-top: 1px solid black;
	height: 8px;
}

.bottom-part-container {
	margin: 0 1em;
}

.logo-container {
	/* width: 15%; */
	width: 115px;
	line-height: 0; /* Make <a> zero height --> Bump copyright beneath logo */
}

.logo {
	width: 80%;
	margin-top: 0.5em;
}

.left-container {
	/* width: 85%; */
	margin-bottom: 0.2em; /* Bump copyright beneath logo */
	display: block; 
	width: 100%; 
	text-align: left; 
}

.right-container { 
	display: block; 
	width: 100%; 
	margin-top:-10px; 
}

.advanced_controls {
	direction: LTR;
	font-size: 15px;
}

.social-media {
	direction: ltr;	
	margin: 3.1em 0.2em 0 0;
	font-size: 13px;
}

.social-media.float-right a {
	margin-right: 1.3em;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
	text-align: right;
}

.fas,
.fab {
	color: lightgray;
	font-size: 1.2em;
}

.fa-forward, 
.fa-download,
.fa-share-alt {
	padding: 0.2em 1.1em 0 0px;
	margin-top: 0.5em;
}

.fa-forward:hover, 
.fa-download:hover, 
.fa-share-alt:hover  { 
	color: #6B96C2; 
}

#chapter-name {
	margin-left: 1em;
}

.footer {
	clear: right;
}

.footer-text {
	margin: 0.6em 2em 0 0;
	font-size: 12px;
}

/* ************* Embed div ****************** */
#embed-dialog {
	display: none;
	width:300px; 
	/* height:70px; Hidding the TIME parameter */
	height:55px; /* Hidding the TIME parameter */
	background-color: #F7F7F7;
	border: 1px solid #cccccc;
	border-radius: 4px;
	position: fixed;
	top:45px;
	/* right: 924px; */
	left: 137px;
}

#embed-x-btn{
    float: left;
	width: 20px;
    height: 20px;
    margin: 2px 0 0 2px;
    font-size: 16px;
	font-weight: bold;
    cursor: pointer;
}

.embed-text  {
	margin: 7px 11px 0  0;
	text-align: right;
	font-size: 14px;
	color: black
}

#embed-code {
	width: 280px;
	margin: 4px 10px 0 0;
	font-size: 11px;
	color: #cccccc;
	text-align: left;
	direction: ltr;
	display: block;
}

#embed-checkbox {
	display: none; /* Hidding the TIME parameter */
    margin: 5px 0 0 20px;
	
}

.embed-cbox-text {
	display: none; /* Hidding the TIME parameter */
	font-size: 13px;
    margin: 2px 60px 0 0;
	color: #aaa;
}

/* ************* JWPlayer Elements ************** */
/* Disable compact player */
.jw-flag-compact-player .jw-text-duration ,
.jw-flag-compact-player .jw-text-elapsed {
	display:inline !important;
}
/* Disable mouse right click */
.jw-rightclick { display: none !important; }


/* ************* Mobile Adaptation *************** */
@media screen and (max-width: 480px) {
    #embed-dialog {
        top: 82px;
		left: 1em;
    }
	
	#download-button,
	#embed-button {
		display: none;
	}
	
	.fa-forward {
		border:none;
	}
	
	#chapter-name {
		overflow: hidden;
		width: 219px;
		margin: 0;
	}
}

@media screen and (max-width: 330px) {
	.fa-forward, 
	.fa-download,
	.fa-share-alt {
		padding: 0.2em 1.1em 0.8em 0px;
	}
	.logo {
		width: 50%; 
		margin-top:13px;
	}
	.social-media {
		margin:-15px 70px 0 0; 
		font-size:13px; 
	}
	.social-media.float-right a { 
		margin-right: 0.8em; 
	}
	.footer-text { 
		font-size:10px; 
		margin-right: 0px;
	}
}