/* ==========================
   1. TOP MENU STRIP
   ========================== */
header.header > .navbar.navbar-expand-xl.main-navbar-wrapper {
    background: #0b5ed7 !important; /* blue menu strip */
    z-index: 1000;
}

/* only the top menu links */
header.header > .navbar.navbar-expand-xl.main-navbar-wrapper #nav > li > a,
header.header > .navbar.navbar-expand-xl.main-navbar-wrapper .navbar-nav.ml-auto > li > a {
    color: #ffffff !important;
    font-weight: 500;
}

/* hover effect for top menu links */
header.header > .navbar.navbar-expand-xl.main-navbar-wrapper #nav > li > a:hover,
header.header > .navbar.navbar-expand-xl.main-navbar-wrapper .navbar-nav.ml-auto > li > a:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,0.08);
    border-radius: 4px;
}

/* dropdown menus inside menu strip */
header.header > .navbar.navbar-expand-xl.main-navbar-wrapper .dropdown-menu,
header.header > .navbar.navbar-expand-xl.main-navbar-wrapper .dropdown-menu-right {
    background: #ffffff !important;
    border-radius: 6px;
    border: 1px solid #e6e6e6;
}

/* dropdown text inside menu strip */
header.header > .navbar.navbar-expand-xl.main-navbar-wrapper .dropdown-menu a,
header.header > .navbar.navbar-expand-xl.main-navbar-wrapper .dropdown-menu-right a {
    color: #333 !important;
}

header.header > .navbar.navbar-expand-xl.main-navbar-wrapper .dropdown-menu a:hover,
header.header > .navbar.navbar-expand-xl.main-navbar-wrapper .dropdown-menu-right a:hover {
    background: #f5f7fb !important;
    color: #0b5ed7 !important;
}

/* ==========================
   2. FOOTER
   ========================== */
footer,
section#footer,
.footer {
    background: #0b5ed7 !important;
    color: #ffffff !important;
}

footer a {
    color: #ffffff !important;
}

footer a:hover {
    color: #cfe2ff !important;
}

/* ==========================
   3. RESET STORE / PRODUCT / CART AREAS
   ========================== */

/* all product cards, panels, pricing areas */
.product,
.product-pricing,
.product footer,
.panel,
.card,
.card-body,
.panel-body,
.panel-heading,
.cart-body,
.products {
    background: #ffffff !important; /* white background */
    color: #555 !important;         /* default grey text */
}

/* make sure buttons inside product cards look normal */
.product .btn,
.product .btn-success {
    background-color: #28a745 !important;
    color: #ffffff !important;
    border: none !important;
}

/* remove any stray blue behind prices, "Annually", or spans */
.product-pricing span,
.product-pricing br {
    background: transparent !important;
    color: #555 !important;
}