/* ========================================
   KIVEMBASOFT BRANDING
   ======================================== */

/* Main Header */

.navbar-light {
    background: #ffffff !important;
    border-bottom: 3px solid #0f4c81;
}

/* Main Menu */

/*
.main-navbar-wrapper {
    background: #0f4c81 !important;
}*/









/*
.main-navbar-wrapper {
    background:
        linear-gradient(
            90deg,
            #204c92 0%,
            #173f80 100%
        ) !important;
}

.main-navbar-wrapper .navbar-nav > li > a {

    padding-left: 18px !important;
    padding-right: 18px !important;

    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .5px;

}*/




/* =====================================
   BLOCKSY STYLE HEADER
   ===================================== */

.main-navbar-wrapper {

    background:
        linear-gradient(
            90deg,
            #2f5fa7 0%,
            #20498c 40%,
            #163d78 100%
        ) !important;

    position: relative !important;
    overflow: hidden !important;

}

/* Top light effect */

.main-navbar-wrapper::before {

    content: "" !important;

    position: absolute !important;

    top: -80px !important;
    left: 0 !important;

    width: 100% !important;
    height: 180px !important;

    background:

        radial-gradient(
            ellipse at center,
            rgba(255,255,255,.12) 0%,
            rgba(255,255,255,.04) 50%,
            transparent 100%
        ) !important;

    pointer-events: none !important;

}

.main-navbar-wrapper .navbar-nav > li > a {

    color: #ffffff !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    letter-spacing: .6px;

    text-transform: uppercase;

    padding-left: 18px !important;
    padding-right: 18px !important;

    transition: all .25s ease;

}

.main-navbar-wrapper .navbar-nav > li > a:hover {

    color: #ffffff !important;

    transform: translateY(-1px);

}

.main-navbar-wrapper .navbar-nav > li:hover {

    background: rgba(255,255,255,.08)  !important;

}

.main-navbar-wrapper {

    min-height: 54px !important;

}

.main-navbar-wrapper .navbar-nav > li {

    display: flex !important;
    align-items: center !important;

}



.main-navbar-wrapper {

    min-height: 54px;

}

.main-navbar-wrapper .nav-link {

    padding-top: 14px !important;
    padding-bottom: 14px !important;

}




.cart-btn {

    border-radius: 8px !important;

    transition: all .25s ease;

}

.cart-btn:hover {

    background: rgba(32,73,140,.08);

}

/*
.navbar-nav.ml-auto > li > a {

    font-weight: 600 !important;

}
*/

/*
.main-navbar-wrapper .nav-link,
.main-navbar-wrapper .navbar-nav a {
    color: #ffffff !important;
}

.main-navbar-wrapper .nav-link:hover,
.main-navbar-wrapper .navbar-nav a:hover {
    color: #f5b324 !important;
}*/

/* Cart Counter */

#cartItemCount {
    background: #f5b324 !important;
    color: #000 !important;
}

/* Sidebar Titles */

.panel-sidebar .panel-heading,
.sidebar .card-header {
    background: #0f4c81 !important;
    color: #fff !important;
}

/* Primary Buttons */

.btn-primary {
    background: #0f4c81 !important;
    border-color: #0f4c81 !important;
}

/* Success Buttons */

.btn-success {
    background: #28a745 !important;
    border-color: #28a745 !important;
}

/* Page Titles */

h1,
h2,
h3,
.page-header,
.primary-content h1 {
    color: #0f4c81 !important;
}

/* Footer */
/*
footer,
.footer,
#footer {
    background: #1f2937 !important;
    color: #ffffff !important;
}

footer a,
.footer a,
#footer a {
    color: #f5b324 !important;
}
*/

/* =====================================
   CONTENT CARDS
   ===================================== */

.panel,
.card,
.card-body,
.panel-sidebar {

    border-radius: 12px !important;

    box-shadow:
        0 4px 20px rgba(0,0,0,.08);

}

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

#orderSummary,
.view-cart-sidebar,
.cart-total-box {

    border-radius: 12px !important;

    overflow: hidden;

}

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

.btn {

    border-radius: 8px !important;

}

.btn-success {

    font-weight: 600;

    font-size: 16px;

}

/* =====================================
   PAGE TITLE
   ===================================== */

