/**
 * KavixServer brand overrides
 * Gold palette inspired by the supplied KavixServer mark.
 */
:root {
    --kavix-gold: #f2bd3d;
    --kavix-gold-dark: #d89c16;
    --kavix-ink: #121212;
}

body {
    color: var(--kavix-ink);
}

a,
.lead strong,
.customwidget li i,
.navbar-nav span {
    color: var(--kavix-gold-dark) !important;
}

a:hover,
a:focus {
    color: var(--kavix-gold) !important;
}

.navbar-brand img {
    width: auto;
    height: 64px;
    max-width: 190px;
    object-fit: contain;
}

.big-tagline > img {
    width: 175px;
    height: 175px;
    object-fit: contain;
}

.grd1,
.icon_wrap:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover,
.icon-wrapper:hover i {
    color: #171717 !important;
    background: var(--kavix-gold);
    background: linear-gradient(135deg, #f8d36d 0%, var(--kavix-gold) 52%, var(--kavix-gold-dark) 100%);
    border-color: var(--kavix-gold);
}

.grd1:hover,
.grd1:focus,
.icon_wrap,
.dmtop:hover,
.cac:hover,
.features-right li:hover i,
.features-left li:hover i,
.nav-pills > li:hover > a,
.nav-pills > li:focus > a,
.divider-bar,
.owl-next:hover i,
.owl-prev:hover i {
    color: #171717 !important;
    background: var(--kavix-gold-dark);
    background: linear-gradient(135deg, var(--kavix-gold-dark) 0%, var(--kavix-gold) 100%);
    border-color: var(--kavix-gold-dark);
}

.header_style_01 .navbar-nav > li > a:hover,
.header_style_01 .navbar-nav > li > a:focus,
.header_style_01 .navbar-nav > li > a.active {
    color: var(--kavix-gold-dark) !important;
}

.header_style_01 .navbar-nav > li > a.btn-light {
    color: #171717 !important;
}

.section-title h3::after,
.footer-links li::before {
    background: var(--kavix-gold);
}

.pricing-table-sign-up .btn,
.contact_form .btn {
    color: #171717 !important;
}

.footer .widget-title small,
.footer-company-name a {
    color: var(--kavix-gold) !important;
}

.footer .widget-title img {
    width: auto;
    height: 56px;
    max-width: 180px;
    object-fit: contain;
}

@media (max-width: 767px) {
    .navbar-brand img {
        height: 52px;
        max-width: 155px;
    }

    .big-tagline > img {
        width: 130px;
        height: 130px;
    }
}