/*!
 * Sierra Moon Goldsmiths
 * Copyright 2008-2024 Punchmark
 */

/* Adds By Appointment Only hours*/

address strong:nth-of-type(2)::after {
  content: " (By Appointment Only)";     
  font-weight: bold;
}

/* ===================================
    Import fonts
=================================== */ 

@font-face {
    font-family: 'TheSilverEditorial';
    src: url('/fonts/the-silver-editorial/otf/TheSilverEditorial-Italic.otf') format('opentype'),
         url('/fonts/the-silver-editorial/webfonts/thesilvereditorial-italic-webfont.woff2') format('woff2'),
         url('/fonts/the-silver-editorial/webfonts/thesilvereditorial-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TheSilverEditorial';
    src: url('/fonts/the-silver-editorial/otf/TheSilverEditorial-Regular.otf') format('opentype'),
         url('/fonts/the-silver-editorial/webfonts/thesilvereditorial-regular-webfont.woff2') format('woff2'),
         url('/fonts/the-silver-editorial/webfonts/thesilvereditorial-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

#jewelry-details-brand-image > img {
  display: none !important;
}

html, body {
    /*
    overflow-x: hidden !important;
    */
}

h1, .h1, 
h2, .h2, 
h3, .h3, 
h4, .h4 {
    font-family: 'TheSilverEditorial', sans-serif !important;
    text-transform: uppercase !important;
    line-height: 1.5 !important;
}

.display-1 {
    font-size: calc(1.625rem + 5vw) !important;
}
.display-2 {
    font-size: calc(1.575rem + 4.5vw) !important;
}
.display-3 {
    font-size: calc(1.525rem + 3.875vw) !important;
}
.display-4 {
    font-size: calc(1.475rem + 3.125vw) !important;
}

@media(min-width:1200px){
    .display-1 {
        font-size: 6rem !important;
    }
    .display-2 {
        font-size: 5rem !important;
    }
    .display-3 {
        font-size: 4rem !important;
    }
    .display-4 {
        font-size: 3.125rem !important;
    }
}

[data-widget-element="widgetHeader"].fw-light {
    font-size: 18px !important;
    color: var(--bs-dark) !important;
    font-weight: 400 !important;
}

[data-widget-element="widgetHeader"].fw-light a {
    color: var(--bs-dark) !important;
    font-weight: 700 !important;
}

/* Fixing Marketing Page Header Color */

#small-business-saturday-2025 [data-widget-element="widgetHeader"].fw-light.text-light {
    color: var(--bs-light) !important;
}

[data-widget-element="widgetHeader"].text-md-nowrap {
    z-index: 1 !important;
    position: relative !important;
    text-align: center !important;
}

[data-widget-element="widgetHeader"].small,
[data-widget-element="widgetHeader"] > small {
    font-size: 16px !important;
    letter-spacing: 0.05rem !important;
    text-transform: uppercase !important;
}

@media(min-width:768px){
    [data-widget-element="widgetHeader"].text-md-nowrap {
        white-space: nowrap !important;
        text-align: left !important;
    }
}

section[data-pagebuilder="section"] [data-widget-element="widgetParagraph"]{
    line-height: 1.875 !important;
}

.btn-primary {
    background: var(--bs-dark) !important;
    border-color: var(--bs-dark) !important;
}
.btn-primary:hover,
.btn-primary:focus {
    background: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
} 

.btn-link {
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}
.btn-link::after {
    top: -0.125rem !important;
    bottom: auto !important;
    background: var(--bs-p-color) !important;
    opacity: 1 !important;
}
.btn-link:hover::after {
    background: var(--bs-primary) !important;
}
.btn-link.text-light::after {
    background: var(--bs-light) !important;
    opacity: 0.5 !important;
}
.btn-link.text-light:hover::after {
    opacity: 1 !important;
}

[data-widget-element="widgetParagraph"].get-our-services-list {
    columns: 2 !important;    
}


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

.toolbar.top {
    display: none !important;
}

header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

header a#logo {
    height: 100% !important;
    max-width: 190px !important;
}

header a#logo img, 
header a#logo svg {
    max-width: 100% !important;
    width: auto !important;
    max-height: none !important;
    min-height: auto !important;
    height: auto !important;
}

header .navbar-toggler {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

header .main-content > .row > .col {
    min-height: 50px !important;
}

@media(min-width:410px) and (max-width:767px){
    header a#logo {
        max-width: 230px !important;
        left: 5px !important;
        transform: translate(0, -50%) !important;
    }
    header .main-content > .row > .col {
        min-height: 60px !important;
    }
}

@media(min-width:768px){
    header a#logo {
        max-width: 220px !important;
    }
    header .main-content > .row > .col {
        min-height: 60px !important;
    }
    header .navbar-toggler {
        padding-right: 1.25rem !important;
    }
}

@media(min-width:992px){
    header a#logo {
        max-width: 275px !important;
    }
    header .main-content > .row > .col {
        min-height: 70px !important;
    }
}

