:root {
    --primary-color: #3b0e17;
    --secondary-color: #0c5b86;
    --tertiary-color: #74a547;

	/* --bg-light: #f0f4f5; */
	/* --border-color: #e8d7b9; */

    --bg-light: #dfedd2;
    --border-color: #eeede9;

    --btn-primary-bg : #0e163b;
    --btn-primary-txt : #ffffff;
    --btn-primary-border : #0e163b;
    --btn-primary-bg-hover : #ffffff;
    --btn-primary-txt-hover : #0e163b;
    --btn-primary-border-hover : #d7d9d8;
    
    --btn-outline-primary-bg : #ffffff;
    --btn-outline-primary-txt : #0e163b;
    --btn-outline-primary-border : #d7d9d8;
    --btn-outline-primary-bg-hover : #fff;
    --btn-outline-primary-txt-hover : #0e163b;
    --btn-outline-primary-border-hover : #0e163b;

    --btn-secondary-bg : #ffffff;
    --btn-secondary-txt : #0e163b;
    --btn-secondary-border : #d7d9d8;
    --btn-secondary-bg-hover : #0e163b;
    --btn-secondary-txt-hover : #ffffff;
    --btn-secondary-border-hover : #0e163b;

    --btn-action-bg: #fe5f55;
    --btn-action-txt: #ffffff;
    --btn-action-bg-hover: #fe7e76;

	--secondary-font: 'Lato', sans-serif;
    --tertiary-font: 'Poppins', sans-serif;

    --header-bg-color: #fff;
    --menu-bg-color: #fff;
    --menu-link-color: #255152;
    --menu-link-color-hover: #74a547;

    --breadcrumb-bg-color: #fff;
    /* --breadcrumb-bg-color: #eeede9; */
    --breadcrumb-txt-color: #0e163b;

}

.xs--vervolg                { padding-top: 0 !important; }

h1, .h1                     { color: var(--secondary-color); }
h2, .h2                     { font-weight: normal; }
h3, .h3                     { font-weight: normal; font-size: 20px; line-height: 28px; }

nav.breadcrumb-wrapper,
.breadcrumb { background-color: #FFF; }
::-moz-selection    { color: #0c5b86; }
::selection         { color: #0c5b86; }

.bg-color1          { background-color: var(--bg-light); }

.menu-panel a.dropdown-item:hover       { color: var(--secondary-color); }
.nav-item.active                        { color: #fff; background: var(--secondary-color); border-radius: 5px; }

.page-top-banner    { font-family: var(--secondary-font); font-size: 40px; line-height: 48px; font-weight: 500; background: url('../images/tib/page-top-banner-bg.gif') top center repeat; }

.navbar-toggler     { color: var(--primary-color); }

@media (min-width: 992px) {

    .navbar-brand-image {
        height: 70px;
    }

}


/* ZOEKBOX IN HEADER */
header .header-search .form-inline input.form-control,
header .header-search .form-inline input.form-control:focus    { background: var(--bg-light); color: #000; }
header .header-search .form-inline .btn-secondary              { background: var(--bg-light); }
header .header-search .fa-search                               { color: var(--menu-link-color) !important }
header .header-search .form-inline .btn-secondary:focus,
header .header-search .form-inline .btn-secondary:active       { background: var(--bg-light);  }
header .header-search .form-inline:hover input.form-control,
header .header-search .form-inline:hover .btn-secondary        { border-color: var(--secondary-color) !important;  }
header .header-search .form-inline ::placeholder               { color: #b9b9b9; font-style: italic; }


/* card */
.card-title                     { margin: 0 0 .25rem; font-weight: 500; font-size: 17px; line-height: 24px; color: var(--secondary-color); }
.card-text                      { font-size: 14px; line-height: 20px; }

.card-label                     { display: inline-block; background: #fe6055; color: #fff; text-transform: uppercase; font-size: 12px; font-family: 'poppins', sans-serif; font-weight: 500; }    
.card.hasimage .card-label      { position: absolute;  bottom: 0; left: 0; }

.card-bottom                    { font-size: 12px; line-height: 16px; }
.card-bottom a                  { border: 0; }
.card-date                      { color: #aaa; }




.pe--tekstblok              { border-radius: 0 0 20px 0; }




.pe--tijdschrift-artikelen-overview .page-title     { font-family: var(--secondary-font); font-weight: 500; }

.pe--tijdschrift-artikel .introblock                { border-radius: 0 0 20px 0; border-color: #e5e5e5 !important; }
.pe--tijdschrift-artikel .introblock:hover          { box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%); }

.pe--tijdschrift-artikel .introblock a              { border: none; }
.pe--tijdschrift-artikel .introblock a:hover        { color: var(--primary-color);  }

.pe--tijdschrift-artikel .pre-header                { font-size: 12px; }
.pe--tijdschrift-artikel h2.intro-title             { color: var(--secondary-color); font-family: var(--secondary-font); font-weight: 700; font-size: 19px; line-height: 22px; }
.pe--tijdschrift-artikel .introblock .authors       { font-family: var(--tertiary-font); font-weight: 500; }
.pe--tijdschrift-artikel .intro-details-date        { font-size: 12px; }

.filtertitle            { color: var(--secondary-color); font-family: var(--secondary-font); font-size: 19px; line-height: 22px; }
.filter-section        { border-bottom: 1px solid var(--secondary-color); }
.filter-option          {  }
    
.btn.page-item.active       { background-color: var(--secondary-color) !important; border-color: var(--secondary-color) !important; }

    

.pe--tijdschrift-artikel .article-side h2   { font-size: 24px; line-height: 28px; }


footer                  { background: #f0f4f5; color: var(--primary-color); }
footer a                { color: var(--primary-color); border: none; }
footer a:hover          { color: var(--tertiary-color); }
.column-title           { font-family: var(--secondary-font); color: var(--tertiary-color); font-weight: 700 !important; }

footer .circle-icon     { background-color: #759593; }
footer .circle-icon a   { color: #fff; }


.kop                { color: var(--secondary-color); font-size: 1.3rem; margin-top: 1rem; margin-bottom: 0.5rem; font-weight: 600; }
.onderkop           { font-size: 1.1rem; margin-top: 1rem; margin-bottom: 0.5rem; font-weight: 600;}
.auteur             { font-weight: bold; }


.tussenkop-lijn     { color: var(--secondary-color); font-size: 1.3rem; margin-top: 1rem; margin-bottom: 0.5rem; font-weight: 600; }
.Auteur-next-style  { font-weight: bold; font-size: 1.1rem; margin-top: 2rem;  }
.Auteur-ondertitel  { margin-bottom: 2rem; }

.noten-kop-next-style   { color: var(--secondary-color); font-size: 1.3rem; font-weight: 600; margin-top: 2rem; }
.noten                  { font-size: 0.9rem; color: #333; }
.article-content ul     { margin: 1rem 0; }
.article-content table  { font-size: 0.8rem; }
.streamer               { width: 100%; padding: 2rem; font-size: 1.2rem; color: var(--secondary-color); background-color: var(--bg-light); text-align: center; margin: 1rem 0; }
.streamer .streamer     { display: inline; padding: 0; }