:root{
	/* Content widths */
	--width-normal:1440px;
	--width-medium:1100px;
	--width-small:880px;

	/* Font styles */
	--font-family: Manrope,Arial,Helvetica,sans-serif;
	--font-family-alt: Manrope,Arial,Helvetica,sans-serif;
	
	--title-size-unit:8px;
	--text-size-unit:4px;

	--title-size-3xl-fixed:calc(var(--title-size-unit) * 9);
	--title-size-2xl-fixed:calc(var(--title-size-unit) * 8);
	--title-size-xl-fixed:calc(var(--title-size-unit) * 7);
	--title-size-l-fixed:calc(var(--title-size-unit) * 6);
	--title-size-m-fixed:calc(var(--title-size-unit) * 5);
	--title-size-s-fixed:calc(var(--title-size-unit) * 4);
	--title-size-xs-fixed:calc(var(--title-size-unit) * 3);
	--title-size-2xs-fixed:calc(var(--title-size-unit) * 2);
	--title-size-3xs-fixed:calc(var(--title-size-unit) * 1.5);
	
	--title-size-3xl:var(--title-size-3xl-fixed);
	--title-size-2xl:var(--title-size-2xl-fixed);
	--title-size-xl:var(--title-size-xl-fixed);
	--title-size-l:var(--title-size-l-fixed);
	--title-size-m:var(--title-size-m-fixed);
	--title-size-s:var(--title-size-s-fixed);
	--title-size-xs:var(--title-size-xs-fixed);
	--title-size-2xs:var(--title-size-2xs-fixed);
	--title-size-3xs:var(--title-size-3xs-fixed);
	
	--text-size-3xl:calc(var(--text-size-unit) * 8);
	--text-size-2xl:calc(var(--text-size-unit) * 6);
	--text-size-xl:calc(var(--text-size-unit) * 5);
	--text-size-l:calc(var(--text-size-unit) * 4.5);
	--text-size-std:calc(var(--text-size-unit) * 4);
	--text-size-s:calc(var(--text-size-unit) * 3.5);
	--text-size-xs:calc(var(--text-size-unit) * 3);
	--text-size-2xs:calc(var(--text-size-unit) * 2.5);

	/* Padding & Margins */
	--gutter:4px;
	--gap-h-1:var(--gutter);
	--gap-h-2:calc(var(--gutter) * 2);
	--gap-h-3:calc(var(--gutter) * 3);
	--gap-h-4:calc(var(--gutter) * 4);
	--gap-h-5:calc(var(--gutter) * 5);
	--gap-h-6:calc(var(--gutter) * 6);
	--gap-h-7:calc(var(--gutter) * 7);
	--gap-h-8:calc(var(--gutter) * 8);
	--gap-h-9:calc(var(--gutter) * 9);
	--gap-h-10:calc(var(--gutter) * 10);
	--gap-h-11:calc(var(--gutter) * 11);
	--gap-h-12:calc(var(--gutter) * 12);
	
	--gap-v-1:var(--gutter);
	--gap-v-2:calc(var(--gutter) * 2);
	--gap-v-3:calc(var(--gutter) * 3);
	--gap-v-4:calc(var(--gutter) * 4);
	--gap-v-5:calc(var(--gutter) * 5);
	--gap-v-6:calc(var(--gutter) * 6);
	--gap-v-7:calc(var(--gutter) * 7);
	--gap-v-8:calc(var(--gutter) * 8);
	--gap-v-9:calc(var(--gutter) * 9);
	--gap-v-10:calc(var(--gutter) * 10);
	--gap-v-11:calc(var(--gutter) * 11);
	--gap-v-12:calc(var(--gutter) * 12);


	/* Hue 1-360, Saturation%, Lightness% */
	--text-hue: 	0;
	--text-sat: 	0%;
	--CTAtext-hue: 	0;
	--CTAtext-sat: 	1%;
	--accent-hue: 	0;
	--accent-sat: 	100%;
	--primary-hue: 	150;
	--primary-sat: 	73%;
	--secondary-hue:206;
	--secondary-sat:69%;
	--bg-hue: 		0;
	--bg-sat: 		10%;
	--transparent: 0 0% 0% / 0;
	
	--color-text-900: hsl(calc(var(--text-hue) - 24), var(--text-sat), 100%);
	--color-text-800: hsl(calc(var(--text-hue) - 16) var(--text-sat) 95%);
	--color-text-700: hsl(calc(var(--text-hue) - 8) var(--text-sat) 90%);
	--color-text-600: hsl(calc(var(--text-hue) - 4) var(--text-sat) 85%);
	--color-text-500: hsl(var(--text-hue) var(--text-sat) 45%);
	--color-text-400: hsl(calc(var(--text-hue) + 4) var(--text-sat) 35%);
	--color-text-300: hsl(calc(var(--text-hue) + 8) var(--text-sat) 25%);
	--color-text-200: hsl(calc(var(--text-hue) + 16) var(--text-sat) 15%);
	--color-text-100: hsl(calc(var(--text-hue) + 24) var(--text-sat) 10%);
	
	--color-CTAtext-900: hsl(calc(var(--CTAtext-hue) + 24) var(--CTAtext-sat) 100%);
	--color-CTAtext-100: hsl(calc(var(--CTAtext-hue) - 24) var(--CTAtext-sat) 0%);
	
	--color-accent-100: hsl(calc(var(--accent-hue) - 24) var(--accent-sat) 50%);
	--color-accent-200: hsl(calc(var(--accent-hue) - 16) var(--accent-sat) 50%);
	--color-accent-300: hsl(calc(var(--accent-hue) - 8) var(--accent-sat) 50%);
	--color-accent-400: hsl(calc(var(--accent-hue) - 4) var(--accent-sat) 50%);
	--color-accent-500: hsl(var(--accent-hue) var(--accent-sat) 51%);
	--color-accent-600: hsl(calc(var(--accent-hue) + 4) var(--accent-sat) 50%);
	--color-accent-700: hsl(calc(var(--accent-hue) + 8) var(--accent-sat) 50%);
	--color-accent-800: hsl(calc(var(--accent-hue) + 16) var(--accent-sat) 50%);
	--color-accent-900: hsl(calc(var(--accent-hue) + 24) var(--accent-sat) 50%);
	
	--color-primary-100: hsl(calc(var(--primary-hue) - 24) var(--primary-sat) 90%);
	--color-primary-200: hsl(calc(var(--primary-hue) - 16) var(--primary-sat) 80%);
	--color-primary-300: hsl(calc(var(--primary-hue) - 8) var(--primary-sat) 70%);
	--color-primary-400: hsl(calc(var(--primary-hue) - 4) var(--primary-sat) 60%);
	--color-primary-500: hsl(var(--primary-hue) var(--primary-sat) 50%);
	--color-primary-600: hsl(calc(var(--primary-hue) + 4) var(--primary-sat) 40%);
	--color-primary-700: hsl(calc(var(--primary-hue) + 8) var(--primary-sat) 30%);
	--color-primary-800: hsl(calc(var(--primary-hue) + 16) var(--primary-sat) 20%);
	--color-primary-900: hsl(calc(var(--primary-hue) + 24) var(--primary-sat) 10%);
	
	--color-secondary-100: hsl(calc(var(--secondary-hue) - 8) var(--secondary-sat) 70%);
	--color-secondary-200: hsl(calc(var(--secondary-hue) - 4) var(--secondary-sat) 65%);
	--color-secondary-300: hsl(calc(var(--secondary-hue) - 2) var(--secondary-sat) 60%);
	--color-secondary-400: hsl(calc(var(--secondary-hue) - 1) var(--secondary-sat) 55%);
	--color-secondary-500: hsl(var(--secondary-hue) var(--secondary-sat) 50%);
	--color-secondary-600: hsl(calc(var(--secondary-hue) + 1) var(--secondary-sat) 45%);
	--color-secondary-700: hsl(calc(var(--secondary-hue) + 2) var(--secondary-sat) 40%);
	--color-secondary-800: hsl(calc(var(--secondary-hue) + 4) var(--secondary-sat) 35%);
	--color-secondary-900: hsl(calc(var(--secondary-hue) + 8) var(--secondary-sat) 30%);
	
	--color-bg-900: hsl(calc(var(--bg-hue) - 8) var(--bg-sat) 100%);
	--color-bg-800: hsl(calc(var(--bg-hue) - 6) var(--bg-sat) 95%);
	--color-bg-700: hsl(calc(var(--bg-hue) - 4) var(--bg-sat) 90%);
	--color-bg-600: hsl(calc(var(--bg-hue) - 2) var(--bg-sat) 85%);
	--color-bg-500: hsl(var(--bg-hue) var(--bg-sat) 60%);
	--color-bg-400: hsl(calc(var(--bg-hue) + 2) var(--bg-sat) 20%);
	--color-bg-300: hsl(calc(var(--bg-hue) + 4) var(--bg-sat) 15%);
	--color-bg-200: hsl(calc(var(--bg-hue) + 6) var(--bg-sat) 10%);
	--color-bg-100: hsl(calc(var(--bg-hue) + 8) var(--bg-sat) 5%);


	/* Borders and corners */
	--box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1);
	--border-radius-px:4px;
	--border-radius-normal:var(--border-radius-px);
	--border-radius-small:calc(var(--border-radius-px) / 2);
	--border-radius-large:calc(var(--border-radius-px) * 2);

	/* Item styles */
	--card-border-color:var(--transparent);
	--card-box-shadow:var(--box-shadow);
	--card-bg:var(--color-bg-100);
	--card-v-spacer:var(--gap-v-4);
	--input-bg:var(--color-bg-100);
	--input-border-color:var(--color-bg-300);
	--input-border-radius:var(--border-radius-small);
	--header-bg:var(--color-bg-100);	
	--header-shadow:var(--box-shadow);
	--header-height:80px;
	--header-height-mobile:60px;
	--body-bg:var(--color-bg-800);
	--footer-bg:var(--color-bg-100);
	--footer-border:var(--color-bg-200);
}

