/*--RESET CSS--*/
*, *::before, *::after{box-sizing: border-box;}

@font-face {
	font-family:'Gilroy';
	src: url('/resources/fonts/gilroy/Gilroy-Light.eot');
	src: local('Gilroy Light'), local('Gilroy-Light'),
		url('/resources/fonts/gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
		url('/resources/fonts/gilroy/Gilroy-Light.woff') format('woff'),
		url('/resources/fonts/gilroy/Gilroy-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family:'Gilroy';
	src: url('/resources/fonts/gilroy/Gilroy-Regular.eot');
	src: local('Gilroy Regular'), local('Gilroy-Regular'),
		url('/resources/fonts/gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
		url('/resources/fonts/gilroy/Gilroy-Regular.woff') format('woff'),
		url('/resources/fonts/gilroy/Gilroy-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family:'Gilroy';
	src: url('/resources/fonts/gilroy/Gilroy-Medium.eot');
	src: local('Gilroy Medium'), local('Gilroy-Medium'),
		url('/resources/fonts/gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
		url('/resources/fonts/gilroy/Gilroy-Medium.woff') format('woff'),
		url('/resources/fonts/gilroy/Gilroy-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family:'Gilroy';
	src: url('/resources/fonts/gilroy/Gilroy-Semibold.eot');
	src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
		url('/resources/fonts/gilroy/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
		url('/resources/fonts/gilroy/Gilroy-Semibold.woff') format('woff'),
		url('/resources/fonts/gilroy/Gilroy-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family:'Gilroy';
	src: url('/resources/fonts/gilroy/Gilroy-Bold.eot');
	src: local('Gilroy Bold'), local('Gilroy-Bold'),
		url('/resources/fonts/gilroy/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
		url('/resources/fonts/gilroy/Gilroy-Bold.woff') format('woff'),
		url('/resources/fonts/gilroy/Gilroy-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/*VARIABLES*/
:root{
	/*FONT FAMILY*/
	--heading-font-family:'Gilroy', sans-serif;
	--font-family: 'Gilroy', sans-serif;
	--variable-font-family: 'Gilroy', sans-serif;
	/*HEADING*/
	--h1:2.2rem;
	--h2:1.8rem;
	--h3:1.6rem;
	--h4:1.4rem;
	--h5:1.2rem;
	--h6:1rem;

	/*FONT SIZE*/
	--fs-lg:1.4rem;
	--fs-md:1.2rem;
	--fs-sm:1.0rem;
	--fs-xs:0.8rem;

	/*FONT WEIGHT*/
	--fw-light:200;
	--fw-regular:200;
	--fw-medium:300;
	--fw-semiBold:400;
	--fw-bold:500;
}

:root {
	font-family: var(--font-family);
	font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
  }
  @supports (font-variation-settings: normal) {
	:root { font-family: var(--variable-font-family); }
}

/*HEADING*/
h1, .h1{font-family:var(--heading-font-family); font-size:var(--h1);}
h2, .h2{font-family:var(--heading-font-family); font-size:var(--h2);}
h3, .h3{font-family:var(--heading-font-family); font-size:var(--h3);}
h4, .h4{font-family:var(--heading-font-family); font-size:var(--h4);}
h5, .h5{font-family:var(--heading-font-family); font-size:var(--h5);}
h6, .h6{font-family:var(--heading-font-family); font-size:var(--h6);}

/*PARAGRAPH*/
p{line-height:1.4;}

/*FONT SIZES*/
.fs-lg{font-size:var(--fs-lg);}
.fs-md{font-size:var(--fs-md);}
.fs-sm{font-size:var(--fs-sm);}
.fs-xs{font-size:var(--fs-xs);}

/*FONT WEIGHT*/
.fw-light{font-weight:var(--fw-light);}
.fw-regular{font-weight:var(--fw-regular);}
.fw-medium{font-weight:var(--fw-medium);}
.fw-semiBold{font-weight:var(--fw-semiBold);}
.fw-bold{font-weight:var(--fw-bold);}

/*FONT SMOOTHING*/
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/*LETTER SPACING*/
h1, .h1, h2, .h2 {
    letter-spacing: -0.02em;
}

h3, .h3, h4, .h4 {
    letter-spacing: -0.01em;
}

/*LINE HEIGHT*/
h1, .h1 {line-height: 1.1;}
h2, .h2 {line-height: 1.15;}
h3, .h3 {line-height: 1.2;}
h4, .h4 {line-height: 1.25;}
h5, .h5 {line-height: 1.3;}
h6, .h6 {line-height: 1.35;}

/*FONT FEATURES*/
.font-features {
    font-feature-settings: 'kern' 1;
    font-kerning: normal;
    font-variant-ligatures: common-ligatures;
    font-variant-numeric: proportional-nums;
}

/*FONT FAMILY FALLBACKS*/
:root {
    --font-family-fallback: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

/*FONT SIZE ADJUSTMENTS FOR BETTER READABILITY*/
@media screen and (max-width: 991px) {
    html {
        -webkit-text-size-adjust: 100%;
    }
}

/*BETTER FONT SMOOTHING FOR WEBKIT*/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    body {
        -webkit-font-smoothing: subpixel-antialiased;
    }
}

/*BETTER QUOTES*/
blockquote {
    quotes: """ """ "'" "'";
}

blockquote:before {
    content: open-quote;
}

blockquote:after {
    content: close-quote;
}

/*BETTER SMALL CAPS*/
.small-caps {
    font-variant-caps: small-caps;
    font-feature-settings: "smcp";
    letter-spacing: 0.01em;
}

/*BETTER TRACKING FOR ALL CAPS*/
.all-caps {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/*BETTER NUMBER ALIGNMENTS*/
.tabular-nums {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}

/*BETTER SUBSCRIPT AND SUPERSCRIPT*/
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

strong {
	font-weight: 600 !important;
}
