/*!
 * Arezzo Jewelers
 * http://www.arezzojewelers.com
 * Copyright 2008-2023 Punchmark
 */

/*  =========================================================
    HELPERS
=========================================================  */

body {
    background-color: var(--dark) !important;
}
.btn-outline-dark, 
.btn-outline-light,
.btn-outline-primary,
.btn-outline-secondary {
    border-width: 2px !important;
} 
.grid-sidebar {
    background: var(--bs-final-site-color) !important;
}
.grid-sidebar .grid-sidebar-elem-list > li, 
.grid-sidebar .grid-sidebar-elem-list > li > a,
.grid-sidebar .grid-sidebar-elem-list .custom-control-description {
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1rem !important;
    text-transform: uppercase !important;
}
.grid-sidebar .grid-sidebar-elem-heading.filter-heading h5 > span {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1rem !important;
    text-transform: uppercase !important;
}
.grid-sidebar-colwrap .fade-bottom {
    background: linear-gradient(to bottom,rgba(241,239,236,0) 0,rgb(241,239,236,1) 100%) !important;
}
#services-cards .list-item .card {
    background: none !important;
}
.grid .grid-item .border,
.owl-carousel .owl-item img.border,
img.border {
    background: #ffffff !important;
}
.well {
    background: #e6e1dd !important;
    border-color: #e6e1dd !important;
}
#services-cards .list-item .card .border {
    background-color: #ffffff !important;
}
.border,
.border-top,
.border-bottom,
.border-left,
.border-right,
.border-x,
.border-y {
    border-color: #e6e1dd !important;
}
#checkout-order-summary-heading {
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    position: static !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 0.625rem !important;
    transform: none;
    width: 100% !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.03rem !important;
    text-transform: capitalize !important;
    border-bottom: 2px solid #e6e1dd !important;
}
.order-option-heading span {
    font-weight: bold;
}
.card .form-label-group > label, 
.card .form-label-group > .input-group > label, 
.card .form-label-group > .bootstrap-filestyle > label {
    background: #ffffff !important;
}
.two-image-arrangement {
    position: relative !important;
}
.two-image-arrangement [data-widget-index="1"] {
    position: relative !important;
    top: 0px !important;
    left: 0px !important;
    max-width: 85%;
}
.two-image-arrangement [data-widget-index="2"] {
    position: absolute !important;
    top: -50px !important;
    right: 10px !important;
    max-width: 45%;
    box-shadow: -35px 35px 60px rgba(0,0,0,0.075);
}
@media(min-width:768px){
    .two-image-arrangement [data-widget-index="1"] {
        left: -30% !important;
        max-width: 100%;
    }
    #grid-sidebar-object .grid-sidebar {
        top: 93px !important;
    }
}
section.offset-headers [data-widget-element="widgetHeader"] {
    z-index: 10;
}

@media(min-width:768px){
    section.offset-headers [data-pagebuilder="row"]:nth-child(1) [data-widget-element="widgetHeader"] {        
        margin-left: -50px !important;        
    }
}

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

.toolbar,
.toolbar > .toolbar-inner,
.toolbar > .toolbar-inner > ul {
    padding: 0;
}
.toolbar > .toolbar-inner > ul > li {
    margin: 0 !important;
    padding: 0 !important;
}
.toolbar > .toolbar-inner > ul > li > a {
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 0 1rem !important;
}
.toolbar > .toolbar-inner > ul > li > a > i {
    font-size: 16px !important;
    -webkit-text-stroke-width: 0.1px;
    -webkit-text-stroke-color: inherit;
}
.toolbar > .toolbar-inner > ul.left > li {
    border-right: 1px solid rgba(0,0,0,0.1) !important;
}
.toolbar > .toolbar-inner > ul.right > li {
    border-left: 1px solid rgba(0,0,0,0.1) !important;
}  
.toolbar > .toolbar-inner > ul > li > a:hover,
.toolbar > .toolbar-inner > ul > li > a:focus,
.toolbar > .toolbar-inner > ul > li > a:active {
    background-color: rgba(0,0,0,0.1) !important;
}

.toolbar > .toolbar-inner > ul > li > .dropdown-menu .dropdown-item,
.menu-cart-subtotal, .menu-cart-subtotal p {
    font-size: 13px !important;
}
header {
    box-shadow: 0 0 0 1px rgba(0,0,0,0.075), 0 0 30px 0 rgba(0,0,0,0.075) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1500;
}
body.sitemanager-menu-open header,
body.sitemanager-menu-closed header {
    top: 63px !important;
}    
header,
.toolbar.top .toolbar-inner ul li.dropdown > .dropdown-menu {
    background: #f1efec !important;
    border-color: rgba(0,0,0,0.1) !important;
}
.menu-cart-subtotal {
    background: #e6e1dd !important;
    border-color: #e6e1dd !important;
}
#global-cart-list .menu-cart-subtotal {
    background: none !important;
    border-color: transparent !important;
}
.menu-cart-subtotal p {
    margin-bottom: 0 !important;
}
header a#logo {
    padding: 15px 10px 10px 10px !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i {
    font-size: 19px !important;
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-stroke-color: inherit !important;
}
.global-cart .global-cart-inner #global-cart-heading {
    font-weight: 500 !important;
    letter-spacing: 0.1rem !important;
    text-transform: uppercase !important;
}
header .badge, 
header .badge-default {
    background: #111111 !important;
}
@media(min-width:992px){
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group {
        border-color: #e6e1dd !important;
    }
}

/*  =========================================================
    NAV
=========================================================  */

