/*!
 * Futer Bros. Jewelers 
 * Copyright 2008-2023 Punchmark
 */

/*Blog Background*/
.grid-container .grid-blog .grid-item .bottom-header {
  background: white !important;
}

/*  ====================================
    Fonts
====================================  */

@font-face {
    font-family: 'Classico Bold';
    src: url('../fonts/classico/src/ClassicoBold.woff2') format('woff2'),
        url('../fonts/classico/src/ClassicoBold.woff') format('woff'),
        url('../fonts/classico/src/ClassicoBold.ttf') format('truetype'),
        url('../fonts/classico/src/ClassicoBold.svg#ClassicoBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Classico';
    src: url('../fonts/classico/src/ClassicoRegular.woff2') format('woff2'),
        url('../fonts/classico/src/ClassicoRegular.woff') format('woff'),
        url('../fonts/classico/src/ClassicoRegular.ttf') format('truetype'),
        url('../fonts/classico/src/ClassicoRegular.svg#ClassicoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

header nav.navbar .nav-link i.icon-bag:before, 
header nav.navbar .nav-link i.icon-shopping-bag:before,
header .toolbar-item a > i.icon-bag:before, 
header .toolbar-item a > i.icon-shopping-bag:before {
    font-family: "fontawesome-light" !important;
    content: "\e900" !important;
}

header nav.navbar .nav-link i.icon-heart:before,
header nav.navbar .nav-link i.icon-heart-o:before,
header .toolbar-item a > i.icon-heart:before,
header .toolbar-item a > i.icon-heart-o:before {
    font-family: "fontawesome-light" !important;
    content: "\e91b" !important;
}
header nav.navbar .nav-link i.icon-user:before,
header nav.navbar .nav-link i.icon-user-circle:before,
header .toolbar-item a > i.icon-user:before,
header .toolbar-item a > i.icon-user-circle:before {
    font-family: "fontawesome-light" !important;
    content: "\e92d" !important;
}
header nav.navbar .nav-link i.icon-search:before,
header .toolbar-item a > i.icon-search:before {
    font-family: "fontawesome-light" !important;
    content: "\e926" !important;
}

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

body {
    background: var(--dark) !important;
}

.btn.opacity-half.btn-light {
    background: rgba(255,255,255,0.15) !important;
    color: white !important;
    border: 0 !important;
}

.btn.opacity-half.btn-light:hover,
.btn.opacity-half.btn-light:focus {
    background: rgba(255,255,255,0.4) !important;
    color: white !important;
}

.btn-md, 
.btn-lg, 
.btn-xl,
.input-md,
.input-lg,
.input-xl,
.input-group-md input,
.input-group-lg input,
.input-group-xl input,
.input-group-md button,
.input-group-lg button,
.input-group-xl button {
    border-width: 2px !important;
}

.btn-md:not(.btn-link), 
.btn-lg:not(.btn-link), 
.btn-xl:not(.btn-link) {
    border-radius: 60px !important;
}

[data-widget-element="widgetLink"].btn-md:not(.btn-link), 
.btn-group-md > .btn, 
.input-group-md .btn,
.link-container [data-widget-element="widgetLink"].btn-md:not(.btn-link),
.link-container .btn-group-md > .btn {
    padding: 0.375rem 1.25rem calc(0.375rem + 4px) 1.25rem !important;
}

[data-widget-element="widgetLink"].btn-lg:not(.btn-link), 
.btn-group-lg > .btn, 
.input-group-lg .btn,
.link-container [data-widget-element="widgetLink"].btn-lg:not(.btn-link), 
.link-container .btn-group-lg > .btn {
    padding: 0.5rem 1.5rem calc(0.5rem + 4px) 1.5rem !important;
}

[data-widget-element="widgetLink"].btn-xl:not(.btn-link), 
[data-widget-element="widgetLink"].btn-xlg:not(.btn-link), 
.btn-group-xl > .btn, 
.btn-group-xlg > .btn, 
.input-group-xl .btn,
.input-group-xlg .btn,
.link-container [data-widget-element="widgetLink"].btn-xl:not(.btn-link), 
.link-container [data-widget-element="widgetLink"].btn-xlg:not(.btn-link), 
.link-container .btn-group-xl > .btn,
.link-container .btn-group-xlg > .btn {
    padding: 0.5rem 1.75rem calc(0.5rem + 4px) 1.75rem !important;
}

.phone .input-group .btn-md:not(.btn-link), 
.phone .input-group .btn-lg:not(.btn-link), 
.phone .input-group .btn-xl:not(.btn-link) {
    border-radius: 0.3rem 0 0 0.3rem !important;
}

/* [data-widget-element="widgetHeader"].text-uppercase.font-weight-bold.display-4 {
    font-family: "Classico Bold" !important;
    letter-spacing: 0.5rem !important;
} */

@media(min-width:992px){
    [data-widget-element="widgetParagraph"].two-column-p {
        column-count: 2;
        column-gap: 2.5rem;
    }
}

@media(min-width:1200px){
    [data-widget-element="widgetParagraph"].two-column-p {
        column-count: 2;
        column-gap: 5rem;
    }
}

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

.alert.alert-global {
    z-index: 1;
}

header {
    position: sticky !important;
    top: 0 !important;
    /* background: rgba(31,41,42,0.5) !important; */
    background: rgba(51,51,51,0.5) !important;
    box-shadow: 0 0 300px rgba(0,0,0,0.05);
}

header a#logo {
    padding: 0.625rem !important;
}

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

header .toolbar-item a > i,
header .toolbar-item a > i::before {
    color: #ffffff !important;
}

header .toolbar-item a:hover > i,
header .toolbar-item a:hover > i::before {
    color: var(--primary) !important;
}

@media(max-width:991px){
    header {
        height: 70px !important;
    }
    header a#logo {
        min-width: 170px;
        width: 170px;
    }
    body.nav-left-back-open header a#logo {
        z-index: 1;
    }    
    header > .main-content, 
    header > .main-content .content-toolbar,
    header > .main-content .content-toolbar .content-toolbar-inner {
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    header > .main-content .content-toolbar {
        width: auto !important;
        z-index: 1 !important;
    }    
    header > .main-content > .row > .col > .navbar-toggler {
        padding: 0 1.25rem !important;
        z-index: 1153 !important;
    }
    header > .main-content > .row > .col > .navbar-toggler,
    header > .main-content, 
    header > .main-content .content-toolbar,
    header > .main-content .content-toolbar .content-toolbar-inner,
    header > .main-content .content-toolbar .content-toolbar-inner > ul,
    header > .main-content .content-toolbar .content-toolbar-inner > ul > li,
    header > .main-content .content-toolbar .content-toolbar-inner > ul > li > a {
        height: 70px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > i {
        -webkit-text-stroke: 0.5px !important;
        -webkit-text-stroke-color: inherit !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > i,
    header .content-toolbar .content-toolbar-inner > ul > li > a > i::before {
       font-size: 22px !important;
       width: 22px !important;
       height: 22px !important;
    }
    header > .main-content .content-toolbar.left {
        padding-left: 51px !important;
    }
}

@media(min-width:992px){
    header a#logo {
        padding: 0.625rem 0 !important;
    }
    header > .main-content .content-toolbar {
        z-index: 1 !important;
    }
}

@media(min-width:1200px){
    header a#logo {
        padding: 0.3125rem 0 !important;
    }
}

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

@media(max-width:991px){
    nav.navbar .navbar-nav .nav-item .nav-link {
        font-weight: 600 !important;
        font-family: var(--bs-h1-family) !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link,
    nav.navbar .navbar-nav .nav-item .dropdown-plus > i, 
    nav.navbar .navbar-nav .nav-item .dropdown-plus > i::before,
    nav.navbar .navbar-nav .nav-item .dropdown-item,
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .btn {
        color: #ffffff !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link:hover,
    nav.navbar .navbar-nav .nav-item .nav-link:focus,
    nav.navbar .navbar-nav .nav-item.dropdown-is-open .nav-link,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:hover,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:focus,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:hover > i,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:focus > i,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:hover > i::before,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus:focus > i::before,
    nav.navbar .navbar-nav .nav-item .dropdown-item:hover,
    nav.navbar .navbar-nav .nav-item .dropdown-item:focus,
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .btn:hover, 
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .btn:focus {
        color: var(--primary) !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        background: none !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        padding-bottom: 40px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks {
        display: none !important;
    }
    nav.navbar #main-navigation .mobile-bottom .btn {
        border-radius: 0 !important;
        text-transform: none !important;
        background: #ffffff !important;
        border-color: rgba(0,0,0,0.2) !important;
        font-weight: 600 !important;
        font-size: 0.9rem !important;
    }
    nav.navbar #main-navigation .mobile-bottom .btn:hover,
    nav.navbar #main-navigation .mobile-bottom .btn:focus {
        background: var(--primary) !important;
        border-color: var(--primary) !important;
        color: #ffffff !important;
    }
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group {
        background: rgba(0,0,0,0.2) !important;
    }
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .form-control::placeholder {
        color: var(--light) !important;
        font-weight: 400 !important;
        opacity: 0.5 !important;
    }
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .form-control {
        color: var(--primary) !important;
        font-weight: 600 !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item i[class^="dia-"], 
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item i[class*=" dia-"] {
        height: 24px !important;
        margin: -0.625rem 0 !important
    }
}

@media(min-width:992px){
    nav.navbar .navbar-nav .nav-item .nav-link {
        color: #ffffff !important;
        font-weight: 600 !important;
        font-size: 0.875rem !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link i,
    nav.navbar .navbar-nav .nav-item .nav-link i::before {
        width: 20px !important;
        height: 20px !important;
        font-size: 20px !important;
        -webkit-text-stroke: 0.25px !important;
        -webkit-text-stroke-color: inherit;

    }
    nav.navbar .navbar-nav .nav-item:hover .nav-link,
    nav.navbar .navbar-nav .nav-item .nav-link:hover,
    nav.navbar .navbar-nav .nav-item.dropdown-is-open .nav-link {
        color: var(--primary) !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container {
        padding-top: calc(3rem - calc(var(--bs-gutter-x, 0.625rem) * 1)) !important;
        padding-bottom: 3rem !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown > .dropdown-menu.menu-search,
    nav.navbar .navbar-nav .nav-item.dropdown > .dropdown-menu.global-wish-list-dropdown {
        /*margin-top: -2.5rem !important;*/
        margin-right: -0.625rem !important;
        border-radius: 0.25rem !important;
    }
    .menu-cart-subtotal, .menu-cart-subtotal p {
        font-size: 13px;
        font-weight: 400;
    }
    .my-account-dropdown .form-label-group > label {
        background: #ffffff !important;
    }
}


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

footer {
    background: #EFEEED !important;
    border-top: 0 !important;
    box-shadow: 0 0 300px rgba(0,0,0,0.075);
}

footer .h6, 
footer h6 {
    font-family: var(--bs-h1-family) !important;
    text-transform: none !important;
    font-size: 28px !important;
    font-weight: normal !important;
}

footer .container-fluid.px-0 {
    background: #FFFFFF !important;
}

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

footer .social-networks .network {
    height: 32px !important;
    width: 32px !important;
    border-width: 1px !important;
    border-color: #dedad2 !important;
}

footer .social-networks .network {
    margin-right: 0.3125rem !important;
    margin-bottom: 0.3125rem !important;
}

footer .social-networks .network i {
    font-size: 1rem !important;
}

footer .social-networks .network:hover,
footer .social-networks .network:focus {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

footer .social-networks .network:hover i,
footer .social-networks .network:focus i {
    color: #ffffff !important;
}

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

footer .subscribe-widget-xl h6, 
footer .subscribe-widget-xl .h6 {
    margin-top: 0 !important;
}

footer .subscribe-widget-xl form .input-group .form-control {
    border-radius: 60px !important;
    border-width: 2px !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    color: var(--primary) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
}

footer .subscribe-widget-xl form .input-group .form-control::placeholder {
    color: var(--dark) !important;
    opacity: 0.4 !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
}

footer .subscribe-widget-xl form .input-group .form-control:focus {
    box-shadow: none !important;
    background-color: white !important;
}

footer .subscribe-widget-xl form .input-group .input-group-btn {
    margin-left: 0.625rem !important;
}

footer .subscribe-widget-xl form .input-group .input-group-btn .btn {
    border-radius: 60px !important;
    border-width: 2px !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}
@media(min-width:575px) and (max-width:767px){
    footer ul.two-columns-md {
        column-count: 2;
        column-gap: 1.25rem;
    }
}
@media(min-width:768px){
    footer .subscribe-widget-xl form > div.justify-content-center {
        justify-content: space-between !important;
    }
    footer .subscribe-widget-xl form > div.justify-content-center > div.d-block:not(.input-group) {
        justify-content: flex-start !important;
        display: flex !important;
        flex-direction: column !important;
    }
    footer .subscribe-widget-xl form > div.justify-content-center > div.d-block:not(.input-group) > * {
        display: block !important;
        margin-bottom: 0 !important;
        margin-right: 1rem !important;
        width: 100% !important;
        text-align: left !important;
    }
    .text-left .social-networks {
        text-align: left !important;
        justify-content: flex-start !important;
    }
}
@media(min-width:992px){
    footer ul.two-columns-md {
        column-count: 2;
        column-gap: 1.25rem;
    }
    footer .subscribe-widget-xl {
        max-width: 870px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media(min-width:1200px){
    footer .subscribe-widget-xl {
        max-width: 1160px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media(min-width:1400px){
    footer .subscribe-widget-xl {
        max-width: 1330px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
@media(max-width:767px){
    footer [data-bs-toggle="collapse"], 
    footer [data-bs-toggle="collapse"]:focus {
        border-color: #dedad2 !important;
        border-width: 2px !important;
        padding: calc(var(--bs-container-padding-x) * 2) 0 calc(var(--bs-container-padding-x) * 1.85) 0;
    }
    footer .footer-section > .container > .row > .col-12:nth-child(1) > [data-bs-toggle="collapse"]:nth-child(1){
        border-width: 0 !important;
    }
    footer .footer-affiliate-logos {
        margin-top: 1.25rem !important;
        margin-bottom: 1.25rem !important;
    }
}



/*  ====================================
    Section - Alt
====================================  */

section.alt {
    /* background: rgb(31,41,42) !important;
    background: linear-gradient(150deg, rgba(31,41,42,1) 60%, rgba(206,178,124,1) 100%) !important; */
    background: rgb(31,41,42) !important;
    background: linear-gradient(150deg, rgba(51, 51, 51, 1) 60%, rgba(201, 168, 106, 1)100%) !important;
}

section.alt::before {
    content: "";
    width: 50vw;
    height: 50vw;
    border-radius: 200vw;
    background: none;
    border: 1px solid var(--primary);
    display: block;
    position: absolute;
    top: 5vw;
    right: -9vw;
    opacity: 0.2;
    z-index: 1;
} 
section.alt::after {
    content: "";
    width: 50vw;
    height: 50vw;
    border-radius: 200vw;
    background: none;
    border: 1px solid var(--primary);
    display: block;
    position: absolute;
    bottom: -5vw;
    left: -9vw;
    opacity: 0.2;
    z-index: 1;
}

section.alt > .container-fluid [data-widget-element="widgetHeader"],
section.alt > .container-fluid [data-widget-element="widgetParagraph"] {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

section.alt .fullscreen-img {
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    width: calc(100% + 2.5rem) !important;
}

section.alt > .container-fluid [data-widget-element="widgetHeader"].overlap-img-above {
    margin-top: -105px !important;
    z-index: 1;
}

section.alt .container,
section.alt .container-fluid {
    position: relative;
    z-index: 2;
}

@media(min-width: 768px){
    section.alt > .container-fluid [data-widget-element="widgetHeader"].overlap-img-above {
        margin-top: -130px !important;
    }
}

@media(min-width: 992px){
    section.alt::before {
        content: "";
        width: 33vw;
        height: 33vw;
        border-radius: 66vw;
        background: none;
        border: 1px solid var(--primary);
        display: block;
        position: absolute;
        top: 5vw;
        right: -9vw;
        opacity: 0.2;
        z-index: 1;
    } 
    section.alt::after {
        content: "";
        width: 33vw;
        height: 33vw;
        border-radius: 66vw;
        background: none;
        border: 1px solid var(--primary);
        display: block;
        position: absolute;
        bottom: -5vw;
        left: -9vw;
        opacity: 0.2;
        z-index: 1;
    }
    section.alt.tight-row [data-pagebuilder="row"] {
        max-width: 840px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    section.alt > .container-fluid [data-widget-element="widgetHeader"],
    section.alt > .container-fluid [data-widget-element="widgetParagraph"] {
        max-width: 840px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    section.alt > .container-fluid [data-pagebuilder="row"]:nth-child(3),
    section.alt.row-2-tight [data-pagebuilder="row"]:nth-child(2) {
        max-width: calc(840px + 0.625rem) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    } 
    section.alt > .container-fluid [data-widget-element="widgetHeader"].overlap-img-above {
        margin-top: -9rem !important;
    }
}

@media(min-width: 1200px){
    section.alt.tight-row [data-pagebuilder="row"] {
        max-width: 1040px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    section.alt > .container-fluid [data-widget-element="widgetHeader"],
    section.alt > .container-fluid [data-widget-element="widgetParagraph"] {
        max-width: 1040px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    section.alt > .container-fluid [data-pagebuilder="row"]:nth-child(3),
    section.alt.row-2-tight [data-pagebuilder="row"]:nth-child(2) {
        max-width: calc(1040px + 0.625rem) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }    
    section.alt > .container-fluid [data-widget-element="widgetHeader"].overlap-img-above {
        margin-top: -10rem !important;
    }
}

@media(max-width:767px){
    section.alt .widget.max-width-400,
    section.alt .widget.max-width-500 {
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}



/*  ====================================
    Section - Banner Top
====================================  */

section#section-1.header-overlay {
    margin-top: -70px !important;
}
section#section-1.header-overlay .widget-text-overlay {
    padding-top: 70px !important;
}

@media(min-width: 768px){
    /**/
}    

@media(min-width: 992px){
    section#section-1.header-overlay {
        margin-top: -111px !important;        
    }
    section#section-1.header-overlay .widget-text-overlay {
        padding-top: 111px !important;
    }
}

@media(min-width: 1200px){
    section#section-1.header-overlay {
        margin-top: -126px !important;
    }
    section#section-1.header-overlay .widget-text-overlay {
        padding-top: 126px !important;
    }
}



/*  ====================================
    Section - Offset Carousels
====================================  */

section.offset-carousel {
    /**/
}
section.offset-carousel .owl-carousel .owl-stage-outer,
section.offset-carousel .owl-carousel .owl-stage {
    overflow: visible !important;
    margin-bottom: 20px !important;
}
section.offset-carousel [data-pagebuilder="row"]:nth-child(1)::before {
    background: white !important;
    position: absolute !important;
    width: 100% !important;
    height: 40% !important;
    content: "" !important;
    top: 0px !important;
    left: 0px !important;
    z-index: 1 !important;
}
section.offset-carousel [data-pagebuilder="row"] > * {
    z-index: 2 !important;
    position: relative !important;
}
section.offset-carousel .owl-carousel .owl-nav {
    width: 90px !important;
    height: 45px !important;
    position: absolute !important;
    top: auto !important;
    bottom: -45px !important;
    left: 0 !important;
    right: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
    transform: none !important;
}
section.offset-carousel .owl-carousel .owl-dots {
    width: calc(100% - 110px) !important;
    height: 45px !important;
    position: absolute !important;
    top: auto !important;
    bottom: -26px !important;
    left: 110px !important;
    right: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
    transform: none !important;
}
section.offset-carousel .owl-carousel .owl-nav .owl-prev {
    left: 0 !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.0) !important;
}
section.offset-carousel .owl-carousel .owl-nav .owl-next {
    right: 0 !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.0) !important;
}
section.offset-carousel .owl-carousel .owl-nav .owl-prev > i::before {
    content: "\27F5";
    font-family: var(--bs-h1-family) !important;
}
section.offset-carousel .owl-carousel .owl-nav .owl-next > i::before {
    content: "\27F6";
    font-family: var(--bs-h1-family) !important;
}
section.offset-carousel .owl-carousel .owl-nav .disabled {
    opacity: 0.2 !important;        
}
section.offset-carousel .owl-carousel .owl-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    height: 5px !important;
    background: #CECECE !important;
    box-shadow: inset 0 0 0 1px #f2f1ee !important;
}
section.offset-carousel .owl-carousel .owl-dots .owl-dot {
    width: 100% !important;
    height: 5px !important;
    display: flex !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 0 0% !important;
}
section.offset-carousel .owl-carousel .owl-dots .owl-dot span {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    background: transparent !important;
}
section.offset-carousel .owl-carousel .owl-dots .owl-dot.active span {
    background: var(--dark) !important;
    border-radius: 15px !important;
}

section.offset-carousel .owl-carousel .owl-item,
section.offset-carousel .owl-carousel .owl-item.cloned {
    opacity: 0 !important;
    visibility: hidden !important;
}

section.offset-carousel .owl-carousel .owl-item.active {
    opacity: 1 !important;
    visibility: visible !important;
}

section.offset-carousel .owl-carousel .owl-item.active + .owl-item:not(.active) {
    opacity: 1 !important;
    visibility: visible !important;
}

/*  ====================================
    Logo - Desktop
====================================  */
@media (min-width: 1200px) {
    header a#logo {
        width: 500px;
        padding: var(--bs-gutter-x, 0.625rem) var(--bs-container-padding-x-2x);
    }
}


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

Custom CSS For Custom Jewelry 

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


@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..500&family=Jost:wght@300;400;500&display=swap');

/* ===== SCOPED PAGE STYLES (everything under #fbj-cdp) ===== */
section.custom-design-page-custom #fbj-cdp{
  --ivory:#f7f3ea;--paper:#fbf8f1;--ink:#2b2620;--ink-soft:#5a5247;
  --gold:#a8884e;--gold-deep:#8a6d38;--gold-light:#c9b27f;--line:#e3dac6;
  --shadow:rgba(58,46,28,.10);
  background:var(--ivory);color:var(--ink);
  font-family:'Jost',sans-serif;font-weight:300;line-height:1.7;
}
section.custom-design-page-custom #fbj-cdp *{margin:0;padding:0;box-sizing:border-box}
section.custom-design-page-custom #fbj-cdp .wrap{max-width:1140px;margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem)}

section.custom-design-page-custom #fbj-cdp .flourish{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--gold);margin:1.6rem 0}
section.custom-design-page-custom #fbj-cdp .flourish::before,section.custom-design-page-custom #fbj-cdp .flourish::after{content:"";height:1px;width:min(120px,18vw);background:linear-gradient(90deg,transparent,var(--gold-light))}
section.custom-design-page-custom #fbj-cdp .flourish::after{background:linear-gradient(90deg,var(--gold-light),transparent)}
section.custom-design-page-custom #fbj-cdp .flourish span{font-size:1.1rem;letter-spacing:.2em}

section.custom-design-page-custom #fbj-cdp .hero{text-align:center;padding:clamp(4rem,10vw,7rem) 0 clamp(3rem,6vw,4rem);position:relative;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(168,136,78,.10),transparent 70%),var(--paper);border-bottom:1px solid var(--line)}
section.custom-design-page-custom #fbj-cdp .eyebrow{font-size:.8rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold-deep);font-weight:400;margin-bottom:1.4rem}
section.custom-design-page-custom #fbj-cdp .hero h1{font-family:'Fraunces',serif;font-weight:340;font-size:clamp(2.7rem,7vw,5rem);line-height:1.04;letter-spacing:-.01em;color:var(--ink)}
section.custom-design-page-custom #fbj-cdp .hero .tagline{font-family:'Fraunces',serif;font-style:italic;font-weight:300;font-size:clamp(1.15rem,2.6vw,1.6rem);color:var(--ink-soft);margin-top:1.2rem}
section.custom-design-page-custom #fbj-cdp .hero .lede{max-width:48ch;margin:1.8rem auto 0;font-size:1.06rem;color:var(--ink-soft)}

section.custom-design-page-custom #fbj-cdp .intro{padding:clamp(3rem,7vw,5rem) 0 1rem;text-align:center}
section.custom-design-page-custom #fbj-cdp .intro h2{font-family:'Fraunces',serif;font-weight:360;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.01em}
section.custom-design-page-custom #fbj-cdp .intro p{max-width:60ch;margin:1.1rem auto 0;color:var(--ink-soft)}

section.custom-design-page-custom #fbj-cdp .steps{padding:clamp(1.5rem,4vw,3rem) 0 clamp(3rem,7vw,5rem);counter-reset:step}
section.custom-design-page-custom #fbj-cdp .step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(1.5rem,5vw,3.5rem);align-items:start;padding:clamp(2.4rem,5vw,3.4rem) 0;border-top:1px solid var(--line)}
section.custom-design-page-custom #fbj-cdp .step:first-of-type{border-top:none}

/* step marker: number (+ optional square image) */
section.custom-design-page-custom #fbj-cdp .step-marker{display:flex;align-items:flex-start;gap:clamp(.8rem,2vw,1.4rem)}
section.custom-design-page-custom #fbj-cdp .step-num{font-family:'Fraunces',serif;font-size:clamp(2.6rem,5vw,3.8rem);font-weight:300;line-height:1;color:var(--gold);flex:0 0 auto}
section.custom-design-page-custom #fbj-cdp .step-num::before{counter-increment:step;content:"0" counter(step)}

/* square image placeholder (only used if a .step-img element is present) */
section.custom-design-page-custom #fbj-cdp .step-img{flex:1 1 auto;width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--gold-light);border-radius:4px;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(168,136,78,.06)),var(--paper);box-shadow:0 14px 30px -18px var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;color:var(--gold-deep);position:relative;overflow:hidden}
section.custom-design-page-custom #fbj-cdp .step-img::after{content:"";position:absolute;inset:10px;border:1px solid rgba(168,136,78,.25);border-radius:2px;pointer-events:none}
section.custom-design-page-custom #fbj-cdp .step-img svg{width:38px;height:38px;opacity:.7}
section.custom-design-page-custom #fbj-cdp .step-img .ph-label{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;opacity:.75}

section.custom-design-page-custom #fbj-cdp .step-kicker{font-size:.74rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.5rem}
section.custom-design-page-custom #fbj-cdp .step-title{font-family:'Fraunces',serif;font-weight:380;font-size:clamp(1.5rem,3vw,2rem);line-height:1.15;margin-bottom:.7rem}
section.custom-design-page-custom #fbj-cdp .step-meta{display:inline-block;font-size:.86rem;letter-spacing:.04em;color:var(--gold-deep);border:1px solid var(--gold-light);background:rgba(168,136,78,.06);padding:.32rem .85rem;border-radius:2rem;margin-bottom:1.1rem}
section.custom-design-page-custom #fbj-cdp .step-desc{color:var(--ink-soft);margin-bottom:1rem;font-size:1.04rem}
section.custom-design-page-custom #fbj-cdp .step ul{list-style:none;display:flex;flex-direction:column;gap:.65rem}
section.custom-design-page-custom #fbj-cdp .step li{position:relative;padding-left:1.7rem;color:var(--ink);font-size:1.02rem}
section.custom-design-page-custom #fbj-cdp .step li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--gold)}
section.custom-design-page-custom #fbj-cdp .subhead{font-family:'Fraunces',serif;font-style:italic;color:var(--ink-soft);font-size:1rem;margin:1.3rem 0 .55rem}
section.custom-design-page-custom #fbj-cdp .prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .9rem}

section.custom-design-page-custom #fbj-cdp .cta{text-align:center;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(168,136,78,.12),transparent 70%),var(--paper);border-top:1px solid var(--line);padding:clamp(3.5rem,8vw,6rem) 0}
section.custom-design-page-custom #fbj-cdp .cta h2{font-family:'Fraunces',serif;font-weight:340;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.01em}
section.custom-design-page-custom #fbj-cdp .cta p{max-width:50ch;margin:1.1rem auto 2.2rem;color:var(--ink-soft)}
section.custom-design-page-custom #fbj-cdp .btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
section.custom-design-page-custom #fbj-cdp .btn{font-family:'Jost',sans-serif;font-weight:400;letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;padding:10px!important;text-decoration:none;transition:all .3s ease;display:inline-block}
section.custom-design-page-custom #fbj-cdp .btn-primary{background:var(--ink);color:var(--ivory)}
section.custom-design-page-custom #fbj-cdp .btn-primary:hover{background:var(--gold-deep)}
section.custom-design-page-custom #fbj-cdp .btn-ghost{border:1px solid var(--ink);color:var(--ink)}
section.custom-design-page-custom #fbj-cdp .btn-ghost:hover{background:var(--ink);color:var(--ivory)}

section.custom-design-page-custom #fbj-cdp .visit{text-align:center;padding:clamp(2.5rem,5vw,3.5rem) 0;border-top:1px solid var(--line)}
section.custom-design-page-custom #fbj-cdp .visit .name{font-family:'Fraunces',serif;font-size:1.35rem;margin-bottom:.6rem}
section.custom-design-page-custom #fbj-cdp .visit p{color:var(--ink-soft);font-size:.96rem;line-height:1.9}
section.custom-design-page-custom #fbj-cdp .visit a{color:var(--gold-deep);text-decoration:none;border-bottom:1px solid var(--gold-light)}
section.custom-design-page-custom #fbj-cdp .visit a:hover{color:var(--ink)}

@media(max-width:720px){
  section.custom-design-page-custom #fbj-cdp .step{grid-template-columns:1fr;gap:1.4rem}
  section.custom-design-page-custom #fbj-cdp .step-marker{align-items:center}
  section.custom-design-page-custom #fbj-cdp .step-num{font-size:2.6rem}
  section.custom-design-page-custom #fbj-cdp .step-img{max-width:340px}
}
@media(max-width:480px){section.custom-design-page-custom #fbj-cdp .prod-grid{grid-template-columns:1fr}}

/* ===== SCOPED FAQ STYLES (everything under .fbj-faq) ===== */
section.custom-design-page-custom .fbj-faq{--ivory:#f7f3ea;--paper:#fbf8f1;--ink:#2b2620;--ink-soft:#5a5247;--gold:#a8884e;--gold-deep:#8a6d38;--gold-light:#c9b27f;--line:#e3dac6;background:var(--paper);padding:clamp(3rem,7vw,5rem) 0;font-family:'Jost',sans-serif;font-weight:300;color:var(--ink)}
section.custom-design-page-custom .fbj-faq *{box-sizing:border-box}
section.custom-design-page-custom .fbj-faq-wrap{max-width:820px;margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem)}
section.custom-design-page-custom .fbj-faq-head{text-align:center;margin-bottom:clamp(2rem,4vw,3rem)}
section.custom-design-page-custom .fbj-faq-eyebrow{font-size:.78rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold-deep);font-weight:400;margin-bottom:1rem}
section.custom-design-page-custom .fbj-faq-title{font-family:'Fraunces',serif;font-weight:360;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.01em;line-height:1.1}
section.custom-design-page-custom .fbj-faq-sub{max-width:52ch;margin:1rem auto 0;color:var(--ink-soft)}
section.custom-design-page-custom .fbj-faq-item{border-bottom:1px solid var(--line)}
section.custom-design-page-custom .fbj-faq-item summary{list-style:none;cursor:pointer;font-family:'Fraunces',serif;font-weight:400;font-size:clamp(1.05rem,2.2vw,1.25rem);padding:1.35rem 2.5rem 1.35rem 0;position:relative;color:var(--ink);transition:color .25s ease}
section.custom-design-page-custom .fbj-faq-item summary::-webkit-details-marker{display:none}
section.custom-design-page-custom .fbj-faq-item summary:hover{color:var(--gold-deep)}
section.custom-design-page-custom .fbj-faq-item summary::after{content:"";position:absolute;right:.4rem;top:50%;width:11px;height:11px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:translateY(-70%) rotate(45deg);transition:transform .3s ease}
section.custom-design-page-custom .fbj-faq-item[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
section.custom-design-page-custom .fbj-faq-answer{padding:0 2.5rem 1.5rem 0;color:var(--ink-soft);font-size:1.02rem;line-height:1.75}