/*! UIkit 2.27.2 | www.getuikit.com | © 2014 YOOtheme | MIT License */ /* ========================================================================

  Component: Slidenav
========================================================================== */

/*

* 1. Required for `a` elements
* 2. Dimension
* 3. Style
*/

.uk-slidenav {

/* 1 */
display: inline-block;
/* 2 */
box-sizing: border-box;
width: 60px;
height: 60px;
/* 3 */
line-height: 60px;
color: rgba(50, 50, 50, 0.4);
font-size: 60px;
text-align: center;

} /*

* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
* 3. Required for `a` elements
* 4. Style
*/

.uk-slidenav:hover, .uk-slidenav:focus {

/* 2 */
outline: none;
/* 3 */
text-decoration: none;
/* 4 */
color: rgba(50, 50, 50, 0.7);
cursor: pointer;

} /* Active */ .uk-slidenav:active {

color: rgba(50, 50, 50, 0.9);

} /*

* Icons
*/

.uk-slidenav-previous:before {

content: "\f104";
font-family: FontAwesome;

} .uk-slidenav-next:before {

content: "\f105";
font-family: FontAwesome;

} /* Sub-object: `uk-slidenav-position`

========================================================================== */

/*

* Create position context
*/

.uk-slidenav-position {

position: relative;

} /*

* Center vertically
*/

.uk-slidenav-position .uk-slidenav {

display: none;
position: absolute;
top: 50%;
z-index: 1;
margin-top: -30px;

} .uk-slidenav-position:hover .uk-slidenav {

display: block;

} .uk-slidenav-position .uk-slidenav-previous {

left: 20px;

} .uk-slidenav-position .uk-slidenav-next {

right: 20px;

} /* Modifier: `uk-slidenav-contrast`

========================================================================== */

.uk-slidenav-contrast {

color: rgba(255, 255, 255, 0.5);

} /*

* Hover
* 1. Apply hover style also to focus state
*/

.uk-slidenav-contrast:hover, .uk-slidenav-contrast:focus {

color: rgba(255, 255, 255, 0.7);

} /* Active */ .uk-slidenav-contrast:active {

color: rgba(255, 255, 255, 0.9);

}