/*!
 * Ware's v6 Local Styles
 * Copyright 2008-2017 Punchmark
 */


/* ==============================
    Header
============================== */

@media(min-width: 992px) {
    .toolbar {
        display: none !important;
    }
}

.item-cart .icon-shopping-bag,
.item-premium-global-cart-toggle .icon-shopping-bag {
    position: relative;
    height: 25px;
}

/* .item-cart .icon-shopping-bag:after,
.item-premium-global-cart-toggle .icon-shopping-bag:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -27%);
    width: 15px;
    height: 13px;
    background: url('https://cdn.jewelryimages.net/static/domains/waresjewelersv6/images/store-pics/Logo-Vector-symbol-only.png');
    background-size: cover;
    background-repeat: no-repeat;
} */

.dropdown-toggle::after {
    display: none !important;
}

header {
    border: none !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    background: var(--bs-section-default-bg) !important;
}

header a#logo {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}

header a#logo img, 
header a#logo svg {
    width: 100%;
    height: auto;
} 

header > .main-content > .row > .col {
    min-height: 80px !important;
    height: 80px !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: space-between !important; 
}

header .content-toolbar {
    width: auto !important;
    z-index: 50;
}

header .content-toolbar.left {
    margin-right: auto !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a {
    color: var(--bs-p-color) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a:hover, 
header .content-toolbar .content-toolbar-inner > ul > li > a:focus, 
header .content-toolbar .content-toolbar-inner > ul > li > a:hover i, 
header .content-toolbar .content-toolbar-inner > ul > li > a:focus i {
    color: var(--bs-primary-400) !important;
}

.toolbar>.toolbar-inner>ul>li>a:hover, .toolbar>.toolbar-inner>ul>li>a:focus {
    color: var(--bs-light) !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i {
    transform: translateY(-1px) !important;
}

@media (min-width: 992px) {  
    header a#logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0 !important;
    }
    header .content-toolbar {
        padding: 0 !important;
        margin: 0 !important;
    }
}

@media (max-width: 991px) {
    header a#logo {
        width: calc(100% - 200px) !important;
        max-width: 275px !important;
    }
    header .content-toolbar {
        margin: 0 !important;
    }
    header .content-toolbar.left {
        padding-left: 0.25rem !important;
    }    
    header .navbar-toggler {
        position: relative !important;
        padding: 0.625rem !important;
        height: 100% !important;
    }
    header .navbar-toggler:not(.collapsed) .navbar-toggler-icon > span {
        box-shadow: 0 0 0 0.01rem currentColor !important;
    }
}

header > .main-content > .row > .col {
    min-height: 148px !important;
    height: 148px !important;
    width: 100% !important;
}

@media (max-width: 991px) {
    header > .main-content > .row > .col {
        min-height: 110px !important;
        height: 110px !important;
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    header a#logo {
        width: 180px !important;
        max-width: calc(100% - 200px) !important;
    }
}
/* ====================
    Navigation Tools
==================== */

nav.navbar #main-navigation .mobile-container .mobile-top {
    display: flex;
    flex-flow: column wrap;
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-search,
nav.navbar #main-navigation .mobile-container .mobile-bottom {
    display: none !important;
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar {
    margin-top: auto;
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar a {
    line-height: 1.05 !important;
    box-shadow: none;
    font-weight: 400 !important;
    font-size: 15px !important;
}
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a {
    justify-content: flex-start !important;
    color: var(--bs-light) !important
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a > i {
    display: inline !important;
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a:hover,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a:focus,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a:hover i,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a:focus i {
    color: var(--bs-primary-400) !important;
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link {
    color: var(--bs-dark) !important;
    line-height: 1 !important;
}

/* ==============================
   All Navigation
============================== */

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:hover .nav-link, 
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:focus .nav-link, 
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:active .nav-link,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:hover .nav-link > i,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:focus .nav-link > i,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:active .nav-link > i {
    color: var(--bs-primary-400) !important; 
}

nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu,
nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu:not(.dropdown-menu-wide) {
    background: var(--bs-input-bg-color) !important;
    border-color: var(--bs-input-border-color) !important;
}

/* ==============================
   Desktop Navigation
============================== */

@media (min-width: 992px) {  
    nav.navbar {
        position: relative;
        width: calc(100% + 1.25rem) !important;
        max-width: calc(100% + 1.25rem) !important;
        margin-left: -0.625rem !important;
        margin-right: -0.625rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .dropdown-menu {
        padding: 0 !important;
    }
    /* Nav Currency Switcher */
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher img {
        max-width: 32px !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher img + .currency-switcher-country {
        margin-left: 0.625rem !important;
        text-transform: none !important;
    }
    /* Nav Main Links */
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links {
        justify-content: space-between !important;
        padding: 0 1.25rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav.navbar-left {
        /*justify-content: space-between;*/
        justify-content: flex-start !important;
        padding-left: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav.navbar-right {
         /*justify-content: space-between;*/
        justify-content: flex-end !important;
        padding-right: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu:not(.dropdown-menu-wide) {
        padding: 0.3125rem !important;
    }    
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
        border-bottom: 10px solid var(--bs-primary) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .menu-cart-buttons {
        padding: 0.625rem 0.3125rem 0.3125rem 0.3125rem !important;
    }
    nav.navbar .dropdown .dropdown-menu:not(.menu-megamenu) {
        top: calc(100% - 40px) !important;
    }
    nav.navbar .dropdown:not(.dropdown-wide) .dropdown-menu::before,
    nav.navbar .dropdown:not(.dropdown-wide) .dropdown-menu::after {
        border: none !important;
        display: none !important;
    }
}

@media(min-width:1200px) {
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links {
        padding: 0 1.875rem !important;
    }
}

/* ==============================
   Mobile Navigation
============================== */

@media (max-width: 991px) {
    nav.navbar #main-navigation { 
        width: 100% !important;
        background: var(--bs-primary) !important;
    }    
    nav.navbar .navbar-collapse .mobile-container {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }
    nav.navbar #main-navigation .mobile-container .btn-close {
        box-shadow: none !important;
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        padding: 0 !important;
        margin: 0.625rem !important;
    }
    /* Nav Tools */
    nav.navbar .navbar-collapse .mobile-container .mobile-top {
        background: var(--bs-section-default-inset) !important;
        padding-bottom: 2.5rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar {
        flex: 1 !important;
        border-top: 10px solid var(--bs-primary) !important;
        height: 100% !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item {
        color: var(--bs-p-color) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a {
        justify-content: flex-start !important;
        font-family: var(--bs-h3-family) !important;
        text-transform: var(--bs-h3-transform) !important;
        font-weight: 500 !important;
        font-size: 20px !important;
        color: var(--bs-dark) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a > i {
        display: inline-flex !important;
        width: 24px !important;
        height: 24px !important;
        margin-right: 3px !important;
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 14px !important;
        color: currentColor !important;
        border: 1px solid currentColor !important;
        border-radius: 50% !important;
    }    
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a > i + span {
        display: inline !important;
        margin-left: 7px !important;
        font-weight: 500 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-wishlist, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-premium-global-cart-toggle {
        display: block !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .dropdown-menu {
        padding: 0.3125rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .dropdown-menu > .px-2,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .dropdown-menu > .px-3,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .dropdown-menu > .px-10 {
        padding: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item > a.dropdown-toggle::after {
        font-family: var(--bs-icon-font) !important;
        content: "\e909" !important;
        transform: rotate(0deg) !important;
        margin-left: 8px !important;
        margin-right: auto !important;
        -webkit-text-stroke-width: 0 !important;
    }    
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.dropdown.show .dropdown-toggle::after, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.dropdown.menu-open .dropdown-toggle::after {
        transform: rotate(-180deg) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .input-group {
        border: 0 !important;
        border-radius: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item .menu-cart-buttons {
        padding: 0.625rem 0.3125rem 0.3125rem 0.3125rem !important;
    }
    /* Nav Currency Switcher */
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher img {
        width: 24px !important;
        height: 24px !important;
        object-fit: cover !important;        
        border: 1px solid currentColor !important;
        border-radius: 50% !important;
        overflow: hidden !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher img + span,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher img + .currency-switcher-country {
        margin-left: 0.625rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher .currency-switcher-value {
        /**/
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher .menu-currency-switcher {
        padding: 0.3125rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-currency-switcher .menu-currency-switcher img {
        border: 1px solid rgba(0,0,0,0.1) !important;
        border-radius: 2px !important;
        overflow: hidden !important;
        width: auto !important;
        object-fit: auto !important;  
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-toolbar .toolbar-item.item-search .input-group .form-control {
        color: var(--bs-h2-color) !important;
    }
    /* Nav Main-Links */
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav {
        border-bottom: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item {
        border-top: 1px solid rgba(0,0,0,0.1) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link {
        width: auto !important;
        font-family: var(--bs-h2-family) !important;
        font-weight: var(--bs-h2-weight) !important;
        font-size: 30px !important;
        text-transform: var(--bs-h2-transform) !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-left: 1.5rem !important;
        margin-right: auto !important;
        position: relative !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown:first-child,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-item, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-submenu, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .mobile-dropdown {
        border-top: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .nav-link-and-plus-wrap {
        border-top: 1px solid rgba(0,0,0,0.1) !important;
        padding-top: 0.5rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu:not(.dropdown-menu-wide) {
        background: var(--bs-section-default-inset) !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu {
        padding-bottom: 1rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
        padding-bottom: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
    }
    
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide a.dropdown-item-parent {
        font-family: var(--bs-h2-family) !important;
        font-weight: var(--bs-h2-weight) !important;
        font-size: 20px !important;
        text-transform: var(--bs-h2-transform) !important;
        padding-right: 0 !important;
        padding-left: 1.5rem !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item > .nav-link-and-plus-wrap .nav-link,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide a.dropdown-item-parent {
        width: auto !important;        
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav > .nav-item.has-a-plus > .dropdown-menu .dropdown.dropdown-submenu > .nav-link-and-plus-wrap > .dropdown-plus {
        flex: 1 !important;
        justify-content: flex-start !important;
    }

    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-plus > i::before,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus::before,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-submenu.show .nav-link-and-plus-wrap .dropdown-plus > i::before {
        content: "\e909" !important;
        height: 20px !important;
        width: 20px !important;
        font-size: 20px !important;
        transition: none !important;
        transform-origin: center !important;
        -webkit-text-stroke-width: 0 !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.has-a-plus > .dropdown-menu .dropdown.dropdown-submenu > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus {
        transform: rotate(0deg) !important;
        transition: none !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.has-a-plus.show > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.has-a-plus > .dropdown-menu .dropdown.dropdown-submenu.show > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus {
        transform: rotate(180deg) !important;
        transition: none !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link::before {
        content: "" !important;
        position: absolute !important;
        bottom: 0.875rem !important;
        left: 50% !important;
        width: 0 !important;
        height: 3px !important;
        background: var(--bs-primary-400) !important;
        transform: translateX(-50%) !important;
        transform-origin: center !important;
        transition: width 0.3s ease-in-out !important;   
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:hover .nav-link::before,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item:focus .nav-link::before,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item .nav-link:focus::before,
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.show .nav-link::before {
        width: 100% !important;
    }
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:focus, 
    nav.navbar #main-navigation .mobile-container .mobile-top .mobile-top-nav-links .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.dropdown-is-open {
        color: var(--bs-primary-400) !important;
    }
}





