/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 26, 2019, 10:55:58 AM
    Author     : sasam
    versie     : 24.2.9.3-4.1
*/
body:after {
    content:"mobile";
    display:none
}

@media(min-width:576px) {
    body:after {
        content:"phablet";
        display:none
    }

    /* TABS */
    ul.nav-tabs-responsive li a.nav-link.next span.tab-text, ul.nav-tabs-responsive li a.nav-link.prev span.tab-text {
        display: block;
    }

    ul.nav-tabs-responsive li a.nav-link.next span.tab-icon, ul.nav-tabs-responsive li a.nav-link.prev .tab-icon {
        display: none;
    }
    /********/

    div[id^='sm-categories'] div.cat-text {
        display: none !important;
    }

}

@media(min-width:768px) {
    body:after {
        content:"tablet";
        display:none
    }
}

@media(min-width:992px) {
    body:after {
        content:"desktop";
        display:none
    }
}

@media(max-width: 768px){
    a.skiplink {
        top: 10px;
    }
    #footer .wrapper .payoff {
        display:none;
    }
    #footer .wrapper .column {    
        width: 50%;
    }
    #footer .wrapper {
        padding: 30px 0;
    }
    #footer .wrapper h2.info {
        margin-top: 0px;
        padding-bottom: 20px;
        font-size: 1.3em;
    }

    /* #footer .wrapper h2 {
        font-size: 1em;
    } */

    /* #footer .wrapper .column ul li a {
        font-size: 0.9em;
    } */

    #main .wrapper #content.article {    
        margin: 0px;
        width: 100%;
    }

    div#i_startVragen div.columns {
        -webkit-column-count: 1; /* Chrome, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
    
    div#i_okoOnderzoeken {
        margin-top: 30px;
    }
    
/*    div.blok-toelichting-box, div.blok-toelichting-box-breed, div.blok-toelichting-box-breed-marge {
        margin-left:0px;
    }*/
    
    /**** Mobile table ****/
    div[role='columnheader'] {
        background-color: transparent;
    }
    
    div[role='rowheader'] {
        margin-bottom: .2rem;
    }
    
}

@media(max-width: 576px){

    h1 {
        margin-top: 0;
    }
    
    .non-breaking {
        display: block;
    }

    div#corr {
        margin-top: 30px;
    }

    /* TABS */
    ul.nav-tabs-responsive li a.nav-link.next span.tab-text
    , ul.nav-tabs-responsive li a.nav-link.prev span.tab-text
    , ul.nav-tabs-responsive li a.nav-link.distant {
        display: none;
    }

    ul.nav-tabs-responsive li a.nav-link.next span.tab-icon
    , ul.nav-tabs-responsive li a.nav-link.prev .tab-icon {
        display: block;
    }
    /********/

    /*** 1-oog opslag categories ***/
    div.categories.active div.tab:not(.opened) {
        border-bottom: 1px solid white;
    }

    div.categories.active div.tab.opened + div.cat-text {
        border-bottom: 2px solid black;
    }

    div[id^='lg-categories'] div.cat-text {
        display: none !important;
    }

}