/**
 * MARGIN SHORTCUTS
 * these are shortcuts to the margin-{side} CSS property
 */
/**
 * MARGIN - H / V
 * these are shortcuts to set only horizontals or vertical margins without alter existing rules
 * you can use these mixins with one value applied to the left/right, top/bottom margins or
 * you can use them with separated values
 */
/**
 * PADDING SHORTCUTS
 * these are shortcuts to the padding-{side} CSS property
 */
/**
 * PADDING - H / V
 * these are shortcuts to set only horizontals or vertical paddings without alter existing rules
 * you can use these mixins with one value applied to the left/right, top/bottom paddings or
 * you can use them with separated values
 */
/**
  * TRANSPARENT BACKGROUND COLOR
  * this mixin will set the opacity level of the background color of a block level element
  * pass the color as hex, and the mixin will create the rgba values.
  */
/* GRID GENERATOR */
body {
    width: 100%;
    *zoom: 1;
}

body:before,
body:after {
    content: '';
    display: table;
}

body:after {
    clear: both;
}

body:before,
body:after {
    content: '';
    display: table;
}

body:after {
    clear: both;
}

.zoom-viewer {
    background: #000;
    margin-bottom: 20px;
    height: 600px;
    padding-bottom: 80px;
}

.carousel-thumbnails li {
    border: 4px solid transparent;
    padding: 0;
    height: 75px;
    width: 75px;
}

.carousel-thumbnails li img {
    height: 100%;
    width: 100%;
}

/* Rijksoverheid fonts *************************/
@font-face {
    font-family: 'RijksSans';
    src:
        url('../fonts/ROsanswebtextregular.eot?') format('embedded-opentype'),
        url('../fonts/ROsanswebtextregular.woff') format('opentype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RijksSans';
    src:
        url('../fonts/ROsanswebtextitalic.eot?') format('embedded-opentype'),
        url('../fonts/ROsanswebtextitalic.woff') format('opentype');
    font-style: italic;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RijksSans';
    src:
        url('../fonts/ROsanswebtextbold.eot?') format('embedded-opentype'),
        url('../fonts/ROsanswebtextbold.woff') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RijksSerif';
    src:
        url('../fonts/ROserifwebregular.eot?') format('embedded-opentype'),
        url('../fonts/ROserifwebregular.woff') format('opentype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RijksSerif';
    src:
        url('../fonts/ROserifwebitalic.eot?') format('embedded-opentype'),
        url('../fonts/ROserifwebitalic.woff') format('opentype');
    font-style: italic;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'RijksSerif';
    src:
        url('../fonts/ROserifwebbold.eot?') format('embedded-opentype'),
        url('../fonts/ROserifwebbold.woff') format('opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* .less variables *****************************/
.w_div_r {
    border-right: 1px solid #e9e9e9;
}

.w_div_l {
    border-left: 1px solid #e9e9e9;
}

.popover {
    min-width: 25vw;
    box-sizing: border-box;
    word-wrap: break-word;
    font-family: 'RijksSans', 'Verdana', sans-serif;
}

.popover-meta {
    min-width: 25vw;
}

/* typography ***********************************/
body,
td,
input,
textarea,
select,
blockquote,
p,
cite {
    font-family: 'RijksSans', 'Verdana', sans-serif;
}

h1,
h2,
figcaption {
    font-family: 'RijksSerif', 'Georgia', serif;
}

h3 {
    font-family: 'RijksSans', 'Verdana', sans-serif;
    font-size: 21px;
    font-style: italic;
}

h1:first-of-type,
h2:first-of-type,
h3:first-of-type,
h4:first-of-type {
    margin-top: 0px;
}

/* base elements ********************************/
html {
    height: 100%;
}

body {
    background: #e9e9e9;
    color: #000;
    height: 100%;
}

hr.condensed {
    margin: 6px 0;
}

img {
    max-width: 100%;
    object-fit: contain;
}

.side-nav {
    background: #eee;
}

.side-nav li > a {
    color: #999;
    padding: 0.5em 2.5em;
}

.side-nav li.selected > a {
    background: #d9d9d9;
    color: #000;
}

.side-nav li > a:hover {
    background: #b3b3b3;
    color: #333;
}

.btn {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.btn a {
    color: inherit;
}

.btn-primary {
    background-color: #ffb612 !important;
    color: #000;
    font-family: 'RijksSerif';
}

.btn-primary:hover {
    background-color: #ffe9b7;
    color: #000;
}

.alert {
    margin-bottom: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* top-navigation********************************/
#header-top-nav {
    border-bottom: 8px solid #ffb612;
}

#header-top-nav .navbar {
    background: #ffe9b7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0px;
    vertical-align: baseline;
}

#header-top-nav .navbar-brand {
    color: #222;
    font-weight: bold;
    line-height: inherit;
    padding-top: 15px;
}

#header-top-nav .navbar-brand a {
    color: #222;
}

#header-top-nav .navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
}

#header-top-nav .navbar-nav {
    margin-top: 10px;
}

