body,
html,
main,
footer {
	font-family: 'PT Sans', sans-serif !important;
}

main {
	margin-top:10px;
}

.c-white {
  color:#ffffff;
}

.sb_flexrow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 10px;
}

.navbar-brand {
	padding:0 !important;
}

.fgilll {
	font-family: 'gill_sans_novalight' !important;
	font-kerning: auto !important;
}

.fgill {
	font-family: 'gill_sans_novamedium' !important;
	font-kerning: auto !important;
}

.fgillb {
	font-family: 'gill_sans_novasemibold' !important;
	font-kerning: auto !important;
}

.splink:hover {
	font-weight: bold;
}

.carousel {
	margin-bottom: 2rem;
}

.carousel-caption {
	bottom: 0.4rem;
	padding: 10px;
	z-index: 10;
}

.carousel-item {
	height: 3.8rem;
}

.carousel-inner {
	position: absolute;
	top: 240px;
	z-index: 99 !important;
}

.carousel-caption p {
	margin-bottom: 0;
	font-size: 1.25rem;
	line-height: 1.4;
}

.colleft {
	width: 68.5%;
}

.colright {
	width: 31.5%;
	padding-right: 0;
	padding-left: 1.5%;
}

.bg-arterial {
	background-color: #e30613;
	color: white !important;
}

.bg-venous {
	background-color: #164194;
	color: white !important;
}

.bg-access {
	background-color: #878787;
	color: white !important;
}

.bg-vasctraining {
	background-color: #ef7d00;
	color: white !important;
}

.bg-sympvaattoegang {
	background-color: #19aa84;
	color: white !important;
}

.col-arterial {
	color: #e30613;
}

.col-venous {
	color: #164194;
}

.col-access {
	color: #878787;
}

.col-vasctraining {
	color: #ef7d00;
}

.col-sympvaattoegang {
	color: #19aa84;
}

.srow {
  cursor:pointer;
}

.srow.arterial:hover > * {
	background-color: #e30613;
	color: white !important;  
}

.srow.venous:hover > * {
	background-color: #164194;
	color: white !important; 
}

.srow.access:hover > * {
	background-color: #878787;
	color: white !important;
}

.srow.vasctraining:hover > * {
	background-color: #ef7d00;
	color: white !important;  
}

.srow.sympvaattoegang:hover > * {
	background-color: #19aa84;
	color: white !important; 
}

/* #6bbfa3 */
.bg-ltile {
	background-color: #EAF1F6 !important;
}

.bg-dark {
	background-color: #91989C !important;
}


.evc-head {
	font-size: 32px !important;
}

.evc-lead {
	font-size: 18px !important;
}

.evc-lead > b {
  font-weight: 700 !important;
}

.evc-body {
	font-size: 16px !important;
}

.inline {
	list-style: none;
}

.inline>li::before {
	content: "•";
	color: red;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}

.inline>li::marker {
	font-size: 2.8em;
	line-height: 0.1;
}

.inline>li {
	margin-bottom: 10px;
}


.nav-link {
	color: #ffffff !important;
	font-size: 15px;
	margin-right: 20px;
	cursor: pointer;
  
}

/* ARTERIAL */

.nav-link.arterial {
	color: #e30613 !important;
  border:1px solid #eee;
}

.nav-link.arterial.programme {
	color: #e30613 !important;
}


.nav-link.arterial.active {
	background-color: #e30613 !important;
	color: white !important;
	font-weight: bold;
}

/* VENOUS */

.nav-link.venous {
	color: #164194 !important;
  border:1px solid #eee;
}

.nav-link.venous.programme {
	color: #164194 !important;
}

.nav-link.venous.active {
	background-color: #164194 !important;
	color: white !important;
  font-weight: bold;
}

/* ACCESS */

.nav-link.access {
	color: #878787 !important;
  border:1px solid #eee;
}

.nav-link.access.programme {
	color: #878787 !important;
}

.nav-link.access.active {
  background-color: #878787 !important;
	color: white !important;
	font-weight: bold;
}


/* VASCTRAINING */

.nav-link.vasctraining {
	color: #ef7d00 !important;
  border:1px solid #eee;
}

.nav-link.vasctraining.programme {
	color: #ef7d00 !important;
}

.nav-link.vasctraining.active {
	background-color: #ef7d00 !important;
	color: white !important;
	font-weight: bold;
}

