@charset "UTF-8";

@font-face { font-family: "degular", sans-serif; font-weight: 600; font-style: normal; }

@font-face {
	font-family: 'StyreneA';
	font-style: normal;
	font-weight: 300;
	src: url('/templates/turaleeds/fonts/StyreneA-Light.otf') format('opentype');
}

@font-face {
	font-family: 'StyreneA';
	font-style: normal;
	font-weight: 400;
	src: url('/templates/turaleeds/fonts/StyreneA-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'StyreneA';
	font-style: normal;
	font-weight: 500;
	src: url('/templates/turaleeds/fonts/StyreneA-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'StyreneA';
	font-style: normal;
	font-weight: 600;
	src: url('/templates/turaleeds/fonts/StyreneA-Bold.otf') format('opentype');
}

:root {	
/*	sizing */
    --ss:100/1440;
/*	colours */
    --white:#FFFFFF;
	--black:#000000;
	
	--brown:#411D04;
	--orange:#C97E4E;
	--pink:#CCAE9E;
	--lpink:#DDC9BE;
	--stone:#E4E1D7;
	--cream:#F1F0EB;
	--green:#143B36;
	--olive:#90997F;
	--lgreen:#B5BBAA;
	--blue:#BAC4C7;
	--lblue:#D1D8DA;
	--lilac:#DCDDE4;

/*	font-colors */
    --fc1:var(--brown);
    --fc2:var(--stone);
	--fc3:var(--white);
	
/*	font-families */
	--ff:"StyreneA", sans-serif;

/*	fonts */
    --h1:normal 400 calc(var(--ss)*55vw) / 1.15 var(--ff); 
	--h1m:normal 400 calc(var(--ss)*40vw) / 1.15 var(--ff); 
    --h2:var(--h1);
	--h3:var(--h2);
	--h4:normal 700 calc(var(--ss)*18vw) / 1.19em var(--ff); 
	
    --p1:normal 400 calc(var(--ss)*18vw) / 1.25em var(--ff);
	--p1m:normal 400 calc(var(--ss)*21vw) / 1.25em var(--ff);
	--p2:normal 400 calc(var(--ss)*25vw) / 1.2em var(--ff);
	--ps:normal 400 calc(var(--ss)*14vw) / 1.2em var(--ff);
	--pxs:normal 400 calc(var(--ss)*12vw) / 1.2em var(--ff);
	--small:normal 400 calc(var(--ss)*18vw) / 1.2em var(--ff);
	
	--btn:normal 500 calc(var(--ss)*16vw) / 1.19em var(--ff);
	--link:normal 500 calc(var(--ss)*16vw) / 1em var(--ff);
	--nav:normal 400 calc(var(--ss)*16vw) / 1em var(--ff);
	
	--footer:normal 500 calc(var(--ss)*25vw) / calc(var(--ss)*25vw) var(--ff);
	--form: var(--p1);
	--icons:normal 400 calc(var(--ss)*20vw) / calc(var(--ss)*20vw) var(--ff);



/*	paddings */
    --vpad:calc(var(--ss)*80vw); 
	--vpad-l:calc(var(--ss)*80vw); 
	
	--hpad:calc(var(--ss)*100vw); 
	--hpad-s:calc(var(--ss)*50vw);
	--hpad-l:calc(var(--ss)*205vw);
	
/*	misc */
	--header-height:calc(var(--ss)*67vw);
	--footer-height:calc(var(--ss)*400vw);
	
	--ls05:-0.05em;
	--ls08:-0.08em;
}


@media(max-width:768px){
	:root{
    /*	sizing */
		--ss:100/393;

    /*	fonts */
		--h1:normal 400 calc(var(--ss)*40vw) / 1.06em var(--ff);
		
        --p1:normal 400 calc(var(--ss)*16vw) / 1.25em var(--ff);
		--p2:normal 400 calc(var(--ss)*21vw) / 1.25em var(--ff);
        --pb:normal 500 calc(var(--ss)*16vw) / 1.25em var(--ff);
        --ps:normal 400 calc(var(--ss)*13vw) / 1.2em var(--ff);
        --pxs:normal 400 calc(var(--ss)*12vw) / 1.2em var(--ff);

        --nav:normal 500 calc(var(--ss)*23vw) / 1em var(--ff);
        --nav2:normal 400 calc(var(--ss)*22vw) / 1em var(--ff);

        --btn:normal 500 calc(var(--ss)*18vw) / 1em var(--ff);
        --caption:normal 300 calc(var(--ss)*13vw) / 1.2em var(--ff);

        --f:normal 500 calc(var(--ss)*20vw) / 1.25em var(--ff);
        --f-nav:normal 500 calc(var(--ss)*14vw) / 1.3em var(--ff);

    /*	spacings */
        --lsn: normal;
        --lsn08: -0.08em;

    /*	paddings */
		--vpad:calc(var(--ss)*70vw); 
		--vpad-l:calc(var(--ss)*100vw); 
		
		--hpad:calc(var(--ss)*29vw); 
		--hpad-s:calc(var(--ss)*13vw); 
		--hpad-l:calc(var(--ss)*29vw);

    /*	misc */
		--header-height:calc(var(--ss)*57vw);
		--footer-height:calc(var(--ss)*306vw);
    }
}