/*!
 * Mathew Jewelers
 * Copyright 2008-2023 Punchmark
 */

/* =====================================
    Temp fix
===================================== */

@media(max-width:767px){
    nav.navbar .navbar-nav>.nav-item.has-a-plus a[href="/pages/custom-jewelry"].nav-link + .dropdown-plus {
        display: none !important;
    }
}

.arrivesByChristmasNotice{
	display:none !important;
}

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

#services-cards a[href="/financing-options/wells-fargo"] .border.rounded {
    background-color: #da2e29 !important;
}

#financing-option-title {
    display: none !important;
}

[data-widget-element="widgetHeader"] > small {
    text-transform: none;
    letter-spacing: normal;
    display: block;
    font-size: 60%;
}

body.nav-right-back-open #podium-website-widget {
    position: static !important;
    z-index: -1 !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

section.tight-padding [data-pagebuilder="row"] {
    margin-left: -0.3125rem !important;
    margin-right: -0.3125rem !important;
}

section.tight-padding [data-pagebuilder="column"] {
    padding-left: 0.3125rem !important;
    padding-right: 0.3125rem !important;
}

section.offset-slider-section [data-pagebuilder="row"] {
    position: relative !important;
}

section.offset-slider-section [data-pagebuilder="column"],
section.offset-slider-section .owl-carousel {
    position: static !important;
}

section.offset-slider-section .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

section.offset-slider-section .owl-carousel .owl-nav {
    opacity: 1 !important;
    visibility: visible !important;
    top: calc(50% - 24px) !important;
}

section.offset-slider-section .owl-carousel .owl-stage-outer .owl-item {
    opacity: 0 !important;
    visibility: hidden !important;
}

section.offset-slider-section .owl-carousel .owl-stage-outer .owl-item:not(.cloned),
section.offset-slider-section .owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1 !important;
    visibility: visible !important;
}

section[data-pagebuilder="section"] .owl-carousel .owl-nav button,
section.offset-slider-section .owl-carousel .owl-nav button,
section[data-pagebuilder="section"] .owl-carousel .owl-nav button > i,
section.offset-slider-section .owl-carousel .owl-nav button > i {
    background: white !important;
    height: 38px !important;
    width: 38px !important;
    border-radius: 38px !important;
    font-size: 20px !important;
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-stroke-color: inherit !important;
    color: #d9b372 !important;
}

section.offset-slider-section .owl-carousel .owl-nav .owl-prev {
    left: -10px !important;
}

section.offset-slider-section .owl-carousel .owl-nav .owl-next {
    right: -10px !important;
}
 
