html {
  background-color: #f2f3f4;
}

body {
  background-color: #fff;
}

.content {
  max-width: 56.875em;
}

.content {
  margin-left: auto;
  margin-right: auto;
}

.block-heading,
.block-paragraph,
.block-callout {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.block-guest-contribution,
.block-heading,
.block-paragraph,
.block-callout,
.block-embed,
.block-pdf,
.author.block,
.related-block,
.block-share,
.block-main-image-source,
.block-follow {
  max-width: 35.25em;
  margin-left: auto;
  margin-right: auto;
}

.block-embed {
  max-width: initial;
  margin-bottom: 1rem;
}

.block-embed > :not(.responsive-object) {
  display: flex;
  justify-content: center;
}

.block-main-image-source {
  margin-top: 1.5rem;
  padding: 0 1.5rem;
  font-style: italic;
}

.block-pdf {
  background-color: #f2f3f4;
  padding: 1.5rem;
  margin-bottom: 1em;
}

.block-pdf a {
  border-bottom: 0;
  display: flex;
  align-items: center;
}

.block-pdf a:hover {
  border-bottom: 0;
  color: #374466;
}

.block-pdf .fi-page-pdf {
  margin-right: 1rem;
}

.block-quote {
  display: flex;
  flex-direction: column;
}

.block-quote blockquote:before {
  content: "“";
}

.block-quote blockquote:after {
  content: "”";
}

.block-quote blockquote {
  font-family: "Lora", "Georgia", serif;
  font-size: 150%;
  line-height: 1.5;
  margin: 2em 1em;
  text-align: center;
  font-style: italic;
}

.block-quote cite {
  display: block;
  align-self: flex-end;
  margin: -2em 1em 2em;
  margin-bottom: 4rem;
}

figure img {
  width: 100%;
  height: auto;
}

img {
  width: 100%;
  height: auto;
}

nav ul {
  display: inline-block;
  background-color: #29375a;
  color: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
}

nav ul li {
  box-sizing: border-box;
  display: inline-block;
  border-bottom: 4px solid transparent;
}

.icon-english {
  width: 24px;
  position: absolute;
  right: 38px;
  top: 27px;
  padding: 0;
}

@media screen and (min-width: 48em) {
  nav ul li:hover {
    border-bottom: 4px solid #697ba1;
  }

  nav ul li.active {
    border-bottom: 4px solid #8093bb;
  }
}

nav a {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  padding: 8px 20px 8px 16px;
}

nav a:hover {
  color: #fff;
  border-bottom: none;
}

.article-main {
  margin-bottom: 0.3em;
  font-size: 1.1em;
  line-height: 1.75em;
}

.block-heading-article {
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-left: auto;
  margin-right: auto;
}

.footer-announcements h3,
.footer-announcements p {
  font-family: "Open Sans", sans-serif;
}

.footer-announcement-container.layout-default {
  border-top: 1px solid #d1d3d4;
}

.footer-announcement-container.layout-default a.button {
  background-color: #697ba1;
}

.footer-announcement-container.layout-default a.button:hover {
  background-color: #6583cf;
}

.footer-announcement-container.layout-yellow {
  background-color: #fed;
  color: #693f18;
}

.footer-announcement-container.layout-yellow a.button {
  background-color: #f59536;
}

.footer-announcement-container.layout-yellow a.button:hover {
  background-color: #f9a756;
}

.footer-announcement {
  max-width: 38.75rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.footer-announcement > .footer-announcement-image {
  padding: 3rem 0.75rem;
  flex-basis: 40%;
}

.footer-announcement > .footer-announcement-content {
  padding: 3rem 0.75rem;
  flex-basis: 60%;
}

.footer-announcement > .footer-announcement-content:first-child {
  flex-basis: 100%;
}

.footer-announcement h3 {
  font-size: 1.1rem;
  margin-top: 0;
}

.footer-announcement > div a img {
  display: block;
}

.footer-announcement > div a.button {
  display: inline-block;
  margin-top: 0.5rem;
  color: #fff;
  padding: 0.5rem 1rem;
}

.footer-announcement > div a.button:hover {
  border: 0;
}

@media screen and (max-width: 48em) {
  .footer-announcement {
    flex-direction: column;
  }

  .footer-announcement > .footer-announcement-image {
    padding: 3rem 1.5rem 0;
  }

  .footer-announcement > .footer-announcement-content {
    padding: 1.5rem 1.5rem 3rem;
  }
}

footer {
  font-family: "Open Sans", sans-serif;
  background-color: #f2f3f4;
  color: #a3a3a3;
}

footer p {
  font-family: "Open Sans", sans-serif;
}

footer .content {
  box-sizing: border-box;
  max-width: 56.875em;
  padding: 2em;
  margin: 0 auto;
}

.footer-block {
  box-sizing: border-box;
}

.footer-block .block-paragraph {
  padding: 0;
}

@media screen and (min-width: 48em) {
  .footer-block:nth-child(4n-3) {
    padding-right: 1em;
  }

  .footer-block:nth-child(4n-2),
  .footer-block:nth-child(4n-1) {
    padding: 0 0.5em;
  }

  .footer-block:nth-child(4n) {
    padding-left: 1em;
  }
}

.footer-block .inside-content {
  border-top: 4px solid #e6e7e8;
}

.footer-block .newsletter {
  padding: 0;
  margin: 0;
}

.footer-block .newsletter input[type="submit"] {
  background-color: #697ba1;
  color: #fff;
}

.footer-block .social i {
  font-size: 2em;
  margin-right: 12px;
}

.footer-block .social i::before {
  position: relative;
  top: 4px;
}

.footer-block .social a:hover {
  text-decoration: none;
  border: none;
}

.search-icon {
  flex: 1;
  position: relative;
}

.search-icon a,
.search-icon a:hover {
  border: none;
}

.search-button {
  position: absolute;
  right: 0;
  top: 30px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzkyOTI5MiIgaWQ9Imljb24tMTExLXNlYXJjaCI+PHBhdGggZD0iTTE5LjQyNzExNjQsMjEuNDI3MTE2NCBDMTguMDM3MjQ5NSwyMi40MTc0ODAzIDE2LjMzNjY1MjIsMjMgMTQuNSwyMyBDOS44MDU1NzkzOSwyMyA2LDE5LjE5NDQyMDYgNiwxNC41IEM2LDkuODA1NTc5MzkgOS44MDU1NzkzOSw2IDE0LjUsNiBDMTkuMTk0NDIwNiw2IDIzLDkuODA1NTc5MzkgMjMsMTQuNSBDMjMsMTYuMzM2NjUyMiAyMi40MTc0ODAzLDE4LjAzNzI0OTUgMjEuNDI3MTE2NCwxOS40MjcxMTY0IEwyNy4wMTE5MTc2LDI1LjAxMTkxNzYgQzI3LjU2MjExODYsMjUuNTYyMTE4NiAyNy41NTc1MzEzLDI2LjQ0MjQ2ODcgMjcuMDExNzE4NSwyNi45ODgyODE1IEwyNi45ODgyODE1LDI3LjAxMTcxODUgQzI2LjQ0Mzg2NDgsMjcuNTU2MTM1MiAyNS41NTc2MjA0LDI3LjU1NzYyMDQgMjUuMDExOTE3NiwyNy4wMTE5MTc2IEwxOS40MjcxMTY0LDIxLjQyNzExNjQgTDE5LjQyNzExNjQsMjEuNDI3MTE2NCBaIE0xNC41LDIxIEMxOC4wODk4NTExLDIxIDIxLDE4LjA4OTg1MTEgMjEsMTQuNSBDMjEsMTAuOTEwMTQ4OSAxOC4wODk4NTExLDggMTQuNSw4IEMxMC45MTAxNDg5LDggOCwxMC45MTAxNDg5IDgsMTQuNSBDOCwxOC4wODk4NTExIDEwLjkxMDE0ODksMjEgMTQuNSwyMSBMMTQuNSwyMSBaIiBpZD0ic2VhcmNoIi8+PC9nPjwvZz48L3N2Zz4=");
  text-indent: -9999px;
  width: 32px;
  height: 32px;
  display: block;
}

.search-form {
  width: 100%;
}

.search-spacer {
  height: 100px;
}

.responsive-object {
  position: relative;
}

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

html,
button,
input,
select,
textarea,
.pure-g [class*="pure-u"] {
  /* Set your content font stack here: */
  /*font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
  font-family: "Open Sans", sans-serif;
}

p {
  font-family: "Lora", "Georgia", serif;
}

body {
  line-height: 1.625em;
  color: #374466;
}

a {
  color: #697ba1;
  text-decoration: none;
}

a:hover {
  border-bottom: 1px solid #697ba1;
}

h1 {
  font-size: 220%;
  /*font-family: 'Lora', 'Georgia', serif;*/
  font-family: "Open Sans", sans-serif;
  line-height: 1.25em;
}

h2,
h3,
h4,
h5 {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0.5em;
  margin-top: 1em;
  line-height: 1.25em;
  font-size: 1em;
}

h2 {
  font-size: 1.25em;
}

.tag-title h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 300%;
  /*font-weight:normal;*/
}

p {
  margin: 0 0 1em 0;
  padding: 0;
}

p > em {
  display: inherit;
}

.teaser {
  font-size: 1em;
  line-height: 1.6em;
  font-family: "Open Sans", sans-serif;
}

.intro p b {
  font-size: 1.125em;
}

.article-main ul {
  font-family: "Lora", "Georgia", serif;
}

.article-main p a {
  border-bottom: 1px solid #8fa3cb;
}

.article-main p a:hover {
  color: #29375a;
}

.article-main .block-paragraph {
  font-family: "Lora", "Georgia", serif;
}

a.article-link {
  font-family: "Open Sans", sans-serif;
  font-size: 110%;
  /*font-size:0.875em;*/
  color: #374466;
  margin: -0.3em 0 0.5em 0;
  display: block;
}

a.nomargin {
  margin: 0;
}

a.article-link.pure-u-1-1 {
  font-family: "Lora", "Georgia", serif;
}

.article-link:hover {
  color: #6583cf;
  text-decoration: none;
  border: 0;
}

a.read-full {
  color: #697ba1;
  font-size: 80%;
}

p.read-full {
  margin: 0;
}

@media screen and (max-width: 480px) {
  h1 {
    font-size: 150%;
  }
}

figure {
  margin: 0 0 1em 0;
  padding: 0;
  z-index: 10;
  opacity: 1;
}

figure,
figure img {
  transform: scale(1);
  transition: transform 100ms linear;
}

figure a:hover {
  text-decoration: none;
  border: none;
}

.block-image figcaption {
  border-bottom: 1px solid #d1d3d4;
  padding: 0 1.5em 0.5em 1.5em;
}

.block-image figcaption p {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8em;
}

.block-image figcaption p.source {
  color: #939598;
}

.block-image figcaption p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 58.875em) {
  .block-image figcaption {
    padding-left: 0;
  }
}

