:root {
    
    --header-background: #0f265c;

    --primary-color: #0b1b41;
    --secondary-color: #f58220;
    --tertiary-color: #007eb4;
    --quaternary-color: #ae1a1e;

    --primary-bg-color: #f4f4f4;
    --secondary-bg-color: #f7e8e1;
    --tertiary-bg-color: #ebeff9;
    --quaternary-bg-color: #fde6d2;

    --cc_midnight-blue: #022662;
    --cc_firebrick: #ae1a1f;
    --cc_orangered: #ee2e30;
    --cc_darkorange: #f58220;
    --cc_indianred: #a5556b;
    --cc_darkorchid: #a066ab;
    --cc_deepskyblue: #00aeef;
    --cc_royalblue: #0075bc;
    --cc_teal: #2c7376;
    --cc_lightseagreen: #02b9ad;
    --cc_limegreen: #4ab957;

    --ccbg_midnight-blue: #d2def2;
    --ccbg_firebrick: #fad5d7;
    --ccbg_orangered: #ffcfd0;
    --ccbg_darkorange: #fdf2e6;
    --ccbg_indianred: #f6edef;
    --ccbg_darkorchid: #f2ecf4;
    --ccbg_deepskyblue: #dbf5ff;
    --ccbg_royalblue: #c4d9e6;
    --ccbg_teal: #caedee;
    --ccbg_lightseagreen: #eaf6f5;
    --ccbg_limegreen: #cdf4d1;

    --border-color: #e8e8ea;

    --btn-primary-bg : #0f265c;
    --btn-primary-txt : #fff;
    --btn-primary-border : #0f265c;
    --btn-primary-bg-hover : #f58220;
    --btn-primary-txt-hover : #fff;
    --btn-primary-border-hover : #f58220;
    
    --btn-outline-primary-bg : transparent;
    --btn-outline-primary-txt : #0f265c;
    --btn-outline-primary-border : #c2c2c2;
    --btn-outline-primary-bg-hover : #0f265c;
    --btn-outline-primary-txt-hover : #fff;
    --btn-outline-primary-border-hover : #0f265c;

    --btn-secondary-bg : #007eb4;
    --btn-secondary-txt : #fff;
    --btn-secondary-border : #007eb4;
    --btn-secondary-bg-hover : #f58220;
    --btn-secondary-txt-hover : #fff;
    --btn-secondary-border-hover : #f58220;

    --primary-font: 'Titillium Web', sans-serif;

    --badge-primary-color: #82a3d5;

    --shadow-color: 0deg 0% 63%;

    --link-color: #0f265c;
    --link-color-hover: #f58220;

}

h1,.h1              { font-weight: 600; font-size: 2.5rem; line-height: 2.8rem; color: var(--secondary-color); font-family: var(--primary-font); }
h2,.h2              { font-weight: 600; font-size: 1.8rem; color: var(--secondary-color); font-family: var(--primary-font); margin-bottom: 0.5rem; }
h3,.h3              { font-weight: 600; font-size: 1.6rem; color: var(--primary-color); font-family: var(--primary-font); margin-bottom: 0.3rem; }
h4,.h4              { font-weight: 600; font-size: 1.2rem; color: var(--primary-color); font-family: var(--primary-font); margin-bottom: 0.3rem; }
h5,.h5              { font-weight: 700; font-size: 1.0rem; margin-bottom: 0.2rem; }
p                   { margin-bottom: 0; }
a                   { color: var(--link-color); }
a:hover             { color: var(--link-color-hover); text-decoration: underline; }

