/*!
 * Timmreck & McNicol Jewelers
 * Copyright 2008-2024 Punchmark
 */


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

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

.alternate-serif {
    font-family: 'cormorant', 'adobe-caslon-pro', serif !important;
}

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

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

[data-widget-element="widgetHeader"] > small {
    display: block !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1rem !important;
    font-family: var(--bs-p-family) !important;
    color: var(--bs-dark) !important; 
    margin-bottom: -0.5rem !important;
}

.product-slider .widget-inner {
    border: 0 !important;
}

.product-slider .widget-inner > span {
    background-size: 80% auto !important;
}

.product-slider .btn-wishlist {
    display: none !important;
}

.product-slider .product-title {
    font-size: 0.875rem !important;
    font-family: var(--bs-p-family) !important;
    color: var(--bs-dark) !important;
    text-align: center !important;    
    font-weight: normal !important;
    padding-top: 1rem !important;
    padding: 1rem 2rem 0 2rem !important;
}

.product-slider .product-price {
    font-size: 0.875rem !important;
    font-family: var(--bs-p-family) !important;
    color: var(--bs-dark) !important;
    text-align: center !important;
    font-weight: 500 !important;
}

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

header a#logo {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    padding: 0 0.625rem !important;
}

.toolbar,
.toolbar > .toolbar-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.toolbar > .toolbar-inner > ul > li > a {
    padding-left: var(--bs-grid-gutter-width) !important;
    padding-right: var(--bs-grid-gutter-width) !important;
}

.toolbar > .toolbar-inner > ul > li > a > i {
    font-size: 16px !important;
}

.toolbar > .toolbar-inner > ul > li > a > i + span {
    font-size: 11px !important;
    letter-spacing: 0.04rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    transform: translateY(1px) !important;
}

.toolbar > .toolbar-inner > ul > li + li {
    border-left: 1px solid rgba(255,255,255,0.15) !important;
    margin-left: 0 !important;
}

.toolbar > .toolbar-inner > ul.left {
    border-right: 1px solid rgba(255,255,255,0.15) !important;
}

.toolbar > .toolbar-inner > ul.right {
    border-left: 1px solid rgba(255,255,255,0.15) !important;
}

.toolbar > .toolbar-inner > ul > li.dropdown > .dropdown-menu,
.toolbar.top .toolbar-inner ul li.dropdown > .dropdown-menu {
    margin-top: 0 !important;
}

.toolbar > .toolbar-inner > ul > li > a:hover {
    background-color: rgba(0,0,0,0.25) !important;
    color: var(--bs-light) !important;
}

.toolbar > .toolbar-inner > ul > li > a > i.icon-book {
    background: url(../images/calendar-check.svg) no-repeat center center !important;
    background-size: auto 90% !important;
    filter: invert(1) !important;
}

.toolbar > .toolbar-inner > ul > li > a > i.icon-book::before {
    visibility: hidden !important;
    opacity: 0 !important;
}

@media(max-width:991px){
    header .content-toolbar.inline-right {
        padding-right: 0.3125rem !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a > i {
        color: var(--bs-primary) !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li > a:hover > i,
    header .content-toolbar .content-toolbar-inner > ul > li > a:focus > i{
        color: var(--bs-primary) !important;
        opacity: 0.5 !important;
    }
}

@media(max-width:450px){
    header .content-toolbar .content-toolbar-inner>ul>li.item-search,
    header .content-toolbar .content-toolbar-inner>ul>li.item-wishlist {
        display: none !important;
    }
    header .content-toolbar {
        padding-left: 0 !important;
    }
}

@media(min-width:290px){
    header a#logo {
        width: 200px !important;
        min-width: 200px !important;
        max-width: 200px !important;
        padding: 0 0.625rem !important;
    }
}

@media(min-width:500px){
    header a#logo {
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
        padding: 0 0.625rem !important;
    }
}

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

