/*-- TYPO --*/
@font-face {
	font-family: "Roboto light";
	src: url("../fonts/Roboto_Condensed/RobotoCondensed-Light.ttf");}
@font-face {
	font-family: "Roboto regular";
	src: url("../fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf");}
@font-face {
	font-family: "Roboto bold";
	src: url("../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf");}

/* ::::: ALGEMEEN ::::: */
body{
	font-family: 'Roboto light', sans-serif;}
.border p{
	color:#fff;
	margin:0;
	padding:0;
	font-size: 1em;
	line-height:25px;
	font-family: "Roboto bold", sans-serif;}
	.border p a{
		color:#fff;
		text-decoration: none;}

.main-nav li a,
.sidebarMenuInner li a{
	font-size: 1.2rem;
	color: #A81A64;
	font-family: "Roboto regular";
	text-decoration: none;
	background-color:none;}

@media (max-width : 1200px) {
	/* .main-nav li a{
		font-size: 1rem;
	} */
}
.lang-nav li a:hover,
.main-nav li a:hover{
	background-color:none;}
.main-nav li a.active,
.sidebarMenuInner li a.active{
	color: #E16738;}
.main-nav li .active::before,
.sidebarMenuInner li .active::before{
	content: url('../img/active.png');
	padding-right:10px;}
span.inlineBlock{
	padding:0;
  margin:0;
  line-height: 1.5;}
p{
	padding:0;
  margin: 0.8rem 0;
  line-height: 1.5;}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0.5rem 0;
	line-height: 1;
	color:#444;
	font-smoothing: antialiased;
	font-family: "Roboto regular";
}
h1.nomargin,h2.nomargin,h3.nomargin,h4.nomargin,h5.nomargin,h6.nomargin{
	margin:0;}
h1.roboto,h2.roboto,h3.roboto,h4.roboto,h5.roboto,h6.roboto{
	font-family: 'Roboto regular', sans-serif;}
article ol,
article ul{
	margin: 0.8rem 0.5rem;
}
article p,
article ol li,
article ul li,
article span.inlineBlock{
	color:#444444;
	font-size:1.1em;}
article p i{
	font-weight:300;
}
article strong,
article p b,
article p strong,
article ol b,
article ol strong,
article ul b,
article ul strong{
	color:inherit;
	font-family: 'Roboto bold', sans-serif;
}
article p a,
article ol a,
article ul a{
	font-weight:300;
  text-decoration: none;
  color:var(--delftblue);}
article p a:hover,
article ol a:hover,
article ul a:hover{
  text-decoration:underline;}
article ul li{
	margin:3px 0;
	padding-left:20px;
  line-height: 1.35em;}
article ol li{
	margin:3px 0 0 10px;
	padding-left:10px;
  line-height: 1.35em;}
article ol{
	list-style: decimal;
  counter-reset: item;
  margin-left: 5px;
  padding-left: 0;}
article ul li:before{
	font-family: "fontAwesome";
	content: "\f111";
	font-size:0.5em;
	margin:0 10px 0 -20px;}
article ul.nolist li:before{
	content: "";
	margin:0;}
article q{
	display:inline-block;
	font-size:100%;
	font-style: italic;
	line-height: 1.6em;}

article blockquote p{
	font-size:130%;}
article q,
article blockquote{
  /* background: #f9f9f9;
  border-left: 5px solid #ccc; */
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  /* quotes: "\201C""\201D""\2018""\2019"; */
	quotes: none;
	position:relative;
}
/* article q:before, */
article	blockquote:before {
  color: rgba(0,0,0,0.05);
	font-family: 'fontAwesome';
	content: '\f10e';
  /* content: open-quote; */
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
	position:absolute;
	top:0.5em; left:0.2em;
}
/* article q:before{font-size: 2em; left:-0.2em;} */
article q,
article	blockquote p{
	color:#888;
	margin: 0.5rem 0;
	text-indent: 1.5em;
}
article q{text-indent: 1em;}
article	blockquote p em{
	font-size:14px;
	padding: 0 30px;}

.newline{
	display:block;}
.newparagraph{
  display:block;
	height:12px;}

footer article p,
footer article a{
	text-decoration: none;}
footer article a:hover{
	color:var(--fandango);}
footer .footnav{
	list-style:disc;}
	footer .footnav a{
		color:var(--delftblue);
		line-height:1.5;
		text-decoration: none;}

/* h1 {font-size: 3.7rem;}
h2 {font-size: 2.7rem;}
h3 {font-size: 2.0rem;}
h4 {font-size: 1.5rem;}
h5 {font-size: 1.2rem;}
@media screen and (min-width: 320px) {
  h1 {font-size: calc(3.7rem + 6 * ((100vw - 320px) / 680));}
  h2 {font-size: calc(2.7rem + 6 * ((100vw - 320px) / 680));}
  h3 {font-size: calc(2.0rem + 6 * ((100vw - 320px) / 680));}
  h4 {font-size: calc(1.5rem + 6 * ((100vw - 320px) / 680));}
  h5 {font-size: calc(1.2rem + 6 * ((100vw - 320px) / 680));}
} */

h1{font-size: 3.5vw;}
h2{font-size: 2.9vw;}
h3{font-size: 2.4vw;}
h4{font-size: 2.1vw;}
h5{font-size: 1.4rem;}
h6{font-size: 1.2rem;}
@media screen and (max-width: 900px) {
  h1 {font-size: 2.4rem;}
  h2 {font-size: 2.0rem;}
  h3 {font-size: 1.6rem;}
  h4 {font-size: 1.3rem;}
  h5 {font-size: 1.4rem;}
	h6 {font-size: 1.2rem;}
}
@media screen and (min-width: 1600px) {
  h1 {font-size: 3.3rem;}
  h2 {font-size: 2.7rem;}
  h3 {font-size: 2.3rem;}
  h4 {font-size: 1.8rem;}
  h5 {font-size: 1.4rem;}
	h6 {font-size: 1.2rem;}
}
.smaller{
	font-size: 80%;
}
.larger{
	font-size: 120%;
}
.bigger{
	font-size: 220%;
}
.bold{
	font-family: 'Roboto bold', sans-serif;
}
.regular{
	font-family: 'Roboto regular', sans-serif;
}
.light{
	font-family: 'Roboto light', sans-serif;
}

/* ::::: SPECIFIEK ::::: */
.socials a{
	color:var(--delftblue);
	font-size:2.5em;
}