@charset "UTF-8";
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

#page {
  overflow: hidden;
}

#atlantis-skiplinks {
  z-index: 103;
  display: none;
}
#atlantis-skiplinks:has(a[href]) {
  display: block;
}

:where(#page > :not(#page-main)) .container {
  padding-left: 0;
  padding-right: 0;
}

#page-nav.headroom--not-top {
  z-index: 101;
}

#page-main {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#page-main {
  background-color: #EFF3F4;
}
@media (max-width: 767px) {
  #page-main > .container {
    width: calc(100% - 40px) !important;
  }
}

#page-banner {
  flex-direction: column;
  padding-bottom: 0;
}
#page-banner #atlantis-breadcrumbs {
  font-size: 18px;
  line-height: 1.35;
  height: 0;
  visibility: hidden;
  margin-bottom: 10px;
  overflow: hidden;
}
#page-banner #atlantis-breadcrumbs:has(a[href]) {
  height: auto;
  visibility: visible;
  overflow: visible;
}
#page-banner #atlantis-breadcrumbs .breadcrumbs-i-current {
  font-weight: normal;
}
#page-banner #atlantis-breadcrumbs .breadcrumbs-i {
  text-decoration: underline;
  transition: transform 0.2s ease-in-out;
}
#page-banner #atlantis-breadcrumbs .breadcrumbs-i:hover {
  color: white;
  text-decoration: none;
}
#page-banner [data-toggle] {
  margin: 0 0 1em 0;
}
#page-banner [data-toggle] .fa {
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  #page-banner [data-toggle] {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  #page-banner nav {
    display: block;
    height: auto !important;
  }
}
@media only screen and (max-width: 768px) {
  #page-banner nav {
    width: 100%;
  }
  #page-banner nav.collapse {
    display: none;
  }
  #page-banner nav.collapse.in {
    display: block;
  }
}
#page-banner .nav {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0 0 5px 0;
}
@media only screen and (max-width: 768px) {
  #page-banner .nav {
    flex-direction: column;
    align-items: center;
  }
}
#page-banner .nav li {
  margin-left: 10px;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #page-banner .nav li {
    margin-left: 0;
    margin-bottom: 10px;
  }
}
#page-banner .nav li > a {
  flex-grow: 1;
  margin: 0;
  padding: 10px;
  background-color: #bea600;
  color: #fff;
  outline-offset: -1px;
  transition: all 0.3s ease-in;
  text-decoration: none;
}
.wcag #page-banner .nav li > a {
  text-decoration: underline;
}
#page-banner .nav li > a:hover, #page-banner .nav li > a:focus {
  background-color: #584d00;
  text-decoration: none;
}
#page-banner .nav li > a.header-menu-selected {
  background-color: #EFF3F4;
  border-color: #EFF3F4;
  outline-color: #EFF3F4;
  color: black;
}
#page-banner .nav li > a.header-menu-selected::after {
  content: "";
  background-color: #EFF3F4;
  width: 100%;
  height: 5px;
  position: absolute;
  top: 100%;
  left: 0;
  transition: all 0.3s ease-in;
}
@media only screen and (max-width: 768px) {
  #page-banner .nav li > a.header-menu-selected::after {
    height: 0;
  }
}
main {
  z-index: 100;
}
main > .container {
  padding: 5rem 0;
}

.row::before, .row::after, .container::before, .container::after {
  display: none;
  content: "";
}

:where(#page-main) .fa {
  display: inline-block !important;
  background-color: transparent;
  color: white;
}

i.fa-paperclip {
  color: #000;
}

h2 {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}

.opties-div #testform {
  position: relative;
}

#searchform {
  margin-left: -15px;
  margin-right: -15px;
}

#searchform h2 {
  font-size: 2.5rem;
}

:where(#search-form-fields, #loginform, #registerform, #annotations) .custom-form-field {
  margin-left: -15px;
  margin-right: -15px;
}

#search-selection,
#search-form {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#search-selection.soorten-invisible {
  min-height: 0;
  height: auto;
}
#search-selection.soorten-invisible #zoeken-in:only-child {
  display: none;
}

