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

/*
 * Widgetkit Slideshow: Eat Style
 */


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

.wk-slideshow-eat .nav {
    position: relative;
    z-index: 2;
    margin-top: 15px;
    text-align: center;
}


.wk-slideshow-eat .nav li {
    display: inline-block;
    margin-left: 5px;
}
.wk-slideshow-eat .nav li:first-child { margin-left: 0; }

.wk-slideshow-eat .nav span {
    width: 6px;
    height: 6px;
    background-color: #EDEDED;
    border: 4px solid rgba(0,0,0,0);
    border-radius: 50%;
}

.wk-slideshow-eat .nav span:hover,
.wk-slideshow-eat .nav span:active {
    background-color: rgba(0,0,0,0);
    border-color: #E1E1E1;
}

.wk-slideshow-eat .nav .active span {
    background-color: #EFD7AC;
    border-color: rgba(0,0,0,0);
}


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

.wk-slideshow-eat > div { position: relative; }

.wk-slideshow-eat > div .next,
.wk-slideshow-eat > div .prev {
	top: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	background-color: #EED6AE;
	border-radius: 50%;
	opacity: 0;
}

.wk-slideshow-eat > div .next:after,
.wk-slideshow-eat > div .prev:after {
	text-align: center;
	position: absolute;
	width: 65px;
	height: 65px;
	font-size: 50px;
	line-height: 60px;
	color: #fff;
	font-family: 'FontAwesome'
}

.wk-slideshow-eat > div:hover .next,
.wk-slideshow-eat > div:hover .prev {
	-webkit-transition: all ease-out .3s;
	transition: all ease-out .3s;
	opacity: 1;
}

.wk-slideshow-eat > div:hover .next { right: -30px; }
.wk-slideshow-eat > div:hover .prev { left: -30px; }

.wk-slideshow-eat > div .next:after { content: "\f105"; }
.wk-slideshow-eat > div .prev:after { content: "\f104"; }


.wk-slideshow-eat > div .next:hover,
.wk-slideshow-eat > div .prev:hover {
	background-color: #F2DEBC;
	-webkit-transform: scale(1.05);
	transform: scale(1.2);
	transition: all ease-in-out 0.18s;
}

.wk-slideshow-eat:hover > div .next:active,
.wk-slideshow-eat:hover > div .prev:active {
	background-color: #E3CCA4;
	-webkit-transform: scale(1.03);
	transform: scale(1.1);
	transition: all ease-in-out 0.06s;
}