/*!
 * Hollingsworth Local Styles
 * Copyright 2008-2017 Punchmark
 */

@font-face {
    font-family: 'BeyondSweet';
    src: url('/fonts/BeyondSweet-Regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/BeyondSweet.otf') format('opentype'); /* Older browsers */
    font-weight: normal;
    font-style: normal;
}

.script {
  font-family: 'BeyondSweet', sans-serif;
}

body {
    background: linear-gradient(
  to bottom,
  #bb9cac 0%,
  #a289a0 16.8%,
  #717184 36.3%,
  #3e5867 58%,
  #284e5b 73.1%,
  #124451 100%
) !important;
}

body section[data-pagebuilder="section"] {
    background: transparent !important;
}

.btn.btn-primary {
  border-color: #536273!important;
  
}

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

Header

=====================*/
header {
    position: relative;
}
header:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
        background: linear-gradient(
  to bottom,
  #bb9cac 0%,
  #a289a0 60%
) !important;
opacity: 0;
transition: opacity 0.2s linear;
}
header:hover {
    background: transparent !important;
}
header:hover::before {
    opacity: 1 !important;
}

@media(max-width: 991px) {
    header:before {
        opacity: 1 !important;
    }
}

header .content-toolbar .content-toolbar-inner>ul>li>a>i.icon-map-marker {
    margin-right: 6px !important;
}

@media(max-width: 1199px) {
    header .content-toolbar .content-toolbar-inner>ul>li:first-child span {
        display: none;
    }
}

@media (min-width: 1200px) {
            header .content-toolbar .content-toolbar-inner>ul>li:first-child {
        width: 130px !important;
    }
     header .content-toolbar .content-toolbar-inner>ul>li:first-child span {
        display: inline-block;
    }
}

@media (min-width: 1200px) {
    header .content-toolbar .content-toolbar-inner>ul>li+li {
        margin-left: 10px !important;
    }
     header .content-toolbar .content-toolbar-inner>ul>li.item-search {
        margin-left: 14px !important;
     }
}

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

@media (max-width: 767px) {
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a {
        padding: 0.625rem calc(0.625rem * 1.5) !important;
        color: var(--bs-light);
    }
}

nav.navbar #main-navigation .mobile-top .input-group .form-control {
  color: var(--bs-light) !important;
}

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

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

@media(max-width:991px){
    html body.nav-right-back-open #page-wrap, 
    html body.nav-right-open #page-wrap,
    html body.nav-left-back-open #page-wrap, 
    html body.nav-left-open #page-wrap {
        transition: .75s cubic-bezier(.165,.84,.44,1) !important;
    }
    html body.nav-left-open nav.navbar #main-navigation.open #page-wrap,
    html body.nav-right-open nav.navbar #main-navigation.open #page-wrap,
    html body.nav-left-back-open nav.navbar #main-navigation.open #page-wrap,
    html body.nav-right-back-open nav.navbar #main-navigation.open #page-wrap {
        transition-duration: .25s !important;
    }
    nav.navbar #main-navigation {
        background: var(--bs-dark) !important;
    }
    body.nav-left-open nav.navbar #main-navigation,
    body.nav-left-back-open nav.navbar #main-navigation {
        background: var(--bs-dark) !important;
        box-shadow: 2500px 0 0 2500px rgba(var(--bs-primary-rgb),0) !important;
    }
    body.nav-right-open nav.navbar #main-navigation,
    body.nav-right-back-open nav.navbar #main-navigation {
        background: var(--bs-dark) !important;
        box-shadow: -2500px 0 0 2500px rgba(var(--bs-primary-rgb),0) !important;
    }
    body.nav-left-open nav.navbar #main-navigation.open,
    body.nav-left-back-open nav.navbar #main-navigation.open {
        box-shadow: 2500px 0 0 2500px rgba(var(--bs-primary-rgb),0.25) !important;
    } 
    body.nav-right-open nav.navbar #main-navigation.open,
    body.nav-right-back-open nav.navbar #main-navigation.open {
        box-shadow: -2500px 0 0 2500px rgba(var(--bs-primary-rgb),0.25) !important;
    }
    nav.navbar .navbar-nav .nav-item,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-submenu .dropdown-menu .dropdown-item,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-item, 
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-submenu, 
    nav.navbar .navbar-nav .nav-item.dropdown .mobile-dropdown {
        border-color: rgba(var(--bs-light-rgb),0.1) !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link {
        color: var(--bs-light);
    }
    nav.navbar .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-plus {
        border-left: 1px solid rgba(var(--bs-light-rgb),0.1) !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        color: var(--bs-light) !important;
    }
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus,
    nav.navbar .navbar-nav .nav-item.show > .nav-link-and-plus-wrap .dropdown-plus,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-plus,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-plus > i.icon-plus {
        color: var(--bs-light) !important;
    }
    nav.navbar .navbar-nav>.nav-item.has-a-plus>.dropdown-menu .dropdown.dropdown-submenu>.nav-link-and-plus-wrap>.dropdown-plus {
        min-width: 52px !important;
    }
    nav.navbar .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus {
        height: 52px !important;
        width: 52px !important;
        min-height: 52px !important;
        min-width: 52px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks {
        padding-bottom: 60px !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar {
        list-style: none !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item {
        display: flex;
        width: 100% !important;
        height: auto !important;
    }
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item > a {
        padding: 0.625rem calc(0.625rem * 1.5) !important;
        color: var(--bs-light);
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex {
        color: var(--bs-light) !important;
        border-radius: 0 !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons,    
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex,
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn-flex + .btn-flex {
        border-color: rgba(var(--bs-light-rgb),0.1) !important;
    }
}

@media (min-width: 992px) {
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
        background: #a289a0 !important;
    }
}

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

Jewelry Details and PDP gradient BG

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

#jewelry section.default,
#jewelry-details section.default,
#jewelry section.grid-section .grid-sidebar-colwrap,
#jewelry section.grid-section .grid-sidebar,
#jewelry section.grid-section .container,
#jewelry-details section.grid-section .grid-sidebar-colwrap,
#jewelry-details section.grid-section .grid-sidebar,
#jewelry-details section.grid-section .container,
#jewelry-details .final-bg,
#jewelry .final-bg,
#jewelry section.grid-section .grid-sidebar .grid-sidebar-elem-heading,
#jewelry section.grid-section .grid-sidebar .grid-sidebar-accordion .grid-sidebar-elem-heading h5.parent,
#jewelry-details section.grid-section .grid-sidebar .grid-sidebar-accordion .grid-sidebar-elem-heading h5.parent,
#jewelry section.grid-section .grid-sidebar-colwrap .fade-bottom {
    background: #fff !important;
    background-color: #fff !important;
}

#login section.default,
#services section.default {
    background: transparent !important;
}

#login section.default a,
#services section.default a,
#store-reviews .rating-overall .overall, #store-reviews .rating-avg-alt .percent {
    color: #fff;
}

/* #jewelry-details .star-rating i.icon-star, 
#jewelry-details .star-rating i.icon-star-half, 
#jewelry-details .colored-stars i.icon-star, 
#jewelry-details .colored-stars i.icon-star-half,
#jewelry-details #store-reviews .rating-avg .rating,
#jewelry-details #store-reviews .rating-avg .out-of,
#jewelry-details #store-reviews .text-default {
      color: #151515 !important;
} */

#login section.default form label,
#services section.default form label {
    background: transparent !important;
    color: #fff !important;
}