.block-callout {
  padding: 2em 2em 1em;
  background-color: #f2f3f4;
  margin-bottom: 1em;
}

.block-related {
  max-width: 35.25em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  padding: 0 1.5em;
}

.block-related h4 {
  margin: 0 0 0.5em;
  line-height: 1.5;
}

.block-guest-contribution {
  padding: 2em 2em 1em;
  background-color: #f2f3f4;
  margin-bottom: 1em;
}

.block-featured_external_link,
.block-featured_internal_link {
  max-width: 35.25em;
  margin: 2rem auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.block-featured_external_link > div,
.block-featured_internal_link > div {
  border-top: 1px solid #d1d3d4;
  border-bottom: 1px solid #d1d3d4;
  padding: 1.5rem 0;
}

.block-featured_external_link > div > div:nth-child(2),
.block-featured_internal_link > div > div:nth-child(2) {
  box-sizing: border-box;
  padding-left: 2rem;
}

.block-featured_external_link img,
.block-featured_internal_link img {
  display: block;
}

.block-featured_external_link .read-full,
.block-featured_internal_link .read-full {
  line-height: 1;
}

.block-featured_external_link .svg-icon {
  display: inline-block;
  width: 1.25rem;
}

.tagline-medium {
  font-size: 13px;
  line-height: 0px;
  width: 100%;
  text-align: right;
}

.recent {
  /*background-color: #F1F2F2;*/
  /*border: 1px solid #D1D3D4;*/
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-bottom: 0em;
  margin-top: 1.5em;
}

.inline-related {
  width: 100%;
  clear: both;
  border-bottom: 1px solid #d1d3d4;
  padding-bottom: 0.5em;
}

.hide-for-small {
  display: none !important;
}

.show-for-small {
  display: inherit;
}

.hide-for-medium {
  display: none !important;
}

.hide-for-large {
  display: none !important;
}

@media screen and (max-width: 35.5em) {
  div.block-small-image {
    border-right: 1em solid transparent;
    overflow: hidden;
    padding-right: 0;
  }

  .block-small-image img.teaser {
    width: 150%;
    margin-left: -25%;
  }

  .block-small-main a {
    margin: 0;
    padding: 0;
    font-size: 95%;
  }
}

@media screen and (min-width: 35.5em) {
  .hide-for-small {
    display: inherit !important;
  }

  .hide-for-small.inline {
    display: inline-block !important;
  }

  .hide-for-small.block {
    display: block !important;
  }

  .show-for-small {
    display: none !important;
  }
}

@media screen and (min-width: 48em) {
  .hide-for-medium {
    display: inherit !important;
  }

  .hide-for-medium.inline {
    display: inline-block !important;
  }

  .hide-for-medium.block {
    display: block !important;
  }

  .show-for-medium {
    display: none !important;
  }

  .block-small .block-small-image {
    padding-right: 2em;
  }

  .block-share .share.container .c1 {
    flex-basis: 37.469%;
  }

  .block-share .share.container .c4 {
    flex-basis: 62.531%;
  }

  .block-follow .follow.container .c1 {
    flex-basis: 37.469%;
  }

  .block-follow .follow.container .c4 {
    flex-basis: 30.531%;
    padding-top: 15px;
  }
}

.article-block-container {
  width: 100%;
}

.article-block {
  padding: 1.5em;
  box-sizing: border-box;
}

.article-block h1,
.article-block h3 {
  font-size: 110%;
  line-height: inherit;
  font-style: normal;
  font-weight: normal;
  margin: 0;
}

.article-main h3 {
  font-size: 1.25em;
}

.article-block h1 > a,
.article-block h3 > a {
  font-size: 100%;
}

.article-block .date {
  color: #939598;
  line-height: 125%;
  font-family: "Open Sans", sans-serif;
}

.verdieping h3 {
  font-weight: bold;
}

.section-heading {
  font-family: "Open Sans", sans-serif;
  text-align: left;
  border-bottom: 1px solid gray;
  /*padding:0 1em;*/
  margin: 0 1.5em;
  text-transform: lowercase;
}

.section-author {
  text-align: left;
  border-bottom: 1px solid gray;
  /*padding:0 1em;*/
  margin: 0 1.5em;
  text-transform: lowercase;
  margin-left: 0px;
  margin-bottom: 10px;
}

/*.article .section-heading {
	margin:0 0 1em 0;
}*/

.section-heading span,
.section-heading h2 {
  background-color: #29375a;
  padding: 0.1em 1em;
  display: inline-block;
  color: white;
  margin: 0;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.625em;
}

.section-author span {
  background-color: #29375a;
  padding: 0.1em 1em;
  display: inline-block;
  color: white;
}

.container {
  position: relative;
}

.portrait {
  display: inline-block;
  line-height: 0;
  flex: 0 0 auto;
}

.muted {
  color: #939598;
  display: block;
}

.author.block,
.related.block {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-bottom: 1.5em;
  margin-top: 0em;
}

.block-share {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-bottom: 0em;
  margin-top: 1em;
}

.block-share .share {
}

.share.container {
  padding-top: 1.5em;
  /*padding-bottom:3em;*/
  border-top: 1px solid #d1d3d4;
  /*border-bottom:1px solid #E0E1E2;*/
  display: flex;
}

.share.container .c1 {
  flex: 0 0 29.1357%;
  padding: 0.5em 0;
}

.share.container .c4 {
  flex: 0 0 70%;
}

.share.container .c4 p {
  padding: 0.5em 0;
  margin: 0;
}

.share.container ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tags.container ul {
  justify-content: flex-start;
  flex-wrap: wrap;
}

.share.tags.container li {
  flex: 1 0 auto;
}

.share.container li {
  flex: 0 0 auto;
  /*margin: 0 0.5em;*/
  padding: 0;
  text-align: center;
  color: #666;
  padding: 0.5em 0;
}

.share.container a {
  color: #666;
}

.share.container a:hover {
  border-color: #666;
}

.share.container li a {
  /*margin-right:0.5em;*/
}

.share.container i {
  margin: 0 0.1em 0 0;
}

.block-follow {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5em;
  padding-right: 1.5em;
  margin-bottom: 0em;
  margin-top: 0.5em;
}

.block-follow .follow {
  width: 150%;
}

.follow.container {
  /*padding-top:1.5em;*/
  /*padding-bottom:3em;*/
  border: 1px solid #d1d3d4;
  /*border-bottom:1px solid #E0E1E2;*/
  display: flex;
  background-color: #f1f2f2;
}

.follow.container .c1 {
  flex: 0 0 29.1357%;
  padding: 0.5em 0;
}

.follow.container .c4 {
  /*flex:0 0 70%;*/
}

.follow.container .c4 p {
  padding: 0.5em 0;
  margin: 0;
}

.follow.container ul {
  list-style: none;
  /*display:flex;*/

  margin: 0;
  padding: 0;
  justify-content: space-between;
  flex-wrap: wrap;
}

.follow.tags.container li {
  flex: 1 0 auto;
}

.follow.container li {
  flex: 0 0 auto;
  /*margin: 0 0.5em;*/
  padding: 0;
  text-align: center;
  color: #666;
  padding: 0.5em 0;
}

.follow.container a {
  color: #666;
}

.follow.container a:hover {
  border-color: #666;
}

.follow.container li a {
  /*margin-right:0.5em;*/
}

.follow.container i {
  margin: 0 0.1em 0 0;
}

.block.author {
  margin-top: 2em;
  margin-bottom: 1.5em;
}

.author.container {
  /*height:125px;*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding-top: 1em;
  /*margin-top:1em;*/
  padding-bottom: 1em;
}

.author_overview .author.container {
  border-top: none;
  margin-bottom: 3em;
  margin-top: 0;
}

.author.description {
  /*padding: 0 0 0 1em;*/
}

.description-all {
  font-size: 14px;
}

.author p {
  margin: 0;
  padding: 0;
  font-size: 15.5px;
}

.portrait {
  width: 100px;
  margin-right: 1em;
}

.portrait img {
  width: 100%;
  height: auto;
  border-radius: 100%;
}

.teaser.image {
  width: 100%;
  height: auto;
}

.teaser.image.opinie {
  border-radius: 100%;
  width: 75%;
  margin-left: 12.5%;
}

span.date,
span.external {
  color: #939598;
  line-height: 125%;
}

a span.external,
a span.date {
  font-size: 80%;
}

.block-cover,
.block-iframe {
  position: relative;
  max-width: 865px;
  margin: 1.5em auto 0;
}

.block-cover {
  margin-bottom: 10px;
}

.block-iframe {
  margin-bottom: 1em;
}

.block-cover .block-heading.title {
  position: absolute;
  bottom: 3em;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.article-title {
  margin-bottom: 0px;
}

.article-content {
  padding-bottom: 2em;
}

.article-source {
  color: #939598;
}

.block-cover .block-heading.title h1 {
  margin: 0 auto;
  color: white;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
}

.ajax.loading {
  background-image: url("//cdnjs.cloudflare.com/ajax/libs/galleriffic/2.0.1/css/loader.gif?resize=48%2C48");
  background-position: center center;
  background-repeat: no-repeat;
}

.block-small-image {
  padding-right: 1em;
  box-sizing: border-box;
}

.block-small-image a {
  margin-bottom: 0;
}

.block-small {
  border-top: 1px solid #d1d3d4;
  margin-bottom: 1em;
  padding-top: 1em;
}

.block-center {
  align-self: center;
}

.block-small .block-small-main {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}

.block-small-main a,
.block-small-main p {
  flex: 0 0 100%;
  /*display:inline-block!important;*/
}

.block-small-main a:hover {
  text-decoration: underline;
  border: 0;
}

.article-link:hover {
  text-decoration: none !important;
}

.teaser {
  margin: 0;
}

.article-label,
.uitgelicht-label {
  border-radius: 4px;
  font-size: 80%;
  padding: 0.125em 0.5em;
  vertical-align: bottom;
}

.article-label {
  background-color: #374466;
  color: #fff;
}

.uitgelicht-label {
  background-color: #ff7f00;
  color: #fff;
}

.small-list {
  padding-top: 0;
}

.article-image-link {
  line-height: 0;
  padding: 0;
  margin: 0 0 1.3em 0;
  display: block;
}

.article-image-link:hover {
  border: 0;
  opacity: 0.8;
}

.verdieping {
  margin: 0 1.5em 0 1em;
}

.article-block.verdieping {
  padding: 0.5em;
  margin-top: 1.5em;
  margin-bottom: 1em;
  background-color: #f1f2f2;
}

.verdieping a.image-link:hover {
  text-decoration: none;
  border: 0;
}

.verdieping .block-paragraph,
.verdieping .block-heading,
.verdieping .image.medium {
  padding: 0 0.5em;
}

.meest-gelezen p,
.verdieping p {
  font-family: "Open Sans", sans-serif;
}

.meest-gelezen {
  padding: 0.5em;
  background-color: #f1f2f2;
  margin: 1.5rem 1.5rem 0 1rem;
}

.meest-gelezen .meta {
  margin-bottom: 0.5em;
}

.agenda h2,
.linkdump h2,
.meest-gelezen h2 {
  margin-top: 0.5em;
}

.dossier {
  margin-bottom: 2em;
}

.linkdump ul,
.meest-gelezen ul {
  list-style: none;
  padding: 0;
}

.linkdump li,
.meest-gelezen li {
  border-top: 1px solid #e5e2db;
  padding: 9px 0 9px;
}

.linkdump p {
  margin-bottom: 0.3em;
  line-height: 1.1em;
}

.meest-gelezen .meta,
.linkdump .meta {
  font-size: 80%;
  line-height: 1em;
}

.linkdump a,
.meest-gelezen a {
  font-size: 93.75%;
  color: #374466;
}

.header-container {
  display: flex;
  margin: 0 auto;
  max-width: 56.875em;
  padding: 1em 1.5em 1em;
  box-sizing: border-box;
  flex-flow: row wrap;
  justify-content: space-between;
  font-family: "Open Sans", sans-serif;
}

.subnav-container {
  flex: 0 0 100%;
  margin-bottom: -1em;
}

.subnav {
  display: flex;
  justify-content: flex-end;
  margin: -0.5em 0 0 0;
  padding: 0;
}

.subnav li {
  list-style: none;
  margin: 0;
  padding: 0 0 0.5em 1.5em;
}

.subnav a {
  color: #939598;
}

.skg-logo {
  display: flex;
  align-items: center;
  position: absolute;
  right: 50px;
  top: 10px;
}

.skg-logo:before {
  content: "15 jaar";
  font-family: Georgia, serif;
  pointer-events: none;
  top: -11px;
  position: absolute;
  font-size: 16px;
  color: #374466;
  right: -1px;
}

.skg-logo a {
  display: flex;
}

.skg-logo a img {
  width: 109px;
  height: 69px;
  margin-right: 10px;
}

.skg-logo p {
  font-size: 0.85em;
  font-family: "Open Sans", sans-serif;
  margin: 0;
}

.header-container .social {
  align-items: center;
  display: flex;
  flex: 0 0 4em;
  font-size: 150%;
  justify-content: flex-end;
}

.header-container .social a {
  color: inherit;
  text-decoration: none;
  border: 0;
}

.header-container .social i {
  flex: 0 0 1em;
  /*text-align:center;*/
  padding: 0 5px 0 0;
}

.logo a,
.go-logo a {
  display: block;
  width: 100%;
  line-height: 0;
  border: 0;
}

.logo {
  display: flex;
  flex: 0 0 100px;
  margin-right: 20px;
  align-items: center;
}

.go-logo {
  flex: 1 0 1px;
  margin-right: 1em;
  display: flex;
  width: 292px;
}

.colorbar {
  display: flex;
  height: 5px;
  width: 100%;
  max-width: 56.875em;
  padding: 0 1.5em;
  margin: 0 auto;
  box-sizing: border-box;
}

.colorbar .single {
  flex: 1;
}

.search {
  margin-left: 0.5em;
  font-family: "Open Sans", sans-serif;
}

.search,
.search form {
  flex: 1 1 1px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 1px;
}

.search input {
  flex: 1;
  align-self: center;
}

.search input.button {
  display: none;
}

.search input[type="text"] {
  border: 3px solid #e7e8e9;
  padding: 5px 10px;
}

.search input[type="text"]:focus {
  border-color: #8fa3cb;
  outline: none;
}

.search-page h1 {
  margin: 1.5rem;
}

.search-page .searchbar {
  padding: 0 1.5rem 1.5rem;
  display: flex;
}

.search-page .searchbar input[type="text"] {
  border-color: #e7e8e9;
  border-style: solid;
  border-width: 3px 0 3px 3px;
  padding: 5px 10px;
  width: 100%;
  box-sizing: border-box;
}

.search-page .searchbar input[type="submit"] {
  width: 40px;
  font-size: 0;
  border-color: #e7e8e9;
  border-style: solid;
  border-width: 3px 3px 3px 0;
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj48ZyBmaWxsPSIjZTdlOGU5IiBpZD0iaWNvbi0xMTEtc2VhcmNoIj48cGF0aCBkPSJNMTkuNDI3IDIxLjQyN2E4LjUgOC41IDAgMTEyLTJsNS41ODUgNS41ODVjLjU1LjU1LjU0NiAxLjQzIDAgMS45NzZsLS4wMjQuMDI0YTEuMzk5IDEuMzk5IDAgMDEtMS45NzYgMGwtNS41ODUtNS41ODV6TTE0LjUgMjFhNi41IDYuNSAwIDEwMC0xMyA2LjUgNi41IDAgMDAwIDEzeiIgaWQ9InNlYXJjaCIvPjwvZz48L2c+PC9zdmc+");
}

.search-page .searchbar:focus-within input[type="submit"] {
  border-color: #8fa3cb;
  outline: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj48ZyBmaWxsPSIjOGZhM2NiIiBpZD0iaWNvbi0xMTEtc2VhcmNoIj48cGF0aCBkPSJNMTkuNDI3IDIxLjQyN2E4LjUgOC41IDAgMTEyLTJsNS41ODUgNS41ODVjLjU1LjU1LjU0NiAxLjQzIDAgMS45NzZsLS4wMjQuMDI0YTEuMzk5IDEuMzk5IDAgMDEtMS45NzYgMGwtNS41ODUtNS41ODV6TTE0LjUgMjFhNi41IDYuNSAwIDEwMC0xMyA2LjUgNi41IDAgMDAwIDEzeiIgaWQ9InNlYXJjaCIvPjwvZz48L2c+PC9zdmc+");
}

.search-page .searchbar:focus-within input[type="text"] {
  border-color: #8fa3cb;
  outline: none;
}

.search-page .search-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.5em 1.5em 1.5em;
}

.search-page .search-meta p.results-number {
  font-family: "Open Sans", sans-serif;
  margin: 0;
  font-weight: bold;
  font-size: 1em;
}

.hamburger-menu {
  flex: 0 0 auto;
  align-items: center;
  display: flex;
}

.hamburger-menu a {
  flex: 0 0 auto;
  color: #697ba1;
  text-decoration: none;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  padding: 1em;
  padding-right: 0;
}

.hamburger-menu i {
  font-size: 200%;
  margin-left: 0.25em;
}

.hamburger-menu a:hover {
  text-decoration: none;
  color: inherit;
  border: 0;
  cursor: pointer;
}

.mobile-menu {
  position: absolute;
  transform: translate(0, -100%);
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: transform 0.4s ease-in-out;
  /*border-bottom:3px solid #8093bb;*/
  /*box-shadow:0 5px 25px #8093bb;*/
}

.mobile-menu-close {
  position: absolute;
  z-index: 990;
  min-height: 100%;
  min-width: 100%;
  height: 9999px;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  display: none;
}

.mobile-menu.active {
  transform: translate(0, 0);
}

.mobile-menu form {
  background-color: #697ba1;
}

.mobile-menu ul {
  margin: 0;
  padding: 1em 1.5em;
  background-color: #abbad8;
  list-style: none;
}

.mobile-menu h4 {
  margin: 0;
  padding: 0.5em 0;
  font-weight: normal;
}

.mobile-menu a {
  color: white;
  line-height: 2em;
  border: 0;
}

.mobile-menu a:hover {
  text-decoration: underline;
}

.mobile-menu .popular-tags {
  background-color: #8093bb;
  padding: 1em 1.5em;
}

.mobile-menu .tag-container {
  background-color: transparent;
  color: white;
  display: flex;
  justify-content: space-between;
  /*margin: 0 0em 1em;*/
  margin: 0;
  padding: 0;
}

.mobile-menu .tag-container a {
  flex: 1 0 50%;
  color: white;
  text-align: left;
  margin: 0;
  padding: 0;
}

.mobile-menu {
  background-color: white;
}

.mobile-menu .social {
  background-color: rgba(171, 186, 216, 0.15);
  display: flex;
}

.mobile-menu .social a {
  color: #374466;
  font-size: 200%;
  flex: 1 0 1px;
  text-align: center;
}

.mobile-menu form {
  display: flex;
}

.mobile-menu form .text {
  flex: 1 0 auto;
  margin: 1em;
  padding: 0.5em 1em;
  border: 5px solid #434d64;
}

.mobile-menu form .text:focus {
  border: 5px solid #ff7f00;
  outline: 0;
}

.mobile-menu form .button {
  display: none;
}

.mobile-menu .close-menu {
  padding: 1em 1.5em;
  text-align: right;
  display: flex;
  align-items: center;
  padding-left: 0.5em;
  /*display:none;*/
}

.close-menu a {
  line-height: 0;
}

.close-menu i {
  font-size: 200%;
  color: white;
}

.single.color1 {
  background-color: #a7001c;
}

.single.color2 {
  background-color: #fe4600;
}

.single.color3 {
  background-color: #ff7f00;
}

.single.color4 {
  background-color: #697ba1;
}

.single.color5 {
  background-color: #8093bb;
}

.single.color6 {
  background-color: #8fa3cb;
}

.separator-container {
  margin-bottom: 1.5em;
}

.separator {
  margin: 0 1.5em;
  border-top: 1px solid #d1d3d4;
  position: relative;
}

.separator a {
  background-color: white;
  font-size: 200%;
  line-height: 1em;
  left: 50%;
  margin-left: -0.75em;
  top: 0;
  margin-top: -0.5em;
  position: absolute;
  padding: 0 0.25em;
  width: 1em;
  text-align: center;
  color: #d1d3d4;
  z-index: 2;
}

.separator a:hover {
  border: 0;
}

.twitter_container .separator a:hover i {
  /*color:#8fa3cb;*/
}

.loadmore {
  margin-top: 1em;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 2em;
}

.loadmore a {
  padding: 0.25em 3em;
  flex: 0 1 auto;
  word-wrap: nowrap;
  white-space: nowrap;
  display: block;
  background-color: #f1f2f2;
  border: 1px solid #8fa3cb;
  text-align: center;
  margin-bottom: 3em;
  cursor: pointer;
}

.featured {
  border-bottom: 1px solid #d1d3d4;
  padding: 1.5em 0;
  margin: 0 1.5em;
}

.featured h1,
.pure-u-sm-1-2 h1 {
  font-weight: bold;
  font-size: 1.2em;
}

.twitter_container .separator i {
  color: #4099ff;
}

.tweet.container {
  box-sizing: border-box;
  display: inline-block;
  padding: 1.5em;
}

.tweet.text {
  background-color: #e7e8e9;
  padding: 1em;
  /*min-height:180px;*/
}

a.twitter.user {
  line-height: 50px;
  display: inline-block;
}

a.twitter {
  /*overflow:display;*/
  text-decoration: none;
  display: block;
  width: 100%;
  background-color: #4099ff;
}

a.twitter:hover {
  text-decoration: none;
  border: 0;
}

a.twitter span {
  padding: 0 1em;
  color: white;
}

a.twitter img {
  width: 50px;
  height: 50px;
  float: left;
}

.twitter.avatar {
  /*width:50px;*/
  height: auto;
  line-height: 50px;
}

a.tag {
  white-space: nowrap;
  padding: 0 0.25em;
}

a.tag:hover {
  border-bottom: 0;
  text-decoration: underline;
}

.tag-container {
  padding: 0.25em 0;
  margin: 0em 1.5em 1.25em;
  text-align: center;
  background-color: #f1f2f2;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  /*width:100%;*/
}

.tag-title {
  margin: 0 1.5em;
  /*text-align:center;*/
}

.tag-title h1 {
  /*font-size:250%;*/
  font-size: 200%;
}

.tag-container a {
  /*background-color:gray;*/
  padding: 0 0.5em;
  margin: 0;
  color: #374466;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  flex: 1 0 auto;
}

.newsletter {
  background-color: #f1f2f2;
  margin: 0 1.5em 1em;
  padding: 1em;
}

.newsletter h3 {
  font-size: 150%;
  margin: 0;
  padding: 0 0 0.5em 0;
  font-weight: bold;
}

.newsletter h4 {
  margin-top: 0;
}

.newsletter form {
  overflow: hidden;
  font-family: "Open Sans", sans-serif;
}

.newsletter input[type="text"] {
  width: 49%;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.25em 0.5em;
}

.newsletter input[type="submit"] {
  box-sizing: border-box;
  display: inline-block;
  padding: 0.25em 0.5em;
  margin: 0.5em 0.4em 0 0;
  float: right;
}

.newsletter-social h4 {
  display: inline;
}

.newsletter ul {
  padding: 0 1em;
  list-style: none;
  display: inline;
}

@media screen and (max-width: 35.5em) {
  .newsletter input[type="text"] {
    width: 100%;
    display: block;
    margin-bottom: 0.5em;
  }

  .newsletter ul {
    display: block;
    padding: 0;
    margin: 0.5em 0;
  }

  .newsletter ul li:first-child {
    margin-left: 0;
  }
}

.newsletter li {
  font-size: 2em;
  display: inline;
  margin: 0 10px;
}

.newsletter a:hover {
  border-bottom: none;
}

.newsletter .non-medium-follow {
  max-width: 100%;
}

.newsletter-artpage {
  background-color: #f1f2f2;
  /*margin:0 1.5em 1.5em;*/
  /*margin-right:1.5em;*/
  padding-left: 1em;
}

.newsletter-artpage form {
  margin-top: 0.5em;
}

.newsletter-artpage h3 {
  font-size: 150%;
  margin: 0;
  padding: 0 0 0.5em 0;
  font-weight: normal;
}

.newsletter-artpage h5 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

.newsletter-artpage form {
  overflow: hidden;
}

.newsletter-artpage input[type="text"] {
  font-size: 15px;
  width: 28%;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.25em 0.5em;
}

.newsletter-artpage input[type="email"] {
  font-size: 15px;
  width: 49%;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.25em 0.5em;
}

.newsletter-artpage input[type="submit"] {
  font-size: 15px;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.25em 0.5em;
  margin: 0.5em 0.4em 0 0;
  /*float:right;*/
}

span.label {
  font-size: 0.875em;
  /*padding:0.25em 0.5em;*/
  /*background-color:#d3d3d3;*/
  margin-top: 0.5em;
  display: inline-block;
  /*font-family: 'Lora', 'Georgia', serif;*/
  color: #939598;
}

.pagination {
  position: relative;
  margin: 2em 0;
  height: 1em;
  border-top: 1px solid #d1d3d4;
  padding: 1em 0;
}

.pagination .next {
  right: 0;
  position: absolute;
}

.archive-list {
  box-sizing: border-box;
  padding: 0 1.5em;
}

.archive-list ul {
  padding: 0;
  margin: 0;
}

.archive-list li {
  list-style: none;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
  white-space: nowrap;
}

.archive-list .date {
  font-size: 80%;
  width: 7em;
  display: inline-block;
}

.archive-link {
  font-family: "Lora", "Georgia", serif;
}

.agenda_item {
  border-top: 1px solid #e5e2db;
  padding: 9px 0 2px;
}

.agenda-page .agenda_item {
  border-top: none;
  border-bottom: 1px solid #e5e2db;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.agenda-page .paginator {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.agenda-page .agenda_item h2 {
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.5;
  margin: 0;
}

.agenda-page .agenda_item h2:not(:last-child) {
  margin-bottom: 0.3em;
}

.agenda-page .agenda_item .meta {
  font-size: 1em;
}

.agenda-page .agenda_item {
  font-size: 1em;
}

.agenda_item .meta {
  font-size: 80%;
  line-height: 1em;
}

.agenda_item p {
  margin: 0;
  padding: 0;
  line-height: 1.1em;
  margin-bottom: 0.3em;
}

.agenda_item a {
  color: #374466;
  line-height: 1.5em;
}

.agenda-page .agenda_item h2 {
  font-family: "Lora", "Georgia", serif;
  font-size: 1.5em;
  line-height: 1.5;
}

.agenda-widget h2 a {
  color: #374466;
}

.agenda-widget .agenda_item a {
  font-size: 93.75%;
}

.agenda-widget .agenda_item .date,
.agenda-widget .agenda_item .organiser,
.agenda-widget .agenda_item .location {
  font-size: 80%;
  line-height: 1.25;
}

.agenda .block-heading,
.agenda .block-paragraph,
.agenda .block-callout,
.agenda .image.medium {
  max-width: none;
  padding: 0;
  margin-top: 1em;
}

.author .social {
  margin-right: 1em;
}

.author .social a {
  color: #666;
}

#agenda .paginator,
#linkdump .paginator {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  border-top: 1px solid #e5e2db;
  padding-top: 0.5em;
}

