/* =========================================================================== */
/* OSD */
.osdHeader {
    background-color: rgba(0,0,0,.3) !important;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(rgba(0,0,0,0))) !important;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.8))) !important;
    background: -webkit-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8)) !important;
    background: -o-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8)) !important;
    background: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.3)) !important;
    border-bottom: transparent !important;
}

.videoOsdBottom {
    background-color: rgba(0,0,0,.5) !important;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.8))) !important;
    background: -webkit-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8)) !important;
    background: -o-linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8)) !important;
    background: linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.8)) !important;
    border-top: 1px solid #000 !important;
    padding: 0;
}

.videoosd-bottom-with-opentab .videoOsdBottom-tabs {
    padding-bottom: 0;
    /* background: rgba(0,0,0,0.5); */
    /* border-bottom: 1px solid black; */
}

.videoOsdBottom-buttons {
    padding: 0;
}

.videoosd-tab-button {
    padding: 0.25em 1em!important;
    background: rgb(19 19 19 / 90%);
    border: 1px solid black;
    border-radius: 8px !important;
    margin-right: 4px;
    min-width: 10%;
}

.videoosd-info {
    margin-right: 1.25em !important;
}

.osdInfoImageCardBox {
    transform: scale(1.02) !important;
}
.videoOsdTitle {
    color: #900000 !important;
    text-shadow: 0px 0px 5px black;
    margin: 0 1em 0 0;
    line-height: 1.5;
}
/* .videoOsdBottom-maincontrols {
    background: rgba(0,0,0,0.25) !important;
} */
url("https://emby.vengefulsyndicate.com/emby/Items/2124650/Images/Thumbnail?maxWidth=400&tag=88322dda082c162e9bca577002a05902&PositionTicks=8600000000&quality=90")
.videoosd-bottom-with-opentab {
    background: rgba(0,0,0,0.25) !important;
    background-color: rgba(0,0,0,0.5) !important;
}

.chapterThumbImageContainer {
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.mdl-slider-background-flex {
	background: #202020 !important;
}

.upNextDialog {
    border-top: 1px solid #000 !important;
}

/* Now Playing */
.nowPlayingBarTop {
    background-color: rgba(0,0,0,.25) !important;
}

/* Don't center cast/crew in OSD*/
div.itemsContainer.scrollSlider.videoosd-padded-left.videoosd-padded-right.scrollX.hiddenScrollX.scrollSliderX.emby-scrollbuttons-scrollSlider.virtualItemsContainer {
    justify-content: unset;
}

.videoosd-tabsslider {
    /* margin: -0.5em 0.5em !important; */
    overflow-x: visible;
    overflow-y: visible;
	width: -webkit-fill-available;
}

.videoOsdParentTitle {
    display: none !important;
}

/* Slimmer OSD */
.videoOsdBottomInner {
    padding-left: 1%;
    padding-right: 1%;
}

.videoOsdBottom-video {padding: 0;}
.videoOsdTitle, videoosd-info-title2 {	text-transform: capitalize;}


.flex-direction-column.videoOsdText.videoOsdText-customFont:not(.videoOsdText-remotecontrol) {	
    -webkit-box-orient: unset!important;	
    -webkit-box-direction: unset!important;	
    -webkit-flex-direction: unset!important;	
    flex-direction: unset!important;	
}	
.videoOsdSecondaryText {	
    line-height: 1.5;	
    margin-left: 0 !important;	
    -webkit-box-align: unset!important;	
    -webkit-align-items: unset!important;	
    align-items: unset!important;	
}	

.videoOsdBottom h2.videoOsdParentTitle { display: none; }
.videoOsdBottom { padding: 0!important; }	
.videoOsdBottom-buttons { padding: 0 !important; }	
.videoOsdText { margin-bottom: 0!important; }	
.videoOsdHeader button.headerCastButton{ display:none; }




/*
Adjust background to be a bit darker 
.videoOsdBottom-maincontrols {
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
    background: rgba(0,0,0,0.5);
    transition: opacity .4s ease-in-out;
}
*/

/* Move close tabs button to the right and make it more noticeable */
.btnCloseTabContent {
    margin: 0!important;
    background: rgba(64,0,0,0.75);
    border-radius: 8px;
    right: 10px;
    position: absolute;
    border: 1px solid black;
    padding: .25em 1em!important;
    border-radius: 8px;
    margin-right: 4px;
    min-width: 5%;
}

.btnCloseTabContent:hover {
    transform: none;
    box-shadow: 0px 0px 5px #600000;
    background: rgba(16,16,16,0.75) !important;
}

/* OSD Tabs */
.videoosd-tab-button.emby-tab-button-active {
    background: rgba(8,8,8,0.9) !important;
    color: #fff;
}

.videoosd-tab-button.emby-tab-button:hover {
    background: rgba(8,8,8,0.9) !important;
    transform: scale(1.05);
}

/* OSD Buttons */

.videoOsdBottom-buttons .paper-icon-button-light {
    /* background: rgba(16,16,16,0.25); */
    border-radius: 8px;
    /* border: 1px solid rgba(0,0,0,0.25); */
    /* backdrop-filter: blur(2px) opacity(0.15); */
    /* -webkit-backdrop-filter: blur(10px); */
    /* background-image: url(data:image/png;base64,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); */
}

.videoOsdBottom-buttons .paper-icon-button-light:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 5px #600000;
    background: rgba(16,16,16,0.75) !important;
}

