/*!
 * Molly Phillips Local Styles
 * Copyright 2008-2017 Punchmark
 */

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

 Header

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


@media (min-width: 768px) {
    nav.navbar .navbar-nav .nav-item .nav-link {
       text-transform: uppercase !important;
    }
    nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-wide .dropdown-item {
        color: var(--bs-light);
    }
}

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

 Footer

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

footer {
  background-color: var(--secondary) !important;
}

body:not(#jewelry-details) footer {
    position: relative;
    z-index: 5100;
}

footer .modal {
    z-index: 5051;
}

footer .modal * {
    color: var(--bs-dark) !important;
}

footer .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5050;
    width: 100vw;
    height: 100vh;
    background-color: #151515;
    opacity: 0.1;
}

footer .modal h6 {
    margin-top: 0 !important;
}

footer * {
    color: var(--bs-light) !important;
}

footer .subscribe-widget form .input-group {
    border-color: var(--bs-light) !important;
}

footer .subscribe-widget form .input-group .form-control::placeholder {
    color: var(--bs-light) !important;
}

footer .required-links li a:hover,
footer .required-links li a:focus {
  text-decoration: underline;
}

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

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

footer .social-networks .network:hover i,
footer .social-networks .network:focus i {
    color: var(--bs-dark) !important;
}

footer .btn {
    color: var(--bs-dark) !important;
}

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

 Header

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

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

@media (max-width: 767px) {
    nav.navbar #main-navigation {
        background: var(--bs-secondary) !important;
    }
    nav.navbar #main-navigation a,
    nav.navbar #main-navigation span,
    nav.navbar #main-navigation i,
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item>a,
    nav.navbar #main-navigation .mobile-bottom .social-networks .network i {
        color: #fff;
    }
    nav.navbar #main-navigation a:hover,
    nav.navbar #main-navigation a:focus,
    nav.navbar #main-navigation a:hover span,
    nav.navbar #main-navigation a:focus span,
    nav.navbar #main-navigation a:hover i,
    nav.navbar #main-navigation a:focus i,
    nav.navbar #main-navigation button.dropdown-plus:hover i,
    nav.navbar #main-navigation button.dropdown-plus:focus i {
        color: var(--primary);
    }
    nav.navbar #main-navigation .mobile-bottom .social-networks .network {
        border-color: #fff;
    }
    nav.navbar #main-navigation .dropdown-submenu a,
    nav.navbar #main-navigation .dropdown-submenu span,
    nav.navbar #main-navigation .dropdown-submenu i,
    nav.navbar #main-navigation .mobile-top .input-group .form-control,
    nav.navbar #main-navigation .menu-currency-switcher span {
        color: #000;
    }
        nav.navbar .nav-bottom-buttons a.toggle-global-cart:hover span,
    nav.navbar .nav-bottom-buttons a.toggle-global-cart:focus span {
        color: #000 !important;
    }
}

/* header a:hover,
header a:focus,
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-secondary) !important;
 } */


 header .content-toolbar .content-toolbar-inner>ul>li {
    color: #fff;
 }

 @media (min-width: 768px) {
    nav.navbar .navbar-nav .nav-item .nav-link {
        color: #ffffff;
    }
}
 /*====================

 General

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

#login h1,
#login p,
#login .breadcrumb .breadcrumb-item>a {
    color: var(--bs-light) !important;
}

#login .breadcrumb .breadcrumb-item.active {
    color: var(--primary) !important;
}

#login .form-label-group .form-control, 
#login .form-label-group .bootstrap-filestyle .form-control {
    color: var(--bs-light) !important;
}

@media (max-width: 767px) {
    section[data-pagebuilder="section"].mobile-stack.default .widget-text-overlay .text-light, section[data-pagebuilder="section"].mobile-stack.inset .widget-text-overlay .text-light {
        color: var(--bs-light) !important;
    }
}

section.scrollable-section .section-scrollbar .section-scrollbar-thumb {
    background: var(--bs-primary) !important;
}

section.scrollable-section .section-scrollbar .section-scrollbar-thumb:hover,
section.scrollable-section .section-scrollbar .section-scrollbar-thumb:focus {
    background: var(--bs-dark) !important;
}

#jewelry section.default {
    background: var(--bs-light) !important;
    background-color: var(--bs-light) !important;
}

#jewelry-details #jewelry-details-brand-image {
    display: none !important;
}
    
#jewelry #grid-sidebar-object,
#jewelry #grid-sidebar-object *,
#jewelry .final-bg,
#jewelry-details section.default {
    background: var(--bs-light) !important;
    background-color: var(--bs-light) !important;
}

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

Ringsettings / Shape fixes

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

#ringsettings section.default,
#ringsettings section.grid-section .container,
#ringsettings section.grid-section .grid-col .sticky .justify-content-center,
#ringsettings .steps-1-2-3-block.active>.step {
    background: var(--bs-light) !important;
    background-color: var(--bs-light) !important;
}

@media (min-width: 768px) {
    .steps-1-2-3-block.active .step .rhombus-top::before {
        border-top: 50px solid var(--bs-light);
    }
    .steps-1-2-3-block.active .step .rhombus-top {
        border-bottom: 50px solid var(--bs-light);
    }
    /* .steps-1-2-3-block .step .rhombus, .steps-1-2-3-block .step .rhombus-top {
        border-top: 50px solid var(--bs-light);
    } */
}

#ringsettings .grid .grid-item .no-vendor .btn-wishlist {
    border: none !important;
    background: transparent !important;
}

.ringsettings-icons div a span, 
.diamond-search-icons div a span {
    color: var(--bs-light);
}

.ringsettings-icons a, 
.diamond-search-icons a {
    color: var(--bs-light);
}

.ringsettings-icons a:hover, 
.diamond-search-icons a:hover,
.ringsettings-icons a:focus, 
.diamond-search-icons a:focus {
    color: rgba(255, 255, 255, 0.7);
}

#jewelry section.grid-section .container,
#jewelry-details section.grid-section .container {
    background: transparent !important;
}

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

Product Slider Fixes

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

.product-scroller .product-scroller-item .grid-item-title, .product-scroller .product-scroller-item .grid-item-brand, .product-scroller .product-scroller-item .grid-item-price, .product-scroller .product-scroller-item .grid-item-availability {
    color: var(--bs-light) !important;
}

.product-scroller .product-scroller-item button {
    color: var(--bs-light);
}