/*
Theme Name: cultuurmenu
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7


terra po: #e15a3c
geel: #dfd800
*/

body p{ 
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
b, strong {
    font-weight: 500;
}
.primair.algemeen .wit h1{
	color: #ffffff !important;
}
.start .mini-nav{
	display: none;
}
@media screen and (min-width: 1040px){
	.start .bannerkolom{
		margin-top: 17vh;
	}
}
.branding img, .mobile-header-bar .mobile-branding img, .logo-box {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 400px; /* Width of new image */
  /* Equal to width of new image */
}
.mobile-header-bar .mobile-branding img{
	margin: 5px 0;
}
.start .branding img, .search .branding img, .start .mobile-header-bar .mobile-branding img, .start .logo-box {
  background: url(https://cultuurmenu.nl/wp-content/uploads/logo-wit.svg) no-repeat !important;
}
.cookie-notice-container a, .cookie-notice-container a:hover{
	color: #ffffff !important;
}
.masthead:not(.side-header).dividers .main-nav > li:before, .masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after {
    border-right: solid 1px #ffffff;
}
.main-nav .sub-nav > li:not(.wpml-ls-item) > a, #bottom-bar .sub-nav > li:not(.wpml-ls-item) > a {
    text-decoration: none;
}
/* HOME
@media screen and (min-width: 1040px){
	body.start .rij .wpb_column{
		margin-top: 20vh;
	}
}
@media screen and (max-width: 1040px) {
    .masthead .mobile-header-bar {
        background: #c49c66;
    }
    .mobile-main-nav a:hover {
    color: #c49c66;
	}
}
*/

.start #footer.solid-bg {
    background: #add9c5 !important;
}
.start .masthead, .search .masthead{
	background: linear-gradient(to right, #ddd800 0%,#61b5ab 100%);
	background: #add9c5;
}
/*PRIMAIR ONDERWIJS*/
.primair .branding img, .search .branding img, .primair .mobile-header-bar .mobile-branding img, .primair .logo-box {
	background: url(https://cultuurmenu.edvandenheuvel.nl/wp-content/uploads/2025-logo-po.svg) no-repeat !important;
	width: 330px;
	height: 75px;
 }
.primair .masthead{
  background: #f4ca00 !important;
}
.primair #phantom {
    background: rgba(245,176,202,0.8) none repeat center center;
    background: green;
}

.primair .main-nav > li.act:not(.wpml-ls-item) > a .menu-text, 
.primair .main-nav > li.act:not(.wpml-ls-item) > a .subtitle-text, 
.primair.top-header .main-nav.level-arrows-on > li.has-children.act > a .menu-text:after,
.primair .main-nav .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a .menu-text,
.primair .main-nav .sub-nav > li.act:not(.dt-mega-parent):not(.wpml-ls-item) > a .subtitle-text{
    color: #c86291 !important;
    color: #c8377a !important;
    text-decoration: none;
}
.primair .main-nav .sub-nav > li > a .menu-tex{
    color: #dfd800 !important;
    text-decoration: none !important
}
.primair .main-nav .sub-nav > li:hover > a .menu-text{
    color: #dfd800 !important;
    text-decoration: none !important
}
.primair .main-nav .sub-nav > li.act > a .menu-text{
    color: #dfd800 !important;
    text-decoration: none !important
}
/*body.primair.home-po .achtergrond{
margin-top: 70px !important;
    background-image: url(https://cultuurmenu.edvandenheuvel.nl/wp-content/uploads/2027-groepkinderen-po01.jpg) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}*/
.primair .dt-mega-menu-wrap, .primair .sub-sideways .main-nav .dt-mega-menu-wrap {
    padding: 0px 30px 30px 30px !important;
}
.primair .main-nav .sub-nav:first-child > li.dt-mega-parent.has-children:not(.has-widget) > a{
	background: none !important;
	color: #ffffff !important;
}
.primair .main-nav .sub-nav:first-child > li.dt-mega-parent.has-children:not(.has-widget) > a .menu-item-text{
	color: #ffffff !important;
	background: none;
}
.primair .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern {
    background: #c43d7a;
    color: #ffffff;
}
body.menu1 #main, body.menu2 #main, body.menu3 #main {
    padding: 0;
}
.menukolom, .tekstkolom{
	padding: 50px 15px;
}
.menukolom{
	text-align: center;
}
.ondermenukolom{
    margin: -75px 0px 0px 0px;
}
.primair.algemeen h1 {
    color: #c8387a !important;
}

