/*!
 * Falls Jewelers
 * http://www.fallsjewelers.com/
 * Copyright 2008-2023 Punchmark
 */

/*  =====================================
    HELPERS
=====================================  */

html, body {
    overflow-x: hidden !important;
}

.widget video {
    max-width: 100%;
}

.btn-outline-light,
.btn-outline-dark,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-default {
    border-width: 2px !important;
}

.alert-global {
    background: #303032 !important;
    color: var(--light) !important;
    border: 1px solid #303032 !important;
    font-weight: 400 !important;
    letter-spacing: 0.125rem !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
}

.alert-global a.alert-link {
    color: var(--light) !important;
    font-weight: 500 !important;
    letter-spacing: 0.125rem !important;
    text-transform: uppercase !important;
    text-decoration: underline !important;
    font-size: 10px !important;
}

.cmp-overlay .btn.text-light {
    text-transform: capitalize !important;
}

.global-cart .global-cart-inner #global-cart-heading {
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1rem !important;
}

.link-container.d-block.border-top {
    border-top: 2px solid var(--dark) !important;
}

.link-container.d-block.border-top {
    margin-left: 0 !important;
    margin-right: 0 !important; 
}

.link-container.d-block.border-top > .btn {
    margin-left: 0 !important;
    margin-right: 0 !important; 
}

.link-container.d-block.border-top > .btn + .btn {
    margin-left: 5px !important;
}

#services-cards a[href="/financing-options/wells-fargo-jewelry-advantage-financing"] .border.rounded {
    background-color: #da2e29 !important;
}

#financing-option-title {
    display: none !important;
}

section.btns-3-across-md .btn {
    width: calc(100% - 30px) !important;
}

@media(min-width:575px){
    section.btns-3-across-md .btn {
        width: calc(50% - 20px) !important;
    } 
}

@media(min-width:992px){
    section.btns-3-across-md .btn {
        width: calc(33.3334% - 20px) !important;
    }
    #financing-options-h1 {
        text-align: left !important;
    } 
}

/*  =====================================
    HEADER
=====================================  */

header {
    background: var(--dark) !important;
    position: sticky !important;
    top: 0 !important;
}

body.sitemanager-menu-open header,
body.sitemanager-menu-closed header {
    top: 63px !important;
}

body.nav-left-back-open header a#logo {
    z-index: unset !important;
}

header .content-toolbar .content-toolbar-inner > ul > li {
    color: var(--light) !important;
}

@media(max-width:991px){
    header,
    header a#logo,
    header .main-content,
    header .main-content > .row,
    header .main-content > .row > .col,
    header .main-content > .row > .col nav.navbar,
    header .navbar-toggler {
        height: 85px !important;
    }
    header a#logo {
        min-width: 120px !important;
        min-height: 120px !important;
        max-width: 120px !important;
        max-height: 120px !important;
        padding: 0px 10px !important;
        top: calc(50% + 25px) !important;
    }
    header .content-toolbar.left {
        display: none !important;
        width: calc(50% - 50px) !important;
    }
    header .content-toolbar.right {
        display: block !important;
        width: calc(50% - 50px) !important;
        margin: 0 !important;
    }
    header .content-toolbar,
    header .content-toolbar .content-toolbar-inner,
    header .content-toolbar .content-toolbar-inner > ul,
    header .content-toolbar .content-toolbar-inner > ul > li,
    header .content-toolbar .content-toolbar-inner > ul > li > a {
        height: 85px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > i {
        font-size: 18px !important;
        -webkit-text-stroke-width: 0.05rem;
        -webkit-text-stroke-color: inherit;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a:hover,
    header .content-toolbar .content-toolbar-inner > ul > li > a:focus,
    header .content-toolbar .content-toolbar-inner > ul > li > a:active,
    header .content-toolbar .content-toolbar-inner > ul > li > a:hover i,
    header .content-toolbar .content-toolbar-inner > ul > li > a:focus i,
    header .content-toolbar .content-toolbar-inner > ul > li > a:active i { 
        color: var(--secondary) !important;
    }
    header .navbar-toggler { 
        padding: 0 30px !important;
    }    
}

@media(min-width:992px){
    header,
    header a#logo,
    header .main-content,
    header .main-content > .row,
    header .main-content > .row > .col,
    header .main-content > .row > .col nav.navbar {
        height: 120px !important;
    }   
    header a#logo {
        min-width: 180px !important;
        min-height: 180px !important;
        max-width: 180px !important;
        max-height: 180px !important;
        padding: 5px 20px !important;
    }
    header .content-toolbar {
        display: none !important;
    }
}

