/*
 * Tikecik Theme - Color Overrides for UIKit
 * This file contains ONLY color-related overrides.
 * Load AFTER uikit.css
 */

/* ========================================================================
   Base - HTML and Body
   ======================================================================== */

html {
    background: #f2efec;
    color: #444444;
}

/* ========================================================================
   Links
   ======================================================================== */

a,
.uk-link {
    color: #c44f00;
}

a:hover,
.uk-link:hover {
    color: #ea5e00;
}

/* ========================================================================
   Headings
   ======================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #003366;
}

/* ========================================================================
   Navbar
   ======================================================================== */

.uk-navbar {
    background: #1b334b;
    color: #f7bc88;
}

.uk-navbar-nav>li>a {
    color: #EEEEEE;
}

.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a:focus,
.uk-navbar-nav>li.uk-open>a {
    background-color: rgba(0, 0, 0, 0.5);
    color: #f2efec;
}

.uk-navbar-nav>li>a:active {
    background-color: rgba(0, 0, 0, 0.5);
    color: #ff9900;
}

.uk-navbar-nav>li.uk-active>a {
    background-color: #284e74;
    color: #ff9900;
}

/* ========================================================================
   Buttons
   ======================================================================== */

.uk-button {
    color: #333333;
    background: #f9f7f6;
    background-image: linear-gradient(to bottom, #FFFFFF, #DDDCDB);
}

.uk-button:hover,
.uk-button:focus {
    background-color: #F9C658;
    color: #111111;
}

.uk-button:active,
.uk-button.uk-active {
    background-color: #f5f5f5;
    color: #444444;
}

/* Primary Button */
.uk-button-primary {
    background-color: #d38b67;
    color: #fbece1;
    background-image: linear-gradient(to bottom, #f19139, #b53d02);
}

.uk-button-primary:hover,
.uk-button-primary:focus {
    background-color: #ed6d00;
    color: #FFFFFF;
}

.uk-button-primary:active,
.uk-button-primary.uk-active {
    background-color: #d87848;
    color: #ffffff;
}

/* Success Button */
.uk-button-success {
    background-color: #94c238;
    color: #ffffff;
    background-image: linear-gradient(to bottom, #cbe43d, #6fac34);
}

.uk-button-success:hover,
.uk-button-success:focus {
    background-color: #a3d73d;
    color: #1b334b;
}

.uk-button-success:active,
.uk-button-success.uk-active {
    background-color: #88ba27;
    color: #ffffff;
}

/* Danger Button */
.uk-button-danger {
    background-color: #d32c46;
    color: #ffffff;
    background-image: linear-gradient(to bottom, #fb6f1a, #c11a39);
}

.uk-button-danger:hover,
.uk-button-danger:focus {
    background-color: #ae3800;
    color: #ffffff;
}

.uk-button-danger:active,
.uk-button-danger.uk-active {
    background-color: #c91c37;
    color: #ffffff;
}

/* Disabled Button */
.uk-button:disabled {
    background-color: #fafafa;
    color: #999999;
}

/* Link Button */
.uk-button-link {
    color: #c44f00;
}

.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
    color: #ea5e00;
}

.uk-button-link:disabled {
    color: #999999;
}