@media(min-width:1200px){
    header a#logo {
        max-width: 300px !important;
    }
    header .main-content > .row > .col {
        min-height: 80px !important;
    }
}

/* ===================================
    Content Toolbar
=================================== */

header .content-toolbar .content-toolbar-inner > ul > li.item-search,
header .content-toolbar .content-toolbar-inner > ul > li.item-wishlist {
    display: none !important;
}

@media(min-width:768px){
    header .content-toolbar .content-toolbar-inner > ul > li.item-search,
    header .content-toolbar .content-toolbar-inner > ul > li.item-wishlist {
        display: block !important;
    }
}

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

footer {
    border-top: none;
    padding-top: 60px !important;
}

footer h6 {
    font-family: 'TheSilverEditorial', sans-serif !important;
    font-size: 22px !important;
    text-transform: uppercase !important;
    color: var(--bs-dark) !important;
    letter-spacing: 0.075rem !important;
    -webkit-text-stroke-width: 0.05rem !important;
    -webkit-text-stroke-color: inherit !important;
}

footer h6::after {
    font-family: "google-outlined" !important;
}

footer .footerlinks,
footer .footerlinks li {
    line-height: 1.75rem !important;
}

footer address,
footer address *,
footer .footerlinks,
footer .footerlinks li,
footer .footerlinks li a {
    font-size: 14px !important;
    color: var(--bs-dark) !important;
    font-weight: normal !important;
}

footer address .location-link {
    display: none !important;
}

footer > .container {
    padding-top: 60px !important;
}

footer > .container, 
footer > .container .copyrights {
    text-align: center !important;
}

footer > .container .copyrights,
footer > .container .copyrights * {
    font-size: 9px !important;
}

