



.wv-table {}




.wv-table  td:nth-child(1) {  background:#fff;}
.wv-table  td:nth-child(2) {  background:rgba(0,0,0,.1);}
.wv-table  td:nth-child(3) {  background:rgba(0,0,0,.05);}


.wv-table  td:nth-child(1) {  text-align: left; }
.wv-table  td:nth-child(2) {  text-align: right; }
.wv-table  td:nth-child(3) {  text-align: right; }

.wv-table  td:nth-child(1) {  font-weight:400; }
.wv-table  td:nth-child(2) {  font-weight:600; }
.wv-table  td:nth-child(3) {  font-weight:400; }


.wv-table  td                   {  padding-left:0px; }
.wv-table  th:nth-child(1)      {  color:#233675; }
.wv-table  td.indent            {  box-sizing: border-box; padding-right: 100px;  font-weight:400; }
.wv-table  td.blue              { color:#233675; }
.wv-table  td.bold              { font-weight:600; }
.wv-table  th.bold              { font-weight:600; }
.wv-table  caption.bold         { font-weight:600; }
.wv-table  caption              { color:#233675; }


@media screen and (min-width: 768px) {

    .wv-table  th:nth-child(1)  { width: 40% !important; background:#fff;}
    .wv-table  th:nth-child(2),
    .wv-table  th:nth-child(3)  { width: 30% !important; text-align: right;}

    .wv-table  td:nth-child(1)  { width: 40% !important; background:#fff;}
    .wv-table  td:nth-child(2),
    .wv-table  td:nth-child(3)  { width: 30% !important; text-align: right;}

    .border-bottom              { border-bottom:1px solid #222; }
    .border-bottom-fat          { border-bottom:2px solid #222; }

}


@media screen and (max-width: 768px) {

    .wv-table tr                {  border-bottom: 0px solid #fff;    }
    .wv-table td:nth-child(1)   {  padding-left:0px;    }

    .wv-table  td               {  padding-left:10px; }
    .wv-table  caption          {  padding-left:5px; }

}


/* personalia */ 

.wv-table.personalia-table  { line-height:1.5;  }

.wv-table.personalia-table  caption  { font-weight:600;  color:#A5122F;  }

.wv-table.personalia-table  td  { padding: 5px 0px; }


.wv-table.personalia-table  tr.border-top { border-top:1px solid #222;  }

.wv-table.personalia-table  td:nth-child(1) .colon { padding:0px 10px 0px 0px; }

.wv-table.personalia-table  td:nth-child(2) { font-weight: 500; text-align: left; background:none;  }
 

@media screen and (max-width: 768px) { 

}



@media screen and (min-width: 768px) { 
    .wv-table.personalia-table  td:nth-child(1) { width:33% !important;  }
    .wv-table.personalia-table  td:nth-child(2) { width:67% !important;  }
    .wv-table.personalia-table  td:nth-child(1) .colon { float:right; padding:0px 10px 0px 0px; }

}


















            .team-dir-wrapper {
                    width:25%; 
                    height:200px;  
                    background: #fff;   transition: all 500ms ease; 
                     }
            .team-dir-inner-wrapper {
                    width:100%; 
                    height:100%; 
                    background-size: cover;
                    background-position-y: top;     
                    margin:0;  padding:0; 
                    overflow:hidden;
                    align-items: flex-end;
                    background-position: center;
                    filter: grayscale(1); 
                    opacity:0.4; 

            }
            .team-dir-wrapper p { 
                    width:220px; 
                    height:60px; 
                    background: #233675;  
                    color:#fff; 
                    padding:10px;  
                    font-size:16px;   
                    margin-left:0px ; 
                    margin-top:300px ; 
                    opacity :0;
                        max-width: 95%;
             }
            a.team-dir-wrapper  { 
            text-decoration:none;
                         }

            .team-dir-inner-wrapper .naam      {   
                font-size:18px; 
                display:block;
            }

            .team-dir-inner-wrapper .functie      {   
                font-size:14px;
            }



@media screen and (min-width: 768px) { 

                .team-dir-wrapper {
                    height:400px;  
                     }

            .team-dir-inner-wrapper       {   
                transition: all 0.5s ease;
                -webkit-box-shadow:inset 0px 0px 0px 25px #fff;
                 -moz-box-shadow:inset 0px 0px 0px 25px #fff;
                box-shadow:inset 0px 0px 0px 25px #fff; 
            }

            /* HOVER */

            .team-dir-wrapper:hover p  {  
                
                opacity:1;   
                transition: all 500ms ease; 
                transition-delay: 0.25s;
            }

            .team-dir-inner-wrapper:hover {   
                filter: grayscale(0); 
                opacity:1; transition: all 0.5s ease;  
                -webkit-box-shadow:inset 0px 0px 0px 0px #fff;
                -moz-box-shadow:inset 0px 0px 0px 0px #fff;
                box-shadow:inset 0px 0px 0px 0px #fff;
            }



}







            /* ACTIVE (as HOVER)  */
.personalia-raad-van-bestuur-1 .image-01.team-dir-wrapper p,  
.personalia-raad-van-bestuur-2 .image-02.team-dir-wrapper p,  
.personalia-raad-van-bestuur-3 .image-03.team-dir-wrapper p,  
.personalia-raad-van-bestuur-4 .image-04.team-dir-wrapper p
            {  
                opacity:1;   
            }


.personalia-raad-van-bestuur-1 .image-01 .team-dir-inner-wrapper, 
.personalia-raad-van-bestuur-2 .image-02 .team-dir-inner-wrapper, 
.personalia-raad-van-bestuur-3 .image-03 .team-dir-inner-wrapper,
.personalia-raad-van-bestuur-4 .image-04 .team-dir-inner-wrapper 
            {   
                filter: grayscale(0); 
                opacity:1; 
                transition: all 0.5s ease;  
                -webkit-box-shadow:inset 0px 0px 0px 0px #fff;
                -moz-box-shadow:inset 0px 0px 0px 0px #fff;
                box-shadow:inset 0px 0px 0px 0px #fff;
            }



.personalia-raad-van-bestuur .wv-table.personalia-table { display: none; }

.personalia-raad-van-bestuur-1 .wv-table.personalia-table.table-01,
.personalia-raad-van-bestuur-2 .wv-table.personalia-table.table-02,
.personalia-raad-van-bestuur-3 .wv-table.personalia-table.table-03,
.personalia-raad-van-bestuur-4 .wv-table.personalia-table.table-04 { display: block; }




