@media (max-width: 991.9px) {
  #search-selection,
  #search-form {
    width: 100% !important;
    max-width: none !important;
  }
}
@media (min-width: 992px) {
  #search-selection {
    max-width: none;
    box-sizing: border-box;
    padding-right: 15px;
    width: 33.3333333333%;
    float: left;
  }
  #search-form {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 0;
    width: 66.6666666667%;
    float: left;
  }
  #search-selection.soorten-invisible {
    width: 16.6666666667%;
    min-height: 1px;
  }
}
#search-beeldbank {
  float: left;
  width: 100%;
  clear: both;
}

#navigeren-door .btn-navigate {
  max-width: 210px;
  display: inline-block;
}

#zoektriggers, #zoektriggers li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#zoektriggers li {
  display: inline;
}
#zoektriggers a {
  display: block;
  border-top: 1px solid var(--color-support);
  padding: 0.5em 1.25em;
  position: relative;
  text-decoration: none;
}
#zoektriggers a:before {
  content: "";
  height: 0;
  width: 0;
  border: 5px solid;
  border-color: transparent transparent transparent var(--color-primary);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
}
#zoektriggers a:hover, #zoektriggers a:focus {
  color: #fff;
  background: var(--color-primary);
}
#zoektriggers a:hover:before, #zoektriggers a:focus:before {
  border-color: transparent transparent transparent #fff;
}
#zoektriggers li:first-child a {
  border-top: 0;
}

@media (min-width: 768px) and (max-width: 1499px) {
  body.beeldbank-zoeken-pagina #search-beeldbank {
    display: flex;
    justify-content: stretch;
    gap: 30px;
  }
  body.beeldbank-zoeken-pagina #search-beeldbank .search-beeldbank-col {
    flex-grow: 1;
  }
}
@media (min-width: 992px) and (max-width: 1499px) {
  body.beeldbank-zoeken-pagina #zoektriggershtml {
    flex-grow: 1;
  }
  body.beeldbank-zoeken-pagina #wijkmaphtml {
    flex-grow: 0;
    width: 335px;
  }
}
@media (min-width: 1500px) {
  body.beeldbank-zoeken-pagina {
    --search-beeldbank-width: 335px;
  }
  body.beeldbank-zoeken-pagina #page-main > .container {
    max-width: 1780px;
    box-sizing: border-box;
  }
  body.beeldbank-zoeken-pagina #search-beeldbank {
    width: var(--search-beeldbank-width);
    clear: none;
    float: right;
    padding-right: 0;
    padding-left: 0;
  }
  body.beeldbank-zoeken-pagina #searchform {
    clear: both;
    float: left;
    width: calc(100% - var(--search-beeldbank-width));
    padding-right: 30px;
    box-sizing: border-box;
  }
}

hr {
  border-top-color: #aaa;
}

[class*=custom-textfield] {
  border: 1px solid #bea600;
}
[class*=custom-textfield]:hover {
  border: 1px solid black;
}
[class*=custom-textfield]:focus {
  border-color: #B0C4CC !important;
}
.wcag [class*=custom-textfield]:focus {
  outline-offset: 0;
  outline: 5px auto #bea600 !important;
}

.custom-textfield-small {
  width: 128px !important;
  max-width: 100%;
}

.wcag ::placeholder {
  color: inherit !important;
  font-style: italic !important;
}

.custom-form-field {
  height: auto;
  overflow: visible;
  box-sizing: border-box !important;
}
.custom-form-field:after {
  clear: both;
  content: "";
  display: table;
}
.custom-form-field * {
  box-sizing: border-box !important;
}
.custom-form-field-label, .custom-form-field-label > label {
  font-size: 16px !important;
  font-family: inherit !important;
}

.custom-select {
  border: 1px solid #bea600;
}
.custom-select:focus {
  border-color: #B0C4CC !important;
}
.wcag .custom-select:focus {
  outline: 5px auto #bea600 !important;
}

.custom-textfield-autocomplete-btn {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #bea600;
}
.custom-textfield-autocomplete-btn:is(:focus, :active, :hover) {
  background-color: #B0C4CC !important;
}

:is([class*=col-xs], [class*=col-sm], [class*=col-md]) ul.token-input-list {
  overflow: visible;
}
:is([class*=col-xs], [class*=col-sm], [class*=col-md]) ul.token-input-list li input {
  margin: 0;
}
:is([class*=col-xs], [class*=col-sm], [class*=col-md]) div.token-input-dropdown {
  left: 15px;
  right: 15px;
  width: auto;
}
:is([class*=col-xs], [class*=col-sm], [class*=col-md]) div.token-input-dropdown ul li {
  height: auto;
  line-height: 1.1;
}

