/*de website liep ooit vast op fonts.googleapis.com, na bestudering blijkt dat hier ook data en zelfs tijd meer verloren gaat. In templates is nu een map opgenomen met
 4 roboto varianten waarna verwezen wordt. Je host dus zelf. */

@font-face {
    font-family: 'Roboto';
    src: url('/templates/fonts/Roboto-Italic.woff2') format('woff2'),
        url('/templates/fonts/Roboto-Italic.woff') format('woff'),
        url('/templates/fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('/templates/fonts/Roboto-Regular.woff2') format('woff2'),
        url('/templates/fonts/Roboto-Regular.woff') format('woff'),
        url('/templates/fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/templates/fonts/Roboto-Bold.woff2') format('woff2'),
        url('/templates/fonts/Roboto-Bold.woff') format('woff'),
        url('/templates/fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/templates/fonts/Roboto-Black.woff2') format('woff2'),
        url('/templates/fonts/Roboto-Black.woff') format('woff'),
        url('/templates/fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

body {
  font-family: 'Roboto',-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif; 
}

li {
    line-height: 25px;
}

/* CSS voor membership pro en edocman staan bij het btereffende component*/

/* Bij documenten van edocman zijn er breadcreams uit joomla opgenomen, het active blad wordt met zwart weergegeven en dat zie je niet goed, is nu groen */
.breadcrumb > .active {color: #00b628;}

/* Het inlogveld met gebruiksnaam en wachtwoord was paginabreed, dit is versmald, bij het icoontje poppetje is de background grijs en het poppetje zwart
Bij membership pro, het invulformulier voor een abonnement komt hetzelfde vlakje, input-group-text, terug maar nu met een zwart euroteken wat wit moet zijn*/
.mod-login {width: 250px;}
.input-group-text {background-color: #414141;}
.input-group-text {color: #FFFFFF;}
.icon-user:before {color: #FFFFFF;}

/* Het redirect inlogveld met gebruiksnaam en wachtwoord en gebruiksnaam en wachtwoord vergeten is paginabreed, maar wachtwoord en gebruikersnaam staan in zwarte letters, dit moet wit zijn */
.list-group-item {
  	color: #3DACFF;
	border: none;
}

/* Het artikelen index, bij wij ons aanbod, standaard menutje was werkelijk niet om aan te zien, een groot wit schreeuwend blok waarbij de background ook nog niet transparant wilde worden, het geheel is weggehaald */
.article-index {display: none;}

.page-item.disabled .page-link {
   background-color: transparent;
}