nav.navbar .navbar-nav .nav-item .nav-link {
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1rem !important;
    text-transform: uppercase !important;
}
nav.navbar .navbar-nav .nav-item.fw-bold > .nav-link  {
    font-weight: 600 !important;
    color: #806B57 !important;
}
nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
    background: #f1efec !important;
}
@media(max-width:991px){
    nav.navbar #main-navigation {
        background-color: var(--dark) !important;
    }
    nav.navbar .navbar-nav .nav-item {
        border-color: #282828 !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link {
        color: white !important;
        padding-left: 1rem !important;
    }
    nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-plus {
        padding-right: 1rem !important;
    }
    nav.navbar .nav-bottom-buttons {
        border-color: #282828 !important;
    }
    nav.navbar .nav-bottom-buttons .border-left {
        border-left-color: #282828 !important;
    }
    nav.navbar .nav-bottom-buttons .btn {
        color: white !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        letter-spacing: 0.1rem !important;
        text-transform: uppercase !important;
        border-color: #282828 !important;
    }
    nav.navbar .nav-bottom-buttons .btn:nth-child(1){
        border-left: 0 !important;
    }
    nav.navbar .nav-bottom-buttons .btn:nth-child(2){
        border-right: 0 !important;
    }
    nav.navbar #main-navigation .mobile-top,
    nav.navbar #main-navigation .mobile-top > .mobile-top-search {
        padding: 0 !important;
    }
    nav.navbar #main-navigation .mobile-top > .mobile-top-search > div {
        padding: 10px 0 !important;
    }
    nav.navbar #main-navigation .mobile-top > .mobile-top-search > div * {
        border-radius: 0 !important;
        color: #ffffff !important;
    }
    nav.navbar #main-navigation .mobile-top > .mobile-top-search > div button > i {
        -webkit-text-stroke-width: 1px !important;
        -webkit-text-stroke-color: inherit !important;
    }
    nav.navbar #main-navigation .mobile-top > .mobile-top-search > div button:hover > i,
    nav.navbar #main-navigation .mobile-top > .mobile-top-search > div button:focus > i,
    nav.navbar #main-navigation .mobile-top > .mobile-top-search > div button:active > i {
        color: #806B57 !important;
    }
    nav.navbar #main-navigation .mobile-top > .mobile-top-search > div .form-control {
        padding-left: 1rem !important;
    }
    nav.navbar #main-navigation .mobile-bottom .btn:hover, 
    nav.navbar #main-navigation .mobile-bottom .btn:focus, 
    nav.navbar #main-navigation .mobile-bottom .btn:active {
        background: #806B57 !important;
        border-color: #806B57 !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        padding-bottom: 20px !important;
        filter: invert(1) brightness(2) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks {
        display: none !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group .btn > i {
        color: white !important;
        -webkit-text-stroke-width: 0.5px !important;
        -webkit-text-stroke-color: inherit !important;
    }
    nav.navbar .mobile-top-nav-links .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus > i {
        color: white !important;
        -webkit-text-stroke-width: 0.5px !important;
        -webkit-text-stroke-color: inherit !important;
        font-size: 10px !important;
    }
    nav.navbar .mobile-top-nav-links .navbar-nav > .nav-item.has-a-plus .dropdown-plus > i {
        -webkit-text-stroke-width: 0.5px !important;
        -webkit-text-stroke-color: inherit !important;
        font-size: 10px !important;
    }
    nav.navbar .navbar-nav .nav-item.fw-bold > .nav-link {
        background: #806B57 !important;
        border-color: #806B57 !important;
        color: #fff !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item {
        list-style: none !important;
        text-align: center !important;
        justify-content: center !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a {
        color: #888 !important;
        font-size: 12px !important;
        text-align: center !important;
        justify-content: center !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:hover,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:focus,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:active {
        color: #fff !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a > i, 
    nav.navbar #main-navigation .mobile-top-toolbar .item-account,
    nav.navbar #main-navigation .mobile-top-toolbar .item-wishlist,
    nav.navbar #main-navigation .mobile-top-toolbar .item-premium-global-cart-toggle {
        display: none !important;
    }
}    
@media(min-width:992px){
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-parent {
        font-size: 13px !important;
        font-weight: 500 !important;
        letter-spacing: 0.1rem !important;
        text-transform: uppercase !important;
    }
}

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

footer h6, 
footer .h6 {
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1rem !important;
    text-transform: uppercase !important;
}

footer .footer-affiliate-logos {
    margin: 2rem auto 2rem auto !important;
}

footer .text-left .social-networks.text-center {
    text-align: center !important;
    justify-content: center !important;
}

footer .subscribe-widget form .input-group {
    border-radius: 0 !important;
}

footer .subscribe-widget form .input-group .btn,
footer .subscribe-widget form .input-group .form-control {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
}

footer .subscribe-widget form .input-group .form-control::placeholder {
    font-size: 12px !important;
}

footer > .copyrights {
    background: none !important;
}

@media(min-width: 768px){
    footer h6.text-center, 
    footer .h6.text-center,
    footer .text-left .social-networks.text-center {
        text-align: left !important;
        justify-content: flex-start !important;
    }
}

/*  =========================================================
    FIXES
=========================================================  */

body.global-cart-open #clbkwc_chat_id,
body.nav-right-back-open #clbkwc_chat_id, 
body.global-cart-open #clbkwc_outer_id,
body.nav-right-back-open #clbkwc_outer_id, 
body.global-cart-open #wlbkwc_messageButton,
body.nav-right-back-open #wlbkwc_messageButton, 
body.global-cart-open #wlbkwc_messageButton_left,
body.nav-right-back-open #wlbkwc_messageButton_left,
body.global-cart-open #clbkwc_mobilebtnDiv,
body.nav-right-back-open #clbkwc_mobilebtnDiv {
    z-index: -1 !important;
}