[class*=default-button],
#resultjumpsubmit,
.chzn-container-single .chzn-single div b {
  padding: 0.4em 1em;
  margin: 0 1em 1em 0;
  background-color: #bea600;
  color: #fff;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  border: 1px solid transparent;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
}
.profiel > [class*=default-button],
.profiel > #resultjumpsubmit,
.profiel > .chzn-container-single .chzn-single div b {
  display: inline-block;
}
[class*=default-button]:not(:disabled):not(.disabled):not([disabled]):is(:hover, :active, :focus),
#resultjumpsubmit:not(:disabled):not(.disabled):not([disabled]):is(:hover, :active, :focus),
.chzn-container-single .chzn-single div b:not(:disabled):not(.disabled):not([disabled]):is(:hover, :active, :focus) {
  opacity: 1;
  color: #fff;
  background-color: var(--color-primary-darker, #584d00);
  border-color: var(--color-primary-darker, #584d00);
}
[class*=default-button]:not(:disabled):not(.disabled):not([disabled]):is(:hover, :active, :focus) > i,
#resultjumpsubmit:not(:disabled):not(.disabled):not([disabled]):is(:hover, :active, :focus) > i,
.chzn-container-single .chzn-single div b:not(:disabled):not(.disabled):not([disabled]):is(:hover, :active, :focus) > i {
  color: #bea600;
}

[class*=default-button].btn-empty {
  padding: 0.4em 1em;
  margin: 0;
  color: #fff;
  border-color: var(--color-secundair, red);
  background-color: var(--color-secundair, red);
}
[class*=default-button].btn-empty:not(:disabled):not(.disabled):not([disabled]):is(:hover, :active, :focus) {
  color: black !important;
  background-color: white !important;
  border: 1px solid black;
}

#resultjump,
#resultjumpsubmit {
  border: 1px solid #bea600;
  font: inherit;
  font-size: 14px;
  padding: 0.35em 1em;
  margin: 0;
  height: auto;
  width: auto;
}

#resultjump {
  width: 100px;
}

.custom-checkbox label, .custom-radio label {
  font-family: "Open Sans", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400 !important;
}

.custom-checkbox label {
  background: transparent no-repeat !important;
  width: 100%;
  height: auto;
  cursor: pointer;
  display: block;
  margin-right: 10px;
  position: relative;
  padding: 0 0 0 30px;
  line-height: 20px;
  color: #333 !important;
}
.custom-checkbox label::before {
  content: "";
  color: white;
  font-size: 14px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #bea600;
  border-radius: 5px;
  transition: background-color 90ms cubic-bezier(0, 0, 0.2, 0.1), border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  text-align: center;
  line-height: 16px;
}
.custom-checkbox label.checked::before {
  background-color: #bea600;
  border-color: #bea600;
  content: "✓";
}

#Modal {
  z-index: 10000;
}

.modal-content {
  padding: 2rem;
  text-align: left;
}
.modal-content .btn-submit-result-settings {
  margin: 0;
  padding: 0 !important;
}
.modal-content .btn-submit-result-settings::before {
  margin-left: 5px;
  line-height: 1.3;
}

input:focus {
  outline-width: 0px !important;
}

.k-multiselect-wrap.k-floatwrap {
  padding: 5px !important;
  border-color: #bea600 !important;
}

.wcag .k-input {
  color: #000;
}

.k-input.k-readonly {
  padding: 0px !important;
  text-indent: 0 !important;
}
.wcag .k-input.k-readonly {
  opacity: 1;
  font-style: italic;
}

.k-multiselect-wrap .k-input {
  padding: 0px !important;
}

.k-multiselect-wrap.k-state-hover, .k-state-hover > .k-multiselect-wrap, .k-multiselect-wrap.k-state-focused {
  border-color: black !important;
}

.k-state-focused > .k-multiselect-wrap {
  border-color: #B0C4CC !important;
}

.k-grid-header th.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-state-focused, td.k-state-focused {
  box-shadow: inset 0 0 0 1px #bea600 !important;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
  background-color: #bea600 !important;
}

