/*
NEW VARIABLE STYLESHEET FOR RESPONSIVE TEMPLATES using Bootstrap v4.3.1
Colors and Fonts --- 

Vishal & Adriana - updated 07-11-20  - UPDATED FOR USE WITH CURRENT TEMPLATE 07/28/20 */
	

/* COLOR DEFINITIONS AND VARIABLES
===================================================================================*/
:root{
	
	/* SITE BACKGROUND */
	--siteBkgColor: #cccccc;
	--siteBkgImage: url('../images/sitelook/brpattern.png') repeat;
	
	/* TOP NAV */
	--navbar-primaryColor: #005082;
	--navbar-primaryColor-text: #FFF;
	--navbar-secondaryColor: #6996d7;
	--navbar-secondaryColor-text: #FFF;
	--navbar-thirdColor: #EE5D10;
	--navbar-thirdColor-text: #FFF;

	
	/* SIDE NAV */
	--navside-primaryColor: #005082;
	--navside-primaryColor-text: #FFF;
	--navside-secondaryColor: #6996d7;
	--navside-secondaryColor-text: #FFF;
	--navside-thirdColor: #EE5D10;
	--navside-thirdColor-text: #FFF;


	/* GENERAL COLORS */
	--textColor: #666666;
	--primaryColor: #005082;
	--primaryColor-text: #FFF;
	--secondaryColor: #EE5D10;
	--secondaryColor-text: #FFF;
	--thirdColor: #6996d7;
	--thirdColor-text: #FFF;
	
	/* SIDE FONTS */
	--siteFont-main: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	--siteFont-headings: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	--siteFont-nav: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	--siteFont-forms: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	
	
	
	/* ===== COLOR CALLS - JUST FOR REFRENCE ========= */
	--defaultText: var(--textColor);
	
	--navbarColor: var(--navbar-primaryColor);
	--navbarColor-text: var(--navbar-primaryColor-text);
	--navbarColorHover, navColorCurrent: var(--navbar-secondaryColor);
	--navbarColor-textHover, navColorCurrent-text: var(--navbar-secondaryColor-text);
	
	--navsideColor: var(--navside-primaryColor);
	--navsideColor-text: var(--navside-primaryColor-text);
	--navsideColorHover, navColorCurrent: var(--navside-secondaryColor);
	--navsideColor-textHover, navColorCurrent-text: var(--navside-secondaryColor-text);

	--h1Color: var(--primaryColor);
	--h2Color: var(--secondaryColor);
	--h3Color: var(--thirdColor);
	--h4Color: var(--textColor);	

	--linkColor: var(--primaryColor);
	--linkHover: var(--secondaryColor);
	
	--tb-color1: var(--primaryColor);
	--tb-color1-text: var(--primaryColor-text);
	--tb-color2: var(--secondaryColor);
	--tb-color2-text: var(--secondaryColor-text);
	--tb-color3: var(--thirdColor);
	--tb-color3-text: var(--thirdColor-text);
	
	--custom-button: var(--thirdColor);
	--custom-buttonHover: var(--thirdColor);
	
}