@charset "UTF-8";

@font-face {
	font-family: 'Aeonik';
	font-style: normal;
	font-weight: 300;
	src: url('/templates/taiafon/fonts/aeonik-light.woff2') format('woff2'),
		url('/templates/taiafon/fonts/aeonik-light.woff') format('woff');
}

@font-face {
	font-family: 'Aeonik';
	font-style: normal;
	font-weight: 400;
	src: url('/templates/taiafon/fonts/aeonik-regular.woff2') format('woff2'),
		url('/templates/taiafon/fonts/aeonik-regular.woff') format('woff');
}
@font-face {
	font-family: 'Aeonik';
	font-style: normal;
	font-weight: 700;
	src: url('/templates/taiafon/fonts/aeonik-bold.woff') format('woff2'),
		url('/templates/taiafon/fonts/aeonik-bold.woff') format('woff2');
}



:root {	
/*	sizing */
    --ss:100/1440;
/*	colours */
    --white:#FFFFFF;
	--black:#000000;
	--off-black:#20251D;  /* Dark Text 2 */
	--cream:#F0E0CC;      /* Morning Haze */
	--green-grey:#484A3F; /* Rich Steel */
	--sand:#D5C4A9;       /* Sand */
	--blue:#C5D4DA;       /* Light Taf Blue #C4D4CF */
	--pink:#F29673;       /* Golden Hour */
	--blue-grey:#8C9290;  /* Dark Taf Blue */

/*	font-colors */
    --fc1:var(--off-black);
    --fc2:var(--sand);
	--fc3:var(--white);
	
/*	font-families */
	--ff:"Aeonik", sans-serif;

/*	fonts */
    --h1:normal 400 calc(var(--ss)*100vw) / calc(var(--ss)*100vw) var(--ff); 
    --h2:var(--h1);
	--h3:normal 400 calc(var(--ss)*40vw) / calc(var(--ss)*40vw) var(--ff);
	--h4:var(--h3);
    --p1:normal 400 calc(var(--ss)*30vw) / calc(var(--ss)*39vw) var(--ff);
	--small:normal 400 calc(var(--ss)*20vw) / calc(var(--ss)*24vw) var(--ff);
	--btn:normal 400 calc(var(--ss)*30vw) / calc(var(--ss)*30vw) var(--ff);
	--nav:normal 400 calc(var(--ss)*16vw) / calc(var(--ss)*16vw) var(--ff);
	--footer:normal 400 calc(var(--ss)*20vw) / calc(var(--ss)*24vw) var(--ff);
	--footer2:normal 400 calc(var(--ss)*18vw) / calc(var(--ss)*22vw) var(--ff);
	--form: var(--p1);
	--icons:normal 700 calc(var(--ss)*20vw) / calc(var(--ss)*20vw) var(--ff);


/*	paddings */
    --vpad:calc(var(--ss)*40vw); 
	--hpad:calc(var(--ss)*72vw); 
	
/*	misc */
	--header-height:calc(var(--ss)*138vw);
	--footer-height:calc(var(--ss)*425vw);
	
	--bls:calc(var(--ss)*0.3vw);
	
}
@media(min-width:769px){
	body:not(.very-top){
		--header-height:calc(var(--ss)*90vw);
	}
}

@media (min-aspect-ratio: 16/9) {
	:root{
		--header-height:calc(var(--ss)*90vw);
	}
}


@media(max-width:768px){
	:root{
		/*	sizing */
		--ss:100/393;
		
		/*	fonts */
		--h1:normal 400 calc(var(--ss)*60vw) / calc(var(--ss)*60vw) var(--ff); 
		--h2:var(--h1);
		--h3:normal 400 calc(var(--ss)*25vw) / calc(var(--ss)*25vw) var(--ff);
		--h4:var(--h3);
		--p1:normal 400 calc(var(--ss)*18vw) / calc(var(--ss)*23vw) var(--ff);
		--small:normal 400 calc(var(--ss)*12vw) / calc(var(--ss)*12vw) var(--ff);
		--btn:normal 400 calc(var(--ss)*18vw) / calc(var(--ss)*18vw) var(--ff);
		--nav:normal 700 calc(var(--ss)*16vw) / calc(var(--ss)*16vw) var(--ff);
		--footer:normal 400 calc(var(--ss)*18vw) / calc(var(--ss)*23vw) var(--ff);
		--footer2:normal 400 calc(var(--ss)*12vw) / calc(var(--ss)*14.4vw) var(--ff);
		--form:normal 400 calc(var(--ss)*16vw) / calc(var(--ss)*16vw) var(--ff);
		--icons:normal 700 calc(var(--ss)*13vw) / calc(var(--ss)*13vw) var(--ff);

		
		
		/*	paddings */
		--vpad:calc(var(--ss)*20vw); 
		--hpad:calc(var(--ss)*30vw); 
			
		/*	misc */
		--header-height:calc(var(--ss)*95vw);
		--footer-height:calc(var(--ss)*306vw);
		
		--bls:calc(var(--ss)*0.18vw);
	}
	
}


/*  */