/*!
 * Marks of Design
 * http://www.marksofdesign.com
 * Copyright 2008-2023 Punchmark
 */

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

@font-face {
    font-family: northwell;
    src: url('../fonts/northwell.ttf');
}

.cursive {
    font-family: northwell, cursive !important;
}

.cursive.lead {
    font-size: 40px !important;
}

body {
    background-color: #b9a2bc !important;
    /*background-color: var(--primary) !important;*/
}

section.bg-transparent {
    position: relative !important;
}

section.bg-transparent::after {
    background-image: url(../images/white-curve-top.svg); 
    background-repeat: no-repeat!important;
    background-position: bottom center !important;
    background-size: 104% auto !important;
    overflow: visible !important;
    aspect-ratio: 500 / 75 !important;
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
}

section.bg-transparent {
    margin-top: -80px !important;
}

@media(min-width:768px){
    section.bg-transparent {
        margin-top: -170px !important;
    }
    section.brush-1-bg,
    section.brush-2-bg {
        background-repeat: no-repeat !important;
        background-position: top center !important;
        background-size: 100% 100% !important;
    }
    section.brush-1-bg {
        background-image: url(https://cdn.jewelryimages.net/static/domains/marksofdesign/images/store-pics/brush-1.jpg);        
    }
    section.brush-2-bg {
        background-image: url(https://cdn.jewelryimages.net/static/domains/marksofdesign/images/store-pics/brush-2.jpg);
    }
}

section.purple-curve {
    display: none !important;
}

span.ampersand {
    font-family: var(--bs-h1-family) !important;
} 

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

header {
    border: 0 !important;
    box-shadow: none !important;
    height: 80px !important;
    max-height: 80px !important;
}

header a#logo {
    padding: 0px 0px 0px 0px !important;
}
header a#logo img {
    padding: 10px !important
}

header .content-toolbar .content-toolbar-inner > ul > li > a,
header .content-toolbar .content-toolbar-inner > ul > li > a > i {
    color: #ffffff !important;
}
header .content-toolbar .content-toolbar-inner > ul > li > a > i {
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-stroke-color: inherit !important;
}

@media(min-width:768px){
    header {
        height: 170px !important;
        max-height: 170px !important;
    }
    header a#logo {
        padding: 20px 20px 10px 20px !important
    }
    header a#logo img {
        padding: 0px !important
    }
}

/*  ===============================
    NAVIGATION 
===============================  */

nav.navbar .navbar-nav .nav-item .nav-link {
    font-size: 13px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    letter-spacing: 0.04rem !important;
}

@media(max-width:767px){
    nav.navbar #main-navigation {
        background: var(--bs-primary) !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: rgba(255,255,255,1) !important;
        font-weight: 500 !important;
    }
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .form-control::placeholder {
        color: rgba(255,255,255,0.5) !important;
        font-weight: 400 !important;
    }
    nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-plus > i,
    nav.navbar #main-navigation .mobile-top .mobile-top-search .input-group .btn {
        color: rgba(255,255,255,0.5) !important;
        -webkit-text-stroke-width: 1px !important;
        -webkit-text-stroke-color: inherit !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: rgba(255,255,255,1) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-logo {
        padding-bottom: 50px !important;
    }    
    nav.navbar #main-navigation .mobile-bottom .social-networks {
        display: none !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons {
        border-radius: 0 !important;
        border-color: rgba(255,255,255,0.1) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn {
        border-radius: 0 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 0.04rem !important;
        color: #ffffff !important;
        border-color: rgba(255,255,255,0.1) !important;
    }
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn:hover,
    nav.navbar #main-navigation .mobile-bottom .nav-bottom-buttons .btn:focus {
        background: var(--bs-secondary) !important;
        color: var(--bs-primary) !important;
    }
    nav.navbar .navbar-nav > .nav-item .dropdown-menu .dropdown-plus > i {
        color: var(--bs-p-color) !important;
        -webkit-text-stroke-width: 0px !important;
        -webkit-text-stroke-color: inherit !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        background: var(--bs-light) !important;
    }
}

