﻿/****** Font Awesome ******/
@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src:
        url("https://ka-f.fontawesome.com/releases/v6.5.1/webfonts/free-fa-regular-400.woff2") format("woff2"),
        url("https://ka-f.fontawesome.com/releases/v6.5.1/webfonts/free-fa-regular-400.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src:
        url("https://ka-f.fontawesome.com/releases/v6.5.1/webfonts/free-fa-solid-900.woff2") format("woff2"),
        url("https://ka-f.fontawesome.com/releases/v6.5.1/webfonts/free-fa-solid-900.ttf") format("truetype");
}

.fa,
.fa-regular,
.fa-solid,
.far,
.fas {
    display: inline-block;
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.fa-regular,
.far {
    font-weight: 400;
}

.fa,
.fa-solid,
.fas {
    font-weight: 900;
}

.fa-circle-user::before,
.fa-user-circle::before {
    content: "\f2bd";
}

.fa-caret-down::before {
    content: "\f0d7";
}

.fa-x::before {
    content: "\58";
}

.fa-xl {
    font-size: 1.5em;
    line-height: 0.04167em;
    vertical-align: -0.125em;
}

/****** General Rules ******/
body {
	font-family: 'Nanum Gothic', sans-serif;
}

.bs-header-container {
    margin-bottom: 15px;
}

.row div.mt-4:first-of-type {
    margin-top: 15px !important;
}

.bs-header-logo {
    height: auto;
}

p.bs-header-link {
    margin-bottom: 0;
}
.fa-shopping-cart::before {
    content: "\f07a";
}
/*** Mega Menu ***/
.nav-megamenu {
    border: 1px solid #999999 !important;
    border-radius: 4px;
}

.dropdown-menu .row .bsMenuColumn {
    padding-left: 25px;
}

.bsMenuColumn p {
    margin-top: 10px;
    margin-bottom: 0px !important;
	font-weight: bold;
}

.bsMenuColumn p:First-child {
    margin-top: 20px !important;
}

.bsMenuColumn p:last-child {
    margin-bottom: 20px !important;
}

.container-fluid.border-top.mt-3 {
	background-color: #142e57;
}

.bs-text-links a {
	color: #ffffff;
}

.bs-text-links a:visited {
	color: #ffffff;
}

a.ccpa-msg {
	color: #fff !important;
}

/*** Mobile Hamburger Icon Styling ***/
.navbar-light .navbar-toggler {
    background-color: #ffffff;
}

/*** Mega Menu Links ***/
.bsMenuColumn p a:link,
.bsMenuColumn p a:hover,
.bsMenuColumn p a:visited,
.bsMenuColumn ul li a:link,
.bsMenuColumn ul li a:hover,
.bsMenuColumn ul li a:visited {
    color: #000000;
}

.fa-shopping-cart {
    display: none !important;
}

@media (max-width: 991.98px) {
    .bsMenuColumn ul {
        /* mobile / small screen styles here */
        margin-bottom: 0;
    }

    .nav-megamenu-ul {
        display: none;
    }

    .bsMenuColumn p:First-child {
        margin-top: 0px !important;
    }

    .bsMenuColumn p:last-child {
        margin-bottom: 0px !important;
    }

    .bsMenuColumn p {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

/*** Breadcrumbs ***/
.breadcrumb-item a {
    color: #000000;
}

/****** Site Specific *******/
.bs-menu {
    background-color: #052e6f;
}

.nav-megamenu-header {
    color: #ffffff !important;
    text-transform: uppercase;
}

.dropdown-menu {
    background: rgb(253 241 241);
}

/** Breadcrumb Adjustment **/
ol.breadcrumb.px-0 {
    padding-left: 1rem !important;
}

.breadcrumb-item a {
    color: #000000;
}
/****** Left Nav ******/
.acctHome a, .list-group-item a, .list-group-item a:hover, .list-group-item a:visited, .list-group-item a:focus, .list-group-item a:active, .nav-item a, .nav-item a:visited, .nav-item a:hover {
    color: #000000; 
}

/*** Link Styling ***/
.bsMenuColumn p a:link,
.bsMenuColumn p a:hover,
.bsMenuColumn p a:visited,
.bsMenuColumn ul li a:link,
.bsMenuColumn ul li a:hover,
.bsMenuColumn ul li a:visited,
.themeItem a:link,
.themeItem a:hover,
.themeItem a:visited {
    color: #000000;
}

.themeItem a h6 {
    color: #000000;
}

/****** Left Nav ******/
.acctHome a, .list-group-item a, .list-group-item a:hover, .list-group-item a:visited, .list-group-item a:focus, .list-group-item a:active, .nav-item a, .nav-item a:visited, .nav-item a:hover {
    color: #000000; 
}


/****** Link/Button Styling ******/
.cat-pg-load-more, .sign-in {
    background: #660000;
    border: 0;
}

#shippingContainer button, #billingContainer button, .bg-primary, .cat-pg-load-more:hover, .cat-pg-load-more:active, .cat-pg-load-more:focus, .sign-in:hover, .sign-in:active, .sign-in:focus {
    background: #460101 !important;
    border:none;
}

#shippingContainer button, #billingContainer button {
    color: #ffffff;
}

.dropdown a:link, a:active, a:visited, .home-link, .home-link:active, .home-link:visited, .home-link:hover {
    color: #000000;
}

.dropdown-item, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active, a h6, .pdp_CalPrice {
    color: #000000;
    background: none;
}


/******** MENU ADJUSTMENTS ********/

.whiteMetalsMenu .dropdown-menu {
    width: 200px;
    left: 150px;
}

.yellowMetalsMenu .dropdown-menu {
    width: 200px;
    left: 300px;
}

.blackMetalsMenu .dropdown-menu {
    width: 200px;
    left: 450px;
}