/*!
 * Moore Jewelers
 * http://www.moorejewelers.com
 * Copyright 2008-2023 Punchmark
 */

/*  ==========================================
    HELPERS
==========================================  */

html,
body {
	overflow-x: hidden !important;
	width: 100%;
}

.bg-tan {
    background: #DDBFA0 !important;
}

.bg-green {
    background: #D6CDBC !important;
}

.bg-pink {
    background: #DDC3B4 !important;
}

body {
    background: #fbf8f3 !important;
}

h1, h2, h3, .h1, .h2, .h3 {
    line-height: 1 !important;  
}

h1 small, .h1 small, h1 .small, .h1 .small, 
h2 small, .h2 small, h2 .small, .h2 .small, 
h3 small, .h3 small, h3 .small, .h3 .small {
    display: block !important;
    font-family: "poppins", sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.125rem !important;
    margin-bottom: 10px !important;
}

.btn-xs,
.btn-group-xs > .btn,
.link-container .btn-xs,
.link-container .btn-group-xs > .btn {
    padding-top: calc(0.125rem + 1px);
}

.btn-sm,
.btn-group-sm > .btn,
.link-container .btn-sm,
.link-container .btn-group-sm > .btn {
    padding-top: calc(0.25rem + 1px);
}   

.btn-md, 
.btn-group-md > .btn, 
.link-container .btn-md, 
.link-container .btn-group-md > .btn {
    padding-top: calc(0.375rem + 2px);
}

.btn-lg, 
.btn-group-lg > .btn, 
.link-container .btn-lg, 
.link-container .btn-group-lg > .btn {
    padding-top: calc(0.5rem + 3px);
}

.btn-xlg,
.btn-group-xlg > .btn,
.link-container .btn-xlg,
.link-container .btn-group-xlg > .btn {
    padding-top: calc(0.5rem + 3px);
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    color: var(--primary) !important;
}

.grid .grid-item .grid-item-title, 
.grid .grid-item .grid-item-price {
    font-family: var(--bs-p-family), var(--bs-body-font-family) !important;
}

.grid .grid-item .grid-item-slider .owl-nav .owl-prev>i::before, 
.grid .grid-item .grid-item-slider .owl-nav .owl-next>i::before {
    font-size: 11px !important;
}

.badge, .badge-default {
    background: var(--bs-gray-500) !important;
}

.btn-outline-default:hover,
.btn-outline-default:focus,
.btn-outline-default:active {
    color: var(--light) !important;
}

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

section[data-pagebuilder="section"].tight-padding [data-pagebuilder="row"] > [data-pagebuilder="column"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

section.top-section-hero {
    /*
    margin-top: -80px !important;
    */ 
}

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

@media(min-width:768px){
    /*
    section.top-section-hero {
        margin-top: -100px !important;
    }
    */
    #financing-options-h1 {
        text-align: left !important;
    }
}

#services-cards .card-list .list-item .border {
    background-size: cover !important;
}

body.grid-menu-open #page-wrap {
	transform: translateX(0px) !important;
	transition: transform 300ms ease-in-out 100ms;
}

body.nav-right-back-open.grid-menu-open #page-wrap {
	transform: translateX(-280px) !important;
	transition: transform 300ms ease-in-out 100ms;
}

/*===== Banner button custom padding fix =====*/

.padding-fix {
    padding-bottom: 8px !important;
}

/*  ==========================================
    HEADER
==========================================  */

header {
    background: transparent;
    box-shadow: none;
    border: 0;
}
header a#logo {
    position: static !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 10px !important;
    width: calc(100% - 80px) !important;
    max-width: 250px !important;
    height: auto !important;
    transform: none !important;
}
header a#logo img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

