/*==================================
Theme Color All Codes Variable
==================================*/
:root {
	--theme-primary-color: #002094; /* Was green, now the secondary blue for links/icons */
	--theme-secondary-color: #1A202C; /* Dark slate for text */
	--theme-accent-color: #FF9100; /* Vibrant Orange for CTAs */
	--theme-gray-color: #F7FAFC; /* Cool Gray for backgrounds */
	--theme-ordinary-color: #1A202C; /* Body text color */
	--theme-white-color: #fff;  /* theme white font color ok*/
	--theme-light-color: #f8f8f8;  /* theme light gray color */
	/* --theme-footer-color: #091b4b;  theme dark color */
	--theme-footer-color: #002094;  /* theme dark color */
	--theme-dark-color: #091b4b;  /* theme dark color */
	--text-light-color: #a3a7af;  /* Light text color to use in dark area */
	--theme-primary-opacity-color: rgba(0, 32, 148, .8);  /* Opacity for new primary */
	--theme-secondary-opacity-color: rgba(26, 32, 44, 0.7);  /* Opacity for new secondary */
	--theme-white-opacity-color: rgba(255, 255, 255, 0.3);  /* theme light color */
	--theme-dark-opacity-color: rgba(0, 0, 0, 0.5);  /* theme dark color ok*/
}
/*==================================
Font Variable
==================================*/
:root {
	 --theme-ordinary-font: 'Muli', sans-serif;  /* Font use for normal text and general text ok*/
	 --theme-highlight-font: 'Comfortaa', cursive;  /* Font used in title or special area ok*/
}