@import url("https://use.typekit.net/vkr7olv.css"); /* nieuwe fonts per 23-01-2024 */

/* FONT SIZES */

/* Rotis */

body.newfonts #content #content-container .page_content .news-overview .item .image.no_image a .default_image-text strong { font-family:'Rotis'; }
body.newfonts #menu .menu-logo { font-family: 'Rotis'; }
body.newfonts #header #logo { font-family: 'Rotis'; }

/* Bodoni */

body.newfonts #content .page_content h1 u { font-family: "Bodoni"; }

/* futura-pt > Kiro Bold */

body.newfonts { font-family: kiro, sans-serif; font-weight: 200; }
/*body.newfonts #header #logo .subtitle { font-family: kiro, sans-serif; font-weight: 200; }*/
body.newfonts #content .page_content h1 { font-family: kiro, sans-serif; font-weight: 400; line-height: 1.4; }
body.newfonts #content #content-container .page_content.default h2 { font-family: kiro, sans-serif; font-weight: 700; }
body.newfonts #content.vacatures #content-container .page_content .item .functie { font-family: kiro, sans-serif; font-weight: 400; }
body.newfonts #sidebar .column.vacatures .item .functie { font-family: kiro, sans-serif; font-weight: 400; }
body.newfonts #sidebar .column.uitgelicht .text h2 { font-family: kiro, sans-serif; font-weight: 400; }
body.newfonts #content #content-container .page_content .news-overview .item .content .tools a.leesmeer { font-family: kiro, sans-serif; font-weight: 700; }
body.newfonts #content #content-container .page_content .news-overview .item .content .tools a.leesmeer { font-family: bebas-neue, sans-serif; font-size: 24px; font-weight: 400; }
body.newfonts #content #content-container .page_content .news-overview .item .content .tools a.tags { font-family: kiro, sans-serif; font-weight: 700; }
body.newfonts #share-buttons .label { font-family: kiro, sans-serif; font-weight: 700; }
body.newfonts a.terug { font-family: kiro, sans-serif; font-weight: 700; }
body.newfonts #content #content-container .page_content.news_item .article p:first-of-type strong { font-family: kiro, sans-serif; font-weight: 400; }
body.newfonts #content #content-container .page_content.news_item .article h2 { font-family: kiro, sans-serif; font-weight: 700; }
body.newfonts #content #contact form .field.radio label:nth-child(n+2) { font-family: kiro, sans-serif; font-weight: 400; }
body.newfonts #content #contact form .field p label { font-family: kiro, sans-serif; font-weight: 400; }
body.newfonts #content #contact form input.submit { padding: 12px 30px; font-family: kiro, sans-serif; font-size: 22px; font-weight: 700; background-color: #000; }
body.newfonts #content #contact form input.submit { padding: 8px 30px; font-family: bebas-neue, sans-serif; font-size: 26px; font-weight: 400; line-height: 1.7; }
body.newfonts #content #contact form input.submit:hover { background-color: #3e3e3d; }

/* Merriweather > Ingra Light */

body.newfonts #content #content-container .page_content.default p { font-family: ingra, sans-serif; font-weight: 200; }
body.newfonts #content #content-container .page_content.default ul { font-family: ingra, sans-serif; font-weight: 200; }
body.newfonts #content #content-container .page_content .agenda .item .content .description { font-family: ingra, sans-serif; font-weight: 200; }
body.newfonts #sidebar .column.vacatures .item .omschrijving { font-family: ingra, sans-serif; font-weight: 200; }
body.newfonts #sidebar .column.uitgelicht .text .snippet { font-family: ingra, sans-serif; font-weight: 200; }
body.newfonts #sidebar .column.agenda .item .content .description { font-family: ingra, sans-serif; font-weight: 200; }
body.newfonts #content #content-container .page_content .news-overview .item .content .snippet { font-family: ingra, sans-serif; font-weight: 200; clear: both; }
body.newfonts #content #content-container .page_content.news_item .article { font-family: ingra, sans-serif; font-weight: 200; }
body.newfonts #content #contact form select { font-family: ingra, sans-serif; font-weight: 200; }
body.newfonts #contact_thanks { font-family: ingra, sans-serif; font-weight: 200; }