header .content-toolbar.left {
    display: none !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a {
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.25rem !important;
}
header .content-toolbar .content-toolbar-inner > ul > li.item-search .input-group,
header .content-toolbar .content-toolbar-inner > ul > li.item-search .input-group .btn,
header .content-toolbar .content-toolbar-inner > ul > li.item-search .input-group .form-control {
    border-radius: 0 !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i {
    font-size: 22px !important;
    -webkit-text-stroke-width: 0.75px;
    -webkit-text-stroke-color: inherit;
}
header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group {
    border-color: rgba(0,0,0,0.075) !important;
}
header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group .form-control::placeholder {
    color: rgba(0,0,0,0.5) !important;
}

.toolbar,
.toolbar > .toolbar-inner,
.toolbar > .toolbar-inner > ul {
    padding: 0;
}
.toolbar > .toolbar-inner > ul > li {
    margin: 0 !important;
    padding: 0 !important;
}
.toolbar > .toolbar-inner > ul > li > a {
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 0 1rem !important;
    text-transform: none !important;
}
.toolbar > .toolbar-inner > ul > li > a > span {
    padding-top: 3px !important;
}
.toolbar > .toolbar-inner > ul > li > a > i {
    font-size: 16px !important;
    -webkit-text-stroke-width: 0.1px;
    -webkit-text-stroke-color: inherit;
}
.toolbar > .toolbar-inner > ul.left > li {
    border-right: 1px solid rgba(255,255,255,0.2) !important;
}
.toolbar > .toolbar-inner > ul.right > li {
    border-left: 1px solid rgba(255,255,255,0.2) !important;
}  
.toolbar > .toolbar-inner > ul > li > a:hover,
.toolbar > .toolbar-inner > ul > li > a:focus,
.toolbar > .toolbar-inner > ul > li > a:active {
    background-color: var(--dark) !important;
    color: var(--light) !important;
}
.toolbar > .toolbar-inner > ul > li > a:hover > i,
.toolbar > .toolbar-inner > ul > li > a:focus > i,
.toolbar > .toolbar-inner > ul > li > a:active > i {
    color: var(--light) !important;
}    
.toolbar > .toolbar-inner > ul > li > .dropdown-menu .dropdown-item {
    font-size: 13px !important;
}
.toolbar.top .toolbar-inner ul li.dropdown > .dropdown-menu {
    margin-top: 0 !important;  
}

@media(min-width:768px){
    .toolbar.d-none {
        display: block !important;
    }
    header a#logo {
        width: 260px !important;
        max-width: 260px !important;
    }
    header .main-content > .row > .col {
        min-height: 100px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li + li {
        margin-left: calc(var(--bs-container-padding-x-2x) * 1) !important;
    }
    header .content-toolbar .content-toolbar-inner > ul {
        margin-right: calc(var(--bs-container-padding-x-2x) * 0.25) !important;
    }
}

@media(min-width:992px){
    header a#logo {
        width: 320px !important;
        max-width: 320px !important;
    }
}

@media(min-width:1200px){
    header .content-toolbar .content-toolbar-inner > ul > li + li {
        margin-left: calc(var(--bs-container-padding-x-2x) * 2) !important;
    }
    header .content-toolbar .content-toolbar-inner > ul {
        /*margin-right: calc(var(--bs-container-padding-x-2x) * 1) !important;*/
    }
    header .main-content > .row > .col {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

/*  ==========================================
    NAVIGATION
==========================================  */
nav.navbar #main-navigation,
nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
    background: #fbf8f3 !important;
}
nav.navbar #main-navigation .mobile-top-toolbar li {
    list-style: none !important;
    width: 100% !important;
    display: block !important;
}
nav.navbar #main-navigation .mobile-top-toolbar li > a {
    width: 100% !important;
    display: block !important;
}
nav.navbar #main-navigation .mobile-top-toolbar li > a > i {
    display: none !important;
}
nav.navbar #main-navigation .mobile-top-toolbar li > a > span {
    padding: 0 20px !important;
    text-align: center !important;
    justify-content: center !important;
    width: 100% !important;
    display: block !important;
}
nav.navbar #main-navigation .mobile-top-toolbar li.item-account,
nav.navbar #main-navigation .mobile-top-toolbar li.item-premium-global-cart-toggle,
nav.navbar #main-navigation .mobile-bottom .social-networks {
    display: none !important;
}

nav.navbar #main-navigation .mobile-bottom .nav-logo {
    padding-bottom: 50px !important;
}