#header-top-nav .navbar-nav li.active a {
    background: #ffb612;
}

#header-top-nav .navbar-nav > li > a {
    color: #222;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}
#header-top-nav .navbar-nav > li > span {
    color: #222;
    font-weight: normal;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 21px;
    display: block;
}

#header-top-nav .navbar-nav > li > a:hover {
    background: #fff;
}

#header-top-nav .icon-bar {
    background-color: #222;
}

.rijks-identity {
    background: #fff;
    display: block;
    padding-bottom: 20px;
}

.rijks-identity img {
    margin-left: -15px;
}

/* page header **********************************/
header#page-header {
    background: #ffb612;
}

header#page-header .page-header {
    border: none;
    margin: 0;
    padding: 0 0 20px 0;
}

header#page-header .page-header .logo {
    float: left;
    margin-right: 20px;
}

header#page-header .page-header .location {
    float: left;
    height: 65px;
}

header#page-header .page-header .location h1 {
    font-size: 32px;
    margin: 0 0 0 0;
}

header#page-header .page-header .search-form {
    text-align: right;
    padding-top: 10px;
}

header#page-header.homepage {
    color: #fff;
    min-height: 500px;
    background-position: 50% 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/rce-building-bw.jpg);
    position: relative;
    padding: 20px 0;
}

header#page-header .homepage-logo {
    background: rgba(255, 240, 205, 0.8);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    margin-bottom: 5px;
    padding: 15px 15px 15px;
    width: 100%;
}

#page-header.sidebar-page {
    background-position: 50% 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #fff;
    height: 400px;
    text-align: center;
    text-shadow: 1px 1px 2px #000000;
}

#page-header.sidebar-page .title {
    margin-top: 150px;
}

.breadcrumb .ds-field {
    display: inline-block;
}

.breadcrumb a {
    color: #3b7fc4;
}

.page-title {
    font-size: 1.5em;
}

.form-search {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
}

.form-search header {
    font-size: 2.25em;
    text-align: center;
    padding: 0px 10px;
}

#home .form-search {
    margin-top: 60px;
    padding: 20px;
}

#home .form-search .input-group {
    margin-top: 20px;
}

.form-search .input-group {
    background: #fff;
}

.form-search .form-control {
    border-color: #e9e9e9;
    border-width: 1px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: auto;
}

.form-search .btn {
    font-style: italic;
    letter-spacing: 1px;
    margin-right: -2px;
}

.form-search a {
    color: #ffb612;
}

.page-intro {
    background: #ffe9b7;
    padding: 20px 0;
}

.page-intro .intro {
    font-weight: bold;
    font-size: 1.5rem;
}

/* virtual collections ********************************/
.vc-search-input {
    width: 300px !important;
}

/* STREAMFIELDS *******************************************************************************************************/
.stream-field {
    display: block;
    width: 102.08333333% !important;
    margin: 0 -1.04166667%;
    *zoom: 1;
}

.stream-field:before,
.stream-field:after {
    content: '';
    display: table;
}

.stream-field:after {
    clear: both;
}

.stream-field:before,
.stream-field:after {
    content: '';
    display: table;
}

.stream-field:after {
    clear: both;
}

.stream-field hr {
    display: block;
    width: 100%;
    height: 1px;
    float: left;
    margin: 30px 0;
    *zoom: 1;
}

