/* Venturis ADF */
@font-face {
    font-family: "Venturis ADF";
    src: local("Venturis ADF"), 
    	local("VenturisADF-Regular"),
        url("font/VenturisADF-Regular.ttf.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "Venturis ADF";
    src: local("Venturis ADF Bold"), 
    	local("VenturisADF-Bold"),
        url("font/VenturisADF-Bold.ttf.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "Venturis ADF";
    src: local("Venturis ADF Italic"), 
    	local("VenturisADF-Italic"),
        url("font/VenturisADF-Italic.ttf.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display:swap;
}

@font-face {
    font-family: "Venturis ADF";
    src: local("Venturis ADF Bold Italic"), 
    	local("VenturisADF-BoldItalic"),
        url("font/VenturisADF-BoldItalic.ttf.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display:swap;
}

/* Venturis ADF Cd */
@font-face {
    font-family: "Venturis ADF Cd";
    src: local("Venturis ADF Cd"), 
    	local("VenturisADFCd-Regular.ttf.woff"),
        url("font/VenturisADFCd-Regular.ttf.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "Venturis ADF Cd";
    src: local("Venturis ADF Cd Bold"), 
    	local("VenturisADFCd-Bold.ttf.woff"),
        url("font/VenturisADFCd-Bold.ttf.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "Venturis ADF Cd";
    src: local("Venturis ADF Cd Italic"), 
    	local("VenturisADFCd-Italic.ttf.woff"),
        url("font/VenturisADFCd-Italic.ttf.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display:swap;
}

@font-face {
    font-family: "Venturis ADF Cd";
    src: local("Venturis ADF Cd Bold Italic"), 
    	local("VenturisADFCd-BoldItalic.ttf.woff"),
        url("font/VenturisADFCd-BoldItalic.ttf.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display:swap;
}

/* VenturisSans ADF */
@font-face {
    font-family: "VenturisSans ADF";
    src: local("VenturisSans ADF"), 
    	local("VenturisSansADF-Regular"),
        url("font/VenturisSansADF-Regular.ttf.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "VenturisSans ADF";
    src: local("VenturisSans ADF Bold"), 
    	local("VenturisSansADF-Bold"),
        url("font/VenturisSansADF-Bold.ttf.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "VenturisSans ADF";
    src: local("VenturisSans ADF Italic"), 
    	local("VenturisSansADF-Italic"),
        url("font/VenturisSansADF-Italic.ttf.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display:swap;
}

@font-face {
    font-family: "VenturisSans ADF";
    src: local("VenturisSans ADF Bold Italic"), 
    	local("VenturisSansADF-BoldItalic"),
        url("font/VenturisSansADF-BoldItalic.ttf.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display:swap;
}

/* VenturisSans ADF Cd */
@font-face {
    font-family: "VenturisSans ADF Cd";
    src: local("VenturisSans ADF Cd"), 
    	local("VenturisSansADFCd-Regular.ttf.woff"),
        url("font/VenturisSansADFCd-Regular.ttf.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "VenturisSans ADF Cd";
    src: local("VenturisSans ADF Cd Bold"), 
    	local("VenturisSansADFCd-Bold.ttf.woff"),
		url("font/VenturisSansADFCd-Bold.ttf.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "VenturisSans ADF Cd";
    src: local("VenturisSans ADF Cd Italic"), 
    	local("VenturisSansADFCd-Italic.ttf.woff"),
		url("font/VenturisSansADFCd-Italic.ttf.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display:swap;
}

@font-face {
    font-family: "VenturisSans ADF Cd";
    src: local("VenturisSans ADF Cd Bold Italic"), 
    	local("VenturisSansADFCd-BoldItalic.ttf.woff"),
		url("font/VenturisSansADFCd-BoldItalic.ttf.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display:swap;
}

/* VenturisSans ADF Ex */
@font-face {
    font-family: "VenturisSans ADF Ex";
    src: local("VenturisSans ADF Ex"), 
    	local("VenturisSansADFEx-Regular.ttf.woff"),
        url("font/VenturisSansADFEx-Regular.ttf.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "VenturisSans ADF Ex";
    src: local("VenturisSans ADF Ex Bold"), 
    	local("VenturisSansADFEx-Bold.ttf.woff"),
		url("font/VenturisSansADFEx-Bold.ttf.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: "VenturisSans ADF Ex";
    src: local("VenturisSans ADF Ex Italic"), 
    	local("VenturisSansADFEx-Italic.ttf.woff"),
		url("font/VenturisSansADFEx-Italic.ttf.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display:swap;
}

@font-face {
    font-family: "VenturisSans ADF Ex";
    src: local("VenturisSans ADF Ex Bold Italic"), 
    	local("VenturisSansADFEx-BoldItalic.ttf.woff"),
		url("font/VenturisSansADFEx-BoldItalic.ttf.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display:swap;
}




/* ----------  GENERAL ----------  */

body { 
	color: #333;
	background: #fff;
	font-size: 100%;
	font-family: "Venturis ADF", "VenturisSans ADF", "Utopia", "Baskerville", "Georgia", serif;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

a {
	text-decoration: none;
	border: 0;
	color: #333;
}

small {
	font-size: 1em;
	font-family: "Venturis ADF Cd", "VenturisSans ADF Cd", "FiraGo", "Fira Sans", "FF Meta", sans-serif;
}

.de {
	font-family: "VenturisSans ADF", "Venturis ADF", "Optima", sans-serif;
}

.de small {
	font-family: "VenturisSans ADF Cd", "Venturis ADF Cd", "Optima", sans-serif;
}





/* ---------- HEADER ----------  */

header {
	margin: 1em 0;
	padding: 0;
	text-align: center;
}

header h1 {
	margin: 0;
	padding: 0;
	line-height: 1;
}

header h1 a {
	color: #333;
}

header p {
	font-style: italic;
	margin: 0;
	padding: 0;
}

header img {
	margin: 0;
	width: 100%;
	max-width: 512px;
}





/* ---------- WRAPPER STUFF ---------- */

main {
	padding: 0;
	margin: 0 auto;
	max-width: 80em;
}

article {
	margin: 1em 4%;
	padding: 0;
	font-size: 1.2em;
	text-align: justify;;
	hyphens: auto;
}




/* ======================== NAV ======================== */

nav {
	margin: 0 auto;
	padding: 1em 4% 2em;
	background: #eee;
	border: 1px solid #ddd;
	font-size: 1.2em;
	width: auto;
	overflow: scroll;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

nav ul>li {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 12em;
	max-width: auto;
	overflow: hidden;
}

nav ul>li>a {
	font-weight: bold;
	padding: 0 .5em;
	line-height: 2em;
}

nav ul li ol {
	list-style-position: outside;
	margin: 0;
	padding: 0;
	width: auto;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	background: #fff;
	border: 0;
	border-radius: .5em;
}

nav ul li ol li {
	position: relative;
	width: auto;
	height: auto;
	min-width: 0;
	max-width: 100%;
	border-bottom: 1px solid #ddd;
	padding: .5em 0;
	margin: 0 0 0 2em;
}

nav ul li ol li:last-child {
	border:0;
}

nav ul li ol li>a {
	display: block;
	position: absolute;
	top: 0;
	left: -2em;
	right:0;
	bottom:0;
	margin: 0;
	padding: .5em .5em .5em 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
	max-width: 100%;
}


/*===============table view ==================*/
nav ul {
	display: grid;
	min-width: 0;
	max-width: 100%;
	gap: 1em .5em;
}

nav ul>li:first-child {
	grid-area: 1 / span 4;
	min-width: 0;
	max-width: 100%;
}

nav ul>li:first-child ol {
	columns: 4 auto;
	column-gap: .5em;
}

@media screen and (max-width: 80em){
	nav ul>li:first-child ol {
		margin-top: 2em;
	}

	nav ul>li:first-child>a {
		position: absolute;
		left: calc(1px + 4%);
		z-index: 50;
	}
	
}



/*=================checkmarks==================*/

.progress {
	position: absolute;
	right: .75em;
	bottom: 0;
	line-height:1.25em;
	font-size: .6em;
	direction: rtl;
}


.progress a {
	pointer-events: none;
	letter-spacing: -.25em;
	word-break: keep-all;
}

.progress a:link {
	color: #fff;
}

.progress a:visited {
	color: #bbb;
}



/*==========================FOOTER============================*/
footer {
	text-align: center;
	margin:0;
	padding: 1em;
	font-size: 1em;
}

footer p {
	margin: 0;
	padding: 0;
}

footer img.qr {
	width: 10em;
	height: 10em;
}




/*========================== MEDIA OVERRIDES ================================*/
@media screen and (max-device-width: 480px){
	body{
		-webkit-text-size-adjust: 100%;
	}
}

@media (min-width: 30em) { 
	#home header {
		font-size: 1.5em;
	}

	article {
		font-size: 1.25em;
	}
}
@media (min-width: 60em) { 
	article {
		font-size: 1.5em;
	}
}