/* VAATTOEGANG */

.nav-link.sympvaattoegang {
	color: #19aa84 !important;
  border:1px solid #eee;
}

.nav-link.sympvaattoegang.programme {
	color: #19aa84 !important;
}

.nav-link.sympvaattoegang.active {
	background-color: #19aa84 !important;
	color: white !important;
	font-weight: bold;
}



.nav-link.programme {
	font-size: 22px;
	color: darkblue !important;
}

.nav-link.active.programme {
	font-weight: bold;
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pr_session_time {
  font-weight:bold;
  padding-top:12px !important;;
}

.room_location {
  padding-top:12px !important;
}

@media (min-width: 768px) {
	

	
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

.b-example-divider {
	width: 100%;
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
}

.bi {
	vertical-align: -.125em;
	fill: currentColor;
}


.sidebarbanner {
	/*box-shadow: 0px 0px 9px #878787;*/
	border: none;
	margin-bottom: 18px;
	cursor: pointer;
	width: 100%;
}

#header_evctext {
	text-shadow: 0 0 4px black;
	position: absolute;
	z-index: 3;
	bottom: 98px;
	right: 15px;
	text-align: right;
	padding: 15px;
	color: white;
	font-size: 40px;
	line-height: 50px;
}

#header_maintitle {
	text-shadow: 0 0 4px black;
	position: absolute;
	z-index: 3;
	bottom: 98px;
	left: 15px;
	padding: 15px;
	color: white;
	font-size: 80px;
	line-height: 50px;
}

#header_evctext>sup {
	font-size: 24px !important;
	top: -1rem !important;
}

#header_evctext>sup.hyphen {
	font-size: 40px !important;
	top: -0.2rem !important;
}

#header_evcwhiteline {
	top: 239px;
	position: absolute;
	z-index: 10;
	width: 1296px;
	border-top: 3px solid white;
}


.team_subtitle {
	text-shadow: 0 0 4px #000000;
	width: 100%;
	color: white;
	position: absolute;
	bottom: 4%;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	z-index: 50;
}

.choosebook {
  border:1px solid #EAF1F6;
  border-radius:8px;
  padding:10px;
  cursor:pointer;
}

.choosebook.selected {
  background-color: lightgreen;
}

.choosebook:hover {
  border:1px solid darkgreen;
  background-color: green;
}

.book_panel {
  line-height:28px;
  background-color:green;
  color:white;
  text-align:center;
  border-radius:4px;
  margin-bottom:20px;
}

@media only screen and (max-width: 992px) {
	.sidebarbanner {
		width: 100%;
		margin: 20px 0 0 0;
	}
}

@media (min-width: 1400px) {
	#header_evclogo {
		width: 1296px;
	}

	#header_evcwhiteline {
		top: 239px;
		width: 1296px;
	}

	#svg_logo {
		width: 500px;
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	#header_evclogo {
		width: 1116px;
	}

	#header_evcwhiteline {
		top: 203px;
		width: 1116px;
	}

	#header_evctext {
		bottom: 81px;
	}

	.carousel-inner {
		top: 202px;
	}

	#svg_logo {
		transform: translate(-40px, -20px) scale(.85);
	}
	
	#header_maintitle {
		text-shadow: 0 0 4px black;
		position: absolute;
		z-index: 3;
		bottom: 78px;
		left: 15px;
		padding: 15px;
		color: white;
		font-size: 72px;
		line-height: 50px;
    }
	
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	#header_evclogo {
		width: 936px;
	}

	#header_evcwhiteline {
		top: 170px;
		width: 936px;
	}

	#header_evctext {
		bottom: 65px;
		font-size: 32px;
		line-height: 40px;
	}

	#header_evctext>sup {
		font-size: 19px !important;
		top: -0.8rem !important;
	}

	#header_evctext>sup.hyphen {
		font-size: 32px !important;
		top: -0.1rem !important;
	}

	.carousel-caption p {
		font-size: 1.1rem;
	}

	.carousel-inner {
		top: 163px;
	}

	#svg_logo {
		transform: translate(-80px, -40px) scale(.65);
	}
	
	#header_maintitle {
		text-shadow: 0 0 4px black;
		position: absolute;
		z-index: 3;
		bottom: 58px;
		left: 15px;
		padding: 15px;
		color: white;
		font-size: 64px;
		line-height: 50px;
    }
	
}

