/*
 * HECU Dark Mode Layer
 * Loaded only on themed frontend routes. no_theme routes skip this file.
 */

/*
html.hecu-dark .hecu-switcher,
.hecu-dark .hecu-switcher,
.theme-dark .hecu-switcher {
    --bbtc-border: var(--hecu-brand, #0099ff);
    --bbtc-text: var(--hecu-brand, #0099ff);
    --bbtc-active-text: var(--hecu-bg, #000);
    --bbtc-menu-bg: var(--hecu-bg, #000);
    --bbtc-menu-text: var(--hecu-text, #fff);
    --bbtc-shadow: 0 10px 24px rgba(0, 0, 0, .45);
}

html.hecu-dark .hecu-family-menu .hecu-label,
.hecu-dark .hecu-family-menu .hecu-label {
    --hecu-family-label-text: var(--hecu-family-text-dark, var(--hecu-family-dark, var(--hecu-family-light, currentColor)));
    --hecu-family-dot-bg: var(--hecu-family-text-dark, var(--hecu-family-dark, var(--hecu-family-light, currentColor)));
    --hecu-family-hover-bg: var(--hecu-family-dark, var(--hecu-family-light, var(--toggle-color-fill)));
    --hecu-family-active-bg: var(--hecu-family-dark, var(--hecu-family-light, var(--toggle-color-fill)));
    --hecu-family-ring: var(--hecu-family-dark, var(--hecu-family-light, var(--toggle-color-fill)));
}

html.hecu-dark,
.hecu-dark,
.theme-dark {
    --surface: var(--hecu-surface);
    --section-bg: var(--hecu-section-bg, var(--hecu-surface));
    --container-bg: var(--hecu-container-bg, var(--hecu-surface));
    --panel-bg: var(--hecu-panel-bg, var(--hecu-surface));
}
*/


	bold,
	strong,
	.theme-dark,
	.theme-light,
	.title-dark,
	.text-dark,
	.link-dark,	
	.link-dark a,
	.line-dark,
	.line-dark a,
	.section-dark,
	.black-dark,
	.button-dark a.elementor-button,
	.section-dark-global,
	.section-dark-light,
	.elementor-heading-title,
	.subtitle-darke .elementor-heading-title  {
		transition: none !important;
}	

	.theme-dark .title-dark {
		color: #f5f5f7;
	}	
	
	.theme-dark .title-dark-button button {
		color: #f5f5f7;
	}	
	
.theme-dark .title-dark .elementor-heading-title {
		color: #f5f5f7 !important;
}
	
.theme-dark .subtitle-darke .elementor-heading-title {
		color: #f5f5f799 !important;
}	
	
.theme-dark .section-dark {
		background-color: #161616 !important;
}	
	
.theme-dark .section-black-dark {
		background-color: #000000 !important;
}		
	
.theme-dark .section-dark-global {
		background-color: #1d1d1f !important;
		transition: none;
}	
	
.theme-dark .section-dark-light {
		background-color: #222224 !important;
		transition: none;
}
	
.theme-dark .section-dark-light2 {
		background-color: #303032 !important;
		transition: none;
}
	
.theme-dark .section-dark-dark {
		background-color: #111 !important;
		transition: none;
}

.theme-dark .section-dark-darkest {
		background-color: #0b0b0b !important;
		transition: none;
}

.theme-dark .text-dark a {
	color: #0099ff;
}


.text-dark a:hover {
	text-decoration: underline;
}

.text-dark a:active {
	text-decoration: none;
}

.theme-dark .text-dark .elementor-widget-container {
		color: #f5f5f7;
}
	
.theme-dark .text-dark {
    color: #f5f5f7 !important;
}
	
.theme-dark .line-dark {
    background-color: #fff3 !important;
}
	
.theme-dark .button-dark a.elementor-button {
		background-color: #f5f5f7 !important;
		color: #1d1d1f !important;
}
	
.theme-dark .button-dark a.elementor-button:hover {
		background-color: #fff !important;
		color: #000 !important;		
}

.theme-dark .button-dark a.elementor-button:active {
		background-color: #f5f5f7 !important;
		color: #1d1d1f !important;
}	
	
	
.theme-dark .link-dark a {
    color: #09f;
}
		
.link-dark a:hover {
    text-decoration: underline;
}
	
.link-dark a:active {
    text-decoration-color: transparent;
}