/*!
 * Spencer's Local Styles
 * Copyright 2008-2017 Punchmark
 */


section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] .widget-banner-inner, 
section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] .widget-banner-image,
section[data-pagebuilder="section"].peridot-banner [data-pagebuilder="section-container"] .widget-image-wrapper {
    position: static !important;
}

.testimonials-carousel .owl-carousel .owl-dots .owl-dot {
    background: rgba(255, 255, 255, 0.87) !important;
}
.testimonials-carousel .owl-carousel .owl-dots .owl-dot.active,
.testimonials-carousel .owl-carousel .owl-dots .owl-dot:hover,
.testimonials-carousel .owl-carousel .owl-dots .owl-dot:focus {
    background: var(--primary) !important; 
}


 /* ====== Header / Nav ====== */

@media (max-width: 767px) {
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a {
        color: var(--bs-light) !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:hover, nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a:focus {
        color: var(--primary) !important;
    }
}


@media (max-width: 575px) {
    header .content-toolbar, header .content-toolbar .content-toolbar-inner {
        width: 100%;
    }
    header .content-toolbar .content-toolbar-inner>ul.left {
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    header a#logo {
        width: 168px !important;
        max-width: 168px !important;
        min-width: 168px !important;
    }
}

@media (max-width: 500px) {
    header a#logo {
        width: 168px !important;
        max-width: 168px !important;
        min-width: 168px !important;
    }
}

@media (min-width: 992px) {
    header a#logo, header .content-toolbar.inline-right {
        width: 240px !important;
        min-width: 240px !important;
        max-width: 240px !important;
    }
}

@media (min-width: 1200px) {
    header a#logo {
        width: 285px !important;
        min-width: 285px !important;
        max-width: 285px !important;
    }
}


 /* ===== General ====== */

 @media (min-width: 768px) {
    section[data-pagebuilder="section"]#section-1.peridot-banner {
        margin-top: -132px !important;
    }
}

@media (min-width: 992px) {
    section[data-pagebuilder="section"]#section-1.peridot-banner {
        margin-top: -141px !important;
    }
}


@media (min-width: 1200px) {
    section[data-pagebuilder="section"]#section-1.peridot-banner {
        margin-top: -153px !important;
    }
}

/* ====== Header Z Index fix over product grid filter ====== */

header {
    z-index: 2600 !important;
}

/* ==============

Product Grid and Product Details background change

============== */

body#jewelry .fade-bottom {
    display: none !important;
}

body#jewelry section.default .final-bg {
    background: #fff;
}
body#jewelry section.default * {
    color: var(--primary) !important;
}

body#jewelry section.default {
    background: #fff;
}
body#jewelry section.default #grid-sidebar-object, 
body#jewelry section.default .grid-sidebar, 
body#jewelry .grid-sidebar .grid-sidebar-elem-heading h5.parent {
    background: #fff;
}

body#jewelry .btn-default:hover, 
body#jewelry .btn-default:focus, 
body#jewelry .btn-default:active {
    color: #fff !important;
    background: var(--primary) !important;
}

body#jewelry .btn-default:hover span, 
body#jewelry .btn-default:focus span, 
body#jewelry .btn-default:active span {
    color: #fff !important;
}

body#jewelry .btn-default:hover i, 
body#jewelry .btn-default:focus i, 
body#jewelry .btn-default:active i {
    color: #fff !important;
}

body#jewelry .list-mode-only button {
    padding: 5px;
} 

body#jewelry .default-bg, body#jewelry .bg-default {
    background: #fff !important;
}

body#jewelry-details .default-bg, body#jewelry-details .bg-default {
    background: #fff !important;
}

#store-reviews .rating-avg .out-of {
    background: #fff !important;
}


body#jewelry-details .progress, body#jewelry .progress {
    background: #d1d1d2 !important;
}

body#jewelry-details .pagination.round>li>a, body#jewelry-details .dataTables_paginate .pagination.round>li>a, body#jewelry .dataTables_paginate .pagination.round>li>a, body#jewelry .pagination.round>li>a {
    background: #d1d1d2 !important;
}

body#jewelry-details .pagination.round>li>a:hover, body#jewelry .dataTables_paginate .pagination.round>li>a:hover, body#jewelry-details .pagination.round>li>a:focus, body#jewelry .dataTables_paginate .pagination.round>li>a:focus, body#jewelry .pagination.round>li>a:hover, body#jewelry .pagination.round>li>a:focus {
    background: var(--primary) !important;
    color: #fff !important;
}
/* ============================ */

#store-reviews .rating-avg-alt, #store-reviews .rating-overall {
    background: #fff !important;
}

 body#jewelry-details .btn-default:hover, 
body#jewelry-details .btn-default:focus, 
body#jewelry-details .btn-default:active {
    color: #fff !important;
    background: var(--primary) !important;
}

body#jewelry-details .btn-default:hover span, 
body#jewelry-details .btn-default:focus span, 
body#jewelry-details .btn-default:active span {
    color: #fff !important;
}

body#jewelry-details .btn-default:hover i, 
body#jewelry-details .btn-default:focus i, 
body#jewelry-details .btn-default:active i {
    color: #fff !important;
}


body#jewelry-details section.default #grid-sidebar-object, 
body#jewelry-details section.default .grid-sidebar, 
body#jewelry-details .grid-sidebar .grid-sidebar-elem-heading h5.parent {
    background: #fff;
}

body#jewelry-details .fade-bottom {
    display: none !important;
}

body#jewelry-details section.default .final-bg {
    background: #fff;
}
body#jewelry-details section.default * {
    color: var(--primary) !important;
}

body#jewelry-details section.default {
    background: #fff;
}

body#jewelry-details section.default #grid-sidebar-object, 
body#jewelry-details section.default .grid-sidebar, 
body#jewelry-details .grid-sidebar .grid-sidebar-elem-heading h5.parent {
    background: #fff;
}

body#jewelry-details section.default .mz-hint .mz-hint-message, 
body#jewelry-details section.default .btn-primary, 
body#jewelry-details section.default .btn-primary span, 
body#jewelry-details section.default label {
    color: #fff !important;
}