/* ****************************************************************** */
/* Modification 2                                                     */
/*   - as modification 1
/*   - font size: 15
/* ****************************************************************** */
/* start 0 lijn */
html,
body,
div,
table,
tr,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
ol,
p,
span,
a,
img,
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
/* einde 0 lijn */

/* ****************************************************************** */
/* start algemeen */
/* ****************************************************************** */
html {
	background: #fff;
	scrollbar-gutter: stable;
}
body {
	font-size: 15px;					/* changed: 10/12/2024 */
	color: #191917;					/* changed: 10/12/2024 */
}
body[focus-modal] {
	overflow: hidden;
}

body,
input,
textarea {
	font-family: "Maven Pro", sans-serif;
}

.visually-hidden {
	position: absolute;
	width: 1px;
	aspect-ratio: 1;
	overflow: hidden;
	pointer-events: none;
	opacity: 0;
}

.wrapper {
	display: block;
	width: 980px;
	margin: 0 auto;
}

span.clear {
	display: block;
	float: none;
	clear: both;
	height: 1px;
}

div.page div.icons,
a.btn.jmodedit,
div.tooltip {
	display: none !important;
}

/* ****************************************************************** */
/* lightbox */
/* ****************************************************************** */

/* #lightbox-wrap h1 {
	font-size: 18px;
	color: #34b5e3;
	font-weight: bold;
}

#lightbox-wrap tr td {
	background: #ededed;
	padding: 6px;
}

#lightbox-outer {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

#lightbox-content {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
} */


/* ****************************************************************** */
/* start header */
/* ****************************************************************** */
div.header {
	display: block;
	height: 167px;
}
.header > .wrapper {
	display: grid;
	gap: 1rem 3rem;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
}

.header > .wrapper > .logo {
	grid-row: span 2;
}
.header > .wrapper > .logo a {
	display: block;
}

/* ****************************************************************** */
/* start login */
/* ****************************************************************** */
.header > .wrapper > .login {
	width: 285px;
	height: 80px;
}

.header > .wrapper > .login a {
	display: block;
	width: 285px;
	height: 80px;
	background: url(../images/dcr_login.jpg) top left no-repeat;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	text-align: center;
	line-height: 65px;
}

.header > .wrapper > .login a:hover {
	background: url(../images/dcr_login.jpg) left -84px no-repeat;
}

/* login form */

.password-group .input-password-toggle {
	display: none !important;
}
.com-users-login__options > * {
	display: block;
	width: fit-content;
}
.com-users-login__options > * + * {
	margin-top: 0.5rem;
}
/* einde login */

/* ****************************************************************** */
/* start search */
/* ****************************************************************** */
.header .search {
	display: grid;
	place-content: center;
}
.header .search input {
	display: block;
	width: 190px;
	height: 20px;
	line-height: 20px;
	padding: 0 2px;
	border: none;
	border-bottom: 1px solid #35b5e3;
	background: none;
	float: left;
}

.header .search button {
	background: url(../images/dcr_search.jpg) top left no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	border: none;
	float: left;
	margin-left: 10px;
	cursor: pointer;
}
.highlight {
	background-color: red;
}
/* einde header */

/* ****************************************************************** */
/* start menu */
/* ****************************************************************** */
.menu {
	display: block;
	background: #34b5e3;
	height: 68px;
}

.menu ul {
	display: flex;
	list-style-type: none;
}

.menu ul li {
	display: block;
	min-height: 68px;
	line-height: 68px;
}

.menu ul li a {
	font-size: 20px;
	font-weight: bold;
	padding: 0 13px;
	border-right: 2px solid #6d8b86;
	color: #fff;
	text-decoration: none;
}

.menu ul li:first-child a {
	padding-left: 0;
}

.menu ul li:last-child a {
	border-right: none;
}

.menu ul li ul {
	display: none;
	position: absolute;
	z-index: 10;
	background: #34b5e3;
	margin-top: -3px;
	width: 170px;
	padding-bottom: 5px;
}

.menu ul li:hover ul {
	display: block;
}

.menu ul li ul li {
	min-height: auto;
	line-height: normal;
}

.menu ul li ul li a {
	border: none;
	padding: 5px 13px !important;
	font-weight: bold;
	display: block;
	width: auto;
	font-size: 15px;
}

.menu ul li ul li:hover a {
	background: #007fa7;
}

.menu ul li:hover ul li ul {
	display: none;
	position: absolute;
	background: #34b5e3;
	margin-top: -29px;
	width: 170px;
	padding-bottom: 5px;
	margin-left: 170px;
}

.menu ul li:hover ul li:hover ul {
	display: block;
}

.menu ul li:hover ul li:hover ul li a {
	background: #34b5e3;
}

.menu ul li:hover ul li:hover ul li a:hover {
	background: #007fa7;
}
/* einde menu */

/* ****************************************************************** */
/* start page */
/* ****************************************************************** */
.page {
	display: block;
}

.page .grey {
	color: #808080;
}

