@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* CSS Document */
body{
	background:#F2F5F9;
	font-family: "Inter", sans-serif;
}

ul{
	display:block;
	list-style-type:disc;
	margin-left:17px;
}
/* Header */

.header{
	padding:0px;
	margin:0px;
}

h1,h2,h3,h4,h5{
	font-family: "Baskervville", serif;
	font-weight:700;
	text-align:center !important;
}
h2{
	margin-top:50px;	
}
/* Navigatiebalk */

.navigatie{
	background:#fff;
	color:#000;
	border:none;
	margin:0;
	padding:4px 0px;
	-webkit-box-shadow:none;
		box-shadow:none;
}
.navigatieborder{
	border-bottom:1px solid #E3E7EE;

}
.sticky.is-sticky {
  position: fixed;
  left: 0; 
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #D6B190;  /*Sets the text hover color on navbar*/
}
.navbar-nav{
	margin-left:-17px;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #D6B190; /*BACKGROUND color for active*/
background-color: #D68E4F;


}

  .navbar-default {
    background-color: #fff;

	color:#D6B190;
    border:none;
}

  .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
    color: #000;
   text-decoration: none;
   }

 .nav > li > a:hover,
 .nav > li > a:focus {
    text-decoration: none;
    background-color: #fff; /*Change rollover cell color here*/
  }


  .navbar-default .navbar-nav > li > a {
   color: #D6B190; /*Change active text color here*/
    }

.navbar-default .navbar-toggle .icon-bar {
    background-color: #D68E4F;
}


.bg-light{
	background:#fff !important;	
	color:#202121 !important;
}
.nav-link{
	padding:10px;
	padding-left:20px !important;
	padding-right:20px !important;
	color:#202121 !important;	
	font-weight:400;
}
.nav-link:hover{
	text-decoration:underline;
}
.active > .nav-link{
	color:#000 !important;
	padding-left:30px;
	padding-right:30px;
	background:#fff!important;	
}

/* Page */
p{
	font-family: 'Open Sans', sans-serif;

}

/* footer */

.footer{
	background:#0A325C;
	padding-top:20px;
	padding-bottom:20px;
	color:#fff;
	margin-top:50px;
}
a.lightlink{
	color:#fff;
	text-decoration:underline;
}
a.lightlink:hover{
	text-decoration:none;	
}
.persoon{
	margin-top:30px;
	padding:20px;
	box-shadow:0px 0px 4px 0px #000;
	background:#fff;
	text-align:center;
}
.topmargin{
	margin-top:30px;
}

.titel{
	text-align:left !important;
}
.titel h2{
	font: 700 22px / 1.2;
    margin: 0 0 .75rem;
    padding-bottom: .4rem;
    border-bottom: 2px solid #D7E6FF;
}
.prive-entry{
	font-family:'Ubuntu', sans-serif;
	color:#ffcc00;
	font-weight:bold;
	font-size:30px;
}
.table{
	width:100em;
}
.invisiblelink{
	color:#0A325C;
	text-decoration: none;
}
.invisiblelink:hover{
	text-decoration:none;
}
.table tr:hover{
	background:#15a9ea !important;
	cursor: pointer;
}
.hidden{
	display:none;
}
.hoofdpersoonrond{
	border-radius: 50%;
	box-shadow: 0px 0px 20px #000;
}
.hoverimg{
	opacity: 70%;
	cursor:pointer;
	border-radius:.5rem;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .06);
	transition: 0.5s ease-in-out;
	margin-bottom: 15px;
}
.hoverimg:hover{
	opacity:100%;
	
}
.headerlogo{
	background:#0A325C;
	color:#fff;
	padding:20px 0;
	border-bottom:1px solid #E3E7EE;
}
.site-titel{
  	font-family: "Baskervville", serif;
  	font-weight: 650;
  	font-style: normal;
  	margin: 0 0 .3rem;
	font-size:45px;
}
.site-subtitel{
	text-align:center;
	color:#E3E7EE;
}
.headerlogo h1{
	text-align:left;
}
.grijs{
	color:#5d5e5e;
}
.geel{
	color:#ffcc00;
}
.headerfoto{
	margin-top:10px;
	padding:0 !important;
}
.omschrijving{
	background:rgba(0,0,0,0.6);
	color:white;
	z-index:999;
	position:absolute;
	bottom:0px;
	margin:.35rem;
	padding:.35rem;
	font-size:10px;	
}
.whitelink{
	color:white;
	text-decoration: underline;
}
.whitelink:hover{
	color:#CACACA;
	text-decoration:none;
}

.bottommargin{
	margin-bottom:10px;
}
.persoonblok{
	margin:0 5 0;
	background: #fff;
    border:1px solid #E3E7EE;
    border-radius:.5rem;
    padding:.7rem;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .06);
	text-align: center;
	height:100%;
}
.naam{
	font-family: "Baskervville", serif;
	font-weight: 650;
}
.extrainfo{
	color:#5B6168;
	font-size:12px;
}
.thumb{
	width: 100%;
    aspect-ratio: 0.7;
    object-fit: cover;
    border-radius: .6rem;
    background: #f3f5f7;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5B6168;
    font-weight: 600;
}.thumb img{
	border-radius: .6rem;
}
.hoofdpersoon{
	background:#fff;
	border-top:1px solid #E3E7EE;
	border-bottom:1px solid #E3E7EE;
	padding:.7rem 0;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .06);
	margin-top:40px;
}
.hoofdpersoonblok{
	background: #fff;
    border:1px solid #E3E7EE;
    border-radius:.5rem;
    padding:.7rem 0;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .06);
	text-align: center;
}
.hoofdpersoon h1{
	text-align:left !important;
}
.hoofdthumb{
	width:100%;
	aspect-ratio:1;
	border-radius: 50%;
	object-fit:cover;
	background: #f3f5f7;
	display:flex;
	align-items:center;
	justify-content:center;
	color: #5B6168;
	border: 3px solid #D7E6FF
}
.hoofdthumb img{
	border-radius: 50%;
}
.pil{
	background: #D7E6FF;
    color: #0A325C;
    padding: .25rem .5rem;
    border-radius: 999px;
    font-weight: 600;
	font-size:12px / 1;
	margin-right:15px;
}
.breadcrumbs{
	font-size:13px;
	color: #5B6168;
}
.breadcrumbs a{
	color:#5B6168;
}
.nomargin{
	margin:0 !important;
}
.btn{
	text-transform: none;
	align-items: center;
    gap: .5rem;
    padding: .6rem .9rem;
    border-radius: .6rem;
    border: 1px solid transparent;
    background: #0A325C;
    color: white;
    font-weight: 600;
}