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


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

.alert-global {
    background: #875c74;
}

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

.toolbar > .toolbar-inner > ul > li > a {
    color: rgba(255,255,255,1) !important;
    font-size: 11px!important;
    font-weight: 600!important;
    letter-spacing: 1px !important;
}

.toolbar > .toolbar-inner > ul > li > a:hover,
.toolbar > .toolbar-inner > ul > li > a:focus {
    color: #875c74 !important;
}

header .nav-inline-and-split a#logo {
    width: 140px !important;
    padding: 0 !important;
}

@media(max-width:991px){
    header .main-content-col {
        position: relative !important;
    }
    header .nav-inline-and-split a#logo {
        position: absolute;
        left: 50%;
        top: 7px;
        transform: translate(-50%,0);
        z-index: 1150
    }
}

@media(min-width:992px){
    header .nav-inline-and-split a#logo {
        width: 140px !important;
        padding: 0 !important;
    }
    header,
    header > .main-content,
    header > .main-content > .row,
    header > .main-content > .row > .nav-inline-and-split {
        height: 80px !important;
    }
    header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left, 
    header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
        width: calc(50% - 70px) !important;
    }
}

@media(min-width:1200px){
    header .nav-inline-and-split a#logo {
        width: 200px !important;
        padding: 0 !important;
    }
    header,
    header > .main-content,
    header > .main-content > .row,
    header > .main-content > .row > .nav-inline-and-split {
        height: 110px !important;
    }
    header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left, 
    header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
        width: calc(50% - 95px) !important;
    }
}


/*  ==================================
    NAV
==================================  */

nav.navbar .nav-item .nav-link {
    font-size: 14px!important;
    font-weight: 600!important;
    letter-spacing: 1px !important;
}

@media(max-width:991px){
    .navbar-toggler {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    nav.navbar .nav-item .nav-link {
        padding: 15px 20px !important;
    }
    nav.navbar .nav-item {
        border-top: 1px solid rgba(0,0,0,0.1) !important;
    }
}

@media(min-width:992px){
    nav.navbar,
    nav.navbar #main-navigation,
    nav.navbar #main-navigation > .inner-nav,
    nav.navbar #main-navigation > .inner-nav > ul,
    nav.navbar #main-navigation > .inner-nav > ul > li,
    nav.navbar #main-navigation > .inner-nav > ul > li > a {
        min-height: 80px !important;
    }
    nav.navbar #main-navigation {
        padding-left: 0.625rem !important;
        padding-right: 0.625rem !important;
    }
    nav.navbar .nav-item .nav-link {
        font-size: 12px!important;
        letter-spacing: 1px !important;
    }    
}

@media(min-width:1200px){
    nav.navbar,
    nav.navbar #main-navigation,
    nav.navbar #main-navigation > .inner-nav,
    nav.navbar #main-navigation > .inner-nav > ul,
    nav.navbar #main-navigation > .inner-nav > ul > li,
    nav.navbar #main-navigation > .inner-nav > ul > li > a {
        min-height: 110px !important;
    }
    nav.navbar .nav-item .nav-link {
        font-size: 14px!important;
        letter-spacing: 1px !important;
    }    
}


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

footer {
    background: #875C74 !important;
}

footer h6,
footer .h6 {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 1px!important;
}

/*  ==================================
    New Custom Home Slider
==================================  */

.slider-arrows-white.custom-home-slider * {
    font-family: trajan-pro-3, serif !important;
}

.slider-arrows-white.custom-home-slider button.owl-next {
    right: 20px !important;
    color: #fff !important;
}

.slider-arrows-white.custom-home-slider button.owl-prev {
    left: 20px !important;
    color: #fff !important;
}

.slider-arrows-white.custom-home-slider button i::before {
    font-size: 35px !important;
}

.slider-arrows-white.custom-home-slider p {
    font-size: 2.0vw;
}

.slider-arrows-white.custom-home-slider .btn {
    font-family: montserrat, sans-serif !important;
}