#agenda .paginate.inactive,
#agenda .paginate.inactive:hover,
.agenda-page .paginate.inactive,
.agenda-page .paginate.inactive:hover,
#linkdump .paginate.inactive,
#linkdump .paginate.inactive:hover {
  color: #939598;
  border-color: #939598;
  cursor: default;
  background-color: transparent;
}

#agenda .paginate,
.agenda-page .paginate,
#linkdump .paginate {
  flex: 0 0 auto;
  margin: 0;
  padding: 0 0.5em;
  border: 1px solid #374466;
  color: #374466;
}

#agenda .paginate:hover,
.agenda-page .paginate:hover,
#linkdump .paginate:hover {
  color: white;
  background-color: #8fa3cb;
  cursor: pointer;
}

hr {
  height: 1px;
  border: 0;
  background-color: #d1d3d4;
}

.content-switcher {
  position: fixed;
  bottom: 0;
  height: 3em;
  display: flex;
  background-color: white;
  width: 100%;
  justify-content: space-around;
  border-top: 1px solid #939598;
  /*box-shadow: 10px 0px 3px #374466;*/
}

.content-switcher span {
  flex: 0 0 auto;
  text-align: center;
  display: inline-block;
  line-height: 3em;
  border-bottom: 3px solid transparent;
}

