/*
 * Biletos Theme - Color Overrides for UIKit
 * This file contains ONLY color-related overrides.
 * Load AFTER uikit.css: <link rel="stylesheet" href="uikit.css">
 *                       <link rel="stylesheet" href="uikit-theme-biletos.css">
 */

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

html {
    background: #3D1504;
    color: #444444;
}

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

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

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

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

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

/* ========================================================================
   HR / Dividers
   ======================================================================== */

hr {
    border-top-color: #91745B;
}

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

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

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

.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: #712b00;
    color: #ff9900;
}

/* ========================================================================
   Panel Box
   ======================================================================== */

.uk-panel-box {
    background: #fbf8f2;
    color: #444444;
}

.uk-panel-box-hover:hover {
    color: #444444;
}

.uk-panel-box .uk-panel-title {
    color: #444444;
}

.uk-panel-box-primary {
    background-color: #f5ecde;
    color: #3d1504;
    border-color: rgba(61, 21, 4, 0.3);
}

.uk-panel-box-primary-hover:hover {
    color: #3d1504;
}

.uk-panel-box-primary .uk-panel-title {
    color: #3d1504;
}

.uk-panel-box-secondary {
    background-color: #ffffff;
    color: #444444;
}

.uk-panel-box-secondary-hover:hover {
    color: #444444;
}

.uk-panel-box-secondary .uk-panel-title {
    color: #444444;
}

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

.uk-button {
    color: #67340e;
    background: #f9eed9;
}

.uk-button:hover,
.uk-button:focus {
    background-color: #f9eed9;
    color: #67340e;
}

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

/* Primary Button */
.uk-button-primary {
    background-color: #e6e6e6;
    color: #67340e;
    background-image: linear-gradient(to bottom, #f5ca3a, #f99619);
}

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

.uk-button-primary:active,
.uk-button-primary.uk-active {
    background-color: #ddd6d6;
    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;
}