/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* FORCE DARK MODE */



/* =========================================
   MONO STYLE FOR SIX - CLEAN FINAL VERSION
========================================= */

/* Base */
body {
    background: #101319 !important;
    color: #ffffff !important;
    font-family: 'Open Sans', sans-serif !important;
}

/* Remove underline */
a,
a:hover,
a:focus,
a:active {
    text-decoration: none !important;
}

/* =========================
   TOP NAVBAR
========================= */

.navbar-main {
    background: #0c1016 !important;
    border: none !important;
}

.navbar-main .navbar-nav > li > a {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > .active > a {
    color: #ff2147 !important;
    background: transparent !important;
}

/* Top right buttons */
.top-nav a,
.client-login a,
.account a {
    color: #ffffff !important;
    font-size: 15px !important;
}

/* =========================
   TITLES
========================= */

h1,
h2,
h3,
h4,
.page-title,
.section-title,
.main-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* =========================
   PRODUCT BOXES
========================= */

.panel,
.card,
.package {
    background: #1a1d24 !important;
    border: 1px solid #2a2f3a !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Product top bar */
.panel-heading,
.package-title {
    background: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    font-size: 28px !important;
}

/* Product text */
.product-info,
.product-description,
.product-details,
.product-info * {
    color: #cfcfcf !important;
    line-height: 1.7 !important;
}

/* =========================
   BUTTONS
========================= */

.btn-success,
.btn-primary,
.btn-info,
.view-cart-btn,
#btnViewCart {
    background: #e5093a !important;
    border-color: #e5093a !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
}

.btn-success:hover,
.btn-primary:hover,
.btn-info:hover {
    background: #c60731 !important;
    border-color: #c60731 !important;
    color: #ffffff !important;
}

/* =========================
   SIDEBAR
========================= */

.panel-sidebar {
    background: #1a1d24 !important;
    border: 1px solid #2a2f3a !important;
}

.panel-sidebar .panel-heading,
.panel-sidebar .panel-title {
    background: #2a2f3a !important;
    color: #ffffff !important;
    border: none !important;
}

/* Sidebar links */
.panel-sidebar a {
    color: #dcdcdc !important;
}

/* Active sidebar item */
.panel-sidebar .list-group-item.active,
.panel-sidebar .list-group-item.active a {
    background: #e5093a !important;
    color: #ffffff !important;
    border-color: #e5093a !important;
}

/* =========================
   FORMS
========================= */

input,
select,
textarea,
.form-control {
    background: #2a2f3a !important;
    border: 1px solid #3a404d !important;
    color: #ffffff !important;
}

/* Placeholder */
::placeholder {
    color: #a8a8a8 !important;
}

/* =========================
   ORDER SUMMARY
========================= */

.order-summary,
.summary-container {
    background: #1a1d24 !important;
    color: #ffffff !important;
}

/* =========================
   TABLES
========================= */

.table {
    color: #d6d6d6 !important;
}

/* =========================
   REMOVE BOOTSTRAP BLUE
========================= */

.text-primary,
.text-info,
.bg-primary,
.bg-info {
    color: #ffffff !important;
    background: transparent !important;
}