/*!
 * Deangelis Local Styles
 * Copyright 2008-2017 Punchmark
 */


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

 General

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

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button {
    background: var(--secondary) !important;
}

[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button:hover,
[data-pagebuilder="section"] [data-widget-type="slider"] .owl-carousel .owl-nav button:focus {
    background: var(--bs-dark) !important;
}

.btn-secondary {
    color: #fff !important;
}

section.alt {
    background: #fefcfb !important;
}

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

Header

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

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

header .content-toolbar .content-toolbar-inner>ul>li:hover,
header .content-toolbar .content-toolbar-inner>ul>li:focus,
header .content-toolbar .content-toolbar-inner>ul>li>a:hover, 
header .content-toolbar .content-toolbar-inner>ul>li>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-dark);
}

header {
    padding-top: 0 !important;
    background: var(--primary) !important;
}

header, header .main-content, header .main-content > .row > .col {
        height: 90px !important;
    }

@media (min-width: 992px) {
    header, header .main-content, header .main-content > .row > .col {
        height: 130px !important;
    }
    nav.navbar .navbar-nav.navbar-left .nav-item .nav-link, 
    nav.navbar .navbar-nav.navbar-right .nav-item .nav-link,
    nav.navbar .navbar-nav.navbar-left .nav-item, 
    nav.navbar .navbar-nav.navbar-right .nav-item {
        color: #fff !important;
    }
    
    nav.navbar .navbar-nav.navbar-left .nav-item .nav-link:hover,
    nav.navbar .navbar-nav.navbar-left .nav-item .nav-link:focus,
    nav.navbar .navbar-nav.navbar-right .nav-item .nav-link:hover,
    nav.navbar .navbar-nav.navbar-right .nav-item .nav-link:focus,
    nav.navbar .navbar-nav.navbar-left .nav-item:hover,
    nav.navbar .navbar-nav.navbar-left .nav-item:focus,
    nav.navbar .navbar-nav.navbar-right .nav-item:hover,
    nav.navbar .navbar-nav.navbar-right .nav-item:focus {
        color: var(--bs-dark) !important;
    }
}

@media (max-width: 991px) {
    nav.navbar #main-navigation .mobile-top-toolbar .toolbar-item>a {
        color: var(--light);
    }
}

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

 Footer

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

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

footer .subscribe-widget-xl form .input-group .form-control::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

footer .logo {
    padding: 2.5rem 0.5rem !important;
    max-width: 275px !important;
    margin: 0 auto;
}

footer .footerlinks a:hover,
footer .footerlinks a:focus {
    text-decoration: underline;
}

footer p.copyrights a:hover, 
footer p.copyrights a:focus {
    text-decoration: underline;
}


footer .input-group>input.form-control+.input-group-btn>.btn {
    color: var(--bs-light);
}

footer .input-group>input.form-control+.input-group-btn>.btn:hover,
footer .input-group>input.form-control+.input-group-btn>.btn:focus {
    background-color: var(--bs-light);
    color: var(--bs-dark);
}

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

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

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

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

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

footer a:hover,
footer a:focus {
    text-decoration: underline;
}

 footer .footer-section:nth-child(3) .row > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    margin: 10px 0 30px !important;
 }

footer .footer-section:nth-child(3) .row > div div {
    position: relative;
    padding: 0 10px !important;
}

footer .footer-section:nth-child(3) .row > div div:first-child:before {
    content: "Our Address";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

footer .footer-section:nth-child(3) .row > div div:nth-child(2):before {
    content: "Our Hours";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}

 @media (max-width: 767px) {
    footer .footer-section:nth-child(3) .row > div div:first-child:before  {
        top: 8px;
    }
    footer .footer-section:nth-child(3) .row > div div:nth-child(2):before {
       top: 8px;
    }
    footer .footer-section:nth-child(3) .row > div div {
        padding-top: 30px !important;
    }
    footer .footer-section:nth-child(3) .row > div {
        display: block;
    }
 }

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

PDP / Grid backgrounds

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

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

 
#jewelry section.default {
    background: var(--bs-light) !important;
    background-color: var(--bs-light) !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,
#ringsettings-details section.default,
#ringsettings-details section.grid-section .container,
#ringsettings-details section.grid-section .grid-col .sticky .justify-content-center,
#ringsettings-details .steps-1-2-3-block.active>.step,
.form-label-group>label, .form-label-group>.input-group>label, .form-label-group>.bootstrap-filestyle>label {
    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;
}

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

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

#jewelry .ringsettings-icons a:hover, 
#jewelry .diamond-search-icons a:hover,
#jewelry .ringsettings-icons a:focus, 
#jewelry .diamond-search-icons a:focus,
#jewelry-details .ringsettings-icons a:hover, 
#jewelry-details .diamond-search-icons a:hover,
#jewelry-details .ringsettings-icons a:focus,
#jewelry-details .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;
}

#diamonds section.default,
#diamonds #diamond-search-table_wrapper .form-label-group .form-control.valid+label{
    background: var(--bs-light) !important;
}