@media (min-width: 768px) and (max-width: 991px) {
	#header_evclogo {
		width: 696px;
	}

	#header_evcwhiteline {
		top: 130px;
		width: 696px;
		border-top-width: 2px;
	}

	#header_evctext {
		bottom: 45px;
		font-size: 24px;
		line-height: 30px;
	}

	#header_evctext>sup {
		font-size: 14px !important;
		top: -0.6rem !important;
	}

	#header_evctext>sup.hyphen {
		font-size: 24px !important;
		top: -0.2rem !important;
	}

	.carousel-caption p {
		font-size: 0.8rem;
	}

	.carousel-inner {
		top: 110px;
	}
	
	#header_maintitle {
		text-shadow: 0 0 4px black;
		position: absolute;
		z-index: 3;
		bottom: 38px;
		left: 15px;
		padding: 15px;
		color: white;
		font-size: 56px;
		line-height: 50px;
    }
	
}

@media (min-width: 575px) and (max-width: 767px) {
	
	main {
		margin-top:10px;
	}
	
	
	#header_evclogo {
		width: 516px;
	}

	#header_evcwhiteline {
		top: 95px;
		width: 516px;
		border-top-width: 1px;
	}

	#header_evctext {
		bottom: 28px;
		font-size: 20px;
		line-height: 25px;
	}

	#header_evctext>sup {
		font-size: 10px !important;
		top: -0.5rem !important;
	}

	#header_evctext>sup.hyphen {
		font-size: 20px !important;
		top: -0.15rem !important;
	}

	.carousel-caption p {
		font-size: 0.6rem;
	}

	.carousel-inner {
		top: 70px;
	}

	.colleft {
		width: 100%;
	}

	.colright {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	.evc-head {
		font-size: 30px !important;
	}

	.evc-lead {
		font-size: 17px !important;
	}

	#header_maintitle {
		text-shadow: 0 0 4px black;
		position: absolute;
		z-index: 3;
		bottom: 28px;
		left: 15px;
		padding: 15px;
		color: white;
		font-size: 56px;
		line-height: 50px;
    }
	
}

@media (max-width: 574px) {
	
	main {
		margin-top:10px;
	}
	

	#header_evclogo,
	#svg_logo {
		width: 100%;
	}

	#header_evcwhiteline {
		top: 16.9vw;
		width: calc(100% - 24px);
		left: 12px;
		border-top-width: 1px;
	}

	#header_evctext {
		bottom: 4.8vw;
		font-size: 3.4vw;
		line-height: 3.8vw;
	}

	#header_evctext>sup {
		font-size: 1.7vw !important;
		top: -0.5rem !important;
	}

	#header_evctext>sup.hyphen {
		font-size: 3.4vw !important;
		top: -0.15rem !important;
	}

	.carousel-caption p {
		font-size: 2vw;
		display:none;
	}

	.carousel-inner {
		top: 10vw !important;
		z-index: 99;
	}

	.colleft {
		width: 100%;
	}

	.colright {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	.evc-head {
		font-size: 28px !important;
	}

	.evc-lead {
		font-size: 16px !important;
	}

	#header_maintitle {
		text-shadow: 0 0 4px black;
		position: absolute;
		z-index: 3;
		bottom: 0.5vw;
		left: 15px;
		padding: 15px;
		color: white;
		font-size: 10vw;
		line-height: 50px;
    }
	
	
}

body {
	padding-top: 3rem;
	padding-bottom: 3rem;
	color: rgb(var(--bs-tertiary-color-rgb));
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

.carousel-control-prev,
.carousel-control-next,
.carousel-control-prev-icon,
.carousel-control-next-icon {
	z-index: 50;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	margin-bottom: 1.5rem;
	text-align: center;
}

/* rtl:begin:ignore */
.marketing .col-lg-4 p {
	margin-right: .75rem;
	margin-left: .75rem;
}

/* rtl:end:ignore */


/* Featurettes
------------------------- */

.featurette-divider {
	margin: 5rem 0;
	/* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
	letter-spacing: -.05rem;
}

/* rtl:end:remove */

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
	/* Bump up size of carousel content */

	.featurette-heading {
		font-size: 50px;
	}
}

@media (min-width: 62em) {
	.featurette-heading {
		margin-top: 7rem;
	}
}