/*!
 * Charles Frederick Jewelers
 * Copyright 2008-2024 Punchmark
 */

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

.btn-primary {
    background-color: var(--bs-gray-500) !important;
    border-color: var(--bs-gray-500) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--bs-gray-600) !important;
    border-color: var(--bs-gray-600) !important;
}

.btn-outline-primary {
    color: var(--bs-gray-500) !important;
    border-color: var(--bs-gray-500) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    color: var(--bs-gray-600) !important;
    border-color: var(--bs-gray-600) !important;
}


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

.toolbar.top {
    background-color: var(--bs-gray-500) !important;
}

header a#logo {
    width: 200px;
    z-index: 2000 !important;
}

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

@media(max-width:400px){
    header a#logo { 
        width: 150px !important;
    }
}

@media(max-width: 500px) {
    header .content-toolbar .content-toolbar-inner>ul>li>a>i {
        font-size: 15px !important;
        width: 15px;
        height: 15px;
        margin: 0 1px !important;
    }
}

@media (min-width: 992px) {
    header a#logo {
        min-width: 200px;
        width:200px;
        padding: var(--bs-gutter-x, 0.625rem) var(--bs-container-padding-x-2x);
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (min-width: 1200px) {
    header a#logo {
        width:250px;
        min-width: 250px;
        padding: var(--bs-gutter-x, 0.625rem) var(--bs-container-padding-x-2x)
    }
}

@media(max-width: 991px) {
    header>.container, header>.container-fluid, header>.container-sm, header>.container-md, header>.container-lg, header>.container-xl, header>.container-xxl, header .container-fluid .row {
        height: 80px !important;
    }
    header .navbar-toggler {
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 5;
    }
}

header .content-toolbar {
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
    height: 100% !important;
}

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

@media (min-width: 992px) {
    nav.navbar,
    header .content-toolbar {
        z-index: 1160;
    }
}
/* =====================
    Footer 
===================== */

footer {
    border-top-color: var(--bs-dark) !important;
    background: var(--bs-light) !important;
}

footer .footerlinks a,
footer p,
footer p, footer .p, footer .small, footer address {
    color: var(--bs-dark);
}

footer address *,
footer address a,
footer address a * {
    color: var(--bs-p-color) !important;
}

footer address a:hover *,
footer address a:focus *,
footer .footerlinks a:hover,
footer .footerlinks a:focus,
footer .required-links a:hover, 
footer .required-links a:focus {
    color: var(--bs-primary) !important;
}

footer .social-networks .network {
    color: var(--bs-p-color) !important;
    border-color: var(--bs-p-color) !important;
}

footer .btn-outline-dark {
    border-width: 2px !important;
}

footer .btn-outline-dark:hover,
footer .btn-outline-dark:focus,
footer .social-networks .network:hover,
footer .social-networks .network:focus {
    background: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-light) !important;
}

footer > .copyrights p a:hover,
footer > .copyrights p a:focus {
    color: inherit !important;
    text-decoration: underline !important;
}

@media(max-width:767px){
    footer [data-bs-toggle="collapse"], 
    footer [data-bs-toggle="collapse"]:focus {
        border-color: rgba(0,0,0,0.1) !important;
    }
}

footer h6,
footer .h6 {
    color: var(--bs-p-color) !important;
}