//== Headings / Main nav

@fontFamily2: "Roboto+Slab";
//** link href font family
@fontFam-2: "Roboto Slab", sans-serif;	
//** font-family name
@headingXXXS:				10px;
@headingXXS:				12px;
@headingXS:				14px;
@headingSM:				16px;
@headingMD:				18px;
@headingLG:				22px;
@headingStyle:				capitalize;

//== Body 
@fontFamily1: "PT+Sans";
//** link href font family
@fontFam-1: "PT Sans", sans-serif; 		/* Main font - for general content */
//** font-family name
@fontSize: 13px;
@fontSize-xs: 11px;
@fontSize-sm: 12px;
@fontSize-md:16px; 
@fontSize-lg: 20px;
@fontSize-xl: 26px;

//=== Text Colours

//** Text on main base colour backgrounds
@cBaseContrast: 		#FFF; 
//** Agenda description
@cBase: 			#616161;

//== Sub-Headings
@cGray: 			#000;		/* Most used for headings, titles etc */
//=== Sections
@sectionTitleSize:		18px;		// Section title font size
@sectionTitleStyle: 		capitalize;
@sectionTitleWeight:		500;
//=== Panels
@headingSize:			16px;		// Main headings font size
@headingWeight:			500;

//== Colours
//=== Backgrounds
//## Main base colour
//** Top nav bar highlight / Call to action buttons
@bgBase: 			#000;
//** Sub nav bar highlight 
@bgAlt:				#e74c3c;

//== Calendar
@calBorder:			#616161;
@calBg:				rgba(255, 255, 255, 0.1);
@calHeading:			rgba(255, 255, 255, 0.5);
@calDaysHeadings:		rgba(255, 255, 255, 0.9);
@calDaysHeadingsBg:		rgba(255, 255, 255, 0.2);
@calDayNumbers:			rgba(255, 255, 255, 0.9);
@calEventTitle:			rgba(255, 255, 255, 0.7);
@calEventTitleBg:		rgba(255, 255, 255, 0.1);

//## Main body background 
@layoutBg: 			#131313;
//## Header background   
@headerBg:			#FFF;
//## Footer background
@footerBg:			#000;

//=== Borders
//** Section borders including navbar
@borderColor: 			#EEE;	

//== Panels
//=== Header Background
@bgLightGray: 			#FFF;

//=== Other Backgrounds
@cLightGrayContrast:		#000;
@layoutBg-2: 			#FFF;
@cAltContrast:			#FFF;
@bgLight:			#ecf0f1;
@cLightContrast:		#333;
@bgDark:			#000;
@cDarkContrast:			#FFF;
@bgWhite:			#FFF;
@cWhiteContrast: 		#000;
@cStrongContrast:		#666;

//== Corners
//=== Main 
@blockRadius: 2px;	// The radius value used for all the important elements from the template
//=== Pagination
@paginationRadius: 2px;
//=== Buttons
@btnRadiusXS:	1px;
@btnRadiusMD:	2px;
@btnRadiusLG:	2px;
//=== Other
@borderRadius: 3px;
@borderRadius-xs: 1px;
@borderRadius-sm: 2px;
@borderRadius-md: 5px;
@borderRadius-lg: 8px;

//=== Main Navbar
@navTextSize:			16px;		// Main nav font size
@navTextWeight:			500;		// Main nav font weight
@navTextStyle:			capitalize;	// Main nav text style
@navbarBg: 			#FFF; 			/* Navbar wrapper background */		
@navbarElementBg:		#FFF; 		/* Navbar list element background */
@navbarElementBgHover:		#000; 			/* Navbar list element background on mouse hover */
@navbarElementBorderColor: 	#000;			/* Optional border color on top of nav element on hover */
@cNavbarElement:		#000; 			/* Navbar list element text color */
@cNavbarElementHover:		#FFF; 			/* Navbar list element text color on navbar item hover */
@navbarToggle-1:		@cGray; 		/* Main nav open button for small resolutions */
@navbarToggle-2:		#FFF;

@navbarToggle:			@bgBase; 		/* Main nav open button for small resolutions */

//-- NAVBAR DROPDOWN
@navbarDropdown: 				#FFF;							/* Navbar dropdown wrapper background */
@navbarDropdownElementHover:	@bgBase;						/* Navbar dropdown wrapper background */ 
@navbarDropdownElementBorder: 	@borderColor;		
@cNavbarDropdown: 				#333;
@cNavbarDropdownHover: 			#FFF;

//-- MEGA NAV
@megaNavTextSize:		14px;		// Mega nav dropdown section title font size
@megaNavTextWeight:		600;		// Mega nav dropdown section title font weight

@cMeganavDropdownHover: @bgBase;
@cMegaNavSectionTitle: 	@cGray;

//== Login / Cart nav

@topNavTextSize:		11px;		// Top nav font size
@topNavTextWeight:		400;		// Top nav font weight
@topNavTextStyle:		uppercase;	// Top nav text style

@topNavBgWhite:			#FFF;				/* Top nav background color for white version */
@topNavBgDark:			#333;				/* Top nav background color for dark (second) version */

@cTopNavWhite:			#999;
@cTopNavDark:			#FFF;

@cTopNavLinkWhite:		@cGray;				/* Top nav link color */
@cTopNavLinkHoverWhite:	@cGray;				/* Top nav link color on hover*/