.content-switcher a {
  color: #374466;
  display: block;
  height: 100%;
  padding: 0 1em;
  text-align: center;
}

.content-switcher span.active {
  border-color: #a7001c;
}

.content-switcher span.active a {
  color: #6583cf;
}

.tablink {
  background-color: #f2f2f2;
  color: black;
  /*float: left;*/
  border: none;
  outline: none;
  cursor: pointer;
  /*padding: 14px 16px;*/
  /*font-size: 17px;*/
  /*width: 25%;*/
  /*border-bottom: 1px solid #D1D3D4;*/
  border: 1px solid #ffffff;
}

.tabcontent {
  margin-left: 5px;
}

.medium-share-delen ul {
  margin: 0px;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  padding-left: 0.5em;
}

.medium-share-bijdrage {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 0.5em;
}

.share-tags {
  margin-top: 10px;
  padding-left: 0em;
}

.share-delen {
  margin-top: 20px;
  padding-left: 0em;
  padding-right: 0em;
}

.share-delen h4 {
  display: inline;
  margin-right: 1em;
}

.share-delen ul {
  margin: 0px;
  list-style-type: none;
  display: inline;
  justify-content: space-between;
  padding-left: 0.5em;
}

.share-delen ul li {
  display: inline;
  white-space: nowrap;
  margin-right: 1em;
}