/*  =====================================
    NAV
=====================================  */

nav.navbar ul.navbar-nav .nav-item .nav-link {
    text-transform: uppercase !important;
    letter-spacing: 0.1rem !important;
    font-size: 13px !important;
    text-align: center !important;
}

nav.navbar .navbar-nav .nav-item .nav-link > i {
    font-size: 18px !important;
    -webkit-text-stroke-width: 0.05rem;
    -webkit-text-stroke-color: inherit;
}

nav.navbar ul.navbar-nav .nav-item:hover .nav-link, 
nav.navbar ul.navbar-nav .nav-item:focus .nav-link,
nav.navbar ul.navbar-nav .nav-item:active .nav-link,
nav.navbar ul.navbar-nav .nav-item:hover .nav-link i, 
nav.navbar ul.navbar-nav .nav-item:focus .nav-link i,
nav.navbar ul.navbar-nav .nav-item:active .nav-link i,
nav.navbar ul.navbar-nav .nav-item .nav-link:hover, 
nav.navbar ul.navbar-nav .nav-item .nav-link:focus,
nav.navbar ul.navbar-nav .nav-item .nav-link:active,
nav.navbar ul.navbar-nav .nav-item .nav-link:hover i,
nav.navbar ul.navbar-nav .nav-item .nav-link:focus i,
nav.navbar ul.navbar-nav .nav-item .nav-link:active i {
    color: var(--secondary) !important;
}