#jewelry .border-bottom,
#jewelry .border-right {
    border-color: #151515 !important;
}

#jewelry section.grid-section .grid-sidebar .grid-sidebar-elem-list>li .custom-checkbox .custom-control-indicator {
    background: #fff !important;
    background-color: #fff !important;
    border-color: #151515 !important;
}

#jewelry section.grid-section .grid-sidebar .grid-sidebar-accordion .grid-sidebar-elem {
    border-bottom-color: #151515 !important;
}

section.grid-section .grid-sidebar .grid-sidebar-elem-heading.filter-heading h5:not(.parent) a {
    color: #151515;
}

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

#jewelry h1,
#jewelry h2,
#jewelry h3,
#jewelry h4,
#jewelry h5,
#jewelry h6,
#jewelry-details h1,
#jewelry-details h2,
#jewelry-details h3,
#jewelry-details h4,
#jewelry-details h5,
#jewelry-details h6,
#jewelry p,
#jewelry-details p,
#jewelry .h1,
#jewelry .h2,
#jewelry .h3,
#jewelry .h4,
#jewelry .h5,
#jewelry .h6,
#jewelry-details .h1,
#jewelry-details .h2,
#jewelry-details .h3,
#jewelry-details .h4,
#jewelry-details .h5,
#jewelry-details .h6,
#jewelry .jewelry-column-details label,
#jewelry-details .jewelry-column-details label,
#jewelry div,
#jewelry-details div,
#jewelry-details #product-details .d-grid.gap-2>.btn,
#product-details div>span, #diamond-details.collapse span, #jewelry-details.collapse span, #jewelry-column-details.collapse span, #diamond-details.collapsing span, #jewelry-details.collapsing span, #jewelry-column-details.collapsing span, #product-details .content-block>span,
#product-details-price, #diamond-details.collapse strong, #product-details.collapse strong, #jewelry-details.collapse strong, #jewelry-column-details.collapse strong, #diamond-details.collapsing strong, #product-details.collapsing strong, #jewelry-details.collapsing strong, #jewelry-column-details.collapsing strong, #product-details .content-block strong,
#jewelry-details .card-header button,
section.grid-section .grid-sidebar .grid-sidebar-elem-list.categories-list>li>a,
#jewelry section.grid-section .grid-sidebar h5>button {
    color: #151515 !important;
}