.share-bijdrage {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 0em;
}

.non-medium-follow {
  max-width: 80%;
}

.medium-follow {
  max-width: 100%;
}

.volg-medium {
  padding-left: 0.5em;
  margin-left: 20px;
  margin-right: 20px;
  background-color: #f1f2f2;
  border: 1px solid #d1d3d4;
}

.volg-medium ul {
  padding-left: 10px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  max-width: 100%;
}

.volg-medium-title {
  font-size: 17px;
  margin-left: 20px;
  margin-right: 20px;
}

.volg-medium-name {
  width: 35%;
}

.volg-medium-mail {
  width: 70%;
}

.volg-medium-submit {
  width: 49%;
}

.volg-non-medium {
  background-color: #f1f2f2;
  border: 1px solid #d1d3d4;
}

.volg-non-medium h5 {
  margin-bottom: 0.2em;
  font-size: 15px;
}

.volg-non-medium ul {
  padding-left: 1em;
  list-style: none;
  display: flex;
  justify-content: space-between;
}

.volg-non-medium-title {
  font-size: 17px;
  margin-left: auto;
  margin-right: auto;
  padding: 0em;
}

.block-share a {
  font-family: "Open Sans", sans-serif;
}

.article-item-no-pic {
  font-size: 90%;
}

.no-pic-uitgelicht {
  font-size: 90%;
}

