/**
 * Pillar-based Color Theming
 * Overrides color variables based on the material category (pillar)
 */

body.pillar-wood {
    /*
    --the7-title-color: var(--color-wood);
    --the7-accent-color: var(--color-wood);
     */
    --text-color: #fff;
    --primary-color: var(--color-wood);
}

body.pillar-wood .popup input[type="submit"],
body.pillar-wood .contact-form-product .dt-btn,
body.pillar-wood .bg-pillar {
    background-color: #e9ecef !important;
    color: var(--color-dark) !important;
    border-left: 20px solid var(--color-wood) !important;
}

body.pillar-glass {
    /*
    --the7-title-color: var(--color-glass);
    --the7-accent-color: var(--color-glass);
     */
    --text-color: #000;
    --primary-color: var(--color-glass);
}

body.pillar-glass .popup input[type="submit"],
body.pillar-glass .contact-form-product .dt-btn,
body.pillar-glass .bg-pillar {
    background-color: #e9ecef !important;
    color: var(--color-dark) !important;
    border-left: 20px solid var(--color-glass) !important;
}

.bg-glass {
    background-color: #e9ecef !important;
    color: var(--color-dark) !important;
    border-left: 20px solid var(--color-glass) !important;
}

.wood-bg {
    background-color: var(--color-wood) !important;
}
.stone-bg {
    background-color: var(--color-stone) !important;
}
.glass-bg {
    background-color: var(--color-glass) !important;
}

.wood-bg-hover:hover {
    background-color: var(--color-wood) !important;
}
.wood-bg-hover:hover a .menu-text {
    color: white !important;
}
.stone-bg-hover:hover {
    background-color: var(--color-stone) !important;
    color: black !important;
}
.stone-bg-hover:hover a .menu-text {
    color: black !important;
}
.glass-bg-hover:hover {
    background-color: var(--color-glass) !important;
    color: black !important;
}
.glass-bg-hover:hover a .menu-text {
    color: black !important;
}

.bg-wood {
    background-color: #e9ecef !important;
    color: var(--color-dark) !important;
    border-left: 20px solid var(--color-wood) !important;
}
.bg-wood .dt-btn {
    color: #fff !important;
    background-color: var(--color-wood) !important;
}

.bg-glass .dt-btn {
    background-color: var(--color-glass) !important;
}
.bg-stone .dt-btn {
    background-color: var(--color-stone) !important;
}

.bg-glass .dt-btn,
.bg-stone .dt-btn {
    color: black !important;
}

.bg-stone {
    background-color: #e9ecef !important;
    color: var(--color-dark) !important;
    border-left: 20px solid var(--color-stone) !important;
}

.bg-stone h1,
.bg-glass h1 {
    color: var(--color-dark) !important;
}

body.pillar-stone .popup h3,
body.pillar-glass .popup h3,
body.pillar-stone .bg-pillar h2,
body.pillar-glass .bg-pillar h2 {
    color: var(--color-dark) !important;
}

body.pillar-stone .bg-pillar .dt-btn,
body.pillar-glass .bg-pillar .dt-btn {
    background-color: var(--color-dark) !important;
}

body.pillar-stone {
    /*
    --the7-title-color: var(--color-stone);
    --the7-accent-color: var(--color-stone);
     */
    --text-color: #000;
    --primary-color: var(--color-stone);
}

body.pillar-stone .popup input[type="submit"],
body.pillar-stone .contact-form-product .dt-btn,
body.pillar-stone .bg-pillar {
    background-color: #e9ecef !important;
    color: var(--color-dark) !important;
    border-left: 20px solid var(--color-stone) !important;
}

.dt-btn:not(.btn-light):not(.default-btn-shortcode):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style), .mec-event-footer .mec-booking-button, .give-btn.give-btn-reveal, .give-submit.give-btn,
.main-nav > .btn-nav > a{
    background-color: var(--color-wood) !important;
    color: #fff !important;
}
.main-nav > .btn-nav > a .menu-text {
    color: #fff !important;
}