@media (min-width: 1200px) {
  .container {
      max-width: 1240px;
  }
}

html	{ height:100%; -ms-overflow-y:scroll;	overflow:-moz-scrollbars-vertical; overflow-y:scroll; }
body	{ height:100%; font:normal 16px/24px 'Roboto', Arial, Helvetica, Sans-Serif; letter-spacing:-0.0085em; color: #000;  background: #f8f7f7 url('/images/bg_triangles.gif') top right no-repeat;  }

header.xs-fixed.fixed-top     { background: #FFF; z-index: 5; }
.header-secondary             { background: #52b3a9; color: #ccf4f7; }

footer                        { 
    background: #52b3a9; 
    color: #ccf4f7;
    margin-top: 20px;
}
footer a                      { color: #fff; }
footer a:hover                { color: #fff; text-decoration: underline; }

/* @media screen and (min-width: 768px) {
footer { 
        position: fixed;
        bottom: 0;
        width: 100%;
       }
} */


/* Inloggen button - verberg tekst */
.btn-inloggen span { display: none; }

@media screen and (min-width: 768px) {
  .btn-inloggen span { display: inline-block; }
}

/* Tekst en buttons */
h1,.h1		{ font-size: 44px; line-height: 46px; font-weight: 700; font-family: 'Pragati Narrow', arial, sans-serif; margin: 0 0 15px; color: #52b3a9; }
h2,.h2		{ font-size: 26px; line-height: 32px; font-weight: 600; font-family: 'Pragati Narrow', arial, sans-serif; margin: 0 0 15px; color: #000; }
h3,.h3		{ font-size: 16px; line-height: 22px; font-weight: 600; margin: 0 0 10px; }
footer p,
.pe-artikel p	{ margin-bottom: 0px; }


a           { color: #52b3a9; }

.text-black { color: #000 }

.btn-link    { color: #52b3a9; }

.btn-primary{color:#FFF;background-color:#52b3a9;border-color:#52b3a9;}
.btn-primary:hover{color:#FFFFFF;background-color:#5eb5e5;border-color:#5eb5e5 }
.btn-primary:focus,.btn-primary.focus{box-shadow:0 0 0 .2rem #5eb5e5}
.btn-primary.disabled,.btn-primary:disabled{color:#5eb5e5;background-color:#d2cbb6;border-color:#d2cbb6}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#FFF;background-color:#52b3a9;border-color:#52b3a9}
.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .1rem #52b3a9}

.btn-outline-primary{border-color:#52b3a9; color: #505050;}
.btn-outline-primary:hover{color: #5eb5e5; background-color:#fff; border-color:#5eb5e5 }
.btn-outline-primary:focus,
.btn-outline-primary.focus{color:#5eb5e5; box-shadow:0 0 0 0rem #000000}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle{color: #000; background-color:#fff;border-color:#5eb5e5}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus{ box-shadow:0 0 0 .1rem #5eb5e5}

body.vangorcum main   { padding-top: 150px; }

@media screen and (min-width: 768px) {
    body.vangorcum main   { min-height: CALC(100VH - 252px); }
}


label         { font-size: 0.9em; color: #717171; }
.table td, .table th {
    vertical-align: middle; 
}

/* Tijdschriften overzicht */
.pe--tijdschriften_overzicht .card-text,
.pe--tijdschriften_overzicht .card-text p { font-size: 0.9em; line-height: 1.3em;  }
.pe--tijdschriften_overzicht .card-header.onderwijs { color:#52b3a9;}
.pe--tijdschriften_overzicht .card-header.wetenschap { color:#007eb4;}
.pe--tijdschriften_overzicht .card-header   { background: #ffffff; font-size: 0.9em; padding: 0.25em 0.75em; font-weight: 600;}
.pe--tijdschriften_overzicht .card-footer   { background: #ffffff; border-top: 0px; }


.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #52b3a9;
}