﻿@font-face {
	font-family:'daxot';
	src:url(daxot-light.woff2);
	font-weight:100;
	font-style:normal;
}

@font-face {
	font-family:'daxot';
	src:url(daxot-light-italic.woff2);
	font-weight:100;
	font-style:italic;
}

/* Regular */
@font-face {
	font-family:'daxot';
	src:url(daxot.woff2);
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'daxot';
	src:url(daxot-italic.woff2);
	font-weight:normal;
	font-style:italic;
}

/* Bold */
@font-face {
	font-family:'daxot';
	src:url(daxot-bold.woff2);
	font-weight:bold;
	font-style:normal;
}

@font-face {
	font-family:'daxot';
	src:url(daxot-bold-italic.woff2);
	font-weight:bold;
	font-style:italic;
}

body {
	--skewfactor:0;
	--default-font-family:daxot;
	--titles-font-family:daxot;
	--default-font-size:12px;
	--geovoile-width: calc(var(--geovoile-height) * 2);
	
	--macsf-curve-ratio:95.2 / 148.3;
	--mascf-margins:7px;
	--mascf-radius:12px;
	}
#logo {
	max-height:83px;
}
#subtitle {
	font-weight:normal;
	font-family:daxot;
	text-transform:uppercase;
}

#startdate,
#reportdate,
#frequency {
	font-weight:normal;
}
#dates em {
	color:#E30717;
}
#frequency .hours i.on {
	font-weight:normal;
}

#nav .buttons {
	border-radius:var(--mascf-radius);
}		

#nav .content .leg .links a {
	border-radius:var(--mascf-radius);
	margin:5px 0;
}
#credits .geovoile .link {
	justify-content:flex-end;
}
#credits .geovoile .link svg {
	margin-right:var(--mascf-margins);
}
#credits .frame .content {
	border-radius:var(--mascf-radius);
	box-shadow:none;
}
#credits .geovoile { 
		--curve-width:calc(var(--geovoile-height) * var(--macsf-curve-ratio));
	mask-image:
			linear-gradient(#000000 0 0),
			url("mask_left.svg");
	mask-size:
			calc(100% - var(--curve-width)) 100%,
			var(--curve-width) 100%;
	mask-position:
			right top,
			left top;
	mask-repeat: no-repeat;
}