.i-frame-border {
  border: 0;
}

.author-medium {
  margin-top: 0.2em;
}

.author-medium h4 {
  margin-top: 0em;
}

.author-latest {
  margin-left: 0em;
}

.author-title {
  font-size: 17px;
}

#author-name {
  font-size: 19px;
}

.photographer-latest {
  margin-left: 0em;
}

#two-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  column-gap: 40px;
  -moz-column-gap: 40px;
  display: list-item;
}

/* Byline */

.byline {
  display: flex;

  border-top: 1px solid #d1d3d4;
  border-bottom: 1px solid #d1d3d4;

  margin-bottom: 1.5rem;
}

.byline > div {
  display: flex;
  flex-shrink: 0;
  padding: 1em 0;
}

.byline > div.byline-author {
  flex-shrink: 1;
}

.byline > div:not(:last-child) {
  margin-right: 1.75rem;
}

.byline p {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
  color: #939598;
  margin: 0;
}

.byline p a {
  border-bottom: 0;
}

.byline .icon {
  color: #939598;
  margin-right: 0.5rem;
}

@media screen and (max-width: 35.5em) {
  .byline {
    flex-direction: column;
    padding: 0.5rem 0;
  }

  .byline > div {
    padding: 0;
  }

  .byline > div:not(:last-child) {
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}

/* Progress bar */

.progress-bar {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
}

.progress-bar > #progress-indicator {
  background: #3f5179;
  height: 4px;
  width: 0%;
}