/* Font media queries */
@media all and (max-width:1024px){
:root{
	--title-size-3xl:64px;
	--title-size-2xl:56px;
	--title-size-xl:48px;
	--title-size-l:40px;
	--title-size-m:32px;
	--title-size-s:24px;
	--title-size-xs:20px;
	}
}
@media all and (max-width:768px){
:root{
	--title-size-3xl:60px;
	--title-size-2xl:52px;
	--title-size-xl:44px;
	--title-size-l:36px;
	--title-size-m:28px;
	--title-size-s:20px;
	--title-size-xs:18px;
	}
}
@media all and (max-width:480px){
:root{
	--title-size-3xl:52px;
	--title-size-2xl:44px;
	--title-size-xl:36px;
	--title-size-l:30px;
	--title-size-m:24px;
	--title-size-s:18px;
	--title-size-xs:16px;
	}
}
						
/* Line height calculation MUST be after font media queries */
:root{
	--title-line-height-3xl:calc((var(--title-size-3xl) * 1.2) + ((var(--title-size-3xl-fixed) - var(--title-size-3xl)) / 2)) ;
	--title-line-height-2xl:calc((var(--title-size-2xl) * 1.2) + ((var(--title-size-2xl-fixed) - var(--title-size-2xl)) / 2)) ;
	--title-line-height-xl:calc((var(--title-size-xl) * 1.2) + ((var(--title-size-xl-fixed) - var(--title-size-xl)) / 2)) ;
  	--title-line-height-l: calc((var(--title-size-l) * 1.2) + ((var(--title-size-l-fixed) - var(--title-size-l)) / 2)) ;
	--title-line-height-m: calc((var(--title-size-m) * 1.2) + ((var(--title-size-m-fixed) - var(--title-size-m)) / 2)) ;
	--title-line-height-s: calc((var(--title-size-s) * 1.3) + ((var(--title-size-s-fixed) - var(--title-size-s)) / 2)) ;
	--title-line-height-xs:calc((var(--title-size-xs) * 1.4) + ((var(--title-size-xs-fixed) - var(--title-size-xs)) / 2)) ;
	--title-line-height-2xs:24px;
	--title-line-height-3xs:18px;
	
	--text-line-height-3xl:1.2;
	--text-line-height-2xl:1.3;
	--text-line-height-xl:1.3;
	--text-line-height-l:1.4;
	--text-line-height-std:1.5;
	--text-line-height-s:1.5;
	--text-line-height-xs:1.5;
	--text-line-height-2xs:1.5;
	
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Montserrat-Regular.woff2') format('woff2'),url('/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Montserrat-Italic.woff2') format('woff2'),url('/fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Montserrat-BoldItalic.woff2') format('woff2'),url('/fonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Montserrat-Bold.woff2') format('woff2'),url('/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Montserrat-Light.woff2') format('woff2'),url('/fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Montserrat-LightItalic.woff2') format('woff2'),url('/fonts/Montserrat-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),url('/fonts/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Montserrat-Medium.woff2') format('woff2'),url('/fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Montserrat-SemiBold.woff2') format('woff2'),url('/fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Montserrat-MediumItalic.woff2') format('woff2'),url('/fonts/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-bold.woff2') format('woff2'),url('/fonts/poppins-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;

}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-bolditalic.woff2') format('woff2'),url('/fonts/poppins-bolditalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-italic.woff2') format('woff2'),url('/fonts/poppins-italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-light.woff2') format('woff2'),url('/fonts/poppins-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-lightitalic.woff2') format('woff2'),url('/fonts/poppins-lightitalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-medium.woff2') format('woff2'),url('/fonts/poppins-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-mediumitalic.woff2') format('woff2'),url('/fonts/poppins-mediumitalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-regular.woff2') format('woff2'),url('/fonts/poppins-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-semibold.woff2') format('woff2'),url('/fonts/poppins-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/fonts/poppins-semibolditalic.woff2') format('woff2'),url('/fonts/poppins-semibolditalic.woff') format('woff');
    font-weight: 600;
	font-style: italic;
    font-display: swap;
									}













/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */