.site-header {
    background-position: top left;
    background-repeat: no-repeat;
}

.site-header.oudommen {
    background-image: url("../img/header-oudommen.jpg");
    height: 150px;
}

.site-header.hermanwigbels {
    background-image: url("../img/header-hermanwigbels.jpg");
    height: 250px;
}

.navbar {
    border-top: 2px solid #003366;
    border-bottom: 2px solid #003366;
}

.breadcrumb {
    background-color: #E9ECEF;
    margin-top: 10px;
    padding: 8px 16px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
}

.breadcrumb-item {
    flex-shrink: 0;
    white-space: nowrap;
}

h4 {
    color: white;
    background-color: #003366;
    margin: 10px 0;
    padding: 5px;
}

h6 {
    color: white;
    background-color: #4369B5;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px;
}

div.description h6 {
    background-color: #1E4DA7;
}

.page-lead {
    background: #E1ECFC;
    padding: 5px 5px 25px 5px;
    margin: 0 0 10px 0;
}

.selected-thumbnail {
    border-color: #337ab7;
    border-width: 2px;
}

.card-grid .card {
    width: 175px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.card-grid .card a {
    color: black;
}

.card-grid .card-body {
    padding: 5px;
}

.color-restricted-access {
    color: #FF5555;
}

.card-restricted-access {
    border-color: #FF5555;
    border-width: 2px;
}

.color-restricted-renditions {
    color: #FFAA55;
}

.card-restricted-renditions {
    border-color: #FFAA55;
    border-width: 2px;
}

.bg-article {
    background-color: #DCC6E0;
}

.bg-picture {
    background-color: #E1ECFC;
}

.bg-album {
    background-color: #CCCCCC;
}

.bg-related {
    background-color: #B6D2B5;
}

.bg-highlighted {
    background-color: #FFFF7F;
}

.bg-document {
    background-color: #FFE4CC;
}

.bg-map {
    background-color: #FFE4E1;
}

.bg-video {
    background-color: #EEEEEE;
}

.bg-videofile {
    background-color: #EEEEEE;
}