@media(min-width: 768px){
    nav.navbar .navbar-nav .nav-item + .nav-item {
        padding-left: 1.25rem;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
        box-shadow: 0 2000px 0 2000px rgba(185,162,188,0.75);
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .container {
        padding-top: calc(var(--bs-gutter-x, 0.625rem) * 2.5);
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item.dropdown-item-parent {
        text-transform: uppercase !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        letter-spacing: 0.04rem !important;
    }
}

@media(min-width: 992px){
    nav.navbar .navbar-nav .nav-item + .nav-item {
        padding-left: 2.5rem;
    }
}

@media(min-width: 1200px){
    nav.navbar .navbar-nav .nav-item + .nav-item {
        padding-left: 3.5rem;
    }
}

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

footer {
    border-top: 0 !important;
}

footer h6 {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04rem !important;
}

footer .footer-section:nth-child(1) {
    background-color: white; 
    background-image: url(../images/purple-curve-bottom.svg); 
    background-repeat: no-repeat!important;
    background-position: bottom center !important;
    background-size: 100% auto !important;
    overflow: visible !important;
    aspect-ratio: 500 / 70 !important;
    margin-left: -0.625rem !important;
    margin-right: -0.625rem !important;
}

footer address,
footer .footerlinks a {
    color: #ffffff !important;
    opacity: 1 !important;
}

footer .footerlinks a > i {
    width: 18px !important;
    margin-right: 6px !important;
    text-align: center !important;
}

footer .d-flex.align-items-start > i {
    width: 18px !important;
    margin-right: 6px !important;
    display: block !important;
    text-align: center !important;
    transform: translateY(2px) !important;
}

@media(min-width:768px){
    footer h6,
    footer h6.text-center {
        text-align: left !important;
    }
}

@media(min-width: 992px){
    footer .footer-section:nth-child(1) {
        aspect-ratio: 500 / 70 !important;
    }   
}

@media(max-width:767px){
    footer .col-12:nth-child(1) > [data-bs-toggle="collapse"]:nth-child(1) {
        border-top: 0 !important;
    }
}

/*  ===============================
    MASTER PAGE TWEAKS
===============================  */

.grid-sidebar .grid-sidebar-elem-heading h5 button, 
.grid-sidebar .grid-sidebar-elem-heading h5 a, 
.grid-sidebar .grid-sidebar-elem-heading.filter-heading h5>span {
    text-transform: uppercase !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04rem !important;
}

/*  ===============================
    WIDGETS
===============================  */

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::after,
.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::before {
    content: none !important;
}

.widget-social-carousel .owl-dots.disabled,
.widget-social-carousel .owl-item .social-heading,
.widget-social-carousel .owl-item .social-interactions,
.widget-social-carousel .owl-item .social-link {
    display: none !important;
}

.widget-social-carousel .owl-item .social-icon {
    font-size: 3rem;
}

.widget-social-carousel .owl-item .social-description {
    margin-bottom: 0 !important;   
}

.scroller-item a {
    max-height: unset !important;
    height: auto !important;
    max-width: 150px !important;
    width: auto !important;
    margin: 0 auto !important;
}
.scroller-item a img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
}

.brand-logo-slider .owl-nav {
    position: absolute;
    top: calc(50% - 16px);
    left: 0;
    width: 100%;
}
.owl-nav button {
    background: #ffffff !important;
    color: var(--primary) !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 6px !important;
    box-shadow: 2px 4px 10px rgba(0,0,0,0.1) !important;
}
.owl-nav button i {
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-stroke-color: inherit !important;
    width: 32px !important;
    height: 32px !important;
    font-size: 14px !important;
}
.owl-nav button.owl-prev {
    position: absolute !important;
    left: 10px !important;
}
.owl-nav button.owl-next {
    position: absolute !important;
    right: 10px !important;
}
.owl-nav button:hover,
.owl-nav button:focus,
.owl-nav button:active {
    background: var(--primary) !important;
    color: #ffffff !important;
} 


/*  ===============================
    MAIN CONTENT - CHECKERBOARD
===============================  */

[data-widget-index="1"] .widget-inner.marks-image-border {
    position: relative !important;
}
[data-widget-index="1"] .widget-inner.marks-image-border::before {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    border: 3px solid var(--dark) !important;
    z-index: 1 !important;
    content: "" !important;
}
.widget-inner.marks-image-border img {
    z-index: 2 !important;
    position: relative !important;
}
[data-pagebuilder="row"] > [data-pagebuilder="column"]:nth-child(1) .widget-inner.marks-image-border::before {
    top: -8px !important;
    left: 8px !important;
}
[data-pagebuilder="row"] > [data-pagebuilder="column"]:nth-child(2) .widget-inner.marks-image-border::before {
    top: -8px !important;
    left: -8px !important;
}
[data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot [data-widget-index="1"] {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
}
[data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot [data-widget-index="1"] .marks-image-border {
    aspect-ratio: 1 / 1 !important;
}
[data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot [data-widget-index="1"] .marks-image-border > img {
    width: 40% !important;
    height: 40% !important;
    margin-left: 0 !important;
    transform: translate(-45%, -35%) !important;
}
[data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot [data-widget-index="2"] {
    position: absolute !important;
    top: -17% !important;
    right: 3% !important;
    width: 55% !important;
    height: 55% !important;
}
[data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot [data-widget-index="3"] {
    position: absolute !important;
    bottom: 17% !important;
    left: -22% !important;
    width: 75% !important;
    height: 50% !important;
}
[data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot [data-widget-index="4"] {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 40% !important;
    height: 40% !important;
}
[data-pagebuilder="row"] > [data-pagebuilder="column"].custom-made-carousel .owl-carousel .owl-stage-outer {
    border-radius: 10px !important;
}
[data-pagebuilder="row"] > [data-pagebuilder="column"].custom-made-carousel .owl-carousel::before {
    position: absolute !important;
    width: 100% !important;
    height: calc(100% - 30px) !important;
    border: 3px solid var(--dark) !important;
    z-index: 0 !important;
    content: "" !important;
    top: -8px !important;
    left: 8px !important;
}

.owl-dots {
    height: 8px !important;
    display: flex !important;
    justify-content: center !important;
    visibility: visible !important;
    padding-top: var(--bs-container-padding-x-2x);
    padding-bottom: var(--bs-container-padding-x)
}
.owl-dots .owl-dot {
    border-radius: 50% !important;
    opacity: .2 !important;
    background: #000000 !important;
    height: 8px !important;
    width: 8px !important;
    display: inline-block !important;
    padding: 0 !important;
    text-indent: -9999px !important;
    outline-width: 0 !important
}
.owl-dots .owl-dot:hover,
.owl-dots .owl-dot:focus,
.owl-dots .owl-dot.active {
    background: var(--primary) !important;
    opacity: 1 !important;
    outline-width: 0 !important
}
.owl-dots .owl-dot+.owl-dot {
    margin-left: var(--bs-container-padding-x) !important;
}
.owl-dots .owl-dot span {
    display: none
}
.owl-dots .owl-dot.active span {
    display: none
}

@media(max-width:767px){    
    [data-widget-index="1"] .widget-inner.marks-image-border::before,
    [data-pagebuilder="row"] > [data-pagebuilder="column"].custom-made-carousel .owl-carousel::before {
        border-radius: 6px !important;
    }
    .widget-inner.marks-image-border img {
        border-radius: 5px !important;
    }
    [data-pagebuilder="row"] > [data-pagebuilder="column"].custom-made-carousel .owl-carousel,
    [data-pagebuilder="row"] > [data-pagebuilder="column"]:nth-child(1) .widget-inner.marks-image-border img {
        transform: translate(-5px,5px) !important;
    }
    [data-pagebuilder="row"] > [data-pagebuilder="column"]:nth-child(2) .widget-inner.marks-image-border img {
        transform: translate(5px,5px) !important;
    }
    [data-pagebuilder="row"] > [data-pagebuilder="column"].custom-made-carousel .owl-carousel::before {
        top: -13px !important;
        left: 13px !important;
    }
    [data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot {
        transform: translateX(-5%) !important;
    }
    [data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot .widget-inner.marks-image-border::before {
        left: calc(5% + 8px) !important;
    }
    [data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot .widget .marks-image-border > img {
        transform: none !important;
    }
    [data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot [data-widget-index="1"] .marks-image-border > img {
        transform: translate(9%, 3%) !important;
        width: 45% !important;
    }
    [data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot [data-widget-index="2"] {
        top: -6% !important;
        right: -13% !important;
        width: 62% !important;
    }
    [data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot [data-widget-index="3"] {
        bottom: 7% !important;
        left: -2.5% !important;
        width: 59% !important;
    }
    [data-pagebuilder="row"] > [data-pagebuilder="column"].multi-image-spot [data-widget-index="4"] {
        bottom: -0.5% !important;
        right: 1.75% !important;
    }
}
@media(min-width:768px){
    .widget-inner.marks-image-border::before,
    [data-pagebuilder="row"] > [data-pagebuilder="column"].custom-made-carousel .owl-carousel::before {
        border-radius: 11px !important;
    }
    .widget-inner.marks-image-border img {
        border-radius: 10px !important;
        transform: translate(0px,0px) !important;
    }    
    [data-pagebuilder="row"] > [data-pagebuilder="column"]:nth-child(1) .widget-inner.marks-image-border::before,
    [data-pagebuilder="row"] > [data-pagebuilder="column"].custom-made-carousel .owl-carousel::before {
        top: -20px !important;
        left: 20px !important;
    }
    [data-pagebuilder="row"] > [data-pagebuilder="column"]:nth-child(2) .widget-inner.marks-image-border::before {
        top: -20px !important;
        left: -20px !important;
    }
}