/* -------------------------------------------------------------
	GLOBAL VARIABLES
------------------------------------------------------------- */


/* -------------------------------------------------------------
	Open root
------------------------------------------------------------- */

:root {



/* -------------------------------------------------------------
	Page width and Page border
------------------------------------------------------------- */

--scrollbarWidth: calc(100vw - 100%);

--siteMaxWidth: 5000px;
--bodyBorderWidth: 0; /* Body padding left, right, bottom */
--headerMaxWidth: calc(100vw - var(--scrollbarWidth) - var(--bodyBorderWidth) * 2) !important; 

/* IMPORTANT: ************************************************************************************************************************************** */
/* Go to 'style.css' and change the media query ot the '#header' element to 'min-width' 'siteMaxWidth' + 2 x 'bodyBorderWidth' (Line: 57) */
/* If 'siteMaxWidth' = 100% change the min-width to en extreme height value e.g. 100000px */
/* ************************************************************************************************************************************************* */



/* -------------------------------------------------------------
	HTML & Body
------------------------------------------------------------- */

--pageBgColor: #310063; /* BG HTML and transition overlay */
--bodyBgColor: #fff; /* BG Body */




/* -------------------------------------------------------------
	Global Max Width Text
------------------------------------------------------------- */

--maxWidthText: 950px;



/* -------------------------------------------------------------
	Colors
------------------------------------------------------------- */

--color01: #000000; /* Main Text Color: Black */



/* -------------------------------------------------------------
	Fonts & Typo
------------------------------------------------------------- */

--font01: 'BrandonTextWeb-Regular', sans-serif;	/* Main Body font */
--font02: 'BrandonTextWeb-Regular', sans-serif; /* Headlines etc. */

/* Font weight */
--fontWeight01: 400; /* Normal Text */
--fontWeight02: 400; /* Normal Text */

/* Font weight for Headlines */
--headlineBold: 400;

/* <strong> and <b> */
--textBold: 700;
--textBoldFont: 'BrandonTextWeb-Regular', sans-serif;




/* -------------------------------------------------------------
	Mobile Height Color Section and Grid Row
------------------------------------------------------------- */

--mobileHeight: 350px;



/* -------------------------------------------------------------
	Header & Footer padding left & right
------------------------------------------------------------- */

--headerFooterPadding: 70px;

/* Page size smaller or equal 1100px */
--headerFooterPaddingSmall: 40px;



/* -------------------------------------------------------------
	Avia Slider
------------------------------------------------------------- */

/* Avia Slider Border Radius of Prec/Next Buttons*/
--sliderButtonRadius: 50%;
--sliderButtonScale: scale(0.8);



/* -------------------------------------------------------------
	Lightbox Overlay
------------------------------------------------------------- */

--overlayBgColor: #2a2b2a;
--overlayOpacity: 0.9;



/* -------------------------------------------------------------
	close root
------------------------------------------------------------- */

}