section.offset-slider-section .owl-carousel .owl-nav button.disabled,
section.offset-slider-section .owl-carousel .owl-nav button[disabled],
section.offset-slider-section .owl-carousel .owl-nav button:disabled {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media(max-width:1199px){
    section[data-pagebuilder="section"] .owl-carousel .owl-nav .owl-prev,
    section.offset-slider-section .owl-carousel .owl-nav .owl-prev {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
    section[data-pagebuilder="section"] .owl-carousel .owl-nav .owl-next,
    section.offset-slider-section .owl-carousel .owl-nav .owl-next {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}

@media(min-width:1600px){
    section[data-pagebuilder="section"] .owl-carousel .owl-nav .owl-prev {
        left: 10px !important;
    }
    section[data-pagebuilder="section"] .owl-carousel .owl-nav .owl-next {
        right: 10px !important;
    }
    section.offset-slider-section .owl-carousel .owl-nav .owl-prev {
        left: -5vw !important;
    }
    section.offset-slider-section .owl-carousel .owl-nav .owl-next {
        right: -5vw !important;
    }
}

.hover-layer .social-heading,
.hover-layer .social-link {
    display: none !important;
}
.hover-layer .social-description {
    margin-bottom: 0 !important;
} 

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

.toolbar {
    display: none !important;
}

header {
    position: sticky;
    top: 0px !important;
    border-top: 3px solid var(--primary) !important;
    background: white !important;
    z-index: 1500;
}

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 {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: inherit;
    font-size: 18px;
    width: 18px;
    height: 18px;
}

header a#logo {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

header .content-toolbar .content-toolbar-inner > ul > li > a:hover > i,
header .content-toolbar .content-toolbar-inner > ul > li > a:hover > i::before,
header .content-toolbar .content-toolbar-inner > ul > li > a:focus > i,
header .content-toolbar .content-toolbar-inner > ul > li > a:focus > i::before {
    color: #366ae6 !important;
}

@media(max-width:767px){
    header a#logo {
        padding: 0 !important;
    }
}

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

.navbar-toggler,
.navbar-toggler.collapsed {
    background: none;
}

nav.navbar .navbar-nav .nav-item .nav-link {
    text-transform: uppercase !important;
    font-size: 15px !important;
    letter-spacing: 0.05rem !important;
    font-weight: 500 !important;
}

nav.navbar .navbar-nav .nav-item.dropdown-is-open,
nav.navbar .navbar-nav .nav-item .nav-link:hover,
nav.navbar .navbar-nav .nav-item .nav-link:focus {
    color: #366ae6;
}

@media(max-width:991px){
    body.nav-right-back-open nav.navbar #main-navigation {
        box-shadow: -2500px 0 0 2500px rgba(26,54,106,0) !important;
    }
    body.nav-right-back-open nav.navbar #main-navigation.open {
        box-shadow: -2500px 0 0 2500px rgba(26,54,106,0.8) !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 {
        text-transform: uppercase !important;
        font-size: 13px !important;
        letter-spacing: 0.025rem !important;
        font-weight: 500 !important;
    }
    nav.navbar ul.navbar-nav .dropdown.show > .dropdown-menu {
        background: #f1f1f1 !important;
    }
    nav.navbar .navbar-nav > .nav-item.has-a-plus > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus::before {
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: inherit;
    }
    nav.navbar .navbar-nav > .nav-item.has-a-plus.show > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus::before,
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-submenu.show > .nav-link-and-plus-wrap > .dropdown-plus > i.icon-plus::before {
        color: #d9b372 !important;
    }
}

@media(min-width:992px){
    nav.navbar {
        padding-right: 0.9375rem !important;
    }
    nav.navbar .navbar-nav .nav-item,
    nav.navbar .navbar-nav .nav-item + .nav-item {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    nav.navbar .navbar-nav .nav-item .nav-link {
        line-height: 1 !important;
        padding-left: 0.625rem !important;
        padding-right: 0.625rem !important;
    }
    nav.navbar .dropdown-wide .dropdown-menu-wide > .container > .row {
        margin-top: -1.25rem !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        /*text-transform: uppercase !important;*/
        font-size: 13px !important;
        letter-spacing: 0.025rem !important;
        font-weight: 400 !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item-parent {
        text-transform: uppercase !important;
        font-size: 15px !important;
        letter-spacing: 0.05rem !important;
        font-weight: 500 !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: #366ae6 !important;
        text-decoration-color: #366ae6 !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container {
        padding-bottom: calc(var(--bs-gutter-x, 0.625rem) * 3) !important;
    }
    /* Virtual Tour Button */
    nav.navbar .navbar-nav .nav-item.dropdown.our-store-dd a[href="https://matterport.com/discover/space/oE32fUKAswA?fbclid=IwZXh0bgNhZW0BMQABHRCAvSCoaWDDLQwMbGvK_0pBsE1nYVm6I_tqjGQL_i_Vi4YibOGjF6hSFg_aem_AXMnNt6Wei1SYcsqf4Z8aoU1w4-wY873bNoAuojEsTU2BJopLJmCXxKcfldb-xZqTLU"]{
        background-color: var(--bs-dark) !important;
        color: var(--bs-light) !important;
        text-align: center !important;
        text-decoration: none !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown.our-store-dd .dropdown-menu.dropdown-menu-wide a[href="https://matterport.com/discover/space/oE32fUKAswA?fbclid=IwZXh0bgNhZW0BMQABHRCAvSCoaWDDLQwMbGvK_0pBsE1nYVm6I_tqjGQL_i_Vi4YibOGjF6hSFg_aem_AXMnNt6Wei1SYcsqf4Z8aoU1w4-wY873bNoAuojEsTU2BJopLJmCXxKcfldb-xZqTLU"].dropdown-item:hover,
    nav.navbar .navbar-nav .nav-item.dropdown.our-store-dd .dropdown-menu.dropdown-menu-wide a[href="https://matterport.com/discover/space/oE32fUKAswA?fbclid=IwZXh0bgNhZW0BMQABHRCAvSCoaWDDLQwMbGvK_0pBsE1nYVm6I_tqjGQL_i_Vi4YibOGjF6hSFg_aem_AXMnNt6Wei1SYcsqf4Z8aoU1w4-wY873bNoAuojEsTU2BJopLJmCXxKcfldb-xZqTLU"].dropdown-item:focus {
        background: #366ae6 !important;
        color: var(--bs-light) !important;
        text-align: center !important;
        text-decoration: none !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-image + div[role="none"] > .nav-link-and-plus-wrap {
        justify-content: center !important;
    }
}

@media(min-width:1200px){
    nav.navbar .navbar-nav .nav-item .nav-link {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    } 
}

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

footer h6 {
    font-family: var(--bs-h1-family) !important;
    letter-spacing: 0.05rem !important;
    font-weight: 300;
    font-size: 1.5rem !important;
}

footer [data-bs-toggle="collapse"] h6::after, 
footer [data-bs-toggle="collapse"] .h6::after {
    transform: rotate(180deg) !important;
    color: #d9b372 !important;
    font-size: 20px !important;
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-stroke-color: inherit !important;
}

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

footer .footerlinks a:hover,
footer .footerlinks a:focus,
footer .subscribe-widget form .input-group .btn:hover > i,
footer .subscribe-widget form .input-group .btn:focus > i,
footer p a:hover, 
footer .p a:hover, 
footer .small a:hover, 
footer address a:hover,
footer p a:focus, 
footer .p a:focus, 
footer .small a:focus, 
footer address a:focus,
footer .required-links li a:hover,
footer .required-links li a:focus {
    color: #d9b372 !important;
}

@media(min-width:768px){
    footer .text-left .social-networks {
        justify-content: flex-start !important;
    }
}

.btn .tour-button{
    background-color: black !important;
    color: white !important;
    text-align: center !important;
    text-decoration: none !important;
}