/* ==========================================================
   BuddySocial v10.57 - NEWS FULL BROWSER HEIGHT
   De nieuwspagina vult minimaal de volledige browserhoogte.
   ========================================================== */

.news-center-pro{
  box-sizing:border-box !important;
  min-height:calc(100vh - 170px) !important;
  min-height:calc(100dvh - 170px) !important;
  display:flex !important;
  flex-direction:column !important;
}

.news-center-pro > .news-portal-layout{
  flex:1 1 auto !important;
  min-height:0 !important;
}

.news-center-pro .news-portal-main,
.news-center-pro .news-portal-side{
  min-height:100% !important;
}

.news-center-pro .news-portal-main{
  align-content:start !important;
}

/* Bij weinig nieuws laat de hoofdzone toch netjes tot onderin doorlopen */
.news-center-pro .news-archive-box{
  min-height:180px !important;
}

/* Desktop: netter tot onder de browser */
@media (min-width:1101px){
  .news-center-pro{
    min-height:calc(100vh - 155px) !important;
    min-height:calc(100dvh - 155px) !important;
  }

  .news-center-pro .news-portal-layout{
    align-items:stretch !important;
  }

  .news-center-pro .news-portal-side{
    align-self:stretch !important;
  }
}

/* Tablet */
@media (min-width:701px) and (max-width:1100px){
  .news-center-pro{
    min-height:calc(100vh - 145px) !important;
    min-height:calc(100dvh - 145px) !important;
  }
}

/* Mobiel: dvh voorkomt problemen met browserbalken */
@media (max-width:700px){
  .news-center-pro{
    min-height:calc(100vh - 120px) !important;
    min-height:calc(100dvh - 120px) !important;
  }
}