@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;
/*    --stone:#D9D7CA;*/
	--stone:#E4E1D7;
	--olive:#B5BBAA;
	--blue:#BAC4C7;
	--orange:#C97E4E;
	--pink:#CCAE9E;
	--green:#143B36;
	--brown:#411D04;
	--cream:#F1F0EB;

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

/*	fonts */
    --h1:normal 400 calc(var(--ss)*50vw) / calc(var(--ss)*60vw) var(--ff); 
    --h2:var(--h1);
	--h3:var(--h2);
	
    --p1:normal 400 calc(var(--ss)*24vw) / 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);
	--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)*40vw); 
	--hpad:calc(var(--ss)*100vw); 
	
	--hpad-s:calc(var(--ss)*50vw); 
	
/*	misc */
	--header-height:calc(var(--ss)*67vw);
	--footer-height:calc(var(--ss)*400vw);
	
}


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

    /*	fonts */
		--h1:normal 400 calc(var(--ss)*40vw) / 1.06em var(--hff);
        --h2:normal 400 calc(var(--ss)*23vw) / 1.2em var(--hff);
        --h3:normal 400 calc(var(--ss)*25vw) / 1.2em var(--hff);
        --p:normal 400 calc(var(--ss)*16vw) / 1.25em var(--ff);
        --pb:normal 500 calc(var(--ss)*16vw) / 1.25em var(--ff);
        --ps:normal 300 calc(var(--ss)*14vw) / 1.2em var(--ff);
        --pxs:normal 300 calc(var(--ss)*12vw) / 1.2em var(--ff);

        --nav:normal 700 calc(var(--ss)*24vw) / 1em var(--hff);
        --nav2:normal 700 calc(var(--ss)*19vw) / 1em var(--hff);

        --btn:normal 500 calc(var(--ss)*18vw) / 1em var(--ff);
        --link:var(--p);
        --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)*80vw); 
		--vpads:calc(var(--ss)*60vw); 
		--hpad:calc(var(--ss)*30vw); 

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