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

//
// Component: Overlay
//
// ========================================================================


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

@overlay-area-background:                       @global-primary-background;

@overlay-area-icon-color:                       @global-contrast-color;

@overlay-area-content-color:                    @global-contrast-color;

@overlay-caption-padding:                       @global-margin;
@overlay-caption-color:                         @global-contrast-color;


// Sub-object `uk-overlay-area`
// ========================================================================

.hook-overlay-area() {

    a {
        color: @panel-box-primary-link-color;
        &:hover { color: fade(@panel-box-primary-link-color, 80%); }
    }

    .uk-button,
    .uk-icon-button {

        border-color: @panel-box-primary-button-border;
        color: @panel-box-primary-button-color;

        &:hover,
        &:focus {
            background-color: @panel-box-primary-button-hover-background;
            border-color: transparent;
            color: @panel-box-primary-button-hover-color;
        }

        &:active,
        &.uk-active { background-color: fade( @panel-box-primary-button-hover-background, 80%); }

    }

    .uk-button-success,
    .uk-button-danger { background: none; }

}

.hook-overlay-area-icon() {}


// Sub-object `uk-overlay-area-content`
// ========================================================================

.hook-overlay-area-content() {}


// Sub-object `uk-overlay-caption`
// ========================================================================

.hook-overlay-caption() {}


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

.hook-overlay-misc() {}