div#blueimp-gallery h3.title
{
    left: 15px;
    right: 15px;
    text-align: center;
    font-size: 30px;
}

/*
div#blueimp-gallery.blueimp-gallery-controls a.close,
div#blueimp-gallery.blueimp-gallery-controls a.prev,
div#blueimp-gallery.blueimp-gallery-controls a.next
{
	font-size: 1.7cm;
	color: #808080;
	opacity: 1;
	background-image: initial;
}

div#blueimp-gallery a.close:hover,
div#blueimp-gallery a.prev:hover,
div#blueimp-gallery a.next:hover
{
	color: #ffffff;
	opacity: 1;
}
*/

div#blueimp-gallery a.close
{
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}

div#blueimp-gallery a.play-pause
{
	width: 40px;
	height: 40px;
	background-size: 55px 40px;
}

div#blueimp-gallery > .slides > .slide > .ml-text-content
{
	overflow: auto;
	margin: 60px auto;
	padding: 0 60px;
	max-width: calc(100vw - 30px);
	margin-right: 30px;
	text-align: left;
}

div#blueimp-gallery > .slides > .slide > .ml-video-content
{
	width: 100%;
	height: 100%;
}

div#blueimp-gallery > .slides > .slide > .ml-video-content > video
{
	max-width: 100%;
	max-height: 100%;

	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

/*
div#blueimp-gallery > .slides > .slide > .ml-video-content
{
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	border: 0px;
	padding: 0px;
	margin: 0px;
	margin: -5px;
	align-content: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
*/

/* force visibile if start playing videos... */
/* - not yet working so :( - */
div#.blueimp-gallery > h3.title,
div#.blueimp-gallery > a.prev,
div#.blueimp-gallery > a.next,
div#.blueimp-gallery > a.close
{
	display: block;
}



/*
.blueimp-gallery > .indicator > li:hover::after
{
	background-size: cover;
}
*/

.blueimp-gallery > .indicator
{
	max-width: 100%;
	overflow-x: scroll;
	display: flex;
	margin: 0px 50px;
	padding-bottom: 8px;
	bottom: 4px;
}

.blueimp-gallery > .indicator > li
{
	width: 2cm;
	height: 1.25cm;
	margin-top: 0.25cm;
	box-sizing: border-box;
	min-width: 2cm;
	background-size: cover;
	border-color: #808080;
}

.blueimp-gallery > .indicator > .active,
.blueimp-gallery > .indicator > li:hover
{
	height: 1.5cm;
	margin-top: 0px;
	transition: margin-top 0.125s ease-in-out, height 0.125s ease-in-out;
}

.blueimp-gallery > .indicator:hover > li
{
	opacity: 1;
}

.blueimp-gallery > .indicator > li:after
{
	display: none;
}