/*

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

===================================================================================*/

@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap')


@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');


:root{

	

	/* SITE BACKGROUND */

	--siteBkgColor: #FFF;

	--siteBkgImage: url('../images/sitelook/brpattern.png') repeat;

	

	/* TOP NAV */

	--navbar-primaryColor: #333;

	--navbar-primaryColor-text: #FFF;

	--navbar-secondaryColor: #de4e41;

	--navbar-secondaryColor-text: #FFF;

	--navbar-thirdColor: #666;

	--navbar-thirdColor-text: #FFF;

	

	/* SIDE NAV */

	--navside-primaryColor:#7c2774;;

	--navside-primaryColor-text: #FFF;

	--navside-secondaryColor:#7c2774;

	--navside-secondaryColor-text: #FFF;

	--navside-thirdColor: #7c2774;;

	--navside-thirdColor-text: #FFF;



	/* GENERAL COLORS */

	--textColor: #010415;

	--primaryColor: #010415;

	--primaryColor-text: #FFF;

	--secondaryColor:  #241C63;

	--secondaryColor-text: #FFF;

	--thirdColor: #241C63;

	--thirdColor-text: #fff;

	--fourthColor:  #fff;

	--fourthColor-text: #010415;

	--fifthColor: #A440C4;

	--fifthColor-text: #FFF;

	

	/* SIDE FONTS */

	--siteFont-main: "Libre Franklin", "Stag Sans Book", "Montserrat", Helvetica, Arial, sans-serif;	

	--siteFont-headings: "Libre Franklin", "Montserrat", Helvetica, Arial, sans-serif;	  

	--siteFont-nav: "Libre Franklin", "Heebo", "Montserrat", Helvetica, Arial, sans-serif;	
	
	--siteFont-featured: "Tilt Warp", "Nanami",   Helvetica, Arial, sans-serif;	

	--siteFont-forms:  Helvetica, Arial, sans-serif;	

									/*"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);

	

}