﻿.slider {
    background-color:#000;
}

.slider .inner_prop {
    background-size:cover;
    -webkit-opacity:0.0;
    opacity:0.0;
    -webkit-transition:opacity 500ms ease;
    transition:opacity 500ms ease;
	/**/
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.slider iframe.inner_prop {
    background-size:cover;
    -webkit-opacity:1.0;
    opacity:1.0;
    width:100%;
    height:100%;
}

/* TOOLS */
.tools[data-panelbutton="slider_controls"] div:first-child {
    width:12px;
    border-left:0;
}

.tools[data-panelbutton="slider_controls"] {
    margin-top:7px;
    float:right;
    border-bottom:solid 2px rgba(0, 0, 0, 0);
    -webkit-transition:border-bottom-color 750ms ease;
    transition:border-bottom-color 750ms ease;
}

.tools[data-panelbutton="slider_controls"].open {
    border-bottom-color:#000;
}


/* PANEL CONTROLS */
*[data-paneltarget="slider_controls"] {
	margin-top:10px;
	-webkit-transition:opacity 750ms ease;
	transition:opacity 750ms ease;
}

*[data-paneltarget="slider_controls"]  .pause,
*[data-paneltarget="slider_controls"]  .play {
	display:inline-flex;
	background-position:center center;
	background-repeat:no-repeat;
	padding:10px;
	margin:10px;
}

*[data-paneltarget="slider_controls"]  .pause {
	width:18px;
	height:14px;
	background-image:url(../img/slidercontrols_pause.svg);
	background-size:18px 14px;
}

*[data-paneltarget="slider_controls"]  .play {
	width:14px;
	height:14px;
	background-image:url(../img/slidercontrols_play.svg);
	background-size:14px 14px;
	/**/
	-webkit-opacity:0.5;
	opacity:0.5;
	-webkit-transition:opacity 500ms ease;
	transition:opacity 500ms ease;
	cursor:pointer;
	margin-left:0;
}

*[data-paneltarget="slider_controls"]  .play:hover {
	-webkit-opacity:1.0;
	opacity:1.0;
}

/* CLOCK */
.clock {
	display:none;
}

.clock canvas {
	width:24px;
	height:24px;
}

@media all and (max-width:767px) {
	/* SHOW CLOCK */
	.clock {
		display:block;
		position:absolute;
		right:37px;
		margin-top:10px;
	}

	/* HIDE PANEL */
	*[data-paneltarget="slider_controls"] {
		margin-top:-1000px;
	}
}