/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Widgetkit Slideshow: Default Style
 */

/* Screen
----------------------------------------------------------------------------------------------------*/

/* Frame */
.wk-slideshow-screen > div {
	position: relative;
	border-radius: 8px;
	background: #000;
	padding: 15px;
	margin-bottom: 20px;
}

/* Shadow */
.wk-slideshow-screen > div:before {
	content: "";
	position: absolute;
	bottom: -40px;
	left: -10px;
	right:-10px;
	height: 76px;
	background: url(images/shadow.png) 0 0 no-repeat;
	background-size: 100% 100%;
}



/* Caption
----------------------------------------------------------------------------------------------------*/

.wk-slideshow-screen .caption {
    bottom: 15px;
    left: 15px;
    right: 15px;
}


/* Navigation
----------------------------------------------------------------------------------------------------*/

.wk-slideshow-screen .nav {
	position: relative;
	margin-top: 15px;
	text-align: center;
}

.wk-slideshow-screen .nav li {
	display: inline-block;
	margin-left: 5px;
}
.wk-slideshow-screen .nav li:first-child { margin-left: 0; }

.wk-slideshow-screen .nav span {
	width: 13px;
	height: 13px;
	background: url(images/nav.png) 0 0 no-repeat;
	overflow: hidden;
}
.wk-slideshow-screen .nav span:hover { background-position: 0 -26px; }
.wk-slideshow-screen .nav span:active { background-position: 0 -39px; }
.wk-slideshow-screen .nav .active span { background-position: 0 -13px; }


/* Buttons
----------------------------------------------------------------------------------------------------*/

.wk-slideshow-screen > div { position: relative; }

.wk-slideshow-screen > div:hover .next,
.wk-slideshow-screen > div:hover .prev {
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background: url(images/buttons.png) 0 40px no-repeat;
}

.wk-slideshow-screen > div:hover .next {
	right: 30px;
	background-position: 0 0;
}

.wk-slideshow-screen > div:hover .prev {
	left: 30px;
	background-position: 0 -40px;
}