/*! css/theme/theme.css | proto-core.css v0.0.3 | Nieuwe Pixels */


/* Fonts 

'Alegreya Sans';
'Alegreya SC';
*/
@import url("/assets/fonts/alegreya/stylesheet.css");
@import url("/assets/fonts/alegreya-sans/stylesheet.css");
@import url("/assets/fonts/alegreya-sc/stylesheet.css");


/* UI */
@import url("./ui/ui-nav-button.css");

/* Theme */
@import url("./config.css");
@import url("./pages/home.css");



:root{
	--body-max-width: 100%;
	
	--sans-font: 'Alegreya SC';
	--sans-font-alt: 'Alegreya Sans';
	--serif-font: 'Alegreya';

	--hgroup-margin: 3em 0 3em 0;
	--hgroup-padding:;

    --min-font-size: 17px;
    --max-font-size: 21px;	
}




body,p,ul{
	--font-heading: var(--sans-font);
	--font-body: var(--sans-font-alt);
}

hgroup{

}
section{
	/*margin-bottom: 5em;*/
}

.site__header{
	margin:0;
	padding: 1.5em 0;
	border: 0;
	border-top: 14px solid var(--brand-color-secondary);
}
.site__header__media{}
.site__header__media img{
	display: block;
	max-width: 240px;
}


.site__header a{
	font-size: 1em;
	text-decoration: none;
	color: #333;
}

.site__header  a span{
	color: var(--brand-color-secondary);
}



.header__nav__primary{
	text-align: center;
}
.header__nav__primary a{
	padding: 1em;
}


.header__nav__secondary{
	text-align: right;
	@media screen and (max-width: 1024px){
		margin-top: 0.5em;
	}	
}
.header__nav__secondary a{}
.header__nav__secondary a + a{
	margin-left: 1em;
}
.header__nav__secondary a + a:before{
	content: '|';
	padding-right: 1em;
	color: var(--brand-color-secondary);
}