/* FONT WEIGHTS ETC. */

body.newfonts a.btn { padding: 11px 25px 9px 25px; }

/* header */
body.newfonts #header #menu-mobile { display: flex; align-items: center; }
body.newfonts #header #menu-mobile:after { font-weight: 800; }
body.newfonts #header #menu-mobile:after { position: relative; top: 1px; font-family: bebas-neue, sans-serif; font-size: 25px; font-weight: 400; }
body.newfonts #menu ul li a { font-weight: 800; }
body.newfonts #menu ul li a { padding: 10px 0 9px 0; font-family: bebas-neue, sans-serif; font-size: 26px; font-weight: 400; }

body.newfonts #header #read-online a .circle { font-weight: 800; }
body.newfonts #header #read-online a .circle span.center { top: 51%; font-family: bebas-neue, sans-serif; font-size: 34px; font-weight: 400; }

/* latest */
body.newfonts #content #latest a .caption { padding: 60px 65px; font-family: bebas-neue, sans-serif; font-size: 60px; line-height: 1; }
/*body.newfonts #content #latest a .caption h1 strong { font-weight: 800; }*/
body.newfonts #content #latest a .caption h1 strong { font-weight: 400; }

/* news overview */
body.newfonts #content #content-container .page_content .news-overview .item .content h2 { float: left; margin-bottom: 15px; height: auto; font-family: bebas-neue, sans-serif; font-size: 48px; line-height: 1; }
/*body.newfonts #content #content-container .page_content .news-overview .item .content h2 .overflow a strong { font-weight: 800; }*/
body.newfonts #content #content-container .page_content .news-overview .item .content h2 .overflow a strong { font-weight: 400; }
body.newfonts #content #content-container .page_content .news-overview .item .content .snippet { font-size: 18px; line-height: 36px; }
body.newfonts #content #content-container .page_content .news-overview a.archive-link { font-family: kiro, sans-serif; font-size: 22px; font-weight: 700; }
body.newfonts #content #content-container .page_content .news-overview a.archive-link { font-family: bebas-neue, sans-serif; font-size: 26px; font-weight: 400; }

/* sidebar */
body.newfonts #sidebar .column.nieuwsbrief .title a { font-weight: 800; }
body.newfonts #sidebar .column.nieuwsbrief .title a { font-family: bebas-neue, sans-serif; font-size: 32px; font-weight: 400; }
body.newfonts #sidebar .column .title { font-weight: 800; }
body.newfonts #sidebar .column .title { font-family: bebas-neue, sans-serif; font-size: 32px; font-weight: 400; background-position: left 26px top 38px; }
body.newfonts #sidebar .column .title #search-results { font-weight: 300!important; }
body.newfonts #sidebar .column .tags a { font-family: bebas-neue, sans-serif; font-size: 16px; }
body.newfonts #sidebar .column.vacatures .item { padding: 28px 25px 18px 25px; }
body.newfonts #sidebar .column.vacatures .item .functie { font-size: 19px!important; }
body.newfonts #sidebar .column.vacatures .item .functie { font-family: bebas-neue, sans-serif; font-size: 24px!important; font-weight: 400; }
body.newfonts #sidebar .column.vacatures .item .omschrijving { font-size: 15px; }
body.newfonts #sidebar .column.agenda .item .day-month .center .day { font-family: bebas-neue, sans-serif; font-size: 40px; font-weight: 400; }
body.newfonts #sidebar .column.agenda .item .day-month .center .month { font-weight: 700; }
body.newfonts #sidebar .column.agenda .item .day-month .center .month { font-family: bebas-neue, sans-serif; font-size: 20px; font-weight: 400; }
body.newfonts #sidebar .column.agenda .item .text .spec.name { margin-bottom: 2px; font-size: 19px; }
body.newfonts #sidebar .column.agenda .item .text .spec.name { font-family: bebas-neue, sans-serif; font-size: 24px; font-weight: 400; }
body.newfonts #sidebar .column.agenda .item .text .spec.date_time { margin-bottom: -2px; font-family: ingra, sans-serif; font-size: 16px; font-weight: 300; }
body.newfonts #sidebar .column.agenda a.btn { padding: 8px 30px; font-family: kiro, sans-serif; font-size: 22px; font-weight: 700; }
body.newfonts #sidebar .column.agenda a.btn { font-family: bebas-neue, sans-serif; font-size: 26px; font-weight: 400; }