.primair.algemeen h2, .primair.algemeen h3{
	color: #009eae;
	font-weight: 500;
}
.primair.algemeen h4, .primair.algemeen h5, .primair a{
	color: #009eae;
	font-weight: 500;
}
.primair .content a{
	color: #009eae;
	text-decoration: none;
}
.primair .content a:hover{
	text-decoration: underline;
}
.primair.algemeen h4{
	margin-bottom:0;
}
.primair.algemeen li::marker{
color: #c8387a;	
}
.primair.intro .content{
	padding: 50px 0 50px 0;
}
.primair .footer a{
	text-decoration: none;
}
.primair .footer a:hover,.primair .textwidget a:not(.dt-btn):hover{
	color: #ffffff;
	text-decoration: underline;
}

.primair.algemeen b, .primair.algemeen strong{
	font-weight: 500;
}
table.overzicht a{
	color:#676b6d !important;
	text-decoration: none;
}
table.overzicht a:hover{
	color:#676b6d;
	text-decoration: underline;
}
table.overzicht thead th {
    padding: 2px 10px;
    background: #000;
    color: #fff;
}

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
	border: 0 none;
}
					
@media screen and (min-width: 1040px){

	.menu1.primair #main{
		background: #ffffff;
		background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 73%, #fcefb2 73%, #fcefb2 100%);
		background: -webkit-linear-gradient(left,  #ffffff 0%, #ffffff 73%, #fcefb2 73%, #fcefb2 100%);
		background: linear-gradient(to right,  #ffffff 0%, #ffffff 73%, #fcefb2 73%, #fcefb2 100%);
	}
	.menu2.primair #main{
		background: #ffffff;
		background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 73%, #ddebf0 73%, #ddebf0 100%);
		background: -webkit-linear-gradient(left,  #ffffff 0%, #ffffff 73%, #ddebf0 73%, #ddebf0 100%);
		background: linear-gradient(to right,  #ffffff 0%, #ffffff 73%, #ddebf0 73%, #ddebf0 100%);
	}
	.menu3.primair #main{
		background: #ffffff;
		background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 73%, #f1f6ee 73%, #f1f6ee 100%);
		background: -webkit-linear-gradient(left,  #ffffff 0%, #ffffff 73%, #f1f6ee 73%, #f1f6ee 100%);
		background: linear-gradient(to right,  #ffffff 0%, #ffffff 73%, #f1f6ee 73%, #f1f6ee 100%);
	}
}
.primair .tekstkolom h4, .primair .menukolom h3{
	color: #009eaf !important;
}

.primair.menu1 li::marker{
	color: #f4ca00;	
}
.primair.menu1 .content .vc_separator.lijn .vc_sep_line {
    border-color: #f4ca00;
}
.primair.menu1 h1, .primair.menu1 h2{
	color: #f4ca00 !important;
}
.primair.menu1 .menukolom{
	background-color: #fcefb2;
	padding-bottom: 60px;
}
.primair.menu1 .menukolom strong, .primair.menu1 .menukolom h2{
	color:#009eaf !important;
	font-weight: 500 !important;
}
.primair.menu1 .menukolom .hr-thin{
	border-color: #f4ca00;
	margin-top: 16px;
}
.primair.menu1 .menukolom i.icomoon-the7-font-the7-arrow-37, .menu1 .menukolom i.icomoon-the7-font-the7-arrow-36 {
    color: #f4ca00 !important;
}

.primair.menu2 li::marker{
	color: #009eaf;	
}
.primair.menu2 h1, .primair.menu2 h2{
	color: #009eaf !important;
}
.primair.menu2 .menukolom{
	background-color: #ddebf0;
	padding-bottom: 60px;
}
.primair.menu2 .menukolom strong{
	color:#009eaf;
	font-weight: 500 !important;
}
.primair.menu2 .menukolom .hr-thin{
	border-color: #009eaf;
	margin-top: 16px;
}
.primair.menu2 .menukolom i.icomoon-the7-font-the7-arrow-37, .menu2 .menukolom i.icomoon-the7-font-the7-arrow-36 {
    color: #009eaf !important;
}
.primair.menu2 .content .vc_separator.lijn .vc_sep_line {
    border-color: #009eaf;
}

.primair.menu3 li::marker{
	color: #74bb80;	
}
.primair.menu3 .content .vc_separator.lijn .vc_sep_line {
    border-color: #74bb80;
}
.primair.menu3 h1, .primair.menu3 h2{
	color: #74bb80 !important;
}
.primair.menu3 .menukolom{
	background-color: #f1f6ee;
	padding-bottom: 60px;
}
.primair.menu3 .menukolom strong{
	color:#74bb80;
	font-weight: 500 !important;
}
.primair.menu3 .menukolom .hr-thin{
	border-color: #74bb80;
	margin-top: 16px;
}
.primair.menu3 .menukolom i.icomoon-the7-font-the7-arrow-37, .menu3 .menukolom i.icomoon-the7-font-the7-arrow-36 {
    color: #74bb80 !important;
}
.primair.menu3 .content .vc_separator.lijn .vc_sep_line {
    border-color: #74bb80;
}

/*opmaak menu's*/
.primair h1.menu1, .primair h1.menu2, .primair h1.menu3 {
    color: #ffffff !important;
    border-radius: 20px 20px 0 0;
    padding: 5px 100px 5px 10px;
    /* line-height: 0; */
    margin-bottom: 0px;
    display: inline-block;
}


.primair h1.menu1{
    background-color: #f4ca00;
}
/*table.overzicht.menu1 strong, table.overzicht.menu1 .groep {
    color: #f4ca00;
}*/
.menu1.table-striped tbody > tr:nth-child(odd) > td, .menu1.table-striped tbody > tr:nth-child(odd) > th {
	background-color: #fcefb2;}
table.overzicht.menu1 tbody{
	border: 1px solid #f4ca00;
}
.primair h1.menu2{
    background-color: #009eaf;
}
table.overzicht.menu2 strong, table.overzicht.menu2 .groep {
    color: #009eaf;
}
.menu2.table-striped tbody > tr:nth-child(odd) > td, .menu2.table-striped tbody > tr:nth-child(odd) > th {
	background-color: #ddebf0;
}
table.overzicht.menu2 tbody{
	border: 1px solid #009eae;
}
.primair h1.menu3{
    background-color: #74bb80;
}
table.overzicht.menu3 strong, table.overzicht.menu3 .groep {
    color: #74bb80;
}

.menu3.table-striped tbody > tr:nth-child(odd) > td, .menu3.table-striped tbody > tr:nth-child(odd) > th {
	background-color: #f1f6ee;
}
table.overzicht.menu3 tbody{
	border: 1px solid #74bb80;
}
/*footer*/
.primair #footer.solid-bg{
	background: #f4ca00;
	color: #373737;
}
.primair #footer input[type="submit"]:not([name="update_cart"]){
	background-color: #009eae;
	border: 1px solid #009eae !important;
	color: #ffffff;
}
.primair #footer input[type="submit"]:not([name="update_cart"]):hover{
	background-color: #c8377a;
	border: 1px solid #ffffff !important;
	color: #ffffff;
}
/*leerlijn*/
.primair .leerlijn.table thead th{
    background: #000;
    color: #fff;
}
.primair .leerlijn.table td, .primair .leerlijn.table th{
	vertical-align: top;
	border: 1px solid #ffffff;
	padding: 10px;
}
.zij h3{
	color: #ffffff !important;
}
.primair .eerste .zij{
	background: rgba(0,157,224);
}
.primair .eerste td.lichtst{
	background: rgba(0,157,224,.2);
}
.primair .eerste td.licht{
	background: rgba(0,157,224,.3);
}
.primair .eerste td.donker{
	background: rgba(0,157,224,.3);
}
.primair .eerste td.donkerst{
	background: rgba(0,157,224,.5);
}
.primair .tweede .zij{
	background: rgba(80,108,175,1);
}
.primair .tweede td.lichtst{
	background: rgba(80,108,175,.2);
}
.primair .tweede td.licht{
	background: rgba(80,108,175,.3);
}
.primair .tweede td.donker{
	background: rgba(80,108,175,.4);
}
.primair .tweede td.donkerst{
	background: rgba(80,108,175,.5);
}
.primair .derde .zij{
	background: rgba(108,70,137,1);
}
.primair .derde td.lichtst{
	background: rgba(108,70,137,.2);
}
.primair .derde td.licht{
	background: rgba(108,70,137,.3);
}
.primair .derde td.donker{
	background: rgba(108,70,137,.4);
}
.primair .derde td.donkerst{
	background: rgba(108,70,137,.5);
}
.primair .zij h3.gedraaid{
 white-space:nowrap;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 50% 10%;
  transform: rotate(180deg) /* you want */
}
table.anbi td{
	border: none;
}
table.anbi td.lijn{
	border-bottom:1px solid #ccc !important;}
table.anbi td.totaal{
	border-bottom:3px double #ccc !important;}
.pagination-right{
	text-align:right;}


/*VOORTGEZET ONDERWIJS*/ 
/* 	
geel #dfd800
donker blauw #3f6cb3 transparant #c5d3e9
rood #c14121
oranje #c73d1b
donker goen #61b5ab	transparant #e4e9bd
*/
	
.voortgezet .branding img, .search .branding img, .voortgezet .mobile-header-bar .mobile-branding img, .voortgezet .logo-box{
  background: url(https://cultuurmenu.nl/wp-content/uploads/2025-vo-logo.svg) no-repeat !important;
}

.voortgezet .main-nav  > li.act > a .menu-text,
.voortgezet .main-nav  > li:hover > a .menu-text{
 color: #dfd800 !important;
 }
.voortgezet .main-nav.level-arrows-on > li.has-children.act > a .menu-text:after,
.voortgezet .main-nav > li.dt-hovered:not(.act):not(.wpml-ls-item) > a .menu-text:after{
 background: #dfd800 !important;
 }
.voortgezet .main-nav .sub-nav > li > a .menu-text,
.voortgezet .main-nav .sub-nav > li > a .subtitle-text,
.voortgezet .main-nav .sub-nav > li.act > a .subtitle-text,
.voortgezet .main-nav .sub-nav > li:hover > a .subtitle-text
{
 color: #373737 !important;
 }
.voortgezet .main-nav .sub-nav > li.act > a .menu-text span,
.voortgezet .main-nav .sub-nav > li:hover > a .menu-text span{
 color: #dfd800 !important;
 }
.voortgezet .main-nav .kunstencultuur .sub-nav > li.navigatieitem .menu-text span{
    color: #a5ba04 !important;
    text-decoration: none !important
}
.voortgezet .main-nav .kunstencultuur .sub-nav > li.navigatieitem.act .menu-text span{
    color: #889903 !important;
    text-decoration: none !important;
}
.voortgezet .main-nav .burgerschap .sub-nav > li.navigatieitem .menu-text span{
    color: #61b5ab !important;
    text-decoration: none !important
}
.voortgezet .main-nav .burgerschap .sub-nav > li.navigatieitem.act .menu-text span{
    color: #488780 !important;
    font-weight: 600;
    text-decoration: none !important
}
.voortgezet .main-nav .sub-nav > li.kop > a .menu-text,
.voortgezet .main-nav .sub-nav > li.leergebied > a .menu-text{
	color: #ffffff !important;
}
.voortgezet .masthead{
	background: #61b5ab !important;
}
/*content*/
@media screen and (min-width: 1040px){
	.burgerschap.voortgezet #main, .kunstencultuur.voortgezet #main{
	padding: 0;
	}
	.burgerschap.voortgezet #main{
		background: #ffffff;
		background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 73%, #f3f5e3 73%, #f3f5e3 100%);
		background: -webkit-linear-gradient(left,  #ffffff 0%, #ffffff 73%, #f3f5e3 73%, #f3f5e3 100%);
		background: linear-gradient(to right,  #ffffff 0%, #ffffff 73%, #f3f5e3 73%, #f3f5e3 100%);
	}
	.kunstencultuur.voortgezet #main{
		background: #ffffff;
		background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 73%, #f3f5e3  73%, #f3f5e3  100%);
		background: -webkit-linear-gradient(left,  #ffffff 0%, #ffffff 73%, #f3f5e3  73%, #f3f5e3  100%);
		background: linear-gradient(to right,  #ffffff 0%, #ffffff 73%, #f3f5e3  73%, #f3f5e3  100%);
	}
}
 .voortgezet.algemeen h2, .voortgezet.algemeen h3, .voortgezet.algemeen h4, .voortgezet.algemeen h5{
	color: #61b5ab;
	font-weight: 500;
}
/*.voortgezet.algemeen a{
	text-decoration: none;
	font-weight: 500;
}
.voortgezet.algemeen a:hover{
	color: #ffffff;	
	text-decoration: underline;
}*/
.voortgezet.algemeen h5{
	color: #596daf;
	padding-top: 1em;
}
.voortgezet.algemeen h4{
	margin-bottom:0;
}
.voortgezet li::marker{
color: #61b5ab;	
}
.voortgezet.kunstencultuur li::marker{
color: #a5ba04;	
}

.voortgezet.burgerschap li::marker{
color: #61b5ab;	
}
.voortgezet.intro .content{
	padding: 50px 0 50px 0;
}
.voortgezet.intro h1{
	text-transform: uppercase;
}
.voortgezet.intro h1.tekstwit{
	text-transform: none;
}
.voortgezet .menukolom h3{
	color: #6d3485 !important;
}
.voortgezet.burgerschap h3, .voortgezet.burgerschap h4 {
    color: #61b5ab;
}
.voortgezet.kunstencultuur h3, .voortgezet.kunstencultuur h4 {
    color: #a5ba04
}
.burgerschap .content .vc_separator.lijn .vc_sep_line{
    border-color: #61b5ab;
}
.voortgezet.burgerschap.intro #main{
	background: #38b3c7;
	color: #ffffff;
}
.burgerschap .menukolom, body.burgerschap{
	background: #f3f5e3  !important;
}
.kunstencultuur .menukolom, body.kunstencultuur{
	background: #f3f5e3 !important;
}
.kunstencultuur .menukolom .navigatie h2, .kunstencultuur .menukolom .navigatie h3, .burgerschap .menukolom .navigatie h2, .burgerschap .menukolom .navigatie h3{
	color: #e93f79 !important;
	text-align: center;
}
.burgerschap .menukolom strong{
	color: #61b5ab;
	font-weight: 500;
}
.kunstencultuur .menukolom strong{
	color: #a5ba04;
	font-weight: 500;
}
.burgerschap .menukolom .hr-thin{
	border-color: #61b5ab;
	margin-top: 16px;
}
.kunstencultuur .menukolom .hr-thin{
	border-color: #a5ba04;
	margin-top: 16px;
}
.kunstencultuur .content .vc_separator.lijn .vc_sep_line{
    border-color: #a5ba04;
}
.burgerschap .menukolom i.icomoon-the7-font-the7-arrow-37, .burgerschap .menukolom i.icomoon-the7-font-the7-arrow-36{
	color: #61b5ab !important;
} 
.kunstencultuur .menukolom i.icomoon-the7-font-the7-arrow-37, .kunstencultuur .menukolom i.icomoon-the7-font-the7-arrow-36{
	color: #a5ba04 !important;
}
/*footer*/
.voortgezet #footer a{
	text-decoration: none;
}
.voortgezet #footer a:hover{
	color: #ffffff;
	text-decoration: underline;
}
.voortgezet #footer.solid-bg{
	background: #cae2de;
}
.voortgezet #footer input[type="submit"]:not([name="update_cart"]), .contentknop{
	background-color: #a5ba04
	border: 1px solid #93c4d5 !important;
	color: #ffffff;
}
.voortgezet #footer input[type="submit"]:not([name="update_cart"]):hover{
	background-color: #c4243c;
	border: 1px solid #ffffff !important;
	color: #ffffff;
}
/*tabel uitleg menus*/
table.burgerschap, table.kunstencultuur{
	width: 100% !important;
}
table.burgerschap td, table.kunstencultuur td{
	vertical-align: top;
	padding: 10px;
	border: 1px solid #000000;
}
table.burgerschap th, table.kunstencultuur th{
	padding: 10px;
	border: 1px solid #000000;
	text-align: left !important;
	vertical-align: top;
}

