/* place your css rules here 
More css-variables see in ./extensions/novator/storefront/view/novator/css/tm_style.css
*/

:root { 
    --bs-btn-bg: #2c4999 !important;
    --bs-btn-border-color: #2c4999 !important;
    --bs-body-color: #2c4999 !important;
}
/***** the above doesnt seem to work    ****/


@import url('fonts.googleapis.com');



/* body font and footer colors   */
body {
  font-family: 'Montserrat', 'Anke Devanagari', sans-serif !important;
  color: #2c4999 !important;
}
.footer {
    background: #2c4999 !important;
}



/*  Change button colors   */
.btn-primary {
    color: #ffffff !important;
    background-color: #2c4999 !important;
    border-color: #2c4999 !important;
    transition: background-color #9a8479 0.9s ease !important;
    --bs-btn-border-color: #1692E1;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #137cbf;
    --bs-btn-hover-border-color: #1275b4;
    --bs-btn-focus-shadow-rgb: 57, 162, 230;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #1275b4;
    --bs-btn-active-border-color: #116ea9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #1692E1;
    --bs-btn-disabled-border-color: #1692E1;
}
.btn-outline-primary {
    border-color: #2c4999 !important;
    color: #2c4999 !important;
    text-decoration-color: #2c4999 !important;
}
.btn-primary:hover {
  background-color: #2c4999 !important;
}
.btn:hover {
  background-color: #9a8479 !important;
}



/* Nav pills on checkout page  */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: #2c4999 !important;
}
.nav-link {
    color: #2c4999 !important;
}




/* Theme switcher */
#theme-switcher {
    display: none !important;
}



/*  Nav tab color  */
.prod-desc .nav-tabs .nav-link.active {
    color: #2c4999 !important;
    border-bottom: 3px solid #2c4999 !important;
}




/* Vertical bar beside the product title  */
h4 .heading-title:after, .h4.heading-title:after {
    background: #2c4999 !important;
}




/* primary text for prices etc */
.mb-0 {
    color: #2c4999 !important;
}
.total-price.mt-auto {
    color: #2c4999 !important;
}



/*  top bar image links */
.top-bar .image-link {
    background: #2c4999 !important;
    color: #fff;
}



/*  breadcrumb color   */
.breadcrumb a:hover, .breadcrumb .active {
    color: #2c4999 !important;
}



/*  dropdown menu color  */
footer .dropdown, footer .dropdown-menu {
    background-color: #264999 !important;
}

/*  main bar menu color  */
.mega-sf-menu .active {
    color: #264999 !important;
    font-weight: bold !important;
}
.mega-sf-menu>li>.nav-link.active:after {
    background: #264999 !important;
}