@media(min-width: 992px){
    nav.navbar .navbar-nav .nav-item .nav-link {
        text-align: center;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-parent {
        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 {
        text-underline-offset: 0.125rem !important;
        text-decoration-color: var(--secondary);
    }
}

/*dia icons*/
nav.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item [class^="dia-"],
nav.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item [class^="big-setting-"] {
    font-size: 24px !important;
    line-height: 1px !important;
    height: 20px !important;
    margin-right: 0.3125rem !important;
    transform: translateY(-2px);
    display: flex !important;
    align-items: center !important;
}
nav.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item [class^="big-setting-"]{
    font-size: 44px !important;
}
nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/diamonds?diamondshape="],
nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/jewelry/engagement?style"],
nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/ringsettings?settingType"] {
    display: flex !important;
    align-items: center !important;
    text-decoration-line: none !important;
}
@media(min-width:992px){
    nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/diamonds?diamondshape="]:hover > span,
    nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/diamonds?diamondshape="]:focus > span,
    nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/jewelry/engagement?style"]:hover > span,
    nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/jewelry/engagement?style"]:focus > span,
    nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/ringsettings?settingType"]:hover > span,
    nav.navbar .navbar-nav .nav-item .dropdown-menu a[href^="/ringsettings?settingType"]:focus > span {
        text-decoration-line: underline;
        text-decoration-color: var(--secondary);
        text-decoration-style: solid;
        text-decoration-thickness: 2px;
        text-underline-offset: 0.125rem !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown-wide.wedding-bands-dd div[class*=col-]:nth-child(1),
    nav.navbar .navbar-nav .nav-item.dropdown-wide.wedding-bands-dd div[class*=col-]:nth-child(3) {
        max-width: 180px !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown > .dropdown-menu:not(.dropdown-menu-wide) {
        border: 1px solid var(--bs-input-border-color) !important;
        margin-top: -0.5rem !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu:not(.dropdown-menu-wide) {
        background: #fbf8f3 !important;
        border-color: var(--bs-input-border-color) !important;
        border-radius: 0.25rem !important;        
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-image {
        min-width: 280px !important;
    }
}
@media(min-width:1200px){
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-image {
        min-width: 320px !important;
    }
}


/*  ==========================================
    FOOTER
==========================================  */

footer h6,
footer .h6 {
    font-family: var(--bs-h1-family) !important;
    font-size: 21px !important;
    text-align: left !important;
}

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

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

footer .subscribe-widget form .input-group .form-control {
    font-size: 12px !important;
}

@media(min-width:768px){
    footer h6.text-center {
        text-align: left !important;
    } 
    footer .text-lg-left .social-networks {
        justify-content: flex-start !important;
    }
}
@media(min-width:768px) and (max-width:991px){
    footer address.hours-box > table > tbody > tr {
        display: flex !important;
        flex-direction: column !important;
        padding-left: 0 !important;
        padding-top: 5px !important;
    }
    footer address.hours-box > table > tbody > tr > td > span {
        padding-left: 0 !important;
    }
}

/*  ==========================================
    COLUMN SLIDER
==========================================  */
.owl-carousel .owl-nav {
	visibility: visible !important;
	opacity: 1 !important;
}
.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 [data-pagebuilder="column"] .owl-stage-outer {
    width: 150% !important;
    max-width: 150% !important; 
}
section.offset-column-slider .column-slider .owl-nav {
    top: -30px !important;
    transform: translate(0,0) !important;
    width: 88px !important;
    right: 0 !important;
    left: auto !important;
}
section.offset-column-slider .column-slider .owl-nav {    
    /*
    opacity: 1 !important;
    visibility: visible !important;
    */
}

/*  ==========================================
    SOCIAL CAROUSEL
==========================================  */

.widget-social-carousel .widget .hover-layer {
    opacity: 1 !important;
    visibility: visible !important;
    background-color: rgba(var(--bs-secondary-rgb), 0.5);
}
.widget-social-carousel .social-icon,
.widget-social-carousel .social-heading,
.widget-social-carousel .social-description {
    display: none !important;
}
.widget-social-carousel .social-link {
    opacity: 0 !important;
    margin: 0 auto !important;
}
.widget-social-carousel .widget:hover .social-link,
.widget-social-carousel .widget:focus .social-link,
.widget-social-carousel .widget:active .social-link {
    opacity: 1 !important;
}


/* ==========================================
    TESTIMONIALS CAROUSEL
========================================== */

.testimonials-owl-carousel .owl-item > .d-flex {
    border: 1px solid var(--bs-input-border-color) !important;
    background: var(--bs-final-site-color) !important;
    padding: 20px !important;
    border-radius: 4px !important;
}
.testimonials-owl-carousel .owl-item .text-center,
.testimonials-owl-carousel .owl-item .star-rating,
.testimonials-owl-carousel .owl-item .review-description {
    text-align: left !important;
}
.testimonials-owl-carousel .owl-stage {
    display: flex !important;
}
.testimonials-owl-carousel .owl-item {
    height: 100% !important;
}
.testimonials-owl-carousel .owl-dots {
    max-height: unset !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 2rem !important;
}
.testimonials-owl-carousel .owl-dots .owl-dot,
.testimonials-owl-carousel .owl-dots .owl-dot span {
    background: none !important;
    height: 15px !important;
    padding: 0 !important;
    border-radius: 0px !important;
}
.testimonials-owl-carousel .owl-dots .owl-dot {
    margin: 0 !important;
    width: 10% !important;
}
.testimonials-owl-carousel .owl-dots .owl-dot span {
    background: #EDE3D5 !important;
    margin: 0 !important;
    opacity: 1 !important;
    width: 100% !important;
}
.testimonials-owl-carousel .owl-dots .owl-dot:first-child span {
    border-radius: 4px 0 0 4px !important;
}
.testimonials-owl-carousel .owl-dots .owl-dot:last-child span {
    border-radius: 0 4px 4px 0 !important;
}
.testimonials-owl-carousel .owl-dots .owl-dot:hover span,
.testimonials-owl-carousel .owl-dots .owl-dot:focus span,
.testimonials-owl-carousel .owl-dots .owl-dot.active span {
    background: #B48E62 !important;
    opacity: 1 !important;
}
.testimonials-owl-carousel .review-heading {
    text-transform: capitalize !important;
}
@media(min-width:768px){
    .testimonials-owl-carousel .owl-item > .d-flex {    
        aspect-ratio: 8 / 13 !important;
    }
}
@media(min-width:850px){
    .testimonials-owl-carousel .owl-item > .d-flex {    
        aspect-ratio: 8 / 10 !important;
    }
}
@media(min-width:992px){
    .testimonials-owl-carousel .owl-item > .d-flex {    
        aspect-ratio: 8 / 8 !important;
    }
}
@media(min-width:1080px){
    .testimonials-owl-carousel .owl-item > .d-flex {    
        aspect-ratio: 8 / 7.25 !important;
    }
}
@media(min-width:1200px){
    .testimonials-owl-carousel .owl-item > .d-flex {    
        aspect-ratio: 8 / 6.5 !important;
    }
}



/*  ==========================================
    FIXES
==========================================  */

body.global-cart-open #clbkwc_chat_id,
body.nav-right-back-open #clbkwc_chat_id, 
body.global-cart-open #clbkwc_outer_id,
body.nav-right-back-open #clbkwc_outer_id, 
body.global-cart-open #wlbkwc_messageButton,
body.nav-right-back-open #wlbkwc_messageButton, 
body.global-cart-open #wlbkwc_messageButton_left,
body.nav-right-back-open #wlbkwc_messageButton_left,
body.global-cart-open #clbkwc_mobilebtnDiv,
body.nav-right-back-open #clbkwc_mobilebtnDiv {
    z-index: -1 !important;
}

.grid-sidebar {
    background: var(--bs-final-site-color) !important;
}

.grid-sidebar-colwrap .fade-bottom {
    background: linear-gradient(to bottom, rgba(251,248,243,0) 0, rgba(251,248,243,1) 100%) !important;
}

.card.border-0,
.grid .grid-item .color-overlay {
    background: none !important;
}

#checkout-order-summary-heading {
    font-family: var(--bs-p-family), var(--bs-body-font-family) !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    margin: 0 auto !important;
    padding: 0 1rem 1.5rem 1rem !important;
    position: static !important;  
    width: 100% !important;
    transform: none !important;
    font-size: 16px !important;
    font-weight: bold !important;
    background: none !important;
}

.form-label-group > label, 
.form-label-group > .input-group > label, 
.form-label-group > .bootstrap-filestyle > label {
    border-radius: 60px !important;
}

.grid-item.border,
.grid-item > .border,
#checkout-order-summary-heading,
#jewelry-details-brand-image-mobile,
.card .form-label-group > label, 
.card .form-label-group > .input-group > label, 
.card .form-label-group > .bootstrap-filestyle > label, 
.card .form-label-group .selectpicker-has-value+label::before, 
.card .form-label-group.file.files-selected .bootstrap-filestyle+label::before, 
.card .form-label-group input:not([type=file]):not(:placeholder-shown)~label::before, 
.card .form-label-group textarea:not(:placeholder-shown)~label::before {
    background: white !important;
}

.border.rounded {
    background-color: white !important;    
}

.breadcrumb .breadcrumb-item.active {
    color: var(--bs-gray-500) !important;
}
.notfullwidth{max-width:1000px; margin:0 auto;}