.stream-field hr:before,
.stream-field hr:after {
    content: '';
    display: table;
}

.stream-field hr:after {
    clear: both;
}

.stream-field hr:before,
.stream-field hr:after {
    content: '';
    display: table;
}

.stream-field hr:after {
    clear: both;
}

.stream-field hr.visible {
    border-top: none;
    border-bottom: 1px solid #eee;
}

.stream-field hr.invisible {
    border-width: 0px;
    margin: 15px 0;
}

/* combines wagtail richtext image styles with custom streamfield styles  *********************************************/
.rich-text-wrapper.half-width,
.richtext-image.half-width,
.img-wrapper.half-width,
.btn-wrapper.half-width,
.rich-text-wrapper.one-half,
.richtext-image.one-half,
.img-wrapper.one-half,
.btn-wrapper.one-half {
    display: inline;
    float: left;
    width: 47.91666667% !important;
    margin: 0 1.04166667%;
}

@media (max-width: 768px) {
    .rich-text-wrapper.half-width,
    .richtext-image.half-width,
    .img-wrapper.half-width,
    .btn-wrapper.half-width,
    .rich-text-wrapper.one-half,
    .richtext-image.one-half,
    .img-wrapper.one-half,
    .btn-wrapper.one-half {
        display: inline;
        float: left;
        width: 97.91666667% !important;
        margin: 0 1.04166667%;
    }
}

.rich-text-wrapper.one-third-width,
.richtext-image.one-third-width,
.img-wrapper.one-third-width,
.btn-wrapper.one-third-width,
.rich-text-wrapper .one-third,
.richtext-image .one-third,
.img-wrapper .one-third,
.btn-wrapper .one-third {
    display: inline;
    float: left;
    width: 31.25% !important;
    margin: 0 1.04166667%;
}

@media (max-width: 768px) {
    .rich-text-wrapper.one-third-width,
    .richtext-image.one-third-width,
    .img-wrapper.one-third-width,
    .btn-wrapper.one-third-width,
    .rich-text-wrapper .one-third,
    .richtext-image .one-third,
    .img-wrapper .one-third,
    .btn-wrapper .one-third {
        display: inline;
        float: left;
        width: 97.91666667% !important;
        margin: 0 1.04166667%;
    }
}

.rich-text-wrapper.two-third-width,
.richtext-image.two-third-width,
.img-wrapper.two-third-width,
.btn-wrapper.two-third-width {
    display: inline;
    float: left;
    width: 64.58333333% !important;
    margin: 0 1.04166667%;
}

@media (max-width: 768px) {
    .rich-text-wrapper.two-third-width,
    .richtext-image.two-third-width,
    .img-wrapper.two-third-width,
    .btn-wrapper.two-third-width {
        display: inline;
        float: left;
        width: 97.91666667% !important;
        margin: 0 1.04166667%;
    }
}

.rich-text-wrapper.three-quarters-width,
.richtext-image.three-quarters-width,
.img-wrapper.three-quarters-width,
.btn-wrapper.three-quarters-width {
    display: inline;
    float: left;
    width: 72.91666667% !important;
    margin: 0 1.04166667%;
}

@media (max-width: 768px) {
    .rich-text-wrapper.three-quarters-width,
    .richtext-image.three-quarters-width,
    .img-wrapper.three-quarters-width,
    .btn-wrapper.three-quarters-width {
        display: inline;
        float: left;
        width: 97.91666667% !important;
        margin: 0 1.04166667%;
    }
}

.rich-text-wrapper.one-quarter-width,
.richtext-image.one-quarter-width,
.img-wrapper.one-quarter-width,
.btn-wrapper.one-quarter-width,
.rich-text-wrapper.one-fourth,
.richtext-image.one-fourth,
.img-wrapper.one-fourth,
.btn-wrapper.one-fourth {
    display: inline;
    float: left;
    width: 22.91666667% !important;
    margin: 0 1.04166667%;
}

@media (max-width: 768px) {
    .rich-text-wrapper.one-quarter-width,
    .richtext-image.one-quarter-width,
    .img-wrapper.one-quarter-width,
    .btn-wrapper.one-quarter-width,
    .rich-text-wrapper.one-fourth,
    .richtext-image.one-fourth,
    .img-wrapper.one-fourth,
    .btn-wrapper.one-fourth {
        display: inline;
        float: left;
        width: 97.91666667% !important;
        margin: 0 1.04166667%;
    }
}

