/*!
 * Client Name Local Styles
 * Copyright 2008-2017 Punchmark
 */

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

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;
}

/* .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;
}

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