:root {
  --serv-red: #FA2C24;	
  --serv-red-09: rgba(250, 44, 36, .9);		
}

a.hover-black {
  color: #000;
  text-decoration: underline; 
}

a.hover-black:active, a.hover-black:hover, a.hover-black:focus {
  color: #222;
  text-decoration: none; 
}

@media screen {

body {
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  overflow-x: hidden;
}

.hyphenate {
	hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
}

.wrapper {
  min-height: 100vh;
  min-width: 100%;
  display: flex;
}

main, main section {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: top;
  flex-direction: column;
}
  
.main-content .card-body { padding: 2rem; }
  
.loader { position: relative; }

.loader-number { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

.loader-number .row { height: 100%; } 

.publicatie-lijst ol { list-style-type: decimal-leading-zero; }
	
.step-nav a.hide { visibility: hidden; }

.step-nav svg {
    stroke: #000;
    width: 62px;
    height: 62px;
    display: block;
    background: rgba(255, 255, 255, .8);
}

.step-nav .pdf-nav svg {
	width: 52px;
	height: 52px;
	margin: 5px auto 0;
}

h1 {
	//border-bottom: 1px solid #333;
}

body.home h1 {
	border-bottom: none;
}
  
@media (max-width: 991px) {  
  .news-card .card-body {
      padding-top: 1.5rem !important;
  }  
}

.main-content-spotlight h3 {
  //margin-bottom: 3rem !important;
}

.publicatie-lijst ol {
	list-style: none;
	counter-reset: pub-counter;
}

.publicatie-lijst ol > li {
	position: relative;
	padding: 0.5rem 0;
	border-bottom: 1px solid #dee2e6;
	counter-increment: pub-counter;
}

.publicatie-lijst ol > li > a {
	font-weight: 400;
	display: inline-block;
	margin-left: 2rem;
  width: 75%;
}

.publicatie-lijst ol > li::before {
	position: absolute;
	top: 6px;
	left: 0;
	content: counter(pub-counter, decimal-leading-zero);
	font-size: 120%;
}

ul.publicatie-lijst {
	margin-left: 0;
}

ul.publicatie-lijst li {
	position: relative;
	padding: 0.5rem 0;
	border-bottom: 1px solid #dee2e6;
}

@media (max-width: 768px) {		
  .publicatie-lijst ol > li > a {
    width: 100%;  
  }  
  
	.publicatie-lijst .publicatie-datum {
		clear: both;
		display: block;
		float: none !important;
		margin-left: 2rem;
	}
	
	.publicatie-lijst ul .publicatie-datum {
		margin-left: 0;
	}	
	
	ul.publicatie-lijst .publicatie-datum {
		margin-left: 0;
	}
}

.publicatie-lijst ul {
	padding-left: 3rem;
}

.publicatie-lijst a {
	text-decoration: none;
	color: #222;
}

.publicatie-lijst a:hover,
.publicatie-lijst a:active {
	text-decoration: underline;	
}

.serv-advicetheme-row {
	border-bottom: 1px solid #dee2e6;	
}

.serv-advicetheme-row p {
	margin-bottom: 0;	
}

.advicetheme-bg .circle {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-top: 5px;
	margin-right: 5px;
	border-radius: 50%;
	border: 2px solid #e31818;
}

.home-bg {
	background-image: url("../img/SERV_MAIN.jpg");	
	background-position: left top;
	background-size: cover
}

@media (max-width: 992px) {
	.home-bg {	
		background-position-x: -150px;
	}	
}

.preface-inner {
	background-color: rgba(255, 255, 255, .5);	
}

.twitter-logo, .linkedin-logo {
	width: 38px;
	height: 38px;
	top: 0;
	right: 0;
	background-size: contain;
}

.bt-1 { border-top: 1px solid #dee2e6 !important; }

.bt-0 { border-top: none !important; }

.embed-responsive-16by9 {
    padding-bottom: 56.25% !important;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
  
.salv-impact-table .impact {
	background-color: #8CB900 !important; 
	color: white;
}
.salv-impact-table .impact-blue { background-color: #009FE3 !important; }	
.salv-impact-table .impact-orange { background-color: #F7931E !important; }			
.salv-impact-table .impact-red { background-color: #D4145A !important; }

.table-striped>tbody>tr:nth-of-type(odd)>.impact {
  background-color: #8CB900 !important; 
  --bs-table-accent-bg: transparent;
  --bs-table-bg-type: #8CB900;
}

.table-striped>tbody>tr:nth-of-type(odd)>.impact-blue {
  background-color: #009FE3 !important;
  --bs-table-accent-bg: transparent;
  --bs-table-bg-type: #009FE3;
}

.table-striped>tbody>tr:nth-of-type(odd)>.impact-orange {
  background-color: #F7931E !important;
  --bs-table-accent-bg: transparent;
  --bs-table-bg-type: #F7931E;
}

.table-striped>tbody>tr:nth-of-type(odd)>.impact-red {
  background-color: #D4145A !important;
  --bs-table-accent-bg: transparent;
  --bs-table-bg-type: #D4145A;
}

.salv-impact-table .impact-legend {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 1rem;
}