.rich-text-wrapper.full-width,
.richtext-image.full-width,
.img-wrapper.full-width,
.btn-wrapper.full-width {
    display: inline;
    float: left;
    width: 97.91666667% !important;
    margin: 0 1.04166667%;
}

.rich-text-wrapper.left,
.richtext-image.left,
.img-wrapper.left,
.btn-wrapper.left {
    float: left;
}

.rich-text-wrapper.right,
.richtext-image.right,
.img-wrapper.right,
.btn-wrapper.right {
    float: right;
}

.rich-text-wrapper img,
.richtext-image img,
.img-wrapper img,
.btn-wrapper img {
    height: auto;
}

.img-wrapper {
    position: relative;
}

.img-wrapper .caption {
    padding: 0.2em 1em 0.2em 0.5em;
    margin: 0;
    font-weight: 400;
    background: #f2f2f2;
    font-style: italic;
    display: inline-block;
    z-index: 2;
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-size: 0.9em;
    width: 100%;
}

.img-wrapper .caption p {
    margin: 0 !important;
}

.btn-wrapper .btn,
.rich-text .btn {
    background-color: #222;
    color: #fff;
    text-decoration: none;
}

.btn-wrapper .btn:hover,
.rich-text .btn:hover {
    text-decoration: underline;
}

.btn-wrapper ul,
.rich-text ul {
    padding-left: 15px;
}

/* page footer *********************************/
#page-footer {
    padding: 40px 0;
}

.social-media {
    border-top: 1px solid #fff;
    color: #555;
    margin: 10px 0;
    padding: 10px 0;
    font-style: italic;
    height: 40px;
    vertical-align: middle;
}

.social-media li {
    display: inline-block;
    margin-right: 10px;
}

.social-media a {
    color: #555;
    font-size: 2rem;
}

/* accordion panels ****************************/
.accordion .panel {
    background: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none;
    color: #000;
}

.accordion .panel + .panel {
    margin-top: 1px;
}

.accordion .panel-heading {
    background-color: #fff4dc;
    background-color: rgba(255, 244, 220, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccfff4dc, endColorstr=#ccfff4dc);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccfff4dc, endColorstr=#ccfff4dc);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.accordion .panel-heading.active {
    background: #fff4dc;
}

.accordion .panel-title {
    font-family: 'RijksSerif';
    font-size: 24px;
    font-weight: normal;
}

.accordion .panel-title a {
    display: block;
}

.accordion .panel-title a:before {
    content: '\276F';
    display: inline-block;
    width: 16px;
    width: 2rem;
    margin-left: -16px;
    margin-left: -1rem;
    text-align: center;
    text-decoration: none;
    transform: rotate(90deg);
    font-size: 0.75em;
}

.accordion .panel-title a.collapsed:before {
    transform: none;
}

.accordion .panel-body {
    background: #fff4dc;
    border-top: 1px solid transparent !important;
}

.accordion .panel-body p {
    font-size: 16px;
    font-family: 'RijksSerif' !important;
}

/* page content *******************************/
#page-content-above {
    background: #fff;
    padding: 40px 0px;
}

#home #page-content-above {
    background: #eee;
}

#page-content-above h5 {
    font-family: 'RijksSerif' !important;
    font-style: italic;
    margin-top: 12px;
}

#page-content-above .intro,
#page-content-above .intro p {
    font-family: 'RijksSerif' !important;
    font-size: 2.5rem;
}

#page-content {
    background: #fff;
    min-height: 300px;
    padding: 22px 0;
}

#vc-search-results #page-content {
    background: transparent;
}

#page-content-below {
    background: #fff;
}

/* form table **********************************/
.form-table th,
.form-table td {
    padding: 0 10px 10px 0;
    vertical-align: top;
}

.form-table th {
    font-weight: bold;
    text-align: right;
}

.form-table th label {
    font-weight: inherit;
    margin-top: 10px;
}

.form-table ul.errorlist {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
}