table.burgerschap.table-striped tbody > tr:nth-child(odd) > td{
	background: #f2f8f7;
}
table.kunstencultuur.table-striped tbody > tr:nth-child(odd) > td{
	background: #f3f5e3;
}
table.burgerschap td.hoofdkop, table.kunstencultuur td.hoofdkop{
	background: #000000;
	color: #ffffff;
	font-size: 1.5em;
	text-transform: uppercase;
}
th.hoofdthema{
	width:20%;
}
td.subthema{
	width:25%
}
td.niveau{
	width:20%
}
td.klas{
	width:10%
}
td.instelling{
	width:25%
}


table.burgerschap td.hoofdthema, table.burgerschap td.subthema, table.burgerschap td.niveau, table.burgerschap td.klas, table.burgerschap td.instelling, table.burgerschap td.download{
	background: #61b5ab;
	color: #ffffff;
	font-size: 1.25em;
}
table.kunstencultuur td.hoofdthema, table.kunstencultuur td.subthema, table.kunstencultuur td.niveau, table.kunstencultuur td.klas, table.kunstencultuur td.instelling, table.kunstencultuur td.download{
	background: #a5ba04;
	color: #ffffff;
	font-size: 1.25em;
}
/* tabel lesmateriaal*/

.content td, .content th {
    border-color: transparent;
}
tbody th{
	text-align: center !important;
}
table.kunst td, table.kunstencultuur td{
	vertical-align: top;
}
table.kunst thead th{
	background: #e1eef4;
	color: #38b3c7;
	border: 1px solid #38b3c7;
}
table.kunst h3{
	color:#38b3c7 !important;
}
table.kunstencultuur thead th{
	background: #f9ece2;
	color: #ed875b;
	border: 1px solid #F2E7BC;
}
table.kunstencultuur h3{
	color:#ed875b !important;
}
table.kunst tbody th, table.kunst tbody td{
	border: 1px solid #38b3c7;
}
table.kunst tbody th, table.kunst tbody td{
	border: 1px solid #f9ece2;
}
.voortgezet td.groep {
    padding: 0;
}
/*tabel leerlijn voortgezet*/
table.leerlijnsamenvatting th, table.leerlijnsamenvatting td{
	vertical-align: top;
	border: 1px solid #cccccc !important;
}