.k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover, .k-state-hover {
  background-color: #bea600 !important;
}

.k-draghandle:hover, .k-listbox .k-item:hover:not(.k-state-disabled), .k-other-month.k-state-hover .k-link, .k-state-hover, div.k-filebrowser-dropzone em {
  background-image: none, linear-gradient(180deg, #bea600, #bea600) !important;
}

.k-button.k-state-hover, .k-button:hover {
  border-color: #bea600 !important;
  background-color: #bea600 !important;
}

.k-item {
  text-align: left !important;
}

.custom-navigation {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

@media (max-width: 991px) {
  .atlantis--details #result-navigation {
    float: none;
    text-align: center;
  }
}
.atlantis--details #result-navigation .custom-navigation {
  margin-top: 0;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .atlantis--details #result-navigation .custom-navigation {
    justify-content: center;
  }
}
@media (max-width: 639px) {
  .atlantis--details #result-navigation .custom-navigation .custom-navigation-page:not(.default-button):not([aria-current=page]) {
    display: none;
  }
  .atlantis--details #result-navigation .custom-navigation #resultjump {
    width: calc(100% - 100px);
  }
  .atlantis--details #result-navigation .custom-navigation #resultjumpsubmit {
    width: 100px;
  }
}

.custom-navigation-page {
  line-height: 32px;
  padding: 0.4em 0.1em;
}

.custom-navigation-page-active {
  background-color: #bea600 !important;
  line-height: 32px;
  padding: 0.4em;
  color: #fff;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  border: 1px solid #bea600 !important;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out;
}

.custom-navigation-spacing {
  color: #bea600;
}

.atlantis--details .custom-navigation-page {
  margin-top: 5px;
  margin-bottom: 5px;
}

.custom-table {
  top: 0 !important;
}

.opties-div {
  top: 20px !important;
}
@media only screen and (max-width: 980px) {
  .opties-div {
    top: 232px !important;
  }
}

#testform {
  position: relative;
}

.result-settings {
  height: unset;
}
.result-settings-form {
  display: flex !important;
  align-items: flex-end;
}
@media only screen and (max-width: 980px) {
  .result-settings-form {
    display: block !important;
  }
}

.result-settings-item-label label {
  margin-bottom: 0px;
}

.collectionchoice,
.custom-table-header,
.filter-i-title {
  background: #fff;
}

.infinite-button {
  background-color: #bea600;
  top: -2px !important;
  height: 23px;
  transition: all 0.3s ease-in-out;
}
.infinite-button:hover, .infinite-button:active {
  opacity: 1;
  color: #bea600;
  background-color: white;
  border: 1px solid #bea600;
}
.infinite-button:hover > i, .infinite-button:active > i {
  color: #bea600;
}

.resultTitle {
  font-size: 2.5rem;
}

.collectionchoice {
  border: none;
  text-decoration-color: white !important;
}
.collectionchoice-title {
  color: #333;
  margin-bottom: 1rem;
}
.collectionchoice-amount {
  color: #bea600;
}
.collectionchoice-button .fa {
  margin-left: 0 !important;
}
.collectionchoice:hover {
  background: #bea600 !important;
  color: #B0C4CC !important;
}
.collectionchoice-subgroup-amount {
  background-color: #bea600;
}
.collectionchoice-subgroup:hover {
  background: #bea600 !important;
  color: #B0C4CC !important;
}
@media only screen and (min-width: 580px) {
  .collectionchoice-i {
    width: calc(50% - 20px);
  }
}
@media only screen and (min-width: 960px) {
  .collectionchoice-i {
    width: calc(33.3333333333% - 20px);
  }
}
.collectionchoice-i::before {
  content: "";
}

.wcag-submit-btn {
  background-color: #bea600 !important;
  border-width: 0;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
}
.wcag-submit-btn:hover, .wcag-submit-btn:active {
  opacity: 1;
  color: #bea600;
  background-color: white !important;
  border: 1px solid #bea600;
}
.wcag-submit-btn:hover > i, .wcag-submit-btn:active > i {
  color: #bea600;
}

.filter .default-button {
  z-index: 100 !important;
}

.filter-i-title {
  margin-bottom: 1rem;
}