.form-table ul.errorlist li {
    color: #d04437;
}

/* search results *******************************/
.query-tags .btn {
    background-color: #999;
}

.bootstrap-tagsinput {
    background: #fff;
    height: auto;
    min-height: 35px;
}

.bootstrap-tagsinput input[type='text'] {
    border: 1pxs solid #fff;
}

.bootstrap-tagsinput .label-query {
    background: #ffb612;
    color: #000;
}

.bootstrap-tagsinput .label-facet {
    background: #999;
}

.select-rows {
    font-weight: bold;
}

#search-results #page-content {
    background: transparent;
    border-bottom: 40px solid #fff;
    margin-bottom: 40px;
}

#search-results #page-content-above,
#vc-search-results #page-content-above {
    padding: 5px 0;
}

.pagination > li > a,
.pagination > li > span {
    border: none;
    margin-right: 4px;
}

.pagination .prev a,
.pagination .next a {
    background: transparent;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background: transparent;
    color: #ffb612;
    font-weight: bold;
}

.pagination-bottom {
    text-align: center;
}

.result-tools {
    *zoom: 1;
}

.result-tools:before,
.result-tools:after {
    content: '';
    display: table;
}

.result-tools:after {
    clear: both;
}

.result-tools:before,
.result-tools:after {
    content: '';
    display: table;
}

.result-tools:after {
    clear: both;
}

.result-tools .view-switcher {
    float: right;
}

.result-tools .view-switcher.nav-pills > li > a {
    background: #fff;
}

.result-tools .view-switcher.nav-pills > li.active > a {
    background: #ffb612;
}

.results-grid {
    margin-left: -10px;
    margin-right: -10px;
}

.results-grid .results-grid-item-container {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 992px) {
    .results-grid .results-grid-item-container {
        float: left;
        width: 20%;
    }
}

.results-grid-item {
    margin-bottom: 30px;
}

.results-grid-item .media {
    border: none;
    padding: 0px;
    height: 220px;
}

.results-list .media {
    display: table;
    width: 100%;
}

.results-list .media .media-left {
    width: inherit !important;
}

.results-list .media .media-left img {
    width: 100%;
    max-width: 100%;
}

.results-list .media .media-body {
    padding: 10px 20px;
}

.results-list .media .media-body label {
    color: #999;
    font-family: Rijkserif, serif;
    font-style: italic;
    font-weight: normal;
}

a.result-item-link {
    background: #fff;
    border: 1px solid #eee;
}

.active-row.current a.result-item-link {
    border: 4px solid #f6c342;
    text-decoration: none;
}

.facets-horizontal {
    font-family: RijksSerif;
    margin-bottom: 0px;
}

.facets-horizontal .btn-facets {
    background: transparent;
    border-bottom: 1px solid #cccccc;
    color: #707070;
    text-align: left;
    padding: 8px 0 0;
    margin-right: 30px;
}

.facets-horizontal .btn-facets.last {
    margin-right: 0px;
}

.facets-horizontal .btn-facets:hover {
    background: transparent;
    color: #000;
}

.facets-horizontal .btn-facets:focus,
.facets-horizontal .btn-facets:active {
    background: transparent;
    border-bottom: 1px solid #000;
    color: #000;
    border-color: transparent;
}

.facets-horizontal .btn-facets i {
    margin: 2px 0 0 10px;
}

.facets-horizontal a {
    font-style: italic;
    padding: 10px 0;
}

.facets-horizontal .nav .open > a,
.facets-horizontal .nav .open > a:hover,
.facets-horizontal .nav .open > a:focus {
    background: transparent;
}

@media (max-width: 768px) {
    .facets-horizontal .btn-facets {
        margin-right: 0px;
    }
}

.list-facets a {
    padding: 4px 0px;
    border-bottom: 1px solid #eee;
}

/* THIS CREATES THE POINTER ABOVE THE FOLDOUT */
.results-grid .current a.result-item-link::after {
    border-bottom-color: transparent;
}

.query-info {
    font-size: 2em;
    font-family: 'RijksSerif';
    font-style: italic;
    margin-bottom: 10px;
    text-align: center;
}

