/* CSS for responsive image */
.s7responsiveContainer {
    width: 100%;
}
.fluidimage {
    max-width: 100%;
}

/* Responsive for all viewer except flyout with size */
.s7responsiveViewer {
    width: 100%;
    height: auto;
}

/* PNC CSS Player Redesign */
/* Not Ready to redesign caption style
.s7videoviewer .s7videoplayer .s7caption {
	font-size: 22px;
}
*/

.s7videoviewer .s7socialshare .s7socialbutton {
    display: none;
}
/* ---------------------- */

.s7dm-dynamic-media .s7closedcaptionbutton .subtitles-menu-dropdown{
	position: relative;
  	display: inline-block;
}

.s7dm-dynamic-media .s7closedcaptionbutton ul {
	display: none;
	bottom: 10px;
	position: absolute;
	padding: 5px 0px;
	margin: 0px;	
	list-style-type: none;
	background-color: #000;
}

.s7dm-dynamic-media .s7closedcaptionbutton:hover ul {display: block;}


.s7dm-dynamic-media .s7closedcaptionbutton ul li button{
    width: 100%;
    background-color: #666;
    color: white;
    border: none;
    text-align: left;
    opacity: 0.5;
}

.s7dm-dynamic-media .s7closedcaptionbutton ul li button:hover,
.s7dm-dynamic-media .s7closedcaptionbutton[selected='true'] ul li button[data-state='active'],
.s7dm-dynamic-media .s7closedcaptionbutton[selected='false'] ul li button#subtitles-off
{
    opacity: 1;
    background-color: #000;
}