table.leerlijnsamenvatting thead th.kunstencultuur, table.leerlijnsamenvatting td.kunstencultuur{
	background: #38b3c7;
	color:#ffffff;
}

table.leerlijnsamenvatting td.kunstencultuur.info{
	background: #e1eef4;
	color: #676b6d;
	font-weight: bold;
}
table.leerlijnsamenvatting thead th.kunstencultuur, table.leerlijnsamenvatting td.kunstencultuur{
	background: #ed875b;
	color:#ffffff;
}
table.leerlijnsamenvatting td.kunstencultuur.info{
	background: #f9ece2;
	color: #676b6d;
	font-weight: bold;
}
.voortgezet .leerlijn .klas{
	background: #509cad;
	color: #ffffff;
	text-align: left;
}
.voortgezet .leerlijn .breedte{
	width: 16%;
}
.voortgezet .leerlijn strong{
	color:#ffffff;
}
.voortgezet .leerlijn td,.voortgezet .leerlijn th{
	border: 1px solid #ffffff;
}
.voortgezet .leerlijn.kunstencultuur thead td{
	background: #37b4c7;
}
.voortgezet .leerlijn.kunstencultuur h4{
	color: #6ec3bf;
}
.voortgezet .leerlijn.kunstencultuur thead td{
	background: #ed875b;
}
.voortgezet .leerlijn.kunstencultuur h4{
	color: #ed875b;
}
.voortgezet .leerlijn h3{	
	color: #ffffff !important;
}	
.voortgezet .leerlijn td, .leerlijn th{
	vertical-align: top;
	padding: 10px;
    min-width: 110px;
    border: 1px solid #ffffff;
}
.voortgezet .eerste th{
	background: rgba(164,212,223,1);
}
.voortgezet .eerste td.lichtst{
	background: rgba(164,212,223,.1);
}
.voortgezet .eerste td.licht{
	background: rgba(164,212,223,.2);
}
.voortgezet .eerste td.donker{
	background: rgba(164,212,223,.3);
}
.voortgezet .eerste td.donkerst{
	background: rgba(164,212,223,.4);
}
.voortgezet .tweede th{
	background: rgba(140,187,200,1);
}
.voortgezet .tweede td.lichtst{
	background: rgba(140,187,200,.1);
}
.voortgezet .tweede td.licht{
	background: rgba(140,187,200,.2);
}
.voortgezet .tweede td.donker{
	background: rgba(140,187,200,.3);
}
.voortgezet .tweede td.donkerst{
	background: rgba(140,187,200,.4);
}
.voortgezet .derde th{
	background: rgba(204,219,147,1);
}
.voortgezet .derde td.lichtst{
	background: rgba(204,219,147,.1);
}
.voortgezet .derde td.licht{
	background: rgba(204,219,147,.2);
}
.voortgezet .derde td.donker{
	background: rgba(204,219,147,.3);
}
.voortgezet .derde td.donkerst{
	background: rgba(204,219,147,.4);
}
.voortgezet .vierde th{
	background: rgba(170,201,194,1);
}
.voortgezet .vierde td.lichtst{
	background: rgba(170,201,194,.1);
}
.voortgezet .vierde td.licht{
	background: rgba(170,201,194,.2);
}
.voortgezet .vierde td.donker{
	background: rgba(170,201,194,.3);
}
.voortgezet .vierde td.donkerst{
	background: rgba(170,201,194,.4);
}