.result-item-foldout .result-item-detail {
    border: 1px solid #cccccc;
    background: #fff;
    font-family: RijksSerif;
    font-style: italic;
}

.result-item-foldout .title {
    display: block;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 10px;
    padding-right: 100px;
}

.result-item-foldout #btn-to-detail {
    background: #000;
    padding: 10px 40px;
}

.meta {
    font-family: 'RijksSerif';
    font-style: normal;
}

.meta .title {
    font-style: italic;
    font-size: 1em;
    font-weight: normal;
}

.meta .creator {
    color: #222;
    font-size: 1em;
    font-style: normal;
}

.meta .date {
    color: #222;
    font-size: 1em;
    font-style: normal;
}

.meta .provider {
    color: #7b7b7b;
    font-size: 0.8em;
    font-style: normal;
}

/* lod detail views ********************************/
.nav-to-results {
    background: #000 !important;
    margin-right: 4px;
}

.item-nav {
    background: #000 !important;
    margin-right: 1px;
    color: #fff;
}

.item-nav:hover {
    color: #fff !important;
}

.item-nav.disabled {
    opacity: 0.5;
}

.item-nav.disabled:hover {
    color: #fff !important;
    cursor: default;
}

.nav-pills.mode-toggle {
    margin-left: 20px;
}

.nav-pills.mode-toggle .active a {
    background: #000;
}

.link-more-less {
    text-align: right;
}

.media-viewer {
    background-color: #e9e9e9;
    padding: 10px;
    text-align: center;
}

@media (max-width: 1200px) {
    .media-viewer img {
        max-height: 700px;
    }
}

@media (max-width: 992px) {
    .media-viewer img {
        max-height: 500px;
    }
}

@media (max-width: 768px) {
    .media-viewer img {
        max-height: 300px;
    }
}

.media-viewer .carousel .item {
    text-align: center;
}

.media-viewer .carousel .carousel-inner > .item > img,
.media-viewer .carousel .carousel-inner > .item > a > img {
    max-width: 100%;
    max-height: 400px;
    margin: 0 auto;
}

.media-viewer .carousel-control {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
}

.media-viewer .carousel-control.left,
.media-viewer .carousel-control.right {
    background: transparent;
    color: #000;
}

.media-viewer .carousel-nav {
    top: 45%;
    height: 40px;
    width: 40px;
    padding: 5px;
    margin: 0 0 0 0;
    font-weight: normal;
}

.media-viewer .carousel-previous {
    left: 0px;
}

.media-viewer .carousel-next {
    right: 0px;
}

.media-viewer .carousel-thumbnails {
    background: #e9e9e9;
    padding: 10px;
}

.media-viewer .carousel-thumbnails img {
    margin: 0 0 10px 0;
}

.media-viewer .carousel-thumbnails ul {
    padding: 0 0 0 0 !important;
}

.isResizable {
    overflow: hidden;
    resize: both;
    min-width: 100%;
    min-height: 500px;
    max-width: 100%;
    max-height: 1000px;
}

.isResizable img {
    max-width: 100%;
    max-height: 900px;
}

.webresource-label {
    background: lightgray;
    padding: 5px;
    color: black;
    z-index: 10000;
    position: relative;
    display: inline-block;
}

.zoom-viewer {
    text-align: center;
}

.zoom-viewer .webresource-label {
    bottom: 0px;
}

.tab-content {
    display: block;
}

.ds-field {
    background-color: #fff;
}

.ds-field-value-badge {
    background-color: orange;
    color: #fff;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    border-radius: 33%;
    vertical-align: super;
    font-size: 1.1rem;
}

.ds-field label {
    color: #999;
    font-style: italic;
    font-size: 1.1em;
    font-weight: normal;
}

.ds-field-value {
    font-style: italic;
    font-size: 1.1em;
    -ms-word-break: normal;
    word-break: normal;
    hyphens: auto;
}

.ds-field-value:last-of-type {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 4px;
    padding-bottom: 4px;
}

.ds-field-value-item a {
    display: block;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}

.ds-field-extra-info {
    font-size: 90%;
    padding: 10px 0px;
}

.ds-field-extra-info a {
    background-color: #59afe1;
    color: #fff;
    padding: 0 5px;
}

