/*!
 * Reiniger Jewelers Local Styles
 * Copyright 2008-2017 Punchmark
 */

 #jewelry section.default,
 #jewelry-details section.default {
    background: #fff !important;
 }

 /*================

Header

================*/

.toolbar.top .toolbar-inner ul li.dropdown>.dropdown-menu .dropdown-item:hover, 
.toolbar.top .toolbar-inner ul li.dropdown>.dropdown-menu .dropdown-item:focus {
    color: var(--bs-light) !important;
}

header {
    background: var(--bs-section-default-bg) !important;
}

@media (min-width: 992px) {
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide {
        background: var(--bs-section-default-bg) !important;

    }
}

/*==============

Footer

================*/

/* footer .footer-section:nth-child(1) .collapse div.footer-address-wide {
    text-align: left !important;
} */

footer {
    background: var(--bs-section-default-bg) !important;
}



@media(min-width: 768px) {
   footer .footer-section:nth-child(1) .collapse {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }

    footer .footer-section:nth-child(1) .collapse div.footer-address-wide {
        display: block;
        width: auto;
        max-width: 18%;
        flex: 0 18%;
        padding: 0 10px 0 0;
    }
}

/* @media(max-width: 767px) {
     footer .footer-section:nth-child(1) .collapse {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
    }

    footer .footer-section:nth-child(1) .collapse div.footer-address-wide {
        display: block;
        width: 33.33%;
        max-width: 33.33%;
        flex: 0 33.33%;
        padding: 0 10px;
    }

}


@media(max-width: 500px) {
    footer .footer-section:nth-child(1) .collapse {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
    }

    footer .footer-section:nth-child(1) .collapse div.footer-address-wide {
        display: block;
        width: 50%;
        max-width: 50%;
        flex: 0 50%;
        padding: 0 5px;
    }
} */


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

footer p>table tr>td>strong, footer .p>table tr>td>strong, 
footer .small>table tr>td>strong,
footer address>table tr>td>strong,
footer p>table tr>td>span, 
footer .p>table tr>td>span, 
footer .small>table tr>td>span, 
footer address>table tr>td>span,
footer p a, 
footer .p a, 
footer .small a,
 footer address a {
    color: var(--bs-p-color) !important;
}

footer .social-networks .network,
footer .social-networks .network i {
    color: var(--primary) !important;
}

footer .social-networks .network {
    opacity: 1;
    transition: opacity 0.15s linear;
}

footer .social-networks .network:hover,
footer .social-networks .network:focus {
    opacity: 0.7 !important;
}

/*================

Jewelry Details Left Align

================*/

@media(min-width: 768px) {
    #jewelry-details .custom-left-align span.text-center,
    #jewelry-details .custom-left-align div.text-center,
    #jewelry-details-available-locations {
        text-align: left !important;
    }
}