/* haagse musea online*/
.haagsemuseaonline td, .haagsemuseaonline th {
    padding: 25px 5px;
    vertical-align: top;
}
/*enquete*/
.video-container, .evaluatie-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.evaluatie-container {
	padding-bottom: 100%;
}
.video-container iframe, .video-container object, .video-container embed, .evaluatie-container iframe, .evaluatie-container object, .evaluatie-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*popupmaker bug*/
.pum.pum-active,.pum.pum-active >*{
	display:block !important;
}
.pum-container ol, .pum-container ul{
	list-style: initial;
    margin-left: 20px;
}
ul.sub-nav ul.sub-nav .menu-text{
	padding: 5px 10px 0px 10px;
}
ul.sub-nav ul.sub-nav .subtitle-text{
	padding: 0px 10px 10px 10px;
}
.main-nav .sub-nav > li > a .subtitle-text {
    font: normal 11px / 13px "Maven Pro", Helvetica, Arial, Verdana, sans-serif;
}
.burgerschap > .sub-nav > li.navigatieitem{
    margin-bottom: 0px;
    border-bottom: 1px solid #3f6cb3 ;
}
.kunstencultuur > .sub-nav > li.navigatieitem{
    margin-bottom: 0px;
    border-bottom: 1px solid #61b5ab ;
}
.top-header .main-nav .sub-nav.level-arrows-on > li.has-children > a {
    padding-right: 0px; 
}

