/*

	Rename this file to custom.css to start using it. This CSS file will automatically be loaded by the template and will allow you to override any CSS.
	
	Learn more about customizing CSS: https://www.zomex.com/docs/whmcs-templates/how-to-add-custom-css/	
	
*/

:root {
	
	/* Primary color */
	
	--color-primary-background: #F67039;
	--color-primary-background-gradient-top: #F67039;
	--color-primary-background-gradient-bottom: #F67039;

	/* Secondary color */
	
	--color-secondary-background: #0A8FC8;
	--color-secondary-background-gradient-top: #0A8FC8;
	--color-secondary-background-gradient-bottom: #0A8FC8;

	/* Box color */
	

	--color-box-background-border: #0A8FC8;	
	
	--color-box-head-background: #0A8FC8;
	--color-box-head-background-gradient-top: #0A8FC8;
	--color-box-head-background-gradient-bottom: #0A8FC8;
	
	
		--text-size: 1.8em; /* Default text size (1.6em = 16px) */
		
			--container-maxwidth: 1500px; /* Template container maximum width */	
	--color-body: #333333; /* Used for body text */

    }