.result-viewswitcher {
  top: -70px !important;
  right: 0px;
  text-align: right;
  line-height: normal;
}
@media only screen and (max-width: 980px) {
  .result-viewswitcher {
    text-align: center;
    top: 0 !important;
  }
}
.result-viewswitcher-i {
  height: 34px;
  border: none;
  width: 34px;
  text-align: center;
  color: #333 !important;
}
.result-viewswitcher-i-active {
  background-color: #bea600 !important;
  color: white !important;
}

[class^=icon-]::before, [class*=" icon-"]::before {
  font-family: "WebHostingHub-Glyphs" !important;
}

#soapserver {
  margin-top: 1rem;
}

.profiel h1 {
  margin-right: 1rem;
}

div.ExternalResults {
  top: 201px;
}

.icon-chevron-right, .icon-chevron-left, .icon-fastleft, .icon-fastright {
  line-height: 14px;
  margin: 0;
  margin-right: 4px;
  padding: 0.8em !important;
}
.icon-chevron-right:hover, .icon-chevron-right:active, .icon-chevron-left:hover, .icon-chevron-left:active, .icon-fastleft:hover, .icon-fastleft:active, .icon-fastright:hover, .icon-fastright:active {
  opacity: 1;
  color: #bea600 !important;
  background-color: white;
  border: 1px solid #bea600;
}
.icon-chevron-right:hover > i, .icon-chevron-right:active > i, .icon-chevron-left:hover > i, .icon-chevron-left:active > i, .icon-fastleft:hover > i, .icon-fastleft:active > i, .icon-fastright:hover > i, .icon-fastright:active > i {
  color: #bea600;
}

#result-navigation {
  /*
    & .icon-chevron-left,
    & .icon-chevron-right,
    & .icon-fastleft,
    & .icon-fastright,
    & .icon-fast-forward,
    & .icon-fast-backward
   */
}
#result-navigation [class*=icon-] {
  line-height: 28px;
  padding: 0.4em !important;
  margin: 0;
}
#result-navigation [class*=icon-]::before {
  line-height: 28px;
  padding: 0.4em !important;
  margin: 0;
}

.detail-info-share > a {
  display: inline-block;
}
.detail-info-share > a > * {
  vertical-align: middle;
}

.custom-icon {
  color: #bea600;
  transition: color 0.3s ease-in-out;
}
.custom-icon:hover {
  color: #B0C4CC;
}

.has_filters .gallery-table {
  top: 0;
  margin-bottom: 20px;
  margin-top: 37px;
}

.results--gallery .custom-navigation {
  position: static;
}

.k-multiselect:after {
  content: "▼" !important;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  background-color: #bea600;
  font-size: 12px;
  color: white;
}

.k-clear-value {
  right: 3rem !important;
}

.k-multiselect.k-state-focused:after {
  transform: rotate(180deg);
  color: white;
}

.gallery-table-td-info {
  top: auto !important;
  bottom: 100% !important;
  left: 0 !important;
  line-height: 1.4em;
}

.gallery-table tr {
  border: unset;
}

.highlight {
  background-color: #ffff00;
}

ul#bestanddelen {
  padding-left: 15px;
}

ul.toegangen ul a.node,
ul#bestanddelen ul a {
  text-decoration: none;
  display: block; /*IE 11/edge*/
}

ul#bestanddelen ul .custom-navigation-page,
ul#bestanddelen ul .custom-navigation-next,
ul#bestanddelen ul .custom-navigation-previous {
  pointer-events: initial;
  text-decoration: initial;
  display: inline-block;
}

.tree-node-icon {
  margin-top: 7px;
}

body.has_filters .gallery-table {
  width: 100%;
}

#resultaat-paginering ~ .gallery-table {
  margin-top: 75px;
}

@media (min-width: 981px) {
  body.has_filters #opties-div {
    width: 225px;
  }
  body.has_filters .gallery-table,
  body.has_filters .custom-table-div-top-slider,
  body.has_filters .custom-table-div {
    width: calc(100% - 225px - 30px);
  }
}
@media (max-width: 980px) {
  body.has_filters #page-main {
    position: relative;
  }
  body.has_filters #page-main #opties-div {
    top: 0 !important;
  }
}
@media (max-width: 768px) {
  body[class*=results--] .custom-table-header {
    display: none;
  }
}

/*# sourceMappingURL=layout.css.map */