li.burgerschap > a .menu-text, li.kunstencultuur > a .menu-text{
	color: #ffffff !important;
}

.voortgezet .main-nav .sub-nav:first-child > li.dt-mega-parent.has-children:not(.has-widget) > a{
	background: #000000 !important;
	color: red;
}
.voortgezet .main-nav .sub-nav:first-child > li.dt-mega-parent.has-children:not(.has-widget) > a .subtitle-text{
	background: #f2f2f2 !important;
}


li.burgerschap .kop > a .menu-text, li.burgerschap .kop > a .menu-text:hover, li.kunstencultuur .kop > a .menu-text, li.kunstencultuur .kop > a .menu-text:hover{
	color: #ffffff !important;
	cursor: default !important;
	padding-bottom: 6px;
}
li.kunstencultuur .kop{
	background: #a5ba04 ;
}
li.burgerschap .kop{
	background: #61b5ab;
}
.menuitem.subtitle-text {
    padding: 4px 10px;
    background: none;
    text-align: left !important;
}
 /*li.burgerschap .menu-text{
	 color: #3f6cb3 !important;
 }
 li.burgerschap {
	 color: #3f6cb3 !important;
 }*/

 li.burgerschap .menu-text span, li.kunstencultuur .menu-text span{
	 font-weight: 500;
 }
.dt-mobile-header .next-level-button:before {
    color: #6d3485;
}
.voortgezet .dt-mobile-header li.burgerschap, .voortgezet .dt-mobile-header li.kunstencultuur{
    border: none;
}
.voortgezet .dt-mobile-header li.burgerschap > a .menu-text, .voortgezet .dt-mobile-header li.kunstencultuur > a .menu-text, li.uitleg > a .menu-text {
    color: #262b2e !important;
}
/*donatie formulier*/
.pt-checkout-form {
    border: 1px solid #eaeaea;
    width: 100%;
}


/* pref next in kolom aanpassen bij vo*/
@media (min-width: 0px) {
	.navigatie{
		margin-bottom: 32px;
	}
    .menukolom .navigatie .vc_col-sm-3 {
        width: 25%;
        float: left;
        margin-bottom: 32px;
    }
    .menukolom .navigatie .vc_col-sm-6 {
        width: 50%;
        float: left;
        margin-bottom: 32px;
}