/* ==========================================================================
   inverse.css
   .inverse switches headings, text and links to light colors for dark
   backgrounds. Components handle their own inverse styles in their files.
   ========================================================================== */

/* Any element with the class "inverse" */
.inverse {
}

.inverse .elementor h1,
.inverse .elementor h2,
.inverse .elementor h3,
.inverse .elementor h4,
.inverse .elementor h5,
.inverse .elementor h6 {
    color: var(--content-primary-inverse);
}

.inverse .elementor-heading-title {
    color: var(--content-primary-inverse);
}

.inverse p,
.inverse .elementor-widget-text-editor {
    color: var(--content-secondary-inverse);
}

.inverse a {
    color: var(--content-secondary-inverse);
}

/* Any element with the class "gray" (legacy). Note: --color-reverse-background
   is not defined, so this currently has no effect. */
.gray {
    background-color: var(--color-reverse-background);
}