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

/*
 * Widgetkit Slideset: Lava Style
 */


/* Navigation
----------------------------------------------------------------------------------------------------*/

.wk-slideset-lava .nav {
	margin-top: 40px;
	text-align: center;
}

.wk-slideset-lava .nav li { 
	display: inline-block;
	padding: 4px;
	background: rgba(0,0,0,0.1);
	border-radius: 50%;
	-webkit-transition: all linear 0.06s;
	transition: all linear 0.06s;
}

.wk-slideset-lava .nav.icon span {
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	border-radius: 50%;
	-webkit-transition: all linear 0.06s;
	transition: all linear 0.06s;
}

.wk-slideset-lava .nav.icon li:hover {
	background: rgba(0,0,0,0.2);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.wk-slideset-lava .nav.icon li:hover span { background: #fff; }

.wk-slideset-lava .nav.icon span:active,
.wk-slideset-lava .nav.icon .active span { background: #fff; }

.wk-slideset-lava .nav.icon li { margin-left: 8px; }
.wk-slideset-lava .nav.text li { margin-left: 40px; }

.wk-slideset-lava .nav li:first-child { margin-left: 0; }

.wk-slideset-lava .nav.text span { padding: 0 11px; }
.wk-slideset-lava .nav.text .active span {
	padding: 0 10px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 4px;
	background: rgba(0,0,0,0.05);	
}


/* Buttons
----------------------------------------------------------------------------------------------------*/

.wk-slideset-lava > div { position: relative; }

.wk-slideset-lava:hover > div .next,
.wk-slideset-lava:hover > div .prev {
	top: 50%;
	width: 64px;
	height: 64px;
	margin-top: -32px;
	background: #eef3f5;
	background-image: url(images/buttons.svg);
	background-repeat: no-repeat;
	background-position: 0 0;
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(110,115,120,0);
}

.wk-slideset-lava:hover > div .next {
	right: 10px;
	background-position: 0 -90px;
}

.wk-slideset-lava:hover > div .prev { left: 10px; }

.wk-slideset-lava > div .next:hover,
.wk-slideset-lava > div .prev:hover {
	background-color: #fff;
	box-shadow: 0 0 0 5px rgba(110,115,120,0.05);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	transition: all ease-in-out 0.22s;
}

.wk-slideset-lava > div .next:active,
.wk-slideset-lava > div .prev:active {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


/* Content
----------------------------------------------------------------------------------------------------*/

.wk-slideset-lava .sets { margin: 0 -10px; }
.wk-slideset-lava article { margin: 0; }

.wk-slideset-lava article { 	
	border-radius: 50%;
	border: 15px solid #eef3f5;
}

.wk-slideset-lava article:first-child { margin-right: -7px; }
.wk-slideset-lava article:last-child { margin-left: -7px; }

.wk-slideset-lava img { border-radius: 50%; }

body .wk-slideset-lava .overlay { background: none; }

body .wk-slideset-lava .overlay > div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 40px;
	background: rgba(0,0,0,0.5);
	border-radius: 50%;
}

.wk-slideset-lava .sub-content { margin-top: 40px; }


/* Responsive
----------------------------------------------------------------------------------------------------*/

/* Only Touch Devices */
@media (max-device-width: 1024px)  {

	.wk-slideset-lava .next,
	.wk-slideset-lava .prev { display: none; }

}

/* Only Phones */
@media (max-width: 767px) {

	.wk-slideset-lava .nav.text li { margin-left: 10px; }
	.wk-slideset-lava .nav.text li:first-child { margin-left: 0; }

	.wk-slideset-lava .nav.text span {
		padding: 0 6px;
		font-size: 12px;
	}

	.wk-slideset-lava .nav.text .active span { padding: 0 5px; }

	.wk-slideset-lava article:first-child,
	.wk-slideset-lava article:last-child { margin: 4px; }

}