.navigator-tabs {
    margin-top: 10px;
    margin-bottom: 60px;
}

.predicate-uri-label a {
    color: #fff;
}

.predicate-uri-label a:hover {
    text-decoration: underline;
}

.df-container {
    margin-bottom: 20px;
}

.df-header {
    background-color: #e9e9e9;
    padding: 4px 8px;
}

/* styles from common.css extended *****************/
.list-lined li {
    padding: 0;
}

.list-lined li a {
    display: block;
    padding: 2px;
}

.list-lined li a:hover {
    background: #ffe9b7;
}

/* homepage sections *********************************/
#home-content-top {
    background: #eee;
}

.page-section {
    padding: 2em 0;
}

.page-section h1:first-of-type,
.page-section h2:first-of-type,
.page-section h3:first-of-type,
.page-section h4:first-of-type {
    margin-top: 0px;
}

.page-section.highlight {
    background: #ffe9b7;
}

.ab {
    display: table-cell;
    vertical-align: bottom;
}

.card {
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.card .meta {
    color: #999;
    padding: 10px;
    text-align: center;
}

.card .heading {
    color: black;
    font-family: 'Rijkserif', 'Verdana', sans-serif !important;
    font-style: normal;
    font-family: 'RijksSans', 'Verdana', sans-serif;
    margin-bottom: 4px;
}

.card .subheading {
    color: #222;
    font-family: 'RijksSans', 'Verdana', sans-serif;
}

@media only screen and (max-width: 768px) {
    .card {
        margin-bottom: 10px;
    }

    .card .media {
        display: block;
        padding-top: 10px;
        text-align: center;
    }

    .card .meta {
        display: block;
    }

    .popover {
        min-width: 75vw;
        max-width: 75vw;
    }
}

.card:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
    bottom: 0px;
    left: 10%;
    right: 10%;
    width: 80%;
    height: 50%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

/* homepage statistics *******************************/
.statistics {
    margin-top: -75px;
    background: #fff;
}

.statistics .col {
    border-right: 1px solid #eee;
}

.statistics .col.last {
    border-right: none;
}

.statistics .statistics-block {
    text-align: center;
    padding: 20px;
}

.statistics .count {
    font-size: 1.25em;
}

.statistics a:link,
.statistics a:active,
.statistics a:visited {
    color: #ffb612;
}

/* Wagtail page template navigation *************/
.sub-nav .nav-item {
    margin-bottom: 1px;
}

.sub-nav .nav-item .active {
    background: #ffe9b7;
}

.sub-nav a:hover {
    background: #ffe9b7;
}

.sub-nav .nav-header {
    background: #fff;
    border-bottom: 2px solid #ffb612;
    font-weight: bold;
}

.sub-nav .nav-header a {
    color: #222;
}

/* lifted corners *******************************/
.shadowed {
    position: relative;
    min-height: 20px;
    background-color: #fff;
    -webkit-box-shadow:
        0 1px 4px rgba(0, 0, 0, 0.3),
        0 0 40px rgba(128, 128, 128, 0.1) inset;
    box-shadow:
        0 1px 4px rgba(0, 0, 0, 0.3),
        0 0 40px rgba(128, 128, 128, 0.1) inset;
}

.shadowed:after,
.shadowed:before {
    content: '';
    position: absolute;
    z-index: -2;
}

.lifted:after,
.lifted:before {
    bottom: 15px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    -webkit-box-shadow: 0 15px 10px rgba(31, 31, 31, 0.5);
    box-shadow: 0 15px 10px rgba(31, 31, 31, 0.5);
}

.lifted:before {
    left: 10px;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.lifted:after {
    right: 10px;
    -webkit-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    transform: rotate(4deg);
}

/* template styles ******************************/
#page-header.sidebar-page {
    background-color: #222;
}

/* static home **********************************/
body.static_home {
    background: #fff !important;
}

body.static_home h1 {
    text-align: center;
}

body.static_home .page-header {
    margin-bottom: 40px;
}

/* responsive sections */
/* todo: cards .col-sm-1of5 for smaller screens */

@media (min-width: 992px) {
    .modal-spin {
        width: 1200px;
        height: 1500px;
    }
}