/*!
 * Jones Jeweler
 * Copyright 2008-2024 Punchmark
 */


/* ================================
   Helpers
================================ */

.alert-global {
    background: #bcd4e6 !important;
    border-color: #bcd4e6 !important;
}

.icon-facebook:before, 
.icon-facebook-f:before,
.icon-facebook-square:before {
    font-family: "brands";
    content: "\e923";
}

.link-container .btn-link:not(.view-btn):not(#filtersButton)::after {
    background: var(--bs-primary) !important;
    height: 2px !important;
    opacity: 1 !important;
}

.text-primary {
    color: var(--bs-primary-300) !important;
}

body#education-gemstones #education-accordion #parent-panel2 li:nth-child(6) {
    display: none !important;
}

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

.toolbar {
    display: none !important;
}

header {
    position: sticky !important;
    top: 0 !important; 
    z-index: 1502 !important;
    background: white;
    box-shadow: 0 5px 90px rgba(0,0,0,0.1) !important;
}

body.sitemanager-menu-open header,
body.sitemanager-menu-closed header {
    top: 63px !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > i,
header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
    font-size: 18px !important;
    height: 18px !important;
    width: 18px !important;
    -webkit-text-stroke-width: 0.5px !important;
    -webkit-text-stroke-color: inherit !important;
}

@media(max-width:767px){
    header a#logo {
        padding: 0 !important;
        width: 175px !important;
        max-width: 175px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul.left > li:first-child {
        margin-left: -3px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > i + span {
        display: none !important;
    }
}

@media(max-width:440px){
    header a#logo {
        width: calc(100% - 240px) !important;
        max-width: calc(100% - 240px) !important;
    }
}

@media(min-width: 768px){
    header {
        position: static !important;
    }
    header a#logo {
        padding: 20px 0 10px 0 !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > i + span {
        margin-left: 0.25rem !important;
    }
}

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

@media(max-width:767px){
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        background: var(--bs-input-bg-color) !important;
    }
    nav.navbar #main-navigation .mobile-top .input-group .form-control {
        color: var(--bs-dark) !important;
    }
}

@media(min-width:768px){
    nav.navbar .navbar-nav {
        justify-content: space-around !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link {
        line-height: 1 !important;
    }
    header .content-toolbar .content-toolbar-inner > ul >li + li {
        margin-left: var(--bs-gutter-x);
    }
}

/* ================================
   Footer
================================ */

footer {
    background: var(--bs-light) !important;
}

footer .container-fluid.px-0, 
footer .px-0.container-sm, 
footer .px-0.container-md, 
footer .px-0.container-lg, 
footer .px-0.container-xl, 
footer .px-0.container-xxl {
    background: #bcd4e6 !important;
}

@media(max-width:767px){
    footer [data-bs-toggle="collapse"], 
    footer [data-bs-toggle="collapse"]:focus {
        border-top: 2px solid var(--bs-primary) !important;
    }
    footer [data-bs-toggle="collapse"] h6::after, 
    footer [data-bs-toggle="collapse"] .h6::after {
        transform: rotate(180deg) !important;
    }
    footer .footer-section:nth-child(2) {
        padding-top: 20px !important;
        padding-bottom: 0px !important;
    }
    footer .social-networks.text-center.text-md-left {
        text-align: center !important;
        justify-content: center !important;
    }
}

@media(min-width:768px){
    footer h6 {
        border-bottom: 2px solid var(--bs-primary) !important;
        padding: 0 0 10px 0 !important;
        margin-bottom: 12px !important;        
        float: left;
        clear: both;
        display: inline-flex;
        width: auto;
    }
    footer h6 + div,
    footer .footer-section .collapse {
        clear: both !important;
    }
    footer .social-networks.text-center.text-md-left {
        text-align: left !important;
        justify-content: flex-start !important;
    }
}


/* ==============================
   PageBuilder Slider
============================== */

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav {
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: -45px !important; 
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    width: 70px !important;
    height: 45px !important;
} 

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--light) !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button,
[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button > i {
    height: 30px !important;
    width: 30px !important;
    line-height: 30px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button:hover,
[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button:focus {
    background: var(--dark) !important;
    border-color: var(--dark) !important;
    color: var(--light) !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button > i {
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-stroke-color: var(--light) !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button.disabled {
    opacity: 0.25 !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav .owl-prev {
    left: 0 !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav .owl-next {
    right: 0 !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav .owl-prev > i {
    transform: translateX(-1px) !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav .owl-next > i {
    transform: translateX(1px) !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

@media(min-width:1200px){
    [data-pagebuilder="section"] [data-widget-type="slider"] {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}