@import url('../../css/style.css');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');


:root {
	--brand-headline-font: 'Cardium A', Georgia, serif !important;
	--brand-headline-font-weight: 600 !important;
	--brand-body-font: 'Urbanist', 'Segoe UI', sans-serif !important;
	--brand-btn-font: 'Urbanist', 'Segoe UI', sans-serif !important;
	--brand-btn-font-size: 16px !important;
	--brand-btn-font-weight: 700 !important;
	--brand-button-font-transform: uppercase !important;
	--brand-h1-font-size: 2.5rem !important;
	--brand-h2-font-size: 1.75rem !important;
	--brand-h4-font-weight: 700 !important;
	--brand-h5-font-weight: 700 !important;
	--brand-output-font-weight: 600 !important;
	--brand-intro-font-color: #f5f0d6 !important;

	--brand-outer-background: #012e49 !important;
	--brand-calc-background: #ffffff !important;
	--brand-input-background: #f5f0d6 !important;
	--brand-output-background: rgba(32, 89, 148, 0.1) !important;
	--brand-output-effect: 0 12px 15px rgba(1, 46, 73, 0.12) !important;
	--brand-tool-effect: rgba(1, 46, 73, 0.22) 0 2px 10px !important;
	--brand-subtotal-background: #012e49 !important;
	--brand-subtotal-text-color: #f5f0d6 !important;
	--brand-results-summary-background: rgba(255, 205, 0, 0.16) !important;
	--brand-results-summary-text-color: #012e49 !important;
	--brand-results-summary-border-radius: 0 !important;
	--brand-results-summary-border-width: 2px !important;
	--brand-results-summary-border-color: #ffcd00 !important;
	--brand-ai-coach-disclaimer-background: rgba(1, 46, 73, 0.05) !important;

	--brand-calc-color: #012e49 !important;
	--brand-input-color: #0d161e !important;
	--brand-output-color: #012e49 !important;
	--brand-disclaimer-heading-color: #f5f0d6 !important;
	--brand-disclaimer-color: #f5f0d6 !important;
	--brand-call-to-action-color: #012e49 !important;

	--brand-button-background: #ffcd00 !important;
	--brand-button-grad-background: #ffcd00 !important;
	--brand-button-background-hover: #205994 !important;
	--brand-button-shape: 10px !important;
	--brand-button-padding: 0.65rem 1.1rem !important;
	--brand-button-text-color: #012e49 !important;
	--brand-button-text-hover-color: #ffffff !important;
	--brand-button-effect: none !important;
	--brand-button-hover-effect: none !important;

	--brand-callToActionButton1-background: #ffcd00 !important;
	--brand-callToActionButton1-background-hover: #205994 !important;
	--brand-callToActionButton1-shape: 0 !important;
	--brand-callToActionButton1-padding: 0.65rem 1.1rem !important;
	--brand-callToActionButton1-text-color: #012e49 !important;
	--brand-callToActionButton1-text-hover-color: #ffffff !important;
	--brand-callToActionButton2-background: #012e49 !important;
	--brand-callToActionButton2-background-hover: #205994 !important;
	--brand-callToActionButton2-shape: 0 !important;
	--brand-callToActionButton2-padding: 0.65rem 1.1rem !important;
	--brand-callToActionButton2-text-color: #ffffff !important;

	--brand-chart-primary: #205994 !important;
	--brand-chart-secondary: #ffcd00 !important;
	--brand-chart-tertiary: #b25e26 !important;
	--brand-chart-line: #012e49 !important;
	--brand-chart-danger: #b25e26 !important;
	--brand-slider-track-color: #d9e3ec !important;
	--brand-slider-thumb-color: #205994 !important;

	--brand-tab-background: #012e49 !important;
	--brand-tab-inactive-background: #205994 !important;
	--brand-tab-active-color: #012e49 !important;
	--brand-tab-hover-background: #ffffff !important;
	--brand-tab-hover-color: #012e49 !important;
	--brand-tab-border-shape: 0 !important;
	--brand-tab-border-color: transparent !important;
	--brand-tab-text-color: #ffffff !important;
	--brand-tab-font-size: 1rem !important;
	--brand-tab-font-weight: 700 !important;
}

/* AI coach form layout */
@media (min-width: 992px) {
	#coachArea .coach-form {
		max-width: 50%;
		margin-left: 0;
		margin-right: auto;
	}
}