footer .logo,
footer .logo > a {
    width: 90px !important;
    height: 90px !important;
    overflow: hidden !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

footer .logo > a img {
    height: 90px !important;
    width: auto !important;
    max-width: none !important;
}

footer .social-networks {
    margin-top: 40px !important;
}

footer .logo,
footer .social-networks {
    z-index: 10 !important;
    position: relative !important;
}

@media(min-width:768px){
    footer .footer-section:nth-child(1) {
        margin-bottom: -190px;
    }
}

/* ===================================
    Sierra Moon - Banners
=================================== */

section[data-pagebuilder="section"].sierra-moon-banner,
section[data-pagebuilder="section"].sierra-moon-banner [data-pagebuilder="section-container"],
section[data-pagebuilder="section"].sierra-moon-banner [data-pagebuilder="section-container"] > [data-pagebuilder="row"],
section[data-pagebuilder="section"].sierra-moon-banner [data-pagebuilder="section-container"] > [data-pagebuilder="row"] > [data-pagebuilder="column"],
section[data-pagebuilder="section"].sierra-moon-banner [data-pagebuilder="section-container"] > [data-pagebuilder="row"] > [data-pagebuilder="column"] > [data-pagebuilder="widget"] {
    padding: 0 !important;
}
section[data-pagebuilder="section"].sierra-moon-banner [data-pagebuilder="section-container"] > [data-pagebuilder="row"] {
    margin: 0 !important;
}
section[data-pagebuilder="section"].sierra-moon-banner [data-pagebuilder="section-container"] > [data-pagebuilder="row"] > [data-pagebuilder="column"] [data-widget-element="widgetHeader"]{
    padding: 0 1.5rem !important;
}

@media(max-width:767px){
    section[data-pagebuilder="section"].sierra-moon-banner [data-pagebuilder="column"] .widget-text-overlay {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        bottom: 100% !important;
    }
}

@media(min-width:768px){
    section[data-pagebuilder="section"].sierra-moon-banner [data-pagebuilder="column"] .widget-text-overlay {
        width: 200% !important;
        max-width: 200% !important;
        left: -100% !important;
    }
}

/* ===================================
    Cirle Icon Section
=================================== */

section[data-pagebuilder="section"].circle-icon-section {
    background: transparent !important;
    overflow: visible !important;
    margin-top: -75px !important;
}
section[data-pagebuilder="section"].circle-icon-section [data-pagebuilder="widget"] {
    padding: 0 !important;
    z-index: 1 !important;
}
section[data-pagebuilder="section"].circle-icon-section [data-pagebuilder="widget"] [data-widget-element="widgetBgImageSrc"] {
    width: 90px !important;
    height: 90px !important;
    position: relative !important;
    margin: 0 auto !important;
}
section[data-pagebuilder="section"].circle-icon-section [data-pagebuilder="widget"] [data-widget-element="widgetBgImageSrc"]::after {
    content: '' !important;
    position: absolute !important;
    left: -10px !important;
    top: -10px !important;
    width: 110px !important;
    height: 110px !important;
    background: #f7f6f1 !important;
    border-radius: 50% !important;
    z-index: -1 !important;
    transition: all 0.15s ease-in-out !important;
}

/* ===================================
    Owl Carousel - Center Align
=================================== */

section[data-pagebuilder="section"].owl-slider-flex-align-center .owl-stage {
    display: flex !important;
    align-items: flex-end !important;
}

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

@media(min-width:768px){
    section[data-pagebuilder="section"].sideview-header [data-pagebuilder="section-container"],
    section[data-pagebuilder="section"].sideview-header [data-pagebuilder="row"],
    section[data-pagebuilder="section"].sideview-header [data-pagebuilder="column"],
    section[data-pagebuilder="section"].sideview-header [data-pagebuilder="widget"] {
        position: static !important;
    }
    section[data-pagebuilder="section"].sideview-header [data-widget-element="widgetHeader"] {
        transform: rotate(90deg) translate(-52.5px,125px) !important;
        font-size: 70px !important;
        position: absolute !important;
        display: inline-block !important;
        width: 350px !important;
        height: 105px !important;
        right: calc(100% - 325px) !important;
        top: 50% !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }
    section[data-pagebuilder="section"].sideview-header [data-pagebuilder="widget"] .content-block {
        padding: 0 75px !important;        
    }
}

/* ===================================
   Shop Diamonds - Flex Order
=================================== */

section[data-pagebuilder="section"].shop-diamonds-flex-order .link-container {
    order: 2 !important;
}

/* ===================================
   Shop Now - Flex Order
=================================== */

@media(min-width:768px){
    section[data-pagebuilder="section"].shop-now-flex-order .content-block > .d-flex {
        display: flex !important;
        flex-direction: column !important;        
    }
    section[data-pagebuilder="section"].shop-now-flex-order .content-block > .d-flex > [data-widget-element="widgetHeader"] {
        order: 2 !important;
        margin-bottom: 0 !important;
    }
    section[data-pagebuilder="section"].shop-now-flex-order .content-block > .d-flex > [data-widget-element="widgetParagraph"] {
        order: 1 !important;
    }
}

/* ===================================
   Section - Checkerboard Alternative
=================================== */

@media(min-width:768px){
    section[data-pagebuilder="section"] [data-pagebuilder="column"] + [data-pagebuilder="column"] [data-widget-element="widgetHeader"].text-md-right.display-1.text-md-nowrap {
        direction: rtl !important;
    }
    section[data-pagebuilder="section"].checkerboard-overlap [data-pagebuilder="row"]:nth-child(1) [data-widget-element="widgetBgImageSrc"] {
        transform: translateY(5vw) !important;
    }
    section[data-pagebuilder="section"].checkerboard-overlap [data-pagebuilder="row"]:nth-child(2) [data-widget-element="widgetBgImageSrc"] {
        transform: translateY(-5vw) !important;
    }
    section[data-pagebuilder="section"].checkerboard-overlap [data-pagebuilder="row"]:nth-child(3) [data-widget-element="widgetBgImageSrc"] {
        transform: translateY(-13vw) !important;
    }
}

/* ===================================
   Floating headers (widget)
=================================== */

[data-pagebuilder="widget"].position-absolute-top-left {
    position: absolute !important;
    top: 15px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
}

[data-pagebuilder="widget"].position-absolute-top-left [data-widget-element="widgetHeader"] {
    font-size: 14px !important;
    letter-spacing: 0.05rem !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

@media(min-width:768px){
    [data-pagebuilder="widget"].position-absolute-top-left {
        top: 30px !important;
        left: 30px !important;
        right: auto !important;
        bottom: auto !important;
    }
    [data-pagebuilder="widget"].position-absolute-top-left [data-widget-element="widgetHeader"] {
        text-align: left !important;
    }
}

@media(min-width:992px){
    [data-pagebuilder="widget"].position-absolute-top-left {
        top: 60px !important;
        left: 60px !important;
        right: auto !important;
        bottom: auto !important;
    }
}

/* ===================================
   Meet the Team section
=================================== */

section[data-pagebuilder="section"].meet-the-team-section {
    border-top: 30px solid var(--bs-dark) !important;
    border-bottom: 30px solid var(--bs-dark) !important;
    padding-top: 60px !important;
    padding-bottom: 30px !important;
}

section[data-pagebuilder="section"].meet-the-team-section .staff-member {
    /**/
}

section[data-pagebuilder="section"].meet-the-team-section .staff-member .staff-member-name {
    font-family: 'TheSilverEditorial', sans-serif !important;
    font-size: var(--bs-h4-size) !important;
    color: var(--bs-dark) !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
    text-align: left !important;
    line-height: 1.5 !important;
}

section[data-pagebuilder="section"].meet-the-team-section .staff-member .staff-member-title {
    font-family: var(--bs-p-family) !important;
    font-size: 14px !important;
    color: var(--bs-dark) !important;
    text-transform: uppercase !important;
    text-align: left !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    opacity: 0.8 !important;
}

/* ===================================
   Price Detail
=================================== */

#product-details-price {
    font-family: var(--bs-p-family) !important;
    letter-spacing: 0.04rem;
}

.grid .grid-item .grid-item-price {
    font-family: var(--bs-p-family) !important;
    letter-spacing: 0.04rem;
    font-weight: 600;
}

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

2025 Gift Guide Fix

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

#holiday-gift-guide-2025 .owl-stage-outer {
    height: 100% !important;
}