@cTopNavLinkDark:		#f3f3f3;			/* Top nav link color */
@cTopNavLinkHoverDark:	#f3f3f3;			/* Top nav link color on hover*/

//== Forms
@formControlRadius: 	2px;	// Form control border radius
@formSkyControlBg:	#f3f3f3;
@formSkyBorder: 	#CCC;

//-- STYLISH FORM
@formBg:		lighten(@bgBase, 10%);			/* Form control background form the base form (has class: .form-base) */
@formBorder:	lighten(@bgBase, 15%);			/* Form control border color */
@formColor: 	@cBaseContrast;					/* Form control color */

//-- LIGHT FORM
@formLightControlBg:	#f3f3f3;
@formLightBorder: 		#CCC;

//=== Field Labels
@cLabel:		@cGray;
@labelRadius: 	0;


//// 2. ADVANCED CUSTOMIZATION

// HEADER ALPHA (TRANSPARENT/TRANSLUSCENT BACKGROUND)
@navbarBgAlpha: 					rgba(255, 255, 255, 0);		/* Navbar wrapper background for header-alpha */
@navbarDropdownAlpha: 				rgba(0, 0, 0, 0.85);		/* Dropdown background for header-alpha */
@navbarDropdownAlphaElementHover:	#333;						/* Main nav background color on hover */
@cNavbarAlpha:						#FFF;						/* Main nav text color */
@cNavbarAlphaHover:					#333;
@cNavbarAlphaDropdown:				#FFF;						/* Dropdown menu text color */
@cNavbarAlphaDropdownHover:			#FFF;						/* Dropdown menu text color on hover */

@topNavBgAlpha:			rgba(255, 255, 255, 0.5);				/* Top nav background color */
@cTopNavAlpha:			#FFF;									/* Top nav text color */
@cTopNavAlphaHover:		#f00;									/* Top nav text color on hover */

@headerAlphaBorderColor: #EEE;

// BREADCRUMB
@breadcrumbBg:		#000;
@cBreadcrumb:		#FFF;
@cBreadcrumbLink:	#FFF;
@breadcrumbBorder:	@borderColor;

// SLIDER ELEMENTS
@bgSliderOne:		#333;
@bgSliderTwo:		#FFF;

@cSliderOne:		#FFF;
@cSliderTwo:		#333;

// DEFAULT BACKGROUND COLORS
@bgWhiteAlt:			#ECF0F1;
@bgDarkAlt:				#1a4d68;
@bgGray:				#ecf0f1;
@bgGrayAlt:				#dee0e1;
@bgBaseContrast:		#2c3e50;
@bgBaseContrastAlpha:	rgba(51, 51, 51, 0.8);

// AUX COLORS
@bgRedAlt:				#eb5a57;
@bgRed: 				#e91b23;
@bgGreen:				#2ecc71;
@bgDarkCyan:			#42bdc2;
@bgForestGreen:			#7fc242;
@bgOrange:				#ff8a3c;
@bgYellow:				#ffd800;
@bgBlue:				#2980b9;
@bgPurple:				#8e44ad;
@bgBlack:				#000;

// COLORS
@cWhite: 		#fff;
@cBlack:		#000;
@cRed:			#f00;
@cLightGray: 	#999;
@cDark:			#2c3e50;
@cBaseLight:	#999;

// PROGESS BARS
@progressBg:	#f5f5f5;
@progressRadius: 5px;

// COLLAPSE - ACCORDION
@bgCollapseHeading:	#000;
@cCollapseHeading:	#FFF;
@cCollapseContent:	@cBase;
@collapseBorder:	@borderColor;

//-- TABS
@bgTabsBtn:		@bgLightGray;
@cTabsBtn:		@cGray;
@bgTabsContent:		@bgWhite;

// PATTERNS
@patt-1:"/infomaxim/aurora_themes/eventsity/Boomerang/images/patterns/binding-dark.png";
@patt-2:"/infomaxim/aurora_themes/eventsity/Boomerang/images/patterns/squairy-light.png";
@patt-3:"/infomaxim/aurora_themes/eventsity/Boomerang/images/patterns/dark-dotted.png";
@patt-4:"/infomaxim/aurora_themes/eventsity/Boomerang/images/patterns/skulls.png";
@patt-5:"/infomaxim/aurora_themes/eventsity/Boomerang/images/patterns/grey-wash-wall.png";
@patt-6:"/infomaxim/aurora_themes/eventsity/Boomerang/images/patterns/squairy-light.png";

// IMAGES
@img-1:"/infomaxim/aurora_themes/eventsity/Boomerang/images/backgrounds/full-bg-10.jpg";
@img-2:"/infomaxim/aurora_themes/eventsity/Boomerang/images/backgrounds/full-bg-3.jpg";

//== LINKS
@linkColorL: 		#FFF;
@linkColorLHover: 	#FFF;
@linkColorD: 		#000;
@linkColorDHover: 	#000;

//-- BUTTONS
@btnOneAlpha: rgba(255, 255, 255, 0);
@btnTwoAlpha: #fff;
@btnThreeAlpha: #fff;
@btnFourAlpha: #fff;

// VIDEO JS
@playProgress: #c9376e;

//-- COLORS
@cTheme: 		@bgBase;