.site-content,
.content-area,
#primary {
  max-width: 1440px;
}

#masthead.site-header.clearfix {
  background-color: #002945;
}

.primary-navigation-wrap {
  background-color: #233f69;
}

.menu-item a img {
  height: 36px;
}

.primary-navigation.container {
  height: 60px;
}

#secondary.sidebar.widget-area.clearfix {
  width: 25%;
}

#primary.content-single.content-area {
  width: 70%;
}

#paginaknoppen {
  display: none;
}

.header-main.container.clearfix {
  height: 200px;
}

@media (max-width: 768px) {
  .sidebar-right,
  #secondary,
  .widget-area {
    width: 90vw !important;
    /* 90% van viewport breedte */
    max-width: none !important;
    padding: 10px;
    /* optioneel wat padding */
  }

  /* Als de container van sidebar en content te smal is */

  .content-area,
  .site-content {
    width: 100% !important;
  }
}

.widget-title {
  margin-top: 2px;
}

#footer.footer-wrap {
  height: 50px;
}

#footer-text.site-info {
  margin-top: -25px;
}

.spread-container-scale {
    transform-origin: left center;
    transition: transform 0.3s ease;
    will-change: transform;
}

/* Animatie stap 1: krimpen */
.spread-collapse {
    transform: scaleX(0);
}

/* Animatie stap 2: uitklappen */
.spread-expand {
    transform: scaleX(1);
}