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

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


// Variables
// ========================================================================

@slidenav-width:                                40px;
@slidenav-font-size:                            25px;

@slidenav-previous-icon:                        "";
@slidenav-next-icon:                            "";


// Component
// ========================================================================

.hook-slidenav() {
    opacity: 0.15;
    -webkit-transition: opacity .35s ease-out;
    transition: opacity .35s ease-out;
}

.hook-slidenav-hover() {}

.hook-slidenav-active() {}

.hook-slidenav-contrast() { opacity: 0.5; }

.hook-slidenav-contrast-hover() {}

.hook-slidenav-contrast-active() {}


// Miscellaneous
// ========================================================================

.hook-slidenav-misc() {

    .uk-slidenav-previous,
    .uk-slidenav-next {
        background-image: url("@{global-image-path}/@{global-style}/buttons.svg");
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    .uk-slidenav-contrast.uk-slidenav-previous,
    .uk-slidenav-contrast.uk-slidenav-next { background-image: url("@{global-image-path}/@{global-style}/buttons_contrast.svg"); }

    .uk-slidenav-previous { background-position: 0 -40px; }

    .uk-slidenav-next:hover,
    .uk-slidenav-previous:hover { opacity: 1; }

    .uk-slidenav-position:hover .uk-slidenav-next { right: 20px; }
    .uk-slidenav-position:hover .uk-slidenav-previous { left: 20px; }


}