@charset "UTF-8";
/***************************************
	RadioRadicale
	CSS IFRAME
***************************************/
	body {
		padding-top:0;
		padding-bottom:0;
		padding-left:0;
		padding-right:0;
		margin-top:0;
		margin-bottom:0;
		margin-left:0;
		margin-right:0;
		/* fix iframe scrollbar */
		overflow: hidden;
		display: block;
		height: 100%;
	}
	#iframewrapper{
		min-width: 200px;
	}
	div#player_wrapper {
		display: flex;
	}
	.colorato {
	    background-color: #ffffff;
	}
	div.colorato {
		width: 100%;
		display: inline-block;
		border-width: 5px;
		border-top-color: #CC4D39;
		border-top-style: solid;
	    -webkit-box-sizing: border-box; /*  Safari/Chrome, altri WebKit */
		-moz-box-sizing: border-box;    /* Firefox, altri Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	
	.titolo-player {
		margin-left: 25px;
		font-family: 'Cabin', sans-serif;
		font-size: 14px;
		font-weight: 200;
		color: #000000;
		width: 85%;
		display: inline-block;
	}
	
	.titolo-player a {
		text-decoration: none;
		color: #000000;
		overflow: hidden;
		white-space: nowrap;
	    text-overflow: ellipsis;
	    display: block;
	}
	.titolo-player a:hover {
		color:#CC4D39;
	}
	
	#imgplayer{
		max-width:100%;height:auto;
		
	}
	.icnlink{
		float:right; position:absolute; right: 5px;
		color:#e78974;
		margin-top: 2px;
	}
	.icnlink:hover, .icnlink.hovered {
		color: #CC4D39;
	}
	.triangolo{
		float:left;  
		left:5px;
		color: #CC4D39;
		line-height: 0.2;
		font-size: 3.5em;
	}
	div#errorwrapper {
		line-height: 50vw;
		text-align: center;
		background-color: rgba(215, 215, 215, 0.7);
		width: 100vw; 
	    height: 56.25vw; /* ratio = 9/16 = .5625  */
	    max-height: 100vh;
	    max-width: 177.78vh; /* 16/9 = 1.778 */
	    margin: auto;
	    top:0;bottom:0; /* vertical center */
	    left:0;right:0; /* horizontal center */
	}
	#errorwrapper span{
	  display: inline-block;
	  vertical-align: middle;
	  line-height: normal;
	  font-size: medium;
	}

	/* workaround jwplayer audio poster image bug  */
	.audiopage #iframeplayer .jw-preview {
	    display: block;
	}
	.audiopage #iframeplayer .jw-captions {
	    z-index: 1;
	} 
	
	/* FLOWPLAYER */
	.flowplayer {
	    background-color: #000 !important;
	}
	/* Flowplayer style skin */
	#playersito.is-small {
	    font-size: 1.5em;
	} 
 

/* Media query per ridimensionare la dimensione del testo */
@media only screen and (max-width: 300px) {
	.titolo-player {
	margin-left: 16px;
	font-size: 10px;
	font-weight: 200;
	width: 90%;
	}
}
@media only screen and (min-width: 300px) {
	.titolo-player {
		font-size: 14px;
		width: 90%;
		margin-left: 10px;
	}
}
@media only screen and (min-width: 480px) {
	.titolo-player {
		font-size: 14px;
		width: 90%;
		margin-left: 15px;
	}
}
@media only screen and (min-width: 6595px) {
	.titolo-player {
		font-size: 14px;
		width: 92%;
		margin-left: 20px;
	}
}
@media only screen and (min-width: 768px) {
	.titolo-player {
		font-size: 16px;
		width: 94%;
		margin-left: 25px;
	}
}

/* Per l'embed di un iframe da YouTube */
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* FLOWPLAYER */

.flowplayer .fp-controls {
    background-color: black;
    color: white;
}

.is-small {
    font-size: 1.5em;
} 
.flowplayer a.fp-logo {
    left: auto;
    right: 1%;
    top: 5%;
    bottom: auto;
    max-width: 20%;
    max-height: 20%;
    position: absolute;
    opacity: 0.7;
}
.flowplayer .fp-color {
    background-color: #cd4731;
}
.is-audio .fp-player {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center; 
}
img#imgPosterPlayer {
	width: 100%; height: auto;
}
.flowplayer:not(.is-poster) img#imgPosterPlayer {
    display: none;
}
.flowplayer.is-audio img#imgPosterPlayer {
    display: inline;
}
.flowplayer span.fp-timestamp {
    color: white;
}/* evito che il testo dei sottotitoli vada in overflow rispetto al player */
#playersito {
    overflow: hidden;
 }
  /* waiting element with custom graphic */
.flowplayer .fp-waiting {
  background: url(../../../../../../../sites/all/modules/custom/rrembed2016/files/img/spinner-1s-200px-rr.svg) no-repeat center center;
  height: 100%;
  display: none;
}
.flowplayer.is-loading .fp-waiting,
.flowplayer.is-seeking .fp-waiting {
  display: block;
}
.flowplayer .fp-waiting svg {
  height: 0;
}
/* nascondo il titolo a causa di una resa grafica non soddisfacente.
	Lascio attiva la proprietà per permette l'integrazione con Analytics */
.fp-message.fp-title {
    display: none;
}
.fp-share.fp-icon {
    float: left;
}