.primary-content h1 {

    font-size: 48px;

    font-weight: 700;

}

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

.sidebar .card,
.sidebar .panel {

    border: none !important;

}





/* =====================================
   HEADER IMPROVEMENTS
   ===================================== */

.logo-img {
    max-height: 80px !important;
}

.navbar-brand {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.main-navbar-wrapper {
    background: #1d3b6d !important;
}

.main-navbar-wrapper .nav-link,
.main-navbar-wrapper .navbar-nav a {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 15px;
}

.main-navbar-wrapper .nav-link:hover,
.main-navbar-wrapper .navbar-nav a:hover {
    color: #f4b942 !important;
}

/* Bigger search */
/*
.search .form-control {
    min-width: 320px;
}*/

.search .form-control {
    min-width: 240px !important;
    height: 38px !important;
    font-size: 13px !important;
}

.search .btn {
    height: 38px !important;
}



/* =====================================
   PAGE CONTAINER
   ===================================== */

.container {
    max-width: 1420px !important;
}


.panel-sidebar,
.card,
.panel {
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
}





/* =====================================
   KIVEMBASOFT FOOTER
   ===================================== */


.kivemba-footer {

   /* background-color: #166ccf !important;*/

   background-color: #2c63b8 !important;

    background-image:
        radial-gradient(
            ellipse 90% 65% at 50% 0%,
            rgba(57, 108, 174, 0.90) 0%,
            rgba(48, 92, 151, 0.72) 25%,
            rgba(32, 68, 116, 0.45) 48%,
            rgba(18, 42, 70, 0.10) 72%,
            transparent 100%
        ),
       /* linear-gradient(
            180deg,
            #2E5E9D 0%,
            #28558E 22%,
            #1F4677 45%,
            #17375E 65%,
            #122943 82%,
            #0E2137 100%
        )*/linear-gradient(
    180deg,
    #3d6ec2 0%,
    #3564b5 18%,
    #29559c 40%,
    #1e4783 65%,
    #173a6a 82%,
    #102b4f 100%
) !important;

    color: #ffffff !important;

}




.kivemba-footer {

    position: relative !important;
    overflow: hidden !important;

}


/*
.kivemba-footer::before {


     content: "" !important;
    position: absolute;
    top: -220px !important;
    left: 15% !important;
    width: 70% !important;
    height: 420px !important;

    background: radial-gradient(
        ellipse,
        rgba(70, 125, 200, 0.28) 0%,
        rgba(45, 90, 150, 0.15) 40%,
        transparent 75%
    ) !important;

    pointer-events: none !important;

}*/


.kivemba-footer::before {

    content: "" !important;

    position: absolute !important;
    top: -260px !important;
    left: -10% !important;

    width: 120% !important;
    height: 520px !important;

    background:

        radial-gradient(
            ellipse at center,
            rgba(90,140,230,.28) 0%,
            rgba(70,120,210,.18) 35%,
            rgba(50,90,170,.08) 60%,
            transparent 85%
        ) !important;

    pointer-events: none !important;

}


.footer-logo {
    max-height: 42px !important;
    margin-bottom: 25px !important;
}




.kivemba-footer h5 {

    /*color: #58d2d2;*/
    color: #63e4ff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;

    margin-bottom: 20px !important;

}


.footer-description,
.footer-copyright,
.kivemba-footer p {

    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.8 !important;

}

.footer-links {

    list-style: none !important;
    padding: 0;
    margin: 0;

}

.footer-links li {

    margin-bottom: 15px !important;
    color: #ffffff !important;

}

.footer-links a {

    color: #ffffff !important;
    text-decoration: none !important;

}

.footer-links a:hover {

    color: #58d2d2 !important;

}

.footer-divider {
    border-color: rgba(255,255,255,.12) !important;
}

.footer-top {

    padding-bottom: 40px !important;

}

 .footer-links li {

    margin-bottom: 18px !important;

}



 .social-icons a {

    width: 36px !important;
    height: 36px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;

    color: #1a3d73 !important;

    border-radius: 50% !important;

    margin-right: 10px !important;

    text-decoration: none !important;

}

.footer-policy-link {

    color: #ffffff !important;
    text-decoration: none !important;

}

.footer-policy-link:hover {

    color: #58d2d2 !important;

}