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

Vishal & Adriana - updated 07-11-20 */
	

/* COLOR DEFINITIONS AND VARIABLES
===================================================================================*/
:root{
	
	/* SITE BACKGROUND */
	--siteBkgColor: #FFF;
	--siteBkgImage: url('../images/sitelook/brpattern.png') repeat;
	
	/* TOP NAV */
	--navbar-primaryColor: #253E87;
	--navbar-primaryColor-text: #FFF;
	--navbar-secondaryColor: #1BBCEF;
	--navbar-secondaryColor-text: #FFF;
	
	/* SIDE NAV */
	--navside-primaryColor: #FFF;
	--navside-primaryColor-text: #253E87;
	--navside-secondaryColor: #FFF;
	--navside-secondaryColor-text: #EF4136;

	/* GENERAL COLORS */
	--textColor: #212529;
	--primaryColor: #253E87;
	--primaryColor-text: #FFF;
	--secondaryColor: #1BBCEF;
	--secondaryColor-text: #FFF;
	--thirdColor: #EF4136;
	--thirdColor-text: #FFF;
	
	/* SIDE FONTS */
	--siteFont-main: "Source Sans 3", Helvetica, Arial, sans-serif;	
	--siteFont-headings: "Source Sans 3", Helvetica, Arial, sans-serif;	
	--siteFont-nav: "Source Sans 3", Helvetica, Arial, sans-serif;	
	--siteFont-forms: "Source Sans 3", 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);
	
}