@media(min-width:992px){
    header {
        padding: 0.625rem 0 !important;
    }
    header a#logo {
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline {
        flex-direction: column !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group {
        flex-direction: row !important;
        border: 0 !important;
        border-bottom: 2px solid var(--bs-primary) !important;
        border-radius: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 145px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group .btn,
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group .form-control + .input-group-btn .btn {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-radius: 0 !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group .form-control {
        padding-left: 0 !important;
        padding-right: 0.625rem !important;
        border-radius: 0 !important;
        font-size: 14px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search > a > i {
        font-size: 1.5rem !important;
        color: var(--bs-primary) !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group .btn > i {
        font-size: 1.5rem !important;
        color: var(--bs-primary) !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search > a:hover > i,
    header .content-toolbar .content-toolbar-inner > ul > li.item-search > a:focus > i,
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group .btn:hover > i,
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group .btn:focus > i {        
        color: var(--bs-primary-800) !important;
    }
}

@media(min-width:1200px){
    header a#logo {
        width: 315px !important;
        min-width: 315px !important;
        max-width: 315px !important;
    }
    header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group {
        width: 185px !important;
    }
}

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

@media(max-width:991px){
    /**/
}

@media(min-width:992px){
    nav.navbar .navbar-nav {
        justify-content: space-around !important;
    }
    nav.navbar .navbar-nav .nav-item {
        /**/
    }
    nav.navbar .navbar-nav .nav-item .nav-link {
        font-size: 12px !important;
        line-height: 1 !important;
        letter-spacing: 0.03rem !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
    }
}

@media(min-width:1400px){
    nav.navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px !important;
        letter-spacing: 0.04rem !important;
        font-weight: 500 !important;
    }
}

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

@media(max-width:767px){
    footer .subscribe-widget-xl form label {
        white-space: wrap !important;
        margin: 0 auto !important;
    }
    footer [data-bs-toggle="collapse"] h6, 
    footer [data-bs-toggle="collapse"] .h6 {
        padding: calc(var(--bs-container-padding-x) * 2) 0 calc(var(--bs-container-padding-x) * 1.5) 0;
    }
    footer [data-bs-toggle="collapse"] h6::after, 
    footer [data-bs-toggle="collapse"] .h6::after {
        transform: rotate(180deg) !important;
    }
    footer ul.mobile-collapse, footer div.mobile-collapse {
        padding: 0px 0px calc(var(--bs-container-padding-x-2x) * 2) 0px !important;
    }
    .text-center.text-md-left .social-networks {
        justify-content: center !important;
    }
    footer .footer-affiliate-logos {
        margin: 2rem auto !important;
    }
}

/* ===================================
    Banners
=================================== */

section.tmj-banners {
    padding: 0 !important;
}

section.tmj-banners [data-pagebuilder="section-container"] {
    padding: 0 !important;
    max-width: 100% !important;
}

section.tmj-banners [data-pagebuilder="section-container"] [data-pagebuilder="row"] {
    margin: 0 !important;
}

section.tmj-banners [data-pagebuilder="section-container"] [data-pagebuilder="row"] [data-pagebuilder="column"] {
    padding: 0 !important;
    display: flex !important;
}

section.tmj-banners [data-pagebuilder="section-container"] [data-pagebuilder="widget"][data-widget-index="1"] {
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

section.tmj-banners [data-pagebuilder="section-container"] [data-pagebuilder="widget"][data-widget-index="2"] {
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

section.tmj-banners [data-pagebuilder="section-container"] [data-pagebuilder="widget"][data-widget-index="2"] .widget-text-overlay {
    left: -50% !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 2.5rem 1.25rem !important;
} 

@media(max-width: 991px){
    section.tmj-banners [data-pagebuilder="section-container"] [data-pagebuilder="widget"][data-widget-index="1"] {
        display: none !important;
    }
    section.tmj-banners [data-pagebuilder="section-container"] [data-pagebuilder="widget"][data-widget-index="2"] .widget-text-overlay {
        left: 0 !important;
        width: 100% !important;
        max-width: 100% !important; 
        padding: 2.5rem !important;
    }
    section.tmj-banners [data-pagebuilder="section-container"] [data-pagebuilder="row"] [data-pagebuilder="column"] {
        display: flex !important;
        flex-direction: column !important;
    }
}

/* ===================================
    Services
=================================== */

#pb-service-block .col-12.col-md-6.col-lg-4 {
    width: 100% !important;
    max-width: 100% !important;
}

#pb-service-block .card {
    background: none !important;
    border: 0 !important;
}

#pb-service-block .card .card-body {
    padding: 0 !important;
}

#pb-service-block .card .btn-link {
    display: none !important;
}

#pb-service-block .card h6 {
    font-family: var(--bs-p-family) !important;
    color: white !important;
    text-align: left !important;
    font-size: 14px !important;
    border-bottom: 1px solid white;
    padding-bottom: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

#pb-service-block .card p {
    font-family: var(--bs-p-family) !important;
    color: white !important;
    text-align: left !important;
    font-size: 11px !important;
    line-height: 1.25rem !important;
}

[data-pagebuilder="widget"].h-100 a img {
    object-fit: cover !important;
    object-position: center !important;
    width: auto !important;
    height: 100% !important;
}

/* ===================================
    Border Separated Columns
=================================== */

@media(min-width:768px){
    section.border-separated-cols [data-pagebuilder="column"] + [data-pagebuilder="column"] {
        border-left: 1px solid rgba(0,0,0,0.15) !important;
    }
}