/* Sidebar */

.sidebar-block {
  background-color: #f1f2f2;
  margin: 1.5rem 1.5rem 0 1rem;
}

.sidebar-block .content {
  padding: 1.5rem;
}

.sidebar-block .content > :first-child {
  margin-top: 0;
}

.sidebar-block .content > :last-child {
  margin-bottom: 0;
}

.sidebar-block p {
  font-family: "Open Sans", sans-serif;
}

.sidebar-block-dark_blue {
  color: #fff;
  background: #697ba1;
}

.sidebar-block-dark_blue a {
  color: #d2d8e4;
}

.sidebar-block-dark_blue a:hover {
  color: #fff;
}

/*----- Tabs -----*/
.block-related.recent {
  max-width: none;
}

.artpage-tabs {
  width: 100%;
  display: inline-block;
  min-height: 15em;
  margin-top: 0.5em;
  margin-left: auto;
  margin-right: auto;
}

.artpage-tabs ul {
  margin: 0px auto 2em;
  padding-left: 0em;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  font-size: 16px;
  font-weight: bold;
}

.artpage-tab-links li {
  /*margin:0px 5px;*/
  float: left;
  list-style: none;
  width: 50%;
}

.artpage-tab-links li.active a,
.artpage-tab-links li.active a:hover {
  color: #374466;
  border-bottom: 2px solid #697ba1;
}

