@charset "utf-8";

/* CSS Document - AGEX Custom Colors */

:root {

	/* Primary Color - replaces #ff9500 */
	--main-color: var(--agex-primary, rgb(255,149,0));
	--main-color-rgb: var(--agex-primary-rgb, 255,149,0);

	/* Secondary Color - replaces black for non-text elements */
	--secondary-color: var(--agex-secondary, rgb(0,0,0));
	--secondary-color-rgb: var(--agex-secondary-rgb, 0,0,0);

	/* Black color replacement */
	--black-color: var(--agex-secondary, rgb(0,0,0));

}

/* Apply secondary color to specific elements */
.theme-btn.btn-style-two,
.sec-title_title,
.about-one_heading,
.process-block_one-title,
.team-one_heading,
.news-block_one-title {
	color: var(--secondary-color) !important;
}

.sec-title_title {
	color: #f57006 !important;
}

/* Replace black backgrounds with secondary color */
.dark-bg,
.dark-section,
.testimonial-block_one-inner,
.faq-one_bg {
	background-color: var(--secondary-color) !important;
}

/* Replace black borders with secondary color */
.border-dark,
.accordion .acc-btn {
	border-color: var(--secondary-color) !important;
}

/* Replace black overlays with secondary color */
.overlay-dark,
.dark-overlay {
	background-color: var(--secondary-color) !important;
	opacity: 0.85;
}

/* Header gradient with secondary color */
.header-gradient {
	background: linear-gradient(to right, var(--agex-primary, #ff9500), var(--agex-secondary, #000000)) !important;
}

/* Preloader gradient - replace black with secondary color */
.preloader {
	background: linear-gradient(135deg, var(--secondary-color), var(--secondary-color)) !important;
}

/* Header gradient - replace black endpoint with secondary color */
.header-style-three .header-lower .inner-container {
	background-image: linear-gradient(to right, var(--agex-primary, #fd9300), var(--secondary-color)) !important;
}

/* Dark version elements */
.dark-version .main-header,
.dark-version .footer,
.dark-version .sidebar {
	background-color: var(--secondary-color) !important;
}

/* Ensure text remains readable */
.dark-version .main-header a,
.dark-version .footer a,
.dark-version .sidebar a {
	color: white !important;
}

/* Additional black to secondary color replacements */
.slider-one::before,
.slider-area::before {
	background-color: var(--secondary-color) !important;
	opacity: 0.7;
}

/* Buttons and interactive elements with black backgrounds */
.main-btn:hover,
.theme-btn:hover {
	background-color: var(--secondary-color) !important;
}

/* Section backgrounds that use black */
.section-dark {
	background-color: var(--secondary-color) !important;
}

/* Table and list styling */
table tbody tr:hover,
.list-dark li {
	background-color: var(--secondary-color) !important;
	opacity: 0.1;
}