/* v4.2.2 — Kurullar sayfası hizalama ve eşit kart ölçüleri */

/* Bölüm başlıklarının tamamı ortada */
.boards-page .board-page-section > h2{
  text-align:center!important;
  width:100%!important;
  margin:0 auto 18px!important;
}

/* Yönetim ve üyeler 5 sütun; denetleme 3 sütun.
   Her grup sayfa içinde ortalanır. */
.boards-page .board-page-grid{
  justify-content:center!important;
  align-items:stretch!important;
}

.boards-page .board-page-grid.board-grid-5{
  grid-template-columns:repeat(5,minmax(0,250px))!important;
}

.boards-page .board-page-grid.board-grid-3{
  grid-template-columns:repeat(3,minmax(0,250px))!important;
}

/* Tüm kartlar Yönetim Kurulu kartlarıyla aynı ölçüde */
.boards-page .board-page-card{
  width:100%!important;
  max-width:250px!important;
  min-height:215px!important;
  height:100%!important;
  margin:0 auto!important;
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
}

.boards-page .board-page-avatar{
  width:105px!important;
  height:92px!important;
  flex:0 0 92px!important;
}

.boards-page .board-page-card h3{
  min-height:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.boards-page .board-page-card p{
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

/* Onursal üyeler de aynı kart ölçüsünü kullanır */
.boards-page .board-page-grid:not(.board-grid-5):not(.board-grid-3){
  grid-template-columns:repeat(5,minmax(0,250px))!important;
}

/* Tablet ve telefon */
@media(max-width:1200px){
  .boards-page .board-page-grid.board-grid-5,
  .boards-page .board-page-grid:not(.board-grid-5):not(.board-grid-3){
    grid-template-columns:repeat(3,minmax(0,250px))!important;
  }
}
@media(max-width:850px){
  .boards-page .board-page-grid.board-grid-5,
  .boards-page .board-page-grid.board-grid-3,
  .boards-page .board-page-grid:not(.board-grid-5):not(.board-grid-3){
    grid-template-columns:repeat(2,minmax(0,250px))!important;
  }
}
@media(max-width:560px){
  .boards-page .board-page-grid.board-grid-5,
  .boards-page .board-page-grid.board-grid-3,
  .boards-page .board-page-grid:not(.board-grid-5):not(.board-grid-3){
    grid-template-columns:minmax(0,250px)!important;
  }
}