::placeholder       { color: #aaa; font-style: italic; }
:focus-visible      { outline: none; }

.text-primary       { color: var(--primary-color) !important; }
.text-secondary     { color: var(--secondary-color) !important; }

.Bold               { font-weight: bold; }
.Italic             { font-style: italic; }
.BoldItalic         { font-weight: bold; font-style: italic; } 
.BoldSuperScript    { font-weight: bold; vertical-align: super; font-size: 0.8rem; }


.page-content .bg-primary         { background: var(--primary-bg-color) !important; }
.page-content .bg-secondary       { background: var(--secondary-bg-color) !important; }
.page-content .bg-tertiary        { background: var(--tertiary-bg-color) !important; }

.badge              { font-size: 1em; }
.badge-primary      { background: var(--badge-primary-color) !important; }

.sticky-top         { top: 20px; }

.secondary-color    { color: var(--secondary-color); }

@media only screen and (max-width: 575px) {

    h1,.h1      { font-size: 2rem; line-height: 2.1rem; }

}

/**
 * Buttons
 */
.btn                                    { white-space: nowrap; font-size: 16px; padding: 0.375rem 1rem; font-weight: 700; text-decoration: none !important; }
    .btn i                              { font-size: 12px; }
    .btn img                            { width: 16px; opacity: 1; } /* default size iconen */
    .btn:hover img                      { opacity: 1; } 

.btn-primary                        { background: var(--btn-primary-bg) !important; border-color: var(--btn-primary-border) !important; color: var(--btn-primary-txt) !important;  }
.btn-primary.hover,
.btn-primary:hover                  { background-color: var(--btn-primary-bg-hover) !important; border-color: var(--btn-primary-border-hover) !important; color: var(--btn-primary-txt-hover) !important; }
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus,
.btn-primary:focus                  { background-color: var(--btn-primary-bg-hover) !important; border-color: var(--btn-primary-border-hover) !important; }
.btn-primary.disabled			    { background-color: #cacaca !important; border-color: #cacaca !important; }
.btn-primary.disabled:focus		    { box-shadow: none; }

.btn-outline-primary                {
    background: var(--btn-outline-primary-bg) !important; border-color: var(--btn-outline-primary-border) !important;
    color: var(--btn-outline-primary-txt) !important; 
}
.btn-outline-primary.hover,
.btn-outline-primary:hover          {
    background-color: var(--btn-outline-primary-bg-hover) !important; border-color: var(--btn-outline-primary-border-hover) !important;
    color: var(--btn-outline-primary-txt-hover) !important;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-outline-primary.focus,
.btn-outline-primary:focus          { background-color: var(--btn-outline-primary-bg-hover) !important; border-color: var(--btn-outline-primary-border-hover) !important; color: var(--btn-outline-primary-txt-hover) !important; }
.btn-outline-primary.disabled       { background-color: #cacaca !important; border-color: #cacaca !important; }
.btn-outline-primary.disabled:focus { box-shadow: none; }

.btn-secondary                      { background: var(--btn-secondary-bg) !important; border-color: var(--btn-secondary-border) !important; color: var(--btn-secondary-txt) !important;  }
.btn-secondary.hover,
.btn-secondary:hover                { background-color: var(--btn-secondary-bg-hover) !important; border-color: var(--btn-secondary-border-hover) !important; color: var(--btn-secondary-txt-hover) !important; }
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle,
.btn-secondary.focus,
.btn-secondary:focus                { background-color: var(--btn-secondary-bg-hover) !important; border-color: var(--btn-secondary-border-hover) !important; color: var(--btn-secondary-txt-hover) !important; }
.btn-secondary.disabled             { background-color: #cacaca !important; border-color: #cacaca !important; }
.btn-secondary.disabled:focus       { box-shadow: none; }


body    { font-family: var(--primary-font); color: var(--primary-color); font-size: 1rem; }


/**
 * Header
 */
header                  { background: var(--header-background); }
    .header-top             { border-bottom: 1px solid #2f4371; }
        .header-payoff          { color: #8293bb; font-weight: 600; }
        .header-search-input    { width: 240px; font-size: 14px; }

    .header-logo            { width: 186px; }
        .header-logo img        { width: 100%; }


.header-dropdown                                { border: 0; background: transparent; color: #fff; }
.header-dropdown .fa-chevron-down               { font-size: 14px; }
.dropdown-toggle.header-dropdown::after         { display: none; }

.lang-menu-mobile       { display: none; }
.dropdown-menu          { min-width: 0; }

.main-wrapper           { background: url('../images/header_blue_bars_vervolg.png') right top no-repeat; padding-top: 9vw; }
.main-wrapper.index     { background: url('../images/header_blue_bars.png') right top no-repeat; padding-top: 1vw; }
@media only screen and (min-width: 800px) {
    .main-wrapper           { padding-top: 5vw; }
}


@media only screen and (max-width: 1200px) {
    .header-top             { display: none; }
    .header-logo            { width: 110px; }
    .lang-menu-mobile       { display: block; }
}


/**
 * Menu
 */
.mobile-menu-toggle     { color: #fff; font-size: 23px; display: none; }

.menu-container         { flex: 1 0 auto; }

.menu-panel								{ display: none; }
.menu-backdrop                          { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #000; opacity: .4; z-index: 20; display: none; }
.main-menu-wrapper                      { z-index: 110; }
.main-menu-wrapper.productgroup			{ margin: 0; }
	.main-menu-content                  { margin: 0 auto; padding: 0 186px 0 0; }
		.main-menu                      { position: relative; }
			ul.main-menu                    { margin: 0; list-style: none; }
				.menu-item.libm                 { position: relative; }

					.menu-item.home a								{ padding: 10px 20px 10px 0; }
					.menu-item .fa-home								{ font-size: 16px; }
					.menu-item.home:hover,
					.menu-item.home a:hover							{ background: transparent; }
					.menu-item a 									{ display: block; padding: 10px 20px; font-size: 17px; line-height: 22px; font-weight: 600; color: #fff; text-decoration: none; }
					.menu-item a.active								{ color: #000; }
					.menu-item a:hover 								{ color: #fff; }
					.menu-item .fa-chevron-down						{ font-size: 14px; margin-left: 4px; vertical-align: middle; margin-bottom: 2px; }

                    .menu-item.active a     { background:  #fff; color: #000; }

		.menu-item-subcontainer				{
			position: absolute; top: 42px; left: 0; width: 100%;
			background: #777; box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.17);
			display: none;
		}
		.menu-item:hover                                                    { background: #fff; }
		.main-menu-wrapper .menu-item:hover a                               { color: #000; }
		.main-menu-wrapper .menu-item:hover .menu-item-subcontainer			{ display: block; }
			.menu-item-subcontainer-content								    { display: flex; padding: 20px 0; }
				.menu-item-subcolumn                                            { width: 32%; padding: 0 0 0 20px; border-left: 1px solid #bababa; }
				.menu-item-subcolumn:first-child								{ border: 0; }
					.menu-item a.submenu-item                                       { padding: 5px 0; font-size: 16px; font-weight: normal; color: #000; }
					.menu-item a.submenu-item.title								    { display: none; }
					.menu-item a.submenu-item:hover								    { text-decoration: underline; }
					.menu-item-subcolumn.last a										{ font-weight: 700; }

		.submenu-wrapper		{
			position: absolute; top: 42px; left: 0; width: 250px; padding: 10px 20px;
			background: #fff; box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.17);
			display: none;
		}
		.menu-item:hover .submenu-wrapper							{ display: block; }

.main-menu-wrapper						{ z-index: 120; }
.main-menu-content,
.main-menu								{ position: unset; }

.menu-item.hover a.menu-item-link       { background: #FFFFFF; color: #000000; }

.hide-overflow							{ overflow: hidden; }

.menu-panel			{
    position: absolute; display: flex; left: 0; right: 0; top: 112px; min-height: 370px; width: 1100px; margin: 0 auto;
    background: #fff; box-shadow: 0 4px 3px 0 rgba(0, 0, 0, .2);
    z-index: 1000; display: none;
}


    .menu-panel a                   { text-decoration: none; }
	.menu-panel-mobile-backbutton	{ position: sticky; top: 0; background: #fff; font-size: 14px; cursor: pointer; z-index: 30; display: none; }

	.menu-panel-contentwrapper               	{ display: flex; justify-content: space-between; width: 980px; min-height: 340px; margin: 0 auto; padding: 20px 0; }
	.menu-panel-column                       	{  }
    .menu-panel-column a .fa-chevron-right      { font-size: 12px; }
	.menu-panel-column.double					{  }
        .menu-panel-column-title-wrapper          	{ font-weight: 800; }
		    .menu-panel-column-title                    { color: #414142; }
	  .menu-panel-column-link               	{  }

    .menu-panel-image-wrapper               { position: relative; display: flex; }
    .menu-panel-image-wrapper.single			{ max-width: 235px; max-height: 314px; }
        .menu-panel-image                           { width: 95%; z-index: 20; }

    .menu-backdrop                            { display: none; top: 67px; }

    .submenu-wrapper,
    .menu-item a:hover			{ background: #fff; }
    .menu-item .fa-home			{ color: #fff; }

    .custom-menu-editbutton		{
        position: absolute; top: 14px; right: 14px; padding: 0 7px;
        color: #fff; background: #0084bc; font-size: 9px; line-height: 14px; text-transform: uppercase;
        box-shadow: 1px 2px 0px 0 rgba(0, 0, 0, .5); cursor: pointer; display: none;
    }
    .custom-menu-editbutton:hover		{ background: #159bd4; text-decoration: none; }

    .xs-editmode.preview .custom-menu-editbutton		{ display: block; }

@media only screen and (min-width: 767px) {

	.menu-panel:hover       { display: block !important; }

}

@media only screen and (max-width: 1023px) {

	.menu-panel-contentwrapper      { width: calc(100% - 40px); padding: 20px; }

}

@media only screen and (max-width: 1200px) {

    .mobile-menu-toggle     { display: block; }

    .menu-item.home         { display: none; }

	.menu-container		{
		position: absolute; left: 0; top: 67px; width: 320px; height: calc(100vh - 50px); transition: transform .25s ease-out; transform: translateX(-360px);
		background: #fff;
		overflow: hidden; overflow-y: scroll; z-index: 50;
	}
	.menu-container.open					{ transform: translateX(0); box-shadow: 2px 7px 4px 4px rgba(0, 0, 0, .2); }

	.menu-panel-mobile-backbutton			{ display: block; }
	.main-menu-wrapper						{ display: block; position: absolute; top: 0; width: 100%; border: 0; }
		.menu-panel-contentwrapper          	{ padding: 40px 0 20px; }

	.mobile-menu-close-button				{ display: none; }

	.main-menu-content						{ width: 100%; padding: 0; transition: transform .25s ease-out; }
	.main-menu-content.slideleft			{ transform: translateX(-360px); }

	.main-menu								{ flex-flow: column; padding: 5px 0; }
		.menu-item a							{ display: flex; align-items: center; border: 0; color: #000; }

	.menu-item.libm							{ padding: 5px 10px; border-bottom: 1px solid #ccc; } 
        a.menu-item-link                        { justify-content: space-between; }
        a.menu-item-link .fa-chevron-down       { margin: 0 !important; transform: rotate(270deg); }

	.menu-panel								{ top: 0; width: 100%; transition: transform .25s ease-out; transform: translate(325px); box-shadow: none; z-index: 1000; }
	.menu-panel.open						{ left: 360px; transform: translate(0); z-index: 30; }
	.menu-panel .menu-panel-contentwrapper	{ justify-content: flex-start; min-height: 100vh; }

	.menu-panel-image,
	.wide .menu-panel-image,
	.double.wide .menu-panel-image						{ max-width: 240px; height: unset; align-self: center; }
	
	.menu-panel-contentwrapper				{ flex-flow: column nowrap; }

	.menu-panel-column                      { flex: 0 0 245px; flex: 0 0 auto; }
	.menu-panel-column:last-child			{ margin-bottom: 120px; }

}


/**
 *  Breadcrumb
 */
.breadcrumb-item            { font-size: 14px; }

@media only screen and (max-width: 500px) {
    .breadcrumb .breadcrumb-item:last-child    { display: none; }
}


/**
 *  Slider Homepage
 */
.swiper-button-next,
.swiper-button-prev                     { color: #FFF !important; opacity: 0.5; transition: all 0.3s;}
.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev       { opacity: 1.0; }

/**
 *  Slider
 */
 .slides-container       { min-height: 550px; border: 2px dashed #ccc; }
 .slide-edit             { border: 2px dashed #ccc; margin: 20px; width: 90%; }
 .slide                  { height: 550px !important; }
 .slide-prefix           { font-weight: 600; }
 .slide-title            { font-weight: 600; font-size: 36px; line-height: 40px; }
 .slide-author           { font-weight: 600; }
 .slide-date             { font-size: 11px; }

 @media only screen and (max-width: 767px) {

    .slide-title        { font-size: 28px; line-height: 30px; }

 }

/**
 *  Homepage cover
 */
.homepage-cover-image    { width: 7vw; min-width: 75px; max-width: 150px; position: absolute; top: 0; z-index: 1;
                            -webkit-box-shadow: 2px 6px 8px 0px rgba(0,0,0,0.21);
                            -moz-box-shadow: 2px 6px 8px 0px rgba(0,0,0,0.21);
                            box-shadow: 2px 6px 8px 0px rgba(0,0,0,0.21); }
.homepage-cover-backdrop { background-color: #758bab; width: 7vw; height: 10.1vw; min-width: 75px; min-height: 105px; max-width: 150px; max-height: 210px; transform: rotate(-3deg); }

/**
 *  Homepage theme issues
 */
a.themanummer               { color: var(--cc_firebrick); }
a.themanummer:hover         { color: var(--primary-color); }
.thema-cover                { flex-shrink: 0; background-size: cover; width: 6vw; height:6vw; max-width: 80px; max-height:70px; min-width: 40px; min-height:35px; margin-right: 15px; }
.thema-text                 { font-weight: 700; font-size: 0.9rem; }
.thema-title                { font-size: 1.0rem; line-height: 1.2rem; }

/**
 *  Homepage Articles
 */
.homepage-articles.tab-content>.active { display: flex; }
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    background-color: #FFF !important;
    border: 1px solid var(--btn-outline-primary-border) !important;
    color: var(--btn-outline-primary-txt) !important;
}

.nav-link:hover,
.nav-link.active,
.nav-link.active:hover {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
    background-color: var(--btn-outline-primary-border-hover) !important;
    border-color: var(--btn-outline-primary-border-hover) !important;
    color: var(--btn-outline-primary-txt-hover) !important;
}

/** 
 *  Tekstkader driehoek
 */
 .pe--tekstkader.oranje      { background: var(--quaternary-bg-color); }
 
 .triangle                   { width: 0; height: 0; padding-bottom: 60px; padding-left: 100%; overflow: hidden; }
 .triangle:after             {
     content: "";
     display: block;
     width: 0;
     height: 0;
     margin-left: -1000px;
     border-bottom: 60px solid transparent;
     border-left: 1000px solid var(--quaternary-bg-color);
    }
    
 .triangle.right:after             {
    margin-left: -860px;
    border-left: 0px solid var(--quaternary-bg-color);
     border-right: 1000px solid var(--quaternary-bg-color);
    }

/** 
 *  Tabellen
 */
table.Geen-tabelstijl    { border: 2px solid #000; width: 100% !important; }
table.Geen-tabelstijl tr td  { font-size: 0.85rem; padding: 3px; }    
table.Geen-tabelstijl tr td.Geen-tabelstijl  { border-left: 1px solid #000; }    
table.Geen-tabelstijl tr.tabel-header td { color: #FFF; background-color: #009fe3;  vertical-align: top; border-top: 2px solid #000; }
table.Geen-tabelstijl tr td.tabel-header { color: #FFF; background-color: #009fe3;  vertical-align: top; border-top: 2px solid #000; }
table.Geen-tabelstijl tr td  { border-top: 2px solid #FFF }
table.Geen-tabelstijl tr  { background-color: #d4edfc; }
table.Geen-tabelstijl tr:nth-child(even) { background-color: #eaf6fe; }

div.algemeen table.Geen-tabelstijl tr.tabel-header td, 
div.algemeen table.Geen-tabelstijl tr td.tabel-header { color: #FFF; background-color: var(--cc_midnight-blue); }

div.redactioneel table.Geen-tabelstijl tr.tabel-header td, 
div.redactioneel table.Geen-tabelstijl tr td.tabel-header { color: #FFF; background-color: var(--cc_firebrick); }
div.redactioneel table.Geen-tabelstijl tr  { background-color: #f9c8b6; }
div.redactioneel table.Geen-tabelstijl tr:nth-child(even) { background-color: #fde4db }

div.accreditatie table.Geen-tabelstijl tr.tabel-header td, 
div.accreditatie table.Geen-tabelstijl tr td.tabel-header { color: #FFF; background-color: #e52322; }
div.accreditatie table.Geen-tabelstijl tr  { background-color: #f9c8b6; }
div.accreditatie table.Geen-tabelstijl tr:nth-child(even) { background-color: #fde4db }

div.essay table.Geen-tabelstijl tr.tabel-header td, 
div.essay table.Geen-tabelstijl tr td.tabel-header { color: #000; background-color: #ef7d00; }
div.essay table.Geen-tabelstijl tr  { background-color: #fddbba; }
div.essay table.Geen-tabelstijl tr:nth-child(even) { background-color: #feeddd; }

div.onderzoeksartikel table.Geen-tabelstijl tr.tabel-header td, 
div.onderzoeksartikel table.Geen-tabelstijl tr td.tabel-header { color: #FFF; background-color: #00b1aa; }
div.onderzoeksartikel table.Geen-tabelstijl tr  { background-color: #d0e9e7; }
div.onderzoeksartikel table.Geen-tabelstijl tr:nth-child(even) { background-color: #e8f4f4; }

div.overzichtsartikel table.Geen-tabelstijl tr.tabel-header td, 
div.overzichtsartikel table.Geen-tabelstijl tr td.tabel-header { color: #000; background-color: var(--cc_indianred); }
div.overzichtsartikel table.Geen-tabelstijl tr  { background-color: var(--ccbg_indianred); }
div.overzichtsartikel table.Geen-tabelstijl tr:nth-child(even) { background-color: #feeddd; }

div.klinischepraktijk table.Geen-tabelstijl tr.tabel-header td, 
div.klinischepraktijk table.Geen-tabelstijl tr td.tabel-header { color: #FFF; background-color: var(--cc_darkorchid); }
div.klinischepraktijk table.Geen-tabelstijl tr  { background-color: #eaddec; }
div.klinischepraktijk table.Geen-tabelstijl tr:nth-child(even) { background-color: #f6edef; }

div.psychiatrie-covid table.Geen-tabelstijl tr.tabel-header td, 
div.psychiatrie-covid table.Geen-tabelstijl tr td.tabel-header { color: #FFF; background-color: var(--cc_deepskyblue); }

div.proefschriftartikel table.Geen-tabelstijl tr.tabel-header td, 
div.proefschriftartikel table.Geen-tabelstijl tr td.tabel-header { color: #000; background-color: var(--cc_lightseagreen); }
div.proefschriftartikel table.Geen-tabelstijl tr  { background-color: #ecdcde; }
div.proefschriftartikel table.Geen-tabelstijl tr:nth-child(even) { background-color: #f6edef; }





table.No-Table-Style    { border: 0px solid #000; width: 100% !important; margin-bottom: 1rem; max-width: 100vw; overflow-x: scroll; display: block; }    
table.No-Table-Style tr:first-child     { color: #FFF; background-color: #00b1aa !important; }
table.No-Table-Style tr:first-child td  { border-top: 0px solid #000; }
table.No-Table-Style tr td  { font-size: 0.85rem; padding: 3px; }    
table.No-Table-Style tr td.No-Table-Style  { border-left: 1px solid #000; }    

table.No-Table-Style tr:first-child,
table.No-Table-Style tr.tabel-header td { color: #FFF; background-color: #009fe3;  vertical-align: top; border-top: 0px solid #000; }
table.No-Table-Style tr td.tabel-header { color: #FFF; background-color: #009fe3;  vertical-align: top; border-top: 0px solid #000; }
table.No-Table-Style tr td  { border-top: 2px solid #FFF }
table.No-Table-Style tr  { background-color: #d4edfc; }
table.No-Table-Style tr:nth-child(even) { background-color: #eaf6fe; }

div.algemeen table.No-Table-Style tr.tabel-header td, 
div.algemeen table.No-Table-Style tr td.tabel-header { color: #FFF; background-color: var(--cc_midnight-blue) !important; }

div.redactioneel table.No-Table-Style tr.tabel-header td, 
div.redactioneel table.No-Table-Style tr td.tabel-header { color: #FFF; background-color: var(--cc_firebrick) !important; }
div.redactioneel table.No-Table-Style tr  { background-color: #f9c8b6; }
div.redactioneel table.No-Table-Style tr:nth-child(even) { background-color: #fde4db }

div.accreditatie table.No-Table-Style tr.tabel-header td, 
div.accreditatie table.No-Table-Style tr td.tabel-header { color: #FFF; background-color: #e52322 !important; }
div.accreditatie table.No-Table-Style tr  { background-color: #f9c8b6; }
div.accreditatie table.No-Table-Style tr:nth-child(even) { background-color: #fde4db }

div.essay table.No-Table-Style tr.tabel-header td, 
div.essay table.No-Table-Style tr td.tabel-header { color: #000; background-color: #ef7d00; }
div.essay table.No-Table-Style tr  { background-color: #fddbba; }
div.essay table.No-Table-Style tr:nth-child(even) { background-color: #feeddd; }

div.onderzoeksartikel table.No-Table-Style tr.tabel-header td, 
div.onderzoeksartikel table.No-Table-Style tr td.tabel-header { color: #FFF; background-color: #00b1aa !important; }
div.onderzoeksartikel table.No-Table-Style tr  { background-color: #d0e9e7; }
div.onderzoeksartikel table.No-Table-Style tr:nth-child(even) { background-color: #e8f4f4; }

div.overzichtsartikel table.No-Table-Style tr.tabel-header td, 
div.overzichtsartikel table.No-Table-Style tr td.tabel-header { color: #000; background-color: var(--cc_indianred) !important; }
div.overzichtsartikel table.No-Table-Style tr  { background-color: var(--ccbg_indianred); }
div.overzichtsartikel table.No-Table-Style tr:nth-child(even) { background-color: #feeddd; }

div.klinischepraktijk table.No-Table-Style tr.tabel-header td, 
div.klinischepraktijk table.No-Table-Style tr:first-child, 
div.klinischepraktijk table.No-Table-Style tr td.tabel-header { color: #FFF; background-color: var(--cc_darkorchid) !important; }
div.klinischepraktijk table.No-Table-Style tr  { background-color: #eaddec; }
div.klinischepraktijk table.No-Table-Style tr:nth-child(even) { background-color: #f6edef; }

div.psychiatrie-covid table.No-Table-Style tr.tabel-header td, 
div.psychiatrie-covid table.No-Table-Style tr td.tabel-header { color: #FFF; background-color: var(--cc_deepskyblue) !important; }

div.proefschriftartikel table.No-Table-Style tr.tabel-header td, 
div.proefschriftartikel table.No-Table-Style tr td.tabel-header { color: #000; background-color: var(--cc_lightseagreen) !important; }
div.proefschriftartikel table.No-Table-Style tr  { background-color: #ecdcde; }
div.proefschriftartikel table.No-Table-Style tr:nth-child(even) { background-color: #f6edef; }










/** 
 *  Article
 */
div.algemeen h1,
div.algemeen h2                                    { color: var(--cc_midnight-blue); }
div.algemeen .side-block                           { border-color: var(--cc_midnight-blue) !important; }
div.algemeen.bg,
div.algemeen .summary                              { background-color: var(--ccbg_midnight-blue); }
div.algemeen .triangle:after                       { border-left-color:  var(--ccbg_midnight-blue); }
div.algemeen .triangle.right:after                 { border-right-color:  var(--ccbg_midnight-blue); }

div.redactioneel .figtit,       
div.redactioneel .tabtit,       
div.redactioneel .textcolor,       
div.redactioneel h1,       
div.redactioneel h2                                { color: var(--cc_firebrick); }
div.redactioneel .side-block                       { border-color: var(--cc_firebrick) !important; }
div.redactioneel.bg,
div.redactioneel .summary                          { background-color: var(--ccbg_firebrick); }
div.redactioneel .triangle:after                   { border-left-color:  var(--ccbg_firebrick); }
div.redactioneel .triangle.right:after             { border-right-color:  var(--ccbg_firebrick); }

div.accreditatie .figtit,       
div.accreditatie .tabtit,       
div.accreditatie .textcolor,       
div.accreditatie h1,       
div.accreditatie h2                                { color: var(--cc_orangered); }
div.accreditatie .side-block                       { border-color: var(--cc_orangered) !important; }
div.accreditatie.bg,
div.accreditatie .summary                          { background-color: var(--ccbg_orangered); }
div.accreditatie .triangle:after                   { border-left-color:  var(--ccbg_orangered); }
div.accreditatie .triangle.right:after             { border-right-color:  var(--ccbg_orangered); }

div.essay .figtit,      
div.essay .tabtit,      
div.essay .textcolor,      
div.essay h1,      
div.essay h2                                       { color: var(--cc_darkorange); }
div.essay .side-block                              { border-color: var(--cc_darkorange) !important; }
div.essay.bg,
div.essay .summary                                 { background-color: var(--ccbg_darkorange); }
div.essay .triangle:after                          { border-left-color:  var(--ccbg_darkorange); }
div.essay .triangle.right:after                    { border-right-color:  var(--ccbg_darkorange); }

div.overzichtsartikel .figtit,      
div.overzichtsartikel .tabtit,      
div.overzichtsartikel .textcolor,      
div.overzichtsartikel h1,      
div.overzichtsartikel h2                           { color: var(--cc_indianred); }
div.overzichtsartikel .side-block                  { border-color: var(--cc_indianred) !important; }
div.overzichtsartikel.bg,
div.overzichtsartikel .summary                     { background-color: var(--ccbg_indianred); }
div.overzichtsartikel .triangle:after              { border-left-color:  var(--ccbg_indianred); }
div.overzichtsartikel .triangle.right:after        { border-right-color:  var(--ccbg_indianred); }

div.klinischepraktijk .figtit,
div.klinischepraktijk .tabtit,
div.klinischepraktijk .textcolor,
div.klinischepraktijk h1,
div.klinischepraktijk h2                           { color: var(--cc_darkorchid); }
div.klinischepraktijk .side-block                  { border-color: var(--cc_darkorchid) !important; }
div.klinischepraktijk.bg,
div.klinischepraktijk .summary                     { background-color: var(--ccbg_darkorchid); }
div.klinischepraktijk .triangle:after              { border-left-color:  var(--ccbg_darkorchid); }
div.klinischepraktijk .triangle.right:after        { border-right-color:  var(--ccbg_darkorchid); }

div.psychiatrie-covid .figtit,      
div.psychiatrie-covid .tabtit,      
div.psychiatrie-covid .textcolor,      
div.psychiatrie-covid h1,      
div.psychiatrie-covid h2                           { color: var(--cc_deepskyblue); }
div.psychiatrie-covid .side-block                  { border-color: var(--cc_deepskyblue) !important; }
div.psychiatrie-covid.bg,
div.psychiatrie-covid .summary                     { background-color: var(--ccbg_deepskyblue); }
div.psychiatrie-covid .triangle:after              { border-left-color:  var(--ccbg_deepskyblue); }
div.psychiatrie-covid .triangle.right:after        { border-right-color:  var(--ccbg_deepskyblue); }

div.colofon .figtit,        
div.colofon .tabtit,        
div.colofon .textcolor,        
div.colofon h1,        
div.colofon h2                                     { color: var(--cc_royalblue); }
div.colofon .side-block                            { border-color: var(--cc_royalblue) !important; }
div.colofon.bg,
div.colofon .summary                               { background-color: var(--ccbg_royalblue); }
div.colofon .triangle:after                        { border-left-color:  var(--ccbg_royalblue); }
div.colofon .triangle.right:after                  { border-right-color:  var(--ccbg_royalblue); }

div.boekbespreking .figtit,     
div.boekbespreking .tabtit,     
div.boekbespreking .textcolor,     
div.boekbespreking h1,     
div.boekbespreking h2                              { color: var(--cc_teal); }
div.boekbespreking .side-block                     { border-color: var(--cc_teal) !important; }
div.boekbespreking.bg,
div.boekbespreking .summary                        { background-color: var(--ccbg_teal); }
div.boekbespreking .triangle:after                 { border-left-color:  var(--ccbg_teal); }
div.boekbespreking .triangle.right:after           { border-right-color:  var(--ccbg_teal); }

div.onderzoeksartikel .figtit,      
div.onderzoeksartikel .tabtit,      
div.onderzoeksartikel .textcolor,      
div.onderzoeksartikel h1,      
div.onderzoeksartikel h2                           { color: var(--cc_lightseagreen); }
div.onderzoeksartikel .side-block                  { border-color: var(--cc_lightseagreen) !important; }
div.onderzoeksartikel.bg,
div.onderzoeksartikel .summary                     { background-color: var(--ccbg_lightseagreen); }
div.onderzoeksartikel .triangle:after                 { border-left-color:  var(--ccbg_lightseagreen); }
div.onderzoeksartikel .triangle.right:after           { border-right-color:  var(--ccbg_lightseagreen); }

div.proefschriftartikel .figtit,        
div.proefschriftartikel .tabtit,        
div.proefschriftartikel .textcolor,        
div.proefschriftartikel h1,        
div.proefschriftartikel h2                         { color: var(--cc_limegreen); }
div.proefschriftartikel .side-block                { border-color: var(--cc_limegreen) !important; }
div.proefschriftartikel.bg,
div.proefschriftartikel .summary                   { background-color: var(--ccbg_limegreen); }
div.proefschriftartikel .triangle:after                 { border-left-color:  var(--ccbg_limegreen); }
div.proefschriftartikel .triangle.right:after           { border-right-color:  var(--ccbg_limegreen); }


div.wit .triangle                       { padding-bottom: 0px !important; }
div.wit .triangle:after                 { border-left-color:  #FFF; }
div.wit .triangle.right:after           { border-right-color:  #FFF; }


.summary                { background: var(--quaternary-bg-color); }
.summary .subtitle { display: block; font-weight: bold; text-transform: capitalize; }
.summary .Bold      { display: block; font-weight: bold; text-transform: capitalize; }

@media only screen and (min-width: 400px) {
    .summary.cat-Actueel .summary-offset,
    .summary.cat-Psychiatrie .summary-offset,
    .summary.cat-Klinische .summary-offset,
    .summary.cat-Overzichtsartikel .summary-offset,
    .summary.cat-Proefschriftartikel .summary-offset,
    .summary.cat-Essay .summary-offset,
    .summary.cat-Onderzoeksartikel .summary-offset          { margin-left: 150px; }
    .summary.cat-Actueel .summary-offset p,
    .summary.cat-Psychiatrie .summary-offset p,
    .summary.cat-Klinische .summary-offset p,
    .summary.cat-Overzichtsartikel .summary-offset p,
    .summary.cat-Proefschriftartikel .summary-offset p,
    .summary.cat-Essay .summary-offset p,
    .summary.cat-Onderzoeksartikel .summary-offset p          { margin-bottom: 1rem; }
    .summary.cat-Actueel .k6,
    .summary.cat-Actueel .subtitle,
    .summary.cat-Actueel .Bold,
    .summary.cat-Psychiatrie .k6,
    .summary.cat-Psychiatrie .subtitle,
    .summary.cat-Psychiatrie .Bold,
    .summary.cat-Klinische .k6,
    .summary.cat-Klinische .subtitle,
    .summary.cat-Klinische .Bold,
    .summary.cat-Overzichtsartikel .k6,
    .summary.cat-Overzichtsartikel .subtitle,
    .summary.cat-Overzichtsartikel .Bold,
    .summary.cat-Proefschriftartikel .k6,
    .summary.cat-Proefschriftartikel .subtitle,
    .summary.cat-Proefschriftartikel .Bold,
    .summary.cat-Essay .k6,
    .summary.cat-Essay .subtitle,
    .summary.cat-Essay .Bold,
    .summary.cat-Onderzoeksartikel .k6,
    .summary.cat-Onderzoeksartikel .subtitle,
    .summary.cat-Onderzoeksartikel .Bold                { margin-left: -150px; float:left; display: inline; margin-top: 0; }
    .summary .subtitle-div                                  { margin-left: -150px; float:left; margin-top: 0; } /* Handmatige summary kop in tinymce */

    .summary.cat-Actueel .summary-offset p > span.Bold:first-child,
    .summary.cat-Psychiatrie .summary-offset p > span.Bold:first-child,
    .summary.cat-Klinische .summary-offset p > span.Bold:first-child,
    .summary.cat-Overzichtsartikel .summary-offset p > span.Bold:first-child,
    .summary.cat-Proefschriftartikel .summary-offset p > span.Bold:first-child,
    .summary.cat-Essay .summary-offset p > span.Bold:first-child,
    .summary.cat-Onderzoeksartikel .summary-offset p > span.Bold:first-child    { font-size: 1rem; font-weight: 700; margin-left: -150px; float:left; display: inline; margin-top: 0; }

}


.summary .subtitle-div  { display: block; font-weight: 600; } /* Handmatige summary kop in tinymce */
.summary .k6            { display: block; font-weight: 600; }
.summary-end            { width: 0; height: 0; border: 0 solid transparent; border-left-width: 848px; border-right-width: 0px; border-top: 50px solid var(--quaternary-bg-color); }
.filters-end            { width: 0; height: 0; border: 0 solid transparent; border-left-width: 312px; border-right-width: 0px; border-top: 30px solid var(--quaternary-bg-color); }
.summary br             { content: ''; display: block; margin: 0 0 1.5rem; }
.summary .abbreviation  { font-style: italic; }
.pre-header                 { font-size: 26px; font-weight: 600; text-transform: uppercase; }
.main-template .pre-header  { border-top: 3px solid #0f265c; padding-top: 8px; display: inline-block }

/* span.CharOverride-2     { vertical-align: super; font-size: 85%; } */


.article    { padding-right: 1rem }

@media only screen and (min-width: 1200px) {
    .pe--tijdschrift-artikel.main-template .article { font-size: 18px;}
    .article    { padding-right: 3rem;}
}

/* TEKST STIJLEN IN ARTIKELEN  */

.main-template .article h2                          { font-size: 20px; font-weight: 700; text-transform: uppercase; border-top: 3px solid #0f265c; padding-top: 0px; display: inline-block; margin: 1rem 0 1rem; color: #000; }
.main-template .article .k1                         { font-size: 20px; font-weight: 700; text-transform: uppercase; border-top: 3px solid #0f265c; padding-top: 2px; display: inline-block; margin: 2.5rem 0 1rem; color: #000; }

.main-template .article h3                          { font-size: 1.2rem; font-weight: 700; display: block; margin: 0rem 0 0; color: #000; }
.main-template .article .k2                         { font-size: 1.2rem; font-weight: 700; display: block; margin: 2rem 0 0; color: #000; }

.main-template .article h4                          { font-size: 1.1rem; font-weight: 700; display: block; margin: 0rem 0 0; }
.main-template .article .k3                         { font-size: 1.1rem; font-weight: 700; display: block; margin: 2rem 0 0; }

.main-template .article h5                          { font-size: 20px; font-weight: 700; text-transform: uppercase; display: inline-block; margin: 0 0 0.8rem; }
.main-template .article .k4                         { font-size: 20px; font-weight: 700; text-transform: uppercase; display: inline-block; margin: 1.2rem 0 0.8rem; }

.main-template .article h6                          { font-size: 1rem; font-weight: 700; display: inline-block; margin: 0 0 0; }
.main-template .k6                                  { font-size: 1rem; font-weight: 700; display: inline-block; margin: 1rem 0 0; }

.main-template .article .figtit,
.main-template .article .tabtit                     { font-size: 1.2rem; font-weight: 700; display: block; margin: 2rem 0 0.8rem; line-height: 1.7rem; }
.main-template .literatuur,
.main-template .lit                                 { font-size: 0.85rem; text-indent: -16px; padding-left: 16px; }
.main-template .article .ops1                       { text-indent: -16px; padding-left: 16px; }
/* .main-template .article .tvp_book_authors           { font-size: 20px; font-weight: 700; font-style: italic; } */
/* .main-template .auteurs span.CharOverride-1         { font-size: 1rem; font-weight: 700; display: inline-block; margin: 1rem 0 0; }
.main-template .auteurs span.CharOverride-5         { font-size: 1rem; font-weight: 700; display: inline-block; margin: 1rem 0 0; }
.main-template .auteurs span.CharOverride-7         { font-size: 1rem; font-weight: 700; display: inline-block; margin: 1rem 0 0; } */

.main-template .article .SuperScript                { top: -0.5em; position: relative; font-size: .75em; line-height: 0; vertical-align: baseline; }

.article .authors           { font-size: 18px; } 

.auteurs                            {  }
.auteurs .Bold                      { font-weight: bold; margin-top: 1rem; display: inline-block; }

.side-block             {  }
.side-block.border-top  { border-top: 3px solid var(--secondary-color) !important; }      
/* .side-block h2          { font-weight: 600; font-size: 24px; color: var(--secondary-color); } */

.pe--artikel > h1      { margin-bottom: 2rem; }

.pe--artikel table      { max-width: 100%; word-break: break-word; }


/** 
 *  Introblocks (tijdschrift artikelen)
 */
.pe--tijdschrift-artikel .introblock    { min-height: 17rem; }

    a.introblock-wrapper    { text-decoration: none; transition: transform 0.1s;}
    a.introblock-wrapper:hover      {
        display: block;
        height: 100%;
        box-shadow: 0px 0.4px 0.5px hsl(var(--shadow-color) / 0.36),
                    0px 1.3px 1.5px -0.8px hsl(var(--shadow-color) / 0.36),
                    -0.1px 3.3px 3.7px -1.7px hsl(var(--shadow-color) / 0.36),
                    -0.3px 8.1px 9.1px -2.5px hsl(var(--shadow-color) / 0.36);
        color: unset;
        transform: scale(1.03);
    }

    .introblock .pre-header { font-size: 16px; }
    .introblock h2          { font-weight: 800; font-size: 19px; color: var(--cc_midnight-blue); word-break: break-word; }

    .pe--tijdschrift-artikel .article img   { max-width: 70%; }

    .pe--tijdschrift-artikel .article .onderschrift   { font-size: 0.85rem; font-style: italic; margin: 1rem 0 2rem; color: #5b5b5b; }



    .pe--tijdschrift-artikel.main-template.algemeen .article .article-text-wrapper .k2,
    .pe--tijdschrift-artikel.algemeen .introblock h2               { color: var(--cc_midnight-blue); }
    .pe--tijdschrift-artikel.main-template.redactioneel .article .article-text-wrapper .k2,
    .pe--tijdschrift-artikel.redactioneel .introblock h2           { color: var(--cc_firebrick); }
    .pe--tijdschrift-artikel.main-template.accreditatie .article .article-text-wrapper .k2,
    .pe--tijdschrift-artikel.accreditatie .introblock h2           { color: var(--cc_orangered); }
    .pe--tijdschrift-artikel.main-template.essay .article .article-text-wrapper .k2,
    .pe--tijdschrift-artikel.essay .introblock h2                  { color: var(--cc_darkorange); }
    .pe--tijdschrift-artikel.main-template.overzichtsartikel .article .article-text-wrapper .k2,
    .pe--tijdschrift-artikel.overzichtsartikel .introblock h2      { color: var(--cc_indianred); }
    .pe--tijdschrift-artikel.main-template.klinischepraktijk .article .article-text-wrapper .k2,
    .pe--tijdschrift-artikel.klinischepraktijk .introblock h2      { color: var(--cc_darkorchid); }
    .pe--tijdschrift-artikel.main-template.psychiatrie-covid .article .article-text-wrapper .k2,
    .pe--tijdschrift-artikel.psychiatrie-covid .introblock h2      { color: var(--cc_deepskyblue); }
    .pe--tijdschrift-artikel.main-template.colofon .article .article-text-wrapper .k2,
    .pe--tijdschrift-artikel.colofon .introblock h2                { color: var(--cc_royalblue); }
    .pe--tijdschrift-artikel.main-template.boekbespreking .article .article-text-wrapper .k2,
    .pe--tijdschrift-artikel.boekbespreking .introblock h2         { color: var(--cc_teal); }
    .pe--tijdschrift-artikel.main-template.onderzoeksartikel .article .article-text-wrapper .k2,
    .pe--tijdschrift-artikel.onderzoeksartikel .introblock h2      { color: var(--cc_lightseagreen); }
    .pe--tijdschrift-artikel.main-template.proefschriftartikel .article .article-text-wrapper .k2,
    .pe--tijdschrift-artikel.proefschriftartikel .introblock h2    { color: var(--cc_limegreen); }

    .introblock .authors                        { font-size: 13px; }
    .introblock span .fa-chevron-right          { font-size: 10px; }

    .intro-details                              { font-size: 11px; text-transform: uppercase; color: #888; }

    .introblock .intro-summary                  { line-height: 1.3rem; font-size: 1rem; }
    .introblock .intro-summary .subtitle        { display: none; }
    .introblock .intro-summary .readmore        { white-space: nowrap; display: block; }
 

/** 
 *  Side
 */

.side-block .pre-header { font-size: 16px; }
.side-block-link        { display: inline-block; font-size: 16px; line-height: 19px; font-weight: 800; color: var(--quaternary-color); }

#ShareThisButton[aria-expanded="true"]  .chevron-icon {
    transform: rotate(180deg);
}


/** 
 *  Filters
 */
.filters-wrapper        { background: var(--quaternary-bg-color); }
.filtertitle            { font-size: 22px; font-weight: 600; }
.filters-wrapper .fa-chevron-right  { font-size: 12px; }
.filters-wrapper .fa-chevron-down  { font-size: 12px; margin-right: 5px; }
.filters-section        { border-bottom: 1px solid var(--secondary-color); }
.filters-section a      { text-decoration: none; cursor: pointer; }

.filters-section a.plus-filters .filter-plus   { vertical-align: middle; width: 15px; height: 15px; background: url("/images/square-plus-regular.svg") 0 0 / 13px 13px no-repeat; display: inline-block; }
.filters-section a.plus-filters[aria-expanded="true"] .filter-plus   {background: url("/images/square-minus-regular.svg") 0 0 / 13px 13px no-repeat; }

.filters-section a.more[aria-expanded="true"]  .chevron-icon {
    transform: rotate(180deg);
}

.filters-section .more.collapsed .more-closed       { display: inline; }
.filters-section .more.collapsed .more-open         { display: none; }
.filters-section .more .more-closed                 { display: none; }
.filters-section .more .more-open                   { display: inline; }
.filters-section .plus-filters-expanded   { padding-left: 19px; }

.filters-section .filter-option                     { line-height: 1.3rem; padding: 2px 0; }

.filter-option .active     { font-weight: 700; }


    
    
/** 
*  Introductie
*/
.pe--introductie .image-right .intro-image   { order: 10; }



/** 
 *  Footer
 */
footer                  { background: #191a1f; color: #adb0b5; }
    footer .border-top      { border-color: #3b3c41 !important; }
    footer h4               { color: #fff; }
    .footer-content a       { display: block; color: #adb0b5; line-height: 29px; }
    .footer-contact-icon    { width: 24px; }

    .footer-bottom      { background: #000; }

    a .fa-envelope          { font-size: 13px; }


/** 
 *  Forms 
 */ 
 .form-group .fw-bold {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
 } 

.form-group {
    margin-bottom: 1rem;
}

.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

label {
    margin-bottom: 0.5rem;
}