body.newfonts .column input { padding-top: 12px; padding-bottom: 11px; font-family: ingra, sans-serif; font-size: 20px; font-weight: 200; }

/* content */
body.newfonts #content #content-container .page_content.default h1 { font-family: bebas-neue, sans-serif; font-size: 46px; font-weight: 400; line-height: 38px; }
body.newfonts #content #content-container .page_content.default,
body.newfonts #content #content-container .page_content.default p,
body.newfonts #content #content-container .page_content.default ul { font-family: ingra, sans-serif; font-size: 18px; font-weight: 200; line-height: 36px; }
body.newfonts #content #content-container .page_content.default strong { font-weight: 700; }
body.newfonts #content #content-container .page_content.news_item,
body.newfonts #content #content-container .page_content.news_item .article,
body.newfonts #content #content-container .page_content.news_item p,
body.newfonts #content #content-container .page_content.news_item ul { font-family: ingra, sans-serif; font-size: 18px; font-weight: 200; line-height: 36px; }
body.newfonts #content #content-container .page_content.news_item strong { font-weight: 400; }
body.newfonts .links a.file,
body.newfonts .links a.link { font-weight: 200; }
body.newfonts .links a.link { font-size: 16px; padding: 3px 15px 2px 35px; }

body.newfonts #content #contact form input[type=radio] { margin-top: 3px; }

/* team */
body.newfonts #content.team #team .lid .text .naam { font-family: bebas-neue, sans-serif; font-size: 32px; font-weight: 400; }
body.newfonts #content.team #team .lid .text .functie { font-size: 19px; }

/* news item */
body.newfonts #content #content-container .page_content.news_item h1 { padding-bottom: 1em; font-family: bebas-neue, sans-serif; font-size: 64px; line-height: 1; }
body.newfonts #content #content-container .page_content.news_item h1 strong { font-weight: 400; }
body.newfonts #content #content-container .page_content.news_item .article #share-buttons { top: 8px; }
body.newfonts #content #content-container .page_content.news_item .article #share-buttons + strong { font-family: kiro, sans-serif; font-size: 21px; font-weight: 700; line-height: 1.4; }
body.newfonts #content #content-container .page_content .media-article.bottom .title span { font-size: 24px; }
body.newfonts #content #content-container .page_content .lees_ook .items .item .content h2 a strong { font-weight: 700; }
body.newfonts #content #content-container .page_content.news_item .nav { font-size: 20px; }

body.newfonts #content #content-container .page_content.news_item .lees_ook h3 { font-family: bebas-neue, sans-serif; font-size: 32px; font-weight: 400; }
body.newfonts #content #content-container .page_content.news_item .lees_ook .items .item .content h2 a { font-family: bebas-neue, sans-serif; font-size: 32px; font-weight: 400; }
body.newfonts #content #content-container .page_content.news_item .lees_ook .items .item .content h2 a strong { font-weight: 400; }

/* agenda */
body.newfonts #content #content-container .page_content .agenda .item .text h2 { font-weight: 800; }