@media(max-width:991px){
    nav.navbar #main-navigation {
        background: var(--dark) !important;
    }
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group {
        background: rgba(0,0,0,0.1) !important;
    }
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .form-control {
        color: var(--secondary) !important;
    }
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .btn {
        color: var(--light) !important;
    }
    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,
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .btn:active {
        color: var(--secondary) !important;
    }
    nav.navbar ul.navbar-nav .nav-item .nav-link,
    nav.navbar .navbar-nav .nav-item > .nav-link-and-plus-wrap .dropdown-plus {
        color: var(--light) !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 .nav-bottom-buttons .btn {
        background: #303032 !important;
        border-color: #101014 !important;
        border-radius: 0 !important;
        color: #ffffff !important;
        text-transform: uppercase !important;
        letter-spacing: 0.1rem !important;
        font-size: 13px !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn:hover,
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn:focus,
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn:active {
        background: var(--secondary) !important;
        border-color: var(--secondary) !important;
        color: #101014 !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn:nth-child(1){
        border-left: 0 !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn:nth-child(2){
        border-right: 0 !important;
    }
    nav.navbar ul.navbar-nav .dropdown.show > .dropdown-menu {
        background: white !important;
    }
}

@media(min-width:992px){
    nav.navbar ul.navbar-nav .nav-item .nav-link {
        font-size: 12px !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container {
        padding-top: calc(var(--bs-gutter-x, 0.625rem) * 2) !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item:hover,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item:focus,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item:active {
        color: var(--secondary) !important;
        text-decoration-color: var(--secondary);
    }
}

@media(min-width:1200px){
    nav.navbar ul.navbar-nav .nav-item .nav-link {
        font-size: 13px !important;
    }
}


/*  =====================================
    FOOTER
=====================================  */

footer .h6, 
footer h6 {
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1rem !important;
    text-transform: uppercase !important;
}

@media(max-width:767px){
    .text-left .social-networks {
        justify-content: center !important;
    }
    footer .footer-affiliate-logos {
        margin: 1rem auto 2rem auto;
    }
}


/*  ==========================================
    COLUMN SLIDER
==========================================  */

/*
.owl-carousel .owl-nav > button {
    background: var(--dark) !important;
    color: var(--light) !important;
    border-radius: 50px !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 38px !important;
}
.owl-carousel .owl-nav > button i {
    font-size: 11px !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 38px !important;
    font-family: var(--bs-p-family), var(--bs-body-font-family) !important;
    font-weight: 600 !important;
}
.owl-carousel .owl-nav > button.owl-prev i, 
.owl-carousel .owl-nav > button.owl-next i {
    font-family: var(--bs-p-family), var(--bs-body-font-family) !important;
}
.owl-carousel .owl-nav > button.owl-prev i::before {
    content: "PREV" !important;   
    font-family: var(--bs-p-family), var(--bs-body-font-family) !important; 
}
.owl-carousel .owl-nav > button.owl-next i::before {
    content: "NEXT" !important;
    font-family: var(--bs-p-family), var(--bs-body-font-family) !important;
}
*/ 

section.offset-column-slider {
    overflow: visible !important;
}
section.offset-column-slider .container-fluid {
    overflow: visible !important;
}    
section.offset-column-slider [data-pagebuilder="column"] .owl-stage-outer {
    width: 150% !important;
    max-width: 150% !important; 
    overflow: visible !important;
    transform: none;
}
section.offset-column-slider .column-slider .owl-nav {
    display: none !important;
}
section.offset-column-slider .column-slider .owl-dots {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    height: 10px !important;
    max-height: 10px !important;
    margin-top: 30px !important;
    margin-bottom: 40px !important;
}
section.offset-column-slider .column-slider .owl-dots button.owl-dot {
    width: 15% !important;
    height: 10px !important;
    border-radius: 0 !important;
    background: var(--primary) !important;
    margin: 0 !important;
    opacity: 0.25 !important;
}   
section.offset-column-slider .column-slider .owl-dots button.owl-dot:first-child {
    border-radius: 10px 0 0 10px !important;
}
section.offset-column-slider .column-slider .owl-dots button.owl-dot:last-child {
    border-radius: 0 10px 10px 0 !important;
}
section.offset-column-slider .column-slider .owl-dots button.owl-dot.active {
    opacity: 1 !important;
}
section.offset-column-slider .column-slider .owl-dots button.owl-dot span {
    display: none !important;
}
section.offset-column-slider.pr-30 .container-fluid.pr-30 .column-slider .owl-dots {
    transform: translateX(20px) !important;
}
@media(min-width:768px){
    section.offset-column-slider .column-slider .owl-dots button.owl-dot {
        width: 15% !important;
    }
}
@media(min-width:1200px){
    section.offset-column-slider {
        /**/
    }
}

/*  ==========================================
    PRODUCT SLIDER
==========================================  */
section.offset-column-slider .product-slider .wishlist-btn-container,
section.offset-column-slider .product-slider .owl-nav,
section.offset-column-slider .product-slider .product-price {
    display: none !important;
}
section.offset-column-slider .product-slider .product-title {
    font-family: var(--bs-p-family), var(--bs-body-font-family) !important;
    font-size: var(--bs-p-size) !important;
    color: var(--bs-p-color) !important;
    font-weight: var(--bs-p-weight) !important;
    font-style: var(--bs-p-style) !important;
    line-height: var(--bs-p-line-height) !important;
    letter-spacing: var(--bs-p-letter-spacing) !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding-top: 20px !important;
    max-width: 75% !important;
}
section.offset-column-slider .product-slider {
    /*
    padding-right: 50px !important;
    */
}
section.offset-column-slider .product-slider .owl-dots {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    justify-content: center !important;
    height: 10px !important;
    max-height: 10px !important;
    margin-top: 30px !important;
    margin-bottom: 40px !important;
    /*
    transform: translateX(25px) !important;
    */
}
section.offset-column-slider .product-slider .owl-dots button.owl-dot {
    width: 15% !important;
    height: 10px !important;
    border-radius: 0 !important;
    background: var(--primary) !important;
    margin: 1rem 0 2rem 0 !important;
    opacity: 0.25 !important;
}
section.offset-column-slider .product-slider .owl-dots button.owl-dot:first-child {
    border-radius: 10px 0 0 10px !important;
}
section.offset-column-slider .product-slider .owl-dots button.owl-dot:last-child {
    border-radius: 0 10px 10px 0 !important;
}
section.offset-column-slider .product-slider .owl-dots button.owl-dot.active {
    opacity: 1 !important;
}
section.offset-column-slider .product-slider .owl-dots button.owl-dot span {
    display: none !important;
}
@media(min-width:768px){
    section.offset-column-slider .product-slider .owl-dots button.owl-dot {
        width: 15% !important;
    }
}
@media(min-width:1200px){
    section.offset-column-slider {
        /**/
    }
}

/*  ==========================================
    HOLIDAY GIFT GUIDE 2025 temp fix
==========================================  */

#holiday-gift-guide-2025 .owl-stage-outer {
    height: 100% !important;
}