@supports (backdrop-filter:blur(1em)) or (-webkit-backdrop-filter:blur(1em)){
.videoosd-tabBackground-backdropfilter {
	margin: 1em;
	padding: 0 !important;
	border-radius: 8px;
    background: rgba(16,16,16,.76) !important;
    -webkit-backdrop-filter: blur(4em) saturate(1.8) !important;
    backdrop-filter: blur(121px) saturate(1.8) !important;
	border: 1px solid black;}}

.osdContentSection-split {
    max-height: 100%;
}
/* 
.osdPosterContainer {
    margin-top: 7.5em;
}

.pageTitleWithLogo {
    height: 1.75em;
}
*/



/* Mobile view */	
@media (orientation: portrait) and (pointer: coarse) and (min-height: 20em){	
	 .videoOsdBottom-buttons .videoOsd-centerButtons-autolayout { top: -20%!important; }	
}	
@media (orientation: landscape) and (pointer: coarse) and (min-height: 20em){	
	 .videoOsdBottom-buttons .videoOsd-centerButtons-autolayout {	
    	 top: unset!important;	
    	 margin-top: 0!important;	
    	 font-size: inherit!important;	
    	 width: 50%!important;	
    	 left: 10%!important;	
	 }	
}	
@media (min-width: 50em){	
/* Right align logo and move down */	
/*
.videoOsdHeader .pageTitle {	
    min-height: 150px;	
    max-width: 300px;	
    width: 100%!important;	
}
*/
/*
.skinHeader.focuscontainer-x.headroom.videoOsdHeader.videoOsd-customFont.semiTransparent:not(.videoOsdHeader-remotecontrol) {
    position: fixed;
    top: unset!important;
    bottom: 100px;
}	
*/
.videoOsd-customFont {
    font-size: 1.2em !important;
}
.videoOsdHeader .headerLeft { width: 100%; }	
.videoOsdHeader.skinHeader.semiTransparent{ background:unset!important;backdrop-filter:unset!important;padding:0; }	
.videoOsdHeader.skinHeader.semiTransparent::before {backdrop-filter: unset!important;}
.videoOsdBottom { min-height: 115px; }	
.videoOsdBottom .sliderBubble {	
    top: 10px;	
    background: #131313;	
    color:#fff;	
}	
.videoOsdBottom .sliderBubbleText {	
    font-size: 1em;	
    padding: .3em .55em;
}

@media (min-width: 50em) and (min-height: 40em)
.videoOsdText-customFont {
    font-size: 1.25em !important;
}

/* Adjust OSD Back Button */
button.headerBackButton.headerButton.hide-mouse-idle-tv.paper-icon-button-light.icon-button-conditionalfocuscolor {
    background: rgba(0,0,0,0.5);
    color: #A00000;
    padding: 4px;
    margin-left: 20px;
    backdrop-filter: blur(4px);
    border: 2px solid #600000;
}