.page-id-418 div#site-banner {
  height: 100vh;
  max-height: 100vh !important;
}


body.page-id-418 > .site {
  min-height: unset;
}

.error404 {
  background-color: var(--geel);
}

.error404 main#site-main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(/wp-content/uploads/2025/11/404-pattern.svg) center / contain
    no-repeat;
    
}

.error404 > .site {
  min-height: calc(100vh - var(--height-wpadminbar));
}

.error404 h1 {
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -1.62px;
  font-family: var(--fontfamily-unbounded);
  margin-bottom: 24px;
}

.page-404__actions {
  text-align: center;
}

.page-404__actions .btn.dark-button {
  display: inline-block;
  margin-top: 32px;
}

.section-card-image-people .item-people:after {
    -webkit-transition: ease .5s;
    -o-transition: ease .5s;
    transition: ease .5s;
    z-index: 1;
}

.section-card-image-people .item-people:hover:after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.section-card-image-people .item-people .card-image {
    z-index: 1;
}

.section-card-image-people .item-people .card-image,
.section-card-image-people .item-people:before,
.section-card-image-people .item-people .card-description{
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: ease .5s;
    -o-transition: ease .5s;
    transition: ease .5s; 
    opacity: 1;
}

.section-card-image-people .item-people:hover .card-image,
.section-card-image-people .item-people:hover:before,
.section-card-image-people .item-people:hover .card-description{
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
    max-height: 0;
}

.big-description {
    opacity: 0;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: ease .5s;
    -o-transition: ease .5s;
    transition: ease .5s;
    position: relative;
    z-index: 2;
}

.section-card-image-people .item-people:hover .big-description {
/*    animation: slideUp 0.6s forwards;*/
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
}

.item-people .whbutton {
    padding: 10px 16px;
    margin-top: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 20px;
}

.item-people.card-rose .whbutton {
    background-color: var(--licht-roze);
    color: var(--roze);
    border: 1px solid var(--licht-roze);
}

.item-people.card-rose .whbutton:hover {
    background-color: var(--roze);
    color: var(--licht-roze);
}

.item-people.card-green .whbutton {
    background-color: var(--licht-groen);
    color: var(--groen);
    border: 1px solid var(--licht-groen);
}

.item-people.card-green .whbutton:hover {
    background-color: var(--groen);
    color: var(--licht-groen);
}

.item-people.card-blue .whbutton {
    background-color: var(--licht-blauw);
    color: var(--blauw);
    border: 1px solid var(--licht-blauw);
}

.item-people.card-blue .whbutton:hover {
    background-color: var(--blauw);
    color: var(--licht-blauw);
}

.author-info p {
    width: 100%;
}

.section-listing-vacature-list .flex-center,
.row-with-sidebar .flex-center {
    padding: 0;
    background: transparent;
}

.section-listing-vacature-list .flex-center .label-cta,
.row-with-sidebar .flex-center .label-cta{
    display: block;
    padding: 16px 24px;
    background: var(--antraciet);
    border-radius: 100px;
}

.site-breadcrumbs .breadcrumb-wrapper>span:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)) span {
    font-size: 0;
}

.site-breadcrumbs .breadcrumb-wrapper>span:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)) span:after {
    content: '...';
    font-size: var(--text-sm);
}

.site-breadcrumbs i {
    display: inline-block;
    margin: 0 5px;
}

.site-breadcrumbs .breadcrumb-wrapper>i:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)),
.site-breadcrumbs .breadcrumb-wrapper>span:not(:nth-last-of-type(1)):not(:nth-last-of-type(2)):not(:nth-last-of-type(3)) {
    display: none;
}

.single-zorgorganisaties-opl .site-breadcrumbs .breadcrumb-wrapper>span:first-child span,
.single-zorgpersonnell-opl .site-breadcrumbs .breadcrumb-wrapper>span:first-child span,
.single-vacature .site-breadcrumbs .breadcrumb-wrapper>span:first-child span{
    font-size: 0;
}

.single-zorgorganisaties-opl .site-breadcrumbs .breadcrumb-wrapper>span:first-child span:after, 
.single-zorgpersonnell-opl .site-breadcrumbs .breadcrumb-wrapper>span:first-child span:after, 
.single-vacature .site-breadcrumbs .breadcrumb-wrapper>span:first-child span:after{
    content: '...';
    font-size: var(--text-sm);
}

@media all and (max-width: 900px) {
  .page-id-418 .banner-image-wrap {
    top: 32%;
  }

  .page-id-418 .site-banner .banner-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 20px;
  }

  .page-id-418 div#site-banner {
    background: var(--geel);
  }
  .item-people .whbutton {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media all and (max-width: 767px) {
    .page-id-418 div#site-banner {
      max-height: unset !important;
      height: unset;
      padding-bottom: 0;
    }
}


@media all and (min-width: 601px) {
  .error404 h1 {
    font-size: 54px;
  }
}

@media all and (max-width: 600px) {
  .error404 h1 {
    font-size: 36px;
  }

  .page-404__heading h1,
  .page-404__heading p {
    text-align: left !important;
  }

  .page-404__actions .btn.dark-button {
    width: 100%;
  }

  .error404 main#site-main .container {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
  }
}