div.page .navyblue {
	color: #00219a;
}

div.page .red {
	color: #a83d3d;
}

div.page .green {
	color: #6aa84f;
}

div.page h1 {
	font-size: 30px;
	color: #494943;
	margin-bottom: 20px;
	font-weight: bold;
}

.subheading-category {
	font-size: 30px;
	color: #3c4245;
	margin-bottom: 20px;
	font-weight: bold;
}

.stButton {
	padding-top: 20px;
}

div.page h2 {
	font-size: 22px;					/* changed: 10/12/2024 */
	font-weight: bold;
	color: #494943;					/* changed: 10/12/2024 */
	margin-bottom: 15px;
}

div.page h3 {
	font-size: 18px;
	font-weight: bold;
	color: #00219a;          		/* changed: 10/12/2024 */
	margin-bottom: 5px;
}

div.page h3.newsflash-title {
	font-size: 15px;					/* changed: 12/12/2024 */
	font-weight: bold;
	color: #000000;          		/* changed: 13/12/2024 */
	margin-top: 5px;
	margin-bottom: 5px;
}

div.page div.date {
	color: #929596;
	font-size: 15px;					/* changed: 12/12/2024 */
	font-weight: bold;
}

div.page p {
	text-align: justify;				/* added: 10/12/2024 */
	line-height: 20px;
	margin-bottom: 13px;				/* changed: 10/12/2024 */
}

div.page a {
	color: #00219a;          		/* changed: 10/12/2024 */
	text-decoration: none;
}

a.ev_link_cat {
	display: none;
}

div.page a:hover {
	text-decoration: none;
	color: #000;
}

div.page a.readmore,
div.page button.btn {
	display: block;
	width: 110px;						/* changed: 13/12/2024 */
	height: 25px;
	line-height: 25px;
	font-size: 15px;					/* changed: 12/12/2024 */
	color: #ffffff;					/* changed: 13/12/2024 */
	text-align: center;
	background: #34b5e3;     		/* changed: 13/12/2024 */
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	border: none;
	margin-bottom: 17px;				/* changed: 12/12/2024 */
}

div.page a.readmore:hover,
div.page button.btn:hover {
	background: #e33533;
	text-decoration: none;
}

div.page ul {
	margin-bottom: 10px;
	margin-left: 25px;
}

div.page ul li {
	line-height: 20px;
}

div.page ol {
	margin-bottom: 10px;
	margin-left: 25px;
}

div.page ol li {
	line-height: 20px;
}

div.page .item-page img {
	max-width: 100%;
	box-sizing: border-box;
}

div.page .color p {
	font-size: 15px;					/* changed: 10/12/2024 */
}

div.page .color th {
	background: #34b5e3;
	padding: 4px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

div.page .color tr td {
	background: #f5f5f5;
	padding: 4px;
}

/* ****************************************************************** */
/* start forms */
/* ****************************************************************** */
div.page label {
	display: block;
	line-height: 20px;
	margin-bottom: 10px;
}

div.page input {
	display: block;
	height: 20px;
	border: 1px solid #35b5e3;
	line-height: 20px;
	margin-bottom: 10px;
	padding: 0 5px;
}

div.page textarea {
	display: block;
	height: 150px;
	width: 500px;
	border: 1px solid #35b5e3;
	line-height: 20px;
	margin-bottom: 10px;
	padding: 0 5px;
	font-size: 15px;					/* changed: 10/12/2024 */
}

div.page form p.message {
	font-weight: bold;
	padding: 10px 0;
}

div.page form p.message.error {
	color: red;
}
/* einde forms */

.page {
	--_content-gap: 1.25rem;
	padding-block: var(--_content-gap);
}

.page > .wrapper {
	display: grid;
	gap: var(--_content-gap);
	grid-template-columns: 225px 1fr;
	grid-template-rows: auto 1fr;
}

:is(.topRow, .colLeft) [data-lightbox] {
	cursor: pointer;
	appearance: none;
	display: block;
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
}
/* reset dialog */
#data-lightbox {
	place-content: center;
	width: 100%;
	height: 100%;
	border: none;
	background-color: transparent;
	overflow: hidden;
}
#data-lightbox[open] {
	display: grid;
}
/* dialog shadow */
#data-lightbox::backdrop {
	background-color: hsl(0, 0%, 50%, 0.4);
}
/* container */
#data-lightbox > div {
	position: relative;
	display: grid;
	border-radius: 1rem;
	box-shadow: 0px 0px 15px #555;
	background-color: white;
}

#data-lightbox header {
	position: absolute;
	top: 0;
	inset-inline: 0;
	display: flex;
	justify-content: flex-end;
	padding: 2rem;
}

#data-lightbox #img-container {
	display: grid;
	place-content: center;
	padding: 1rem;
}
#data-lightbox [removed] {
	display: none !important;
}
#data-lightbox button {
	appearance: none;
	cursor: pointer;
	display: block;
	border: none;
	border-radius: 5px;
	font-size: 1.5rem;
	padding: 0.25em 1.125em;
	color: white;
	background-color: #34b5e3;
}

