/* Copyright Amphebia Internet Solutions // www.textfield.nl */

:root {
  --darkestgreen: #4f4f4f;
  --darkgreen: #218e9b;
  --lightgreen: #96dbe3;
  --lightestgreen: #e8f9f5;
  --beige: #d0cdc5;
  --lilac: #ae9fb1;
  --purple: #3d1b41;
  --white: #ffffff;
  --darkgray: #918391;
  --gray: #c8c4c8;
  --black: #000000;
  --blueish: #808abc;
  --mainfont: 'Onest';
}

.darkgreen { 	background-color: var(--darkgreen) !important; }
.lightgreen { 	background-color: var(--lightgreen) !important; }
.beige { 		background-color: var(--beige) !important; }
.lilac { 		background-color: var(--lilac) !important; }
.purple { 		background-color: var(--purple) !important; }
.white { 		background-color: var(--white) !important; }

html, body { font-size: 17px; font-family:var(--mainfont),sans-serif; color: var(--darkestgreen); height: 100%; line-height: 27px; }
img { max-width: 100%; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
p { margin: 0 !important; padding: 0 !important; }
a { text-decoration: none;}
a:hover { color: inherit; }
.wrapper { min-height: 100%; margin-bottom: -330px; }
footer, .push { min-height: 330px; }

.topbar {
	font-size:14px;
	box-sizing: border-box;
	background-color: var(--white); 
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	height: 70px;
	line-height: 65px;
	z-index: 9999;
	text-align: left;
	padding-left: 15px;
	transition: background-color 1s ease;
	border-bottom: 1px solid var(--gray);
}

.tb-address {
	line-height: 18px;
	padding-top: 7px;
	float: left;
	height: 70px;
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	color: var(--gray);
}
.tb-address:hover h3 { color: var(--purple); }
.tb-address:hover { color: var(--purple) !important; }
.tb-address i { position: absolute; left: 0; }
.tb-address .fa-calendar { font-size: 28px; top: 18px; }
.tb-address .fa-map-marker { font-size: 44px; top: 12px; }
.topbar h3 { color: var(--darkgray); margin: 0; font-size: 16px; }
.topbar .text-left { padding-left: 0px; }
.topbar .text-right { padding-right: 0px; }

.button {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	font-weight: 500;
	padding: 15px 20px;
	cursor: pointer;
	transition: color 0.7s ease, background-color 0.7s ease;
	color: var(--darkestgreen);
}
.content .button {
	float: left;
	display: inline-block;	
	background-color: var(--darkestgreen);
	color: var(--white);
	margin-right: 10px;
}
.content .button:hover {
	background-color: var(--lightgreen);
	color: var(--darkestgreen);
}

.topbar .button { font-size: 16px; padding: 10px 15px; margin-top: 12px; background-color: var(--purple); color:var(--white) !important; line-height: 25px; float: right; position: relative; }
.topbar .button:hover { color:var(--purple) !important; background-color: var(--lightgreen) !important;  }



/* H E A D E R S */

h1 {
	font-size: 30px;
	font-weight: 600;
	letter-spacing: -0.6px;
}	

h2, .appear-h1 {
	font-size: 30px;
	font-weight: 600;
	letter-spacing: -0.6px;
	font-family: 'Vollkorn', serif;
}

h3 {
	font-size: 19px;
	font-weight: 300;
	margin-bottom: 0px;
	margin-top: 0px;
}

h4 {
	font-size: 22px;
	letter-spacing: -0.025em;
	font-weight: normal;
	font-weight: 600;
	margin-bottom: 7px;
	margin-top: 10px;
}

/* N A V I G A T I O N & D R O P D O W N */

.navbar { 
	position: fixed; 
	top: 70px; 
	width: 100%; 
	z-index: 999; 
	/*box-shadow: rgba(120, 95, 125, 0.2) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.1) 0px 18px 36px -18px inset; */ 
	background-color: var(--lilac); 
	margin-top: 0px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
}
.navbar-light .navbar-brand { font-size: 20px; font-family: 'Vollkorn', serif; font-weight: 600; color: var(--darkestgreen); }
.navbar-light .navbar-brand img { width: 240px; }
.navbar-light .navbar-brand b { font-weight: 700; }
.navbar-light .navbar-brand i { margin-right: 14px; color: var(--purple); font-size: 27px; margin-top: 0px; }
.navbar-light a.navbar-brand:hover { color: var(--darkestgreen); }
.navbar-light .navbar-nav .nav-link { transition: color 0.7s ease; color: var(--purple); }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-nav .nav-item.active .nav-link { color: var(--white); }
.navbar-expand-lg .navbar-nav .nav-item:last-of-type .nav-link { padding-right: 0; }
.dropdown-menu { border: none; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; }	
.dropdown-item { transition: background-color 0.5s ease; }
.dropdown-item:focus, .dropdown-item:hover { background-color: var(--lightgreen); }
.navbar-light .navbar-toggler { border: none; }
.navbar-light .navbar-toggler:focus { outline: 0 !important; }


/* J U M B O */

.jumbo {
	margin: 0 0 50px 0;
	width: 100%;
	position: relative;
	padding: 0;
}
.jumbo img { width: 100%; }	
.jumbo h1 { 
	font-size: 25px;
	margin-bottom: 10px;
	font-family: 'Vollkorn', serif; 
}
.jumbo-block {
	padding: 30px;
	border-radius: 30px;
	border-bottom-left-radius: 0px;
	margin-top: -40px;
	position: relative;
	color: var(--white);
	font-size: 16px;
	width: 100%;
	height: 100%;
	background: rgb(92,4,56);
	background: linear-gradient(61deg, rgba(61,27,65,0.98) 25%, rgba(121,138,222,0.8) 99%);
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	align-items: flex-start;
	overflow: hidden;
}

.jumbo a {
	margin-top: 15px;
	display: inline !important;
	background-color: var(--lightgreen);
	color: var(--black);
}
.jumbo a:hover { background-color: var(--beige); color: var(--black); }


/* C O N T E N T */

.content { padding-top: 30px; padding-bottom: 30px; }
.content + .content { background-color: var(--beige); }
.jumbo + .content { padding-top: 0; }
.content h2 { margin-bottom: 25px; }
.content h3:before {
  font-family: FontAwesome;
  content: " ";
  color: var(--lilac);
  margin-right: 7px;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
.content a { text-decoration: underline; color: inherit; }
.content a.button { text-decoration: none; }
.content a:hover { color: var(--purple); }

.textleftpicright h3, .piclefttextright h3, .fulltext h3, .textwithattention h3 { font-size: 14px; margin: 0 0 7px 0px; font-family: 'Vollkorn', serif; font-weight: 400; text-transform: uppercase; color: var(--purple); }
.textleftpicright img { height: auto !important; border-top-left-radius: 60px; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; }
.piclefttextright img { height: auto !important; border-top-right-radius: 60px; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; }
.piclefttextright .cont { padding-top: 50px; }
.textleftpicright .cont { padding-bottom: 50px; }

h3:empty { display: none; }

.textleftpicright + .piclefttextright { padding-top: 0; }
.piclefttextright + .textleftpicright { padding-top: 0; }
.textleftpicright + .fulltext { padding-top: 0; }
.piclefttextright + .fulltext { padding-top: 0; }
.textleftpicright + .employees { padding-top: 0; }
.piclefttextright + .employees { padding-top: 0; }
.fulltext + .employees { padding-top: 0; }


.beam {
	font-size: 14px;
	padding-top: 30px; 
	padding-bottom: 30px; 
	background-color: var(--lightestgreen);
	color: #828282;
}
.beam a { color: #828282; }
.beam h2, .beam h3 { 
	margin-top: 0px; 
	margin-bottom: 5px; 
	color: var(--purple);
	font-weight: 400;
}
.beam img { margin-bottom: 10px; max-height: 35px; }

.beam .col-6 { padding-top: 15px; padding-bottom: 15px; }


.fullwidthpic { background-color: #fff; overflow: hidden; max-height: 485px; }
.fullwidthpic p, .fullwidthpic img { width: 100% !important; height: auto !important; }


.intropic { margin-bottom: 15px; text-align: center; width: 100%; height: 200px; background-position: center center; background-size: cover; margin-top: 30px; border-top-right-radius: 60px; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; }
.intropic div { min-height: 40px; margin-bottom: -15px; padding: 0 25px; border-radius: 15px; color: var(--white); background-color: var(--purple); display: inline-block; }
.intropic h1 { font-size: 20px; line-height: 40px; margin: 0; padding: 0; }
.intropic div:has(> h1:empty) { display: none; }



.employees { padding-top: 60px; padding-bottom: 50px; }
.employees div.col-12 { position: relative; padding-bottom: 40px; }
.employees .image { position: relative; }
.employees img { z-index: 1; position: relative; float: left; width: 250px; max-width: 60%; border-top-left-radius: 60px; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; }
.employees .img-title { left: 50%; width: 180px; padding: 13px; z-index: 2; line-height: 22px; font-size: 14px; background-color: var(--lightestgreen); min-height: 30px; position: absolute; top: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.employees h3 { margin-bottom: 3px; font-weight: 600; color: var(--purple); font-size: 18px; }

.textwithattention .attention {
	border-top-left-radius: 60px; 
	border-bottom-left-radius: 60px; 
	border-bottom-right-radius: 60px;
	background-color: #96dbe3;
	padding: 35px 45px;
	color: var(--purple);
}

.textwithattention .attention h4 { font-size: 24px; color: var(--purple); margin-top: 0; }	


/*
.container-fluid .jumbotron header {
	background: #433d35;
	background: rgba(67, 61, 53, 0.85);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #d3d1cf;
	padding: 1em 0;
	font-weight: 300;
	text-align: center;
	font-size: 1.25em;
	letter-spacing: -0.025em;
	vertical-align: middle;
}
.container-fluid .jumbotron header p {
	font-size: inherit;
}

.container-fluid .jumbotron header a {
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url('../images/bg01.png');
	border-radius: 5px;
	background-color: #a99173;
	display: inline-block;
	padding: 0 1.5em;
	line-height: 2.9em;
	min-width: 9em;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.002em;
	margin-left: 1em;
	font-size: 0.8em;
}
.container-fluid .jumbotron header a:hover { background-color: #cab396; }
*/

/* C O N T E N T */


.news { background-color: #fcfcfc; border-top: 1px solid #f7f7f7; }
.news h2 { color: var(--purple); margin-top: 0; margin-bottom: 40px; }
.news h3 { font-weight: 600; color: var(--purple); margin-top: 20px; margin-bottom: 20px; }
.news h3:before { display: none; }
.news .content { padding-top: 35px; }
.news .row.spec { background-color: var(--gray); margin-top: 190px; padding-bottom: 40px; padding-left: 30px; padding-right: 30px; }
.news .row.spec .news-col { display: flex; }
.news a.link { color: var(--green); padding: 40px; text-align: left; width: 100%; position: absolute; bottom: 0px; font-weight: 500; }
.news .button { background-color: var(--purple); margin: 40px auto 0 auto; float: none; }
.news .button:hover { background-color: var(--lightgreen); float: none; }
.news .image { display: block; border-top-left-radius: 24px; height: 190px; width: 100%; overflow: hidden; }
.news .image img { border-top-left-radius: 24px; width: 100%; }
.news-col:first-child { margin-top: -220px; }
.news-item { 
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	background-color: white; 
	border-radius: 24px 0 24px 24px;
	box-sizing: border-box;
	flex: 1;
	flex-direction: column;
	min-height: 520px;
	position: relative;
	z-index: 1;
	margin-top: 30px;
}
.news-item-date { font-size: 14px; color: #888; padding: 40px 40px 0 40px; }
.news-item-content { padding: 0 40px 80px 40px; overflow: hidden; }
.detail-img img { border-top-left-radius: 60px; border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; }
.fulltext a.link { color: var(--green); font-weight: 500; }
.news-overview { background-color: white; }
.news-overview .pages-col { text-align: left; padding: 40px; }
.news-overview .nav-pages { padding-top: 0px; }
.news-overview .nav-pages-numbers.active { background-color: var(--lilac); }
.news-overview .nav-pages-numbers.active:hover { color: white; }
.news-overview .nav-pages-numbers {
	margin-top: 10px; 
	text-align: center; 
	min-width: 40px; 
	border-radius: 30px 0 30px 30px; 
	text-decoration: none !important; 
	font-size: 13px; 
	font-weight: 600; 
	padding: 15px; 
	line-height: 10px; 
} 
.news-overview .nav-pages-next:before {
	font-family: FontAwesome;
	content: " ";
	color: var(--purple);
	margin-left: 7px;
	font-weight: normal;
	font-style: normal;
	font-size: 27px;
	display: inline-block;
	text-decoration: inherit;
	text-decoration: none !important; 
}
.news-overview .nav-pages-prev:before {
	font-family: FontAwesome;
	content: " ";
	color: var(--purple);
	margin-right: 7px;
	font-weight: normal;
	font-style: normal;
	font-size: 27px;
	display: inline-block;
	text-decoration: inherit;
	text-decoration: none !important; 
}



/* F O O T E R */

footer {
	background-color: var(--purple);
	color: var(--lilac);
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
}

footer a { transition: all 0.3s ease; color: var(--lilac); }
footer h3 { font-weight: 600; color: var(--white); margin-bottom: 10px; }
footer a:hover { color: var(--beige); }

footer label {
	background-color: var(--darkgreen);
	font-size: 14px;
	color: var(--white);
	border-radius: 10px;
	padding: 0px 5px;
	line-height: 23px;
	min-width: 30px;
	width: 70px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 5px;
	cursor: pointer;
}

.subfooter {
	min-height: 40px;
	background-color: var(--white);
	font-size: 13px;
	padding: 10px 15px;
}
.subfooter a { color: var(--darkestgreen); }
.subfooter img { 
	width: 55px;
	margin-left: 15px;
	margin-top: -7px;
}

#goup {
	width: 50px;
	height: 50px;
	background-color: var(--lilac);
	position: absolute;
	right: 50px;
	top: 0;
	color: var(--white);
	line-height: 50px;
	font-size: 25px;
	text-align: center;
	cursor: pointer;
}
#goup:hover { background-color: var(--beige); color: var(--purple); }


/*  G A L L E R Y */


.img-title {
	width: 100%;
	text-align: center;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 35px;
}
.img-title:empty:before {
	content: ' ';
	white-space: pre;
}