/* contact */
body.newfonts #content #contact form .field label { font-family: kiro, sans-serif; font-size: 21px; }
body.newfonts #content #contact form .field.radio label:nth-child(n+2) { font-family: ingra, sans-serif; font-size: 18px; font-weight: 200; }

/* footer */
body.newfonts #footer .item .title { font-weight: 800; }
body.newfonts #footer .item.voorwaarden { font-weight: 300; }


@media screen and (max-width: 600px) {
    
    body.newfonts #menu ul li a { padding: 6px 0 5px 0; font-size: 21px; }
    
    body.newfonts #content #content-container .page_content .news-overview .item .content h2 { font-size: 36px; }
    /*body.newfonts #content #content-container .page_content .news-overview .item .content .tools a.leesmeer { font-size: 16px; }*/
    body.newfonts #content #content-container .page_content .news-overview a.archive-link { padding: 8px 30px 9px 30px; font-size: 16px; }
    
    body.newfonts #header #read-online a .circle span.center { font-size: 18px; }
    
    body.newfonts #content #latest a .caption { padding: 30px 25px; font-size: 36px; }
    
    body.newfonts #sidebar .column.agenda a.btn { padding: 8px 30px 9px 30px; /*font-size: 16px;*/ }
    
    /* sidebar */
    body.newfonts #sidebar .column.nieuwsbrief .title a { padding: 19px 18px 17px 18px; }
    body.newfonts #sidebar .column.nieuwsbrief .title a { padding: 15px 18px 15px 18px; font-size: 28px; }
    body.newfonts #sidebar .column.uitgelicht .title { background-position: left 28px top 15px; }
    
    body.newfonts #sidebar .column.agenda .item .day-month { padding-bottom: 90px; width: 80px; }
    body.newfonts #sidebar .column.agenda .item .text { flex: 1; padding: 0 10px 0 15px; }
    
    body.newfonts #sidebar .column.agenda .item .text .spec.name { font-size: 17px; }
    body.newfonts #sidebar .column.agenda .item .text .spec.name { font-size: 21px; }
    body.newfonts #sidebar .column.agenda .item .text .spec.date_time { font-size: 14px; }
    
    /* content */
    body.newfonts #content #content-container .page_content.default h1 { font-size: 38px; }
    body.newfonts #content #content-container .page_content.default,
    body.newfonts #content #content-container .page_content.default p,
    body.newfonts #content #content-container .page_content.default ul { font-family: ingra, sans-serif; font-size: 16px; font-weight: 200; line-height: 32px; }
    
    /* team */
    body.newfonts #content.team #team .lid .text .naam { font-size: 28px; font-weight: 400; line-height: 1; }
    
    /* news item */
    body.newfonts #content #content-container .page_content.news_item h1 { padding-bottom: 0.8em; font-size: 40px; }
    body.newfonts #content #content-container .page_content.news_item .article #share-buttons { top: 0; padding: 10px 0 12px 0; }
    body.newfonts #content #content-container .page_content.news_item .article #share-buttons .label { margin-top: 2px; margin-bottom: -2px; }

    body.newfonts #content #content-container .page_content.news_item .nav a.vorige + .nonew { font-size: 16px; line-height: 1.2!important; }
    
    body.newfonts #content #content-container .page_content.news_item .lees_ook .items .item .content h2 a { font-size: 21px; }
    
    body.newfonts a.terug { font-size: 16px; }

    /* proefexemplaar */
    body.newfonts #content #contact form input[type=radio] { margin: 5px 10px 0 0; }
    body.newfonts #content #contact form .field.radio label:nth-child(n+2) { margin-right: 20px; }
    
    /* vacaturebank */
    body.newfonts #content #content-container .page_content.news_item .article #share-buttons { top: auto; }

    /* agenda */
    body.newfonts #content #content-container .page_content .agenda .item .text { padding: 30px; }
    
}