/* ****************************************************************** */
/* start topRow */
/* ****************************************************************** */
div.topRow {
	grid-column: span 2;
	display: flex;
	justify-content: space-between;
	height: 150px;
}

div.topRow img {
	display: block;
	width: 225px;
	height: 150px;
}
/* einde topRow */

/* ****************************************************************** */
/* start left column
/* ****************************************************************** */
div.colLeft img {
	display: block;
	width: 100%;
}
div.colLeft > * + * {
	margin-top: var(--_content-gap) !important;
}


/* ****************************************************************** */
/* start colMiddle */
/* ****************************************************************** */
div.colMiddle {
	display: block;
	/* width: 400px; */
}

/* body.content div.colMiddle { */
/* width: 715px; */
/* } */
/* einde colMiddle */

/* start colRight */
/* einde colRight */

/* ****************************************************************** */
/* start bottomRow */
/* ****************************************************************** */
div.bottomRow {
	display: block;
	margin: 20px 0;
}

div.bottomRow div.moduletable {
	display: block;
	width: 300px;
	float: left;
	background: #f7f7f7;
	margin-right: 30px;
	min-height: 260px;
}

div.bottomRow div.moduletable.priorityDomains {
	margin-right: 0px;
}

div.bottomRow div.moduletable h3 {
	line-height: 70px;
	height: 70px;
	padding-left: 70px;
	padding-right: 20px;
	color: #fff;
	background: #c9cbcc;
}

div.bottomRow div.moduletable.upcomingEvents h3 {
	background: #9da4a7 url(../images/ico_upcomingevents.png) top left no-repeat;
}

div.bottomRow div.moduletable.positionPapers h3 {
	background: #9da4a7 url(../images/ico_positionpapers.png) top left no-repeat;
}

div.bottomRow div.moduletable.priorityDomains h3 {
	background: #9da4a7 url(../images/ico_prioritydomains.png) top left no-repeat;
}

div.bottomRow div.moduletable div.custom {
	padding: 15px 20px;
}

div.bottomRow div.moduletable div.custom a.readmore {
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	height: 35px;
	line-height: 35px;
	width: 120px;
	margin-top: 25px;
}

/* ****************************************************************** */
/* start Sigfree*/
/* ****************************************************************** */

.sigFreeContainer.sigFreeClassic {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	margin: 0 !important;
	padding: 0 !important;
}

.sigFreeContainer li {
	float: none !important;
	padding: 0.25rem !important;
	border: 1px solid #ccc;
	box-shadow: 3px 3px 5px #888;
}

.sigFreeContainer a {
	float: none !important;
	height: unset !important;
	width: 100% !important;
	aspect-ratio: 36 / 24;
}
.sigFreeContainer a img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center;
}

/* einde page */

/* ****************************************************************** */
/* start footer */
/* ****************************************************************** */
div.footer {
	display: block;
	background: #34b5e3;
}

div.footer div.wrapper {
	height: 200px !important;
	background-color: #34b5e3;
}

div.footer .custom {
	padding-top: 30px;
}

div.footer p {
	line-height: 25px;
	color: #fff;
	text-align: none !important;
	font-size: 15px;					/* changed: 10/12/2024 */	
	font-weight: bold;
}

div.footer a {
	color: #fff;
	text-decoration: none;
}

div.footer a:hover {
	text-decoration: underline;
}

/* ****************************************************************** */
/* who is who */
/* ****************************************************************** */

.whoiswho #searchform {
	height: 40px;
	margin-top: 25px;
}

div.page .whoiswho input[type="text"] {
	border: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-color: -moz-use-text-color -moz-use-text-color #35b5e3;
	border-image: none;
	border-style: none none solid;
	border-width: medium medium 1px;
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0 2px;
	width: 190px;
	color: #5b676a;
}

div.page .whoiswho input[type="submit"] {
	background: rgba(0, 0, 0, 0) url("../images/dcr_search.jpg") no-repeat scroll left top;
	border: medium none;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	margin-left: 10px;
	width: 20px;
	font-size: 0;
}

.wiw-profile {
	padding-bottom: 50px;
}

.wiw-photo {
	float: left;
	width: 170px;
	height: 215px;
	margin-right: 30px;
}

.wiw-top {
	min-height: 260px;
}

.wiw-top span {
	display: block;
	margin-bottom: 20px;
	font-size: 15px;
}

.wiw-profile h3,
.wiw-profile h4 {
	margin-bottom: 20px;
	margin-top: 25px;
}

.wiw-profile span {
	display: block;
	margin-bottom: 12px;
	margin-top: 12px;
}

.wiw-profile .cabinet {
	min-width: 250px;
	display: inline-block;
}

/* ****************************************************************** */
/* start gdpr */
/* ****************************************************************** */
.cc-message-text a {
	color: white !important;
}