.artpage-tab-links a {
  display: inline-block;
  display: block;
  border-bottom: 2px solid #b0b3b5;
  color: #969a9c;
}

.artpage-tab-links a:hover {
  color: #374466;
  border-bottom: 2px solid #697ba1;
}

.artpage-tab-content {
  margin-top: 1em;
  padding-left: 0.3em;
  color: #697ba1;
}

.artpage-tab-content ul {
  display: table;
  list-style: none;
  margin: 0;
  max-width: none;
  width: 100%;
}

.artpage-tab-content ul li {
  box-sizing: border-box;
  width: 33.33333%;
  display: block;
  float: left;
  margin-bottom: 2em;
}

.artpage-tab-content ul li:nth-child(3n-2) {
  padding-right: 1em;
  clear: left;
}

.artpage-tab-content ul li:nth-child(3n-1) {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.artpage-tab-content ul li:nth-child(3n) {
  padding-left: 1em;
}

.artpage-tab {
  display: none;
}

.artpage-tab.active {
  display: block;
}

@media screen and (max-width: 48em) {
  .artpage-tab-content ul li {
    width: 50%;
  }

  .artpage-tab-content ul li:nth-child(3n-2) {
    padding-right: 0;
    clear: none;
  }

  .artpage-tab-content ul li:nth-child(3n-1) {
    padding-right: 0;
    padding-left: 0;
  }

  .artpage-tab-content ul li:nth-child(3n) {
    padding-left: 0;
  }

  .artpage-tab-content ul li:nth-child(2n-1) {
    padding-right: 1em;
    clear: left;
  }

  .artpage-tab-content ul li:nth-child(2n) {
    padding-left: 1em;
  }
}

@media screen and (max-width: 35.5em) {
  .artpage-tab-content ul li {
    width: 100%;
    padding: 0;
  }

  .artpage-tab-content ul li:nth-child(2n-1),
  .artpage-tab-content ul li:nth-child(2n) {
    clear: left;
    padding: 0;
  }
}


        [hidden][style="display: block;"] { display: block !important; }