@import url(https://fonts.googleapis.com/css?family=Source+Sans+3:regular,600,300|);

html {height:100%;}
body {margin:0; padding:0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
p { word-wrap: break-word; }
* { outline: 0 !important; }
.nopadding { padding: 0px; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,
.container { padding-left: 10px; padding-right: 10px; }
.row { margin-left: -10px; margin-right: -10px; }
.equalheight { overflow: hidden; }
@media not print {
	.eqcol { margin-bottom: -99999px !important; padding-bottom: 99999px !important; }
}
@-webkit-keyframes rotate {
	from{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
    to	{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes rotate {
	from{-webkit-transform: rotate(0deg); transform: rotate(0deg);}
    to	{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
.alert-success, .alert-success p { color: #3C763D !important; }
.alert-danger, .alert-danger p { color: #A94442 !important; }
.alert-warning, .alert-warning p { color: #8A6D3B !important; }
.alert-info, .alert-info p { color: #31708F !important; }
.imgcontainer { position: relative;	}
.imgdesc { float: left; position: absolute; left: 0px; bottom: 0px; color: #FFF !important; width: 100%; background-color: rgba(0,0,0, 0.6); font-size: 11px !important; padding: 3px; }
.fa { font-family: FontAwesome !important; font-style: normal !important; font-weight: normal !important; }
@media print {
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
	.col-md-12 { width: 100%; } .col-md-11 { width: 91.66666666666666%; } .col-md-10 { width: 83.33333333333334%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666666666666%; } .col-md-7 { width: 58.333333333333336%; }
	.col-md-6 { width: 50%; } .col-md-5 { width: 41.66666666666667%; } .col-md-4 { width: 33.33333333333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.666666666666664%; } .col-md-1 { width: 8.333333333333332%; }
	.col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666666666666%; } .col-md-pull-10 { right: 83.33333333333334%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666666666666%; }
	.col-md-pull-7 { right: 58.333333333333336%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666666666667%; } .col-md-pull-4 { right: 33.33333333333333%; } .col-md-pull-3 { right: 25%; }
	.col-md-pull-2 { right: 16.666666666666664%; } .col-md-pull-1 { right: 8.333333333333332%; } .col-md-pull-0 { right: 0; }
	.col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666666666666%; } .col-md-push-10 { left: 83.33333333333334%; } .col-md-push-9 { left: 75%; }.col-md-push-8 { left: 66.66666666666666%; } .col-md-push-7 { left: 58.333333333333336%; }
	.col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666666666667%; } .col-md-push-4 { left: 33.33333333333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.666666666666664%; } .col-md-push-1 { left: 8.333333333333332%; }
	.col-md-push-0 { left: 0; }
	.col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666666666666%; } .col-md-offset-10 { margin-left: 83.33333333333334%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666666666666%; }
	.col-md-offset-7 { margin-left: 58.333333333333336%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666666666667%; } .col-md-offset-4 { margin-left: 33.33333333333333%; } .col-md-offset-3 { margin-left: 25%; }
	.col-md-offset-2 { margin-left: 16.666666666666664%; } .col-md-offset-1 { margin-left: 8.333333333333332%; } .col-md-offset-0 { margin-left: 0; }
	a[href]:after { content: ""; }
}
#cboxContent {box-sizing: border-box;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
.table-borderless td, .table-borderless th { border: 0 !important; }
.hand { cursor: pointer; }
.caret { border-top: 4px solid; }
.imageCenterer { width: 10000px; position: absolute; left: 50%; top: 0; margin-left: -5000px; }
option { color: #555 !important; }
.datepicker th { color: #999; }
.datepicker td { color: #555555; }
.tooltip > .tooltip-inner { color: #FFF !important; font-size: 12px !important; max-width: none; white-space: nowrap;  }
.mark, mark { background-color: #ff0; } 
.container {
max-width: 1170px;
}
.ui-tooltip { background: #000; padding: 5px; border: 0; box-shadow: none; }
		.ui-tooltip-content { color: #FFF; font-size: 12px;	}p,div  {
  color: #25383D;
  font-size: 14px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}

small { color: #72ADBD }
h1,.h1  {
  color: #EBC52C;
  font-size: 28px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 600; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}

h1 small { color: #FFD630 }
h2,.h2  {
  color: #EBC52C;
  font-size: 22px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 600; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}

h2 small { color: #FFD630 }
h3,.h3  {
  color: #EBC52C;
  font-size: 18px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 600; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}

h3 small { color: #FFD630 }
h4,.h4  {
  color: #EBC52C;
  font-size: 14px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 600; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}

h4 small { color: #FFD630 }
a  {
  color: #00417A;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 300; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}
a:visited  {
  color: #00417A;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 300; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}
a:hover  {
  color: #00417A;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 300; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}
a.btn,button.btn  {
  color: #000000;
  font-size: 14px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 300; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
  color: #FFFFFF;
  background-color: #EBC52C;
  border: 1px solid #EBC52C;
  padding: 6px 12px;
 border-radius: 4px;
}
a.btn:focus,button.btn:focus,a.btn:active,button.btn:active,a.btn:active:hover,button.btn:active:hover,a.btn:hover,button.btn:hover,a.btn[disabled],button.btn[disabled],button.btn-default[disabled]:hover,a.btn-default[disabled]:hover {
  background-color: #D2B027;
  border: 1px solid #D2B027;
  color: #FFFFFF;
}
.mce-content-body,body {
  background-color: #FFFFFF;
  
}
 .pagination > li > a {
  color: #3D3D3D;
  font-weight: bold;
}
 .pagination > li > a > span {
  color: #3D3D3D;
  font-weight: bold;
}
 .pagination > .active > a {
  color: #FFFFFF;
  background-color: #EBC52C;
  border-color: #EBC52C;
  font-weight: bold;
}
 .progress-bar { background-color: #EBC52C; }

:root { --nav-fade: 200px 450px; }

/* ================= MENU ================= */
@keyframes vvw-nav-bg     { from { background-color:#001F3B; } to { background-color:#FFFFFF; } }
@keyframes vvw-nav-ink    { from { color:#FFFFFF; }            to { color:#001F3B; } }
@keyframes vvw-nav-bars   { from { background-color:#FFFFFF; } to { background-color:#001F3B; } }
@keyframes vvw-nav-toggle { from { border-color:rgba(255,255,255,.55); } to { border-color:#001F3B; } }

.navbar {
  position: sticky !important;
  top: 0;
  z-index: 1030;
  margin-bottom: 0 !important;
  animation: vvw-nav-bg linear both;
  animation-timeline: scroll(root);
  animation-range: var(--nav-fade);
}
.navbar-nav > li > a,
.navbar-nav > li > a > i,
.navbar-nav > li > a > span,
.navbar-nav > li > a::before,
.navbar-nav > li.active > a,
.navbar-nav > li.open > a,
.navbar-brand {
  animation: vvw-nav-ink linear both;
  animation-timeline: scroll(root);
  animation-range: var(--nav-fade);
}
.navbar-toggle .icon-bar {
  animation: vvw-nav-bars linear both;
  animation-timeline: scroll(root);
  animation-range: var(--nav-fade);
}
.navbar-toggle {
  animation: vvw-nav-toggle linear both;
  animation-timeline: scroll(root);
  animation-range: var(--nav-fade);
}

/* geen witte vlakken, ook niet bij hover, focus of open menu */
.navbar-nav > li,
.navbar-nav > li > a,
.navbar-nav > li.active > a,
.navbar-nav > li.open > a,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-header,
.navbar-toggle,
.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-toggle:active,
.navbar-collapse,
.navbar-collapse.in,
.navbar-collapse.collapsing {
  background-color: transparent !important;
  box-shadow: none !important;
}
.navbar-collapse { border-color: rgba(255,255,255,.13) !important; }

/* actief item: gele streep */
.navbar-nav > li.active > a { position: relative; }
.navbar-nav > li.active > a::after {
  content: "";
  position: absolute;
  left: 12px; right: 12px; bottom: 14px;
  height: 2px;
  background: #EBC52C;
}

/* submenu: witte kaart, alleen op desktop */
@media (min-width:768px){
  .navbar-nav .dropdown-menu { background-color:#FFFFFF !important; border:1px solid #E2E7E7 !important; }
  .navbar-nav .dropdown-menu > li > a { color:#001F3B !important; background-color:transparent !important; animation:none !important; }
  .navbar-nav .dropdown-menu > li > a:hover { background-color:#F3F5F5 !important; }
}

/* ================= LAYOUT ================= */
html, body { overflow-x: clip; }
body { padding-top: 0 !important; }
#sect2 { margin-top: 0 !important; padding-top: 0 !important; }
#sect2 .row { margin-left: -15px !important; margin-right: -15px !important; }

.vvw-bleed {
  width: auto !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* ================= TEKST EN WIDGETS ================= */
.content p, .content li { font-size: 16px; line-height: 1.62; color: #25383d; }
.widgetContainer { margin-bottom: 34px; }
.panel-heading, .widget-title, .content h2, .content h3,
.widgetContainer h2 {
  color: #001F3B !important;
  font-size: 15px !important;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid #EBC52C;
}

/* nieuwslijstje in de zijkolom */
.newsitem {
  font-size: 13px; color: #6b7a7e; line-height: 1.5;
  padding: 9px 0; border-bottom: 1px solid #eef1f0;
}
.newsitem:last-child { border-bottom: 0; }
.newsitem a { display: block; margin-top: 2px; font-size: 15px; font-weight: 500; color: #0f5c6b; }
.newsitem a:hover { color: #001F3B; }

/* ================= ACTIVITEITEN ================= */
tr.activity-item > td > div { border-color:#e2e7e7 !important; }
tr.activity-item > td > div[class*="date_bar_bgcolor"] { background:#001f3b !important; border-color:#001f3b !important; }
tr.activity-item > td > div[class*="date_bar_bgcolor"] span,
tr.activity-item > td > div[class*="date_bar_bgcolor"] b { color:#ffffff !important; font-weight:600 !important; }
table.activity-item-details h3 { color:#001f3b !important; font-weight:600 !important; }
table.activity-item-details tr:last-child a { color:#0f5c6b !important; font-weight:600 !important; text-decoration:underline !important; }
tr.act-year th.h3 { color:#001f3b !important; border-bottom:2px solid #ebc52c !important; }

/* ================= NIEUWSOVERZICHT ================= */
html body .media-list .media > div:first-child a > div,
html body .media-list .media .imgcontainer { display:block !important; width:100% !important; max-width:none !important; height:auto !important; }
html body .media-list .media img { width:100% !important; height:170px !important; max-width:none !important; max-height:none !important; object-fit:cover !important; object-position:center; }

html body .media-list .media-content,
html body .media-list .media-content *,
html body .media-list .media-heading,
html body .media-list .media-infobox { text-align:left !important; }

html body .media-list h2.media-heading,
html body .media-list h2.media-heading a {
  font-family:'Source Sans 3',Helvetica,Arial,sans-serif !important;
  font-size:22px !important; font-weight:600 !important;
  letter-spacing:-0.01em !important; line-height:1.25 !important;
  color:#001f3b !important; text-decoration:none !important;
}
html body .media-list h2.media-heading { border-bottom:0 !important; padding-bottom:0 !important; margin:0 0 6px !important; }
html body .media-list .media-infobox { font-size:13px !important; color:#5a686c !important; margin-bottom:10px !important; }
html body .media-list .media-content { font-size:16px !important; line-height:1.6 !important; color:#25383d !important; max-width:44em; }

html body .media-list .media-button { margin-top:14px !important; }
html body .media-list .media-button a.btn.btn-default {
  background:none !important; background-color:transparent !important;
  border:0 !important; box-shadow:none !important; padding:0 !important;
  color:#0f5c6b !important; font-weight:600 !important; font-size:15px !important;
  border-bottom:2px solid #ebc52c !important; border-radius:0 !important; text-decoration:none !important;
}
html body .media-list .media:first-of-type .media-button a.btn.btn-default {
  background-color:#ebc52c !important; color:#1a1a1a !important; padding:10px 17px !important; border-bottom:0 !important;
}
html body .media-list hr { border-top:1px solid #eef1f0 !important; margin:0 !important; }
html body .media-list .media { padding:26px 0 !important; margin:0 !important; }

html body [id^="widgetContainer"] .form-inline label {
  font-size:11px !important; font-weight:600 !important;
  letter-spacing:0.12em; text-transform:uppercase; color:#5a686c !important;
}
html body [id^="widgetContainer"] .form-inline a.btn {
  background-color:#001f3b !important; border-color:#001f3b !important;
  color:#ffffff !important; border-radius:0 !important;
}

/* ================= MOBIEL ================= */
@media (max-width:767px){
  #sect2 .row { margin-left: 0 !important; margin-right: 0 !important; }
  #sect2 [id^="col"] { padding-left: 16px !important; padding-right: 16px !important; }

  .navbar-nav > li.active > a::after {
    bottom: 6px;
    left: 15px;
    right: auto;
    width: 40px;
  }

  .navbar-nav .dropdown-menu { background-color: transparent !important; border: 0 !important; box-shadow: none !important; }
  .navbar-nav .dropdown-menu > li > a,
  .navbar-nav .dropdown-menu > li > a:hover,
  .navbar-nav .dropdown-menu > li > a:focus {
    background-color: transparent !important;
    padding-left: 30px !important;
    animation: vvw-nav-ink linear both;
    animation-timeline: scroll(root);
    animation-range: var(--nav-fade);
  }

  .table-responsive { overflow-x:visible !important; border:0 !important; }
  tr.activity-item { display:block !important; width:100% !important; }
  tr.activity-item > td { display:block !important; width:100% !important; max-width:100% !important; padding:0 0 22px 0 !important; border:0 !important; }
  tr.activity-item > td:empty { display:none !important; }
  table.activity-item-details { width:100% !important; table-layout:auto !important; }
  table.activity-item-details h3 { font-size:19px !important; line-height:1.3 !important; margin:6px 0 !important; }
  tr.act-year th > div { float:none !important; width:auto !important; }

  html body .media-list .media img { height:200px !important; }
  html body .media-list .media > div:first-child { margin-bottom:14px !important; }
}

@keyframes vvw-logo-swap { from { opacity:1; } to { opacity:0; } }

.navbar-brand { position: relative; }
.navbar-brand::after {
  content: "";
  position: absolute;
  top: 15px; bottom: 15px; left: 15px; right: 15px;
  background: url('/images/logo-vvw-mendonk-wit-2-1.webp') no-repeat left center;
  background-size: contain;
  pointer-events: none;
  animation: vvw-logo-swap linear both;
  animation-timeline: scroll(root);
  animation-range: var(--nav-fade);
}

#pagemain p,#pagemain div  {
  color: #25383D;
  font-size: 14px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}

#pagemain small { color: #72ADBD }
#pagemain h1,#pagemain .h1  {
  color: #EBC52C;
  font-size: 28px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 600; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}

#pagemain h1 small { color: #FFD630 }
#pagemain h2,#pagemain .h2  {
  color: #EBC52C;
  font-size: 22px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 600; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}

#pagemain h2 small { color: #FFD630 }
#pagemain h3,#pagemain .h3  {
  color: #EBC52C;
  font-size: 18px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 600; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}

#pagemain h3 small { color: #FFD630 }
#pagemain h4,#pagemain .h4  {
  color: #EBC52C;
  font-size: 14px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 600; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}

#pagemain h4 small { color: #FFD630 }
#pagemain a  {
  color: #00417A;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 300; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}
#pagemain a:visited  {
  color: #00417A;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 300; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}
#pagemain a:hover  {
  color: #00417A;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 300; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}
#pagemain a.btn,#pagemain button.btn  {
  color: #000000;
  font-size: 14px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 300; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
  color: #FFFFFF;
  background-color: #EBC52C;
  border: 1px solid #EBC52C;
  padding: 6px 12px;
 border-radius: 4px;
}
#pagemain a.btn:focus,#pagemain button.btn:focus,#pagemain a.btn:active,#pagemain button.btn:active,#pagemain a.btn:active:hover,#pagemain button.btn:active:hover,#pagemain a.btn:hover,#pagemain button.btn:hover,#pagemain a.btn[disabled],#pagemain button.btn[disabled],#pagemain button.btn-default[disabled]:hover,#pagemain a.btn-default[disabled]:hover {
  background-color: #D2B027;
  border: 1px solid #D2B027;
  color: #FFFFFF;
}
#pagemain  {
  background-color: #FFFFFF;
  
}
#pagemain  .pagination > li > a {
  color: #3D3D3D;
  font-weight: bold;
}
#pagemain  .pagination > li > a > span {
  color: #3D3D3D;
  font-weight: bold;
}
#pagemain  .pagination > .active > a {
  color: #FFFFFF;
  background-color: #EBC52C;
  border-color: #EBC52C;
  font-weight: bold;
}
#pagemain  .progress-bar { background-color: #EBC52C; }
#pagemain  {
}

#pagemain  :root { --nav-fade: 200px 450px; }
/* ================= MENU ================= */
@keyframes vvw-nav-bg     { from { background-color:#001F3B; } to { background-color:#FFFFFF; } }
@keyframes vvw-nav-ink    { from { color:#FFFFFF; }            to { color:#001F3B; } }
@keyframes vvw-nav-bars   { from { background-color:#FFFFFF; } to { background-color:#001F3B; } }
@keyframes vvw-nav-toggle { from { border-color:rgba(255,255,255,.55); } to { border-color:#001F3B; } }
#pagemain.navbar , #pagemain .navbar  {
  position: sticky !important;
  top: 0;
  z-index: 1030;
  margin-bottom: 0 !important;
  animation: vvw-nav-bg linear both;
  animation-timeline: scroll(root);
  animation-range: var(--nav-fade);
}
#pagemain.navbar-nav > li > a,
.navbar-nav > li > a > i,
.navbar-nav > li > a > span,
.navbar-nav > li > a::before,
.navbar-nav > li.active > a,
.navbar-nav > li.open > a,
.navbar-brand , #pagemain .navbar-nav > li > a,
.navbar-nav > li > a > i,
.navbar-nav > li > a > span,
.navbar-nav > li > a::before,
.navbar-nav > li.active > a,
.navbar-nav > li.open > a,
.navbar-brand  {
  animation: vvw-nav-ink linear both;
  animation-timeline: scroll(root);
  animation-range: var(--nav-fade);
}
#pagemain.navbar-toggle .icon-bar , #pagemain .navbar-toggle .icon-bar  {
  animation: vvw-nav-bars linear both;
  animation-timeline: scroll(root);
  animation-range: var(--nav-fade);
}
#pagemain.navbar-toggle , #pagemain .navbar-toggle  {
  animation: vvw-nav-toggle linear both;
  animation-timeline: scroll(root);
  animation-range: var(--nav-fade);
}
#pagemain  /* geen witte vlakken, ook niet bij hover, focus of open menu */
.navbar-nav > li,
.navbar-nav > li > a,
.navbar-nav > li.active > a,
.navbar-nav > li.open > a,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-header,
.navbar-toggle,
.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-toggle:active,
.navbar-collapse,
.navbar-collapse.in,
.navbar-collapse.collapsing {
  background-color: transparent !important;
  box-shadow: none !important;
}
#pagemain.navbar-collapse , #pagemain .navbar-collapse  { border-color: rgba(255,255,255,.13) !important; }
#pagemain  /* actief item: gele streep */
.navbar-nav > li.active > a { position: relative; }
#pagemain.navbar-nav > li.active > a::after , #pagemain .navbar-nav > li.active > a::after  {
  content: "";
  position: absolute;
  left: 12px; right: 12px; bottom: 14px;
  height: 2px;
  background: #EBC52C;
}
/* submenu: witte kaart, alleen op desktop */
@media (min-width:768px){
  .navbar-nav .dropdown-menu { background-color:#FFFFFF !important; border:1px solid #E2E7E7 !important; }
  .navbar-nav .dropdown-menu > li > a { color:#001F3B !important; background-color:transparent !important; animation:none !important; }
  .navbar-nav .dropdown-menu > li > a:hover { background-color:#F3F5F5 !important; }
}
#pagemain  /* ================= LAYOUT ================= */
html, body { overflow-x: clip; }
#pagemain  body { padding-top: 0 !important; }
#sect2 { margin-top: 0 !important; padding-top: 0 !important; }
#sect2 .row { margin-left: -15px !important; margin-right: -15px !important; }
#pagemain.vvw-bleed , #pagemain .vvw-bleed  {
  width: auto !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}
/* ================= TEKST EN WIDGETS ================= */
.content p, .content li { font-size: 16px; line-height: 1.62; color: #25383d; }
#pagemain.widgetContainer , #pagemain .widgetContainer  { margin-bottom: 34px; }
#pagemain.panel-heading, .widget-title, .content h2, .content h3,
.widgetContainer h2 , #pagemain .panel-heading, .widget-title, .content h2, .content h3,
.widgetContainer h2  {
  color: #001F3B !important;
  font-size: 15px !important;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 2px solid #EBC52C;
}
/* nieuwslijstje in de zijkolom */
.newsitem {
  font-size: 13px; color: #6b7a7e; line-height: 1.5;
  padding: 9px 0; border-bottom: 1px solid #eef1f0;
}
#pagemain.newsitem:last-child , #pagemain .newsitem:last-child  { border-bottom: 0; }
#pagemain.newsitem a , #pagemain .newsitem a  { display: block; margin-top: 2px; font-size: 15px; font-weight: 500; color: #0f5c6b; }
#pagemain.newsitem a:hover , #pagemain .newsitem a:hover  { color: #001F3B; }
/* ================= ACTIVITEITEN ================= */
tr.activity-item > td > div { border-color:#e2e7e7 !important; }
tr.activity-item > td > div[class*="date_bar_bgcolor"] { background:#001f3b !important; border-color:#001f3b !important; }
tr.activity-item > td > div[class*="date_bar_bgcolor"] span,
tr.activity-item > td > div[class*="date_bar_bgcolor"] b { color:#ffffff !important; font-weight:600 !important; }
table.activity-item-details h3 { color:#001f3b !important; font-weight:600 !important; }
table.activity-item-details tr:last-child a { color:#0f5c6b !important; font-weight:600 !important; text-decoration:underline !important; }
tr.act-year th.h3 { color:#001f3b !important; border-bottom:2px solid #ebc52c !important; }
#pagemain  /* ================= NIEUWSOVERZICHT ================= */
html body .media-list .media > div:first-child a > div,
html body .media-list .media .imgcontainer { display:block !important; width:100% !important; max-width:none !important; height:auto !important; }
#pagemain  html body .media-list .media img { width:100% !important; height:170px !important; max-width:none !important; max-height:none !important; object-fit:cover !important; object-position:center; }
#pagemain  html body .media-list .media-content,
html body .media-list .media-content *,
html body .media-list .media-heading,
html body .media-list .media-infobox { text-align:left !important; }
html body .media-list h2.media-heading,
html body .media-list h2.media-heading a {
  font-family:'Source Sans 3',Helvetica,Arial,sans-serif !important;
  font-size:22px !important; font-weight:600 !important;
  letter-spacing:-0.01em !important; line-height:1.25 !important;
  color:#001f3b !important; text-decoration:none !important;
}
#pagemain  html body .media-list h2.media-heading { border-bottom:0 !important; padding-bottom:0 !important; margin:0 0 6px !important; }
html body .media-list .media-infobox { font-size:13px !important; color:#5a686c !important; margin-bottom:10px !important; }
html body .media-list .media-content { font-size:16px !important; line-height:1.6 !important; color:#25383d !important; max-width:44em; }
#pagemain  html body .media-list .media-button { margin-top:14px !important; }
html body .media-list .media-button a.btn.btn-default {
  background:none !important; background-color:transparent !important;
  border:0 !important; box-shadow:none !important; padding:0 !important;
  color:#0f5c6b !important; font-weight:600 !important; font-size:15px !important;
  border-bottom:2px solid #ebc52c !important; border-radius:0 !important; text-decoration:none !important;
}
html body .media-list .media:first-of-type .media-button a.btn.btn-default {
  background-color:#ebc52c !important; color:#1a1a1a !important; padding:10px 17px !important; border-bottom:0 !important;
}
html body .media-list hr { border-top:1px solid #eef1f0 !important; margin:0 !important; }
#pagemain  html body .media-list .media { padding:26px 0 !important; margin:0 !important; }
html body [id^="widgetContainer"] .form-inline label {
  font-size:11px !important; font-weight:600 !important;
  letter-spacing:0.12em; text-transform:uppercase; color:#5a686c !important;
}
html body [id^="widgetContainer"] .form-inline a.btn {
  background-color:#001f3b !important; border-color:#001f3b !important;
  color:#ffffff !important; border-radius:0 !important;
}
/* ================= MOBIEL ================= */
@media (max-width:767px){
  #sect2 .row { margin-left: 0 !important; margin-right: 0 !important; }
  #sect2 [id^="col"] { padding-left: 16px !important; padding-right: 16px !important; }

  .navbar-nav > li.active > a::after {
    bottom: 6px;
    left: 15px;
    right: auto;
    width: 40px;
  }

  .navbar-nav .dropdown-menu { background-color: transparent !important; border: 0 !important; box-shadow: none !important; }
  .navbar-nav .dropdown-menu > li > a,
  .navbar-nav .dropdown-menu > li > a:hover,
  .navbar-nav .dropdown-menu > li > a:focus {
    background-color: transparent !important;
    padding-left: 30px !important;
    animation: vvw-nav-ink linear both;
    animation-timeline: scroll(root);
    animation-range: var(--nav-fade);
  }

  .table-responsive { overflow-x:visible !important; border:0 !important; }
  tr.activity-item { display:block !important; width:100% !important; }
  tr.activity-item > td { display:block !important; width:100% !important; max-width:100% !important; padding:0 0 22px 0 !important; border:0 !important; }
  tr.activity-item > td:empty { display:none !important; }
  table.activity-item-details { width:100% !important; table-layout:auto !important; }
  table.activity-item-details h3 { font-size:19px !important; line-height:1.3 !important; margin:6px 0 !important; }
  tr.act-year th > div { float:none !important; width:auto !important; }

  html body .media-list .media img { height:200px !important; }
  html body .media-list .media > div:first-child { margin-bottom:14px !important; }
}
#pagemain  @keyframes vvw-logo-swap { from { opacity:1; } to { opacity:0; } }
#pagemain.navbar-brand , #pagemain .navbar-brand  { position: relative; }
#pagemain.navbar-brand::after , #pagemain .navbar-brand::after  {
  content: "";
  position: absolute;
  top: 15px; bottom: 15px; left: 15px; right: 15px;
  background: url('/images/logo-vvw-mendonk-wit-2-1.webp') no-repeat left center;
  background-size: contain;
  pointer-events: none;
  animation: vvw-logo-swap linear both;
  animation-timeline: scroll(root);
  animation-range: var(--nav-fade);
}



/**********************************************/
/*                    FONT CSS                */
/**********************************************/
/* brand */
#navMenu1.navbar-default .navbar-brand  {
  color: #EBC52C;
  font-size: 20px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 600; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}

            	#navMenu1.navbar-default .input-group-btn > .btn {
					border-radius: 0px 4px 4px 0px;
					margin-left: 0px;
					height: 34px;
					font-size: 14px;
				}
				@media (max-width:767px) {
					#navMenu1.navbar-default .navbar-form {
						margin: 0;
					}
				}
							@media (min-width:767px) {
								#navMenu1.navbar-default .navbar-nav > li > a {
									line-height: 80px;
								}
							}
						/* brand hover */
#navMenu1.navbar-default .navbar-brand:hover,
#navMenu1.navbar-default .navbar-brand:focus  {
  color: #001F3B;
  font-size: 20px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: 600; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}
/* main menu */
#navMenu1.navbar-default .navbar-nav > li > a,
#navMenu1.navbar-default .navbar-nav > li > a i  {
  color: #001F3B;
  font-size: 14px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
}

@media (min-width: 767px) {
 #navMenu1.navbar-default .navbar-nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
 }
}
/* main menu hover */
#navMenu1.navbar-default .navbar-nav > li > a:hover,
#navMenu1.navbar-default .navbar-nav > li > a:focus,
#navMenu1.navbar-default .navbar-nav > li > a:hover i,
#navMenu1.navbar-default .navbar-nav > li > a:focus i  {
  color: #001F3B;
  font-size: 14px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
  background-color: #FFFFFF;
}
#navMenu1.navbar-default .navbar-nav > .active > a,
#navMenu1.navbar-default .navbar-nav > .active > a i,
#navMenu1.navbar-default .navbar-nav > .active > a:hover,
#navMenu1.navbar-default .navbar-nav > .active > a:focus  {
  color: #001F3B;
  font-size: 14px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
  background-color: #FFFFFF;
}
#navMenu1.navbar-default .navbar-nav > .open > a, #navMenu1.navbar-default .navbar-nav > .open > a:hover, #navMenu1.navbar-default .navbar-nav > .open > a:focus  {
  color: #001F3B;
  font-size: 14px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
  background-color: #FFFFFF;
}
/* sub menu */
#navMenu1.navbar-default .navbar-nav .dropdown-menu > li > a,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > li > a i,
#navMenu1.navbar-default .navbar-nav .dropdown-menu  {
  color: #001F3B;
  font-size: 13px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
  background-color: #FFFFFF; background-color: #FFFFFF;
}
#navMenu1.navbar-default .navbar-nav .dropdown-menu > li > a:hover,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > li > a:focus,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > li > a:hover i,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > li > a:focus i  {
  color: #001F3B;
  font-size: 13px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
  background-color: #FFFFFF;
}
#navMenu1.navbar-default .navbar-nav .dropdown-menu > .active > a,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > .active > a i,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > .active > a:hover,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > .active > a:focus,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > .active > a:hover i,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > .active > a:focus i  {
  color: #001F3B;
  font-size: 13px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
  background-color: #FFFFFF;
}
#navMenu1.navbar-default .navbar-nav .dropdown-menu > .open > a,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > .open > a:hover,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > .open > a:focus,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > .open > a:hover i,
#navMenu1.navbar-default .navbar-nav .dropdown-menu > .open > a:focus i  {
  color: #001F3B;
  font-size: 13px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
  background-color: #FFFFFF;
}
/* multi column sub menu width on mobile */

			@media (max-width:767px) {
				#navMenu1.navbar-default .navbar-nav .dropdown-menu .multicolumn-content {
					width: auto !important;
				}

			}
			/* multi column sub menu */
#navMenu1.navbar-default .navbar-nav .dropdown-menu .multicolumn-content li a  {
  color: #001F3B;
  font-size: 13px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
  
				background-color: #FFFFFF;
				line-height: 20px;
}
/* multi column sub menu hover */
#navMenu1.navbar-default .navbar-nav .dropdown-menu .multicolumn-content li a:hover  {
  color: #001F3B;
  font-size: 13px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
  
				background-color: #FFFFFF;
				line-height: 20px;
}
/* multi column sub menu header */
#navMenu1.navbar-default .navbar-nav .dropdown-menu .multicolumn-content .multicolumn-header  {
  color: #001F3B;
  font-size: 13px;
  font-family: Source Sans 3, Helvetica; 
  font-weight: normal; 
  font-style: normal; 
  text-decoration: none; 
  text-transform: none; 
  
				background-color: #FFFFFF;
				font-weight: bold;
				font-size: 125%;
				margin-top: 10px;
				margin-bottom: 10px;
}
/**********************************************/
/*                  NAVBAR CSS                */
/**********************************************/
body { padding-top: 50px }
#navMenu1.navbar-default {
 min-height: 50px;
}

/* navbar */
#navMenu1.navbar-default {
 background-color: rgba(255,255,255, 1);
}

#navMenu1.navbar-default, #navMenu1.navbar-default .container {
 border-color: #E7E7E7;
 border-width: 0px; border-radius: 0px;

}
@media (min-width: 767px) {
 #navMenu1.navbar-default .container-fluid {
  padding-left: 0;
  padding-right: 0;
 }

	 #navMenu1.navbar-default .navbar-collapse {
	  padding-left: 0;
	 }}
/** Vertical divider **/
#navMenu1.navbar .divider-vertical {
 height: 50px;
 margin: 0;
 border-right: 1px solid #B4B4B4;
 border-left: 1px solid #E7E7E7;
}

/** Horizontal divider **/
#navMenu1.navbar .divider {
 background-color: #E7E7E7;
 height: 1px;
 margin: 9px 0;
 overflow: hidden;
}

@media (max-width: 767px) {
 #navMenu1.navbar-default .navbar-collapse .nav > .divider-vertical {
  display: none;
 }
}

/* FontAwesome */
#navMenu1.navbar-default .fa {
 line-height: 50% !important; /* fix */
}
.fa { font-family: FontAwesome !important; font-style: normal !important; font-weight: normal !important; }

/* caret */
#navMenu1.navbar-default .navbar-nav > .dropdown > .active > a .caret {
 border-top-color: #001F3B;
 border-bottom-color: #001F3B;
}
#navMenu1.navbar-default .navbar-nav > .dropdown > a:hover .caret,
#navMenu1.navbar-default .navbar-nav > .dropdown > a:focus .caret {
 border-top-color: #001F3B;
 border-bottom-color: #001F3B;
}
#navMenu1.navbar-default .navbar-nav > .open > a .caret,
#navMenu1.navbar-default .navbar-nav > .open > a:hover .caret,
#navMenu1.navbar-default .navbar-nav > .open > a:focus .caret {
 border-top-color: #001F3B;
 border-bottom-color: #001F3B;
}

/* mobile version */
#navMenu1.navbar-default .navbar-toggle {
 border-color: #E7E7E7;
}
#navMenu1.navbar-default .navbar-toggle:hover,
#navMenu1.navbar-default .navbar-toggle:focus {
 background-color: #FFFFFF;
}
#navMenu1.navbar-default .navbar-toggle .icon-bar {
 background-color: #001F3B;
}
#navMenu1.navbar-default .navbar-toggle:hover .icon-bar,
#navMenu1.navbar-default .navbar-toggle:focus .icon-bar {
 background-color: #001F3B;
}
@media (max-width: 767px) {
 #navMenu1.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #001F3B;
  background-color: #FFFFFF;
 }
 #navMenu1.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
 #navMenu1.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #001F3B;
  background-color: #FFFFFF;
 }
}


#blockquote_1 {
	margin: 0px;
	background-color: #FFFFFF;
	padding: 5px 15px;
}
#blockquote_1.blockquote_center {
	text-align: center;
}
#blockquote_1.blockquote_right {
	text-align: right;
}
#blockquote_1 blockquote {
	border-left: 5px #EEEEEE solid;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	margin: 10px 0;
}
#blockquote_1 blockquote p {
	font-size: 18px;
	color: #000000;
}
#blockquote_1 blockquote footer {
	color: #777;
	font-size: 15px;
}
#blockquote_1 a:link, #blockquote_1 a:visited, #blockquote_1 a:active, #blockquote_1 a:hover {
	color: #777 !important;
	font-size: 15px !important;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
}

#divider_1 {color: black; background: linear-gradient(to right, transparent, #949494, transparent); text-align: center; height: 1px; max-width: 100%; margin: 10px auto; border: 0px;}

.act-type-4 { color: #3DA67C }.act-colorbar-4 { background-color: #3DA67C }.act-type-5 { color: #E61E1E }.act-colorbar-5 { background-color: #E61E1E }.date_bar_bgcolorw2134{ background-color: #DCDCDC; color: #000000 }.filterw2134.bg { background-color: #FFFFFF; }.filterw2134 td { border: none !important; }.act-upcoming .row { margin-bottom: 15px; }.act-upcoming p { margin-bottom: 0px; }.act-upcoming .-i { color: #AAA; font-size: 12px; }#widgetContainerw2134 .act-upcoming .-m { background: #FF0000; color: #FFFFFF; text-align: center; font-size: 12px; }.act-upcoming .-d { font-size: 16px; font-weight: bold; text-align: center; border: 1px solid #AAA; border-top: 0; }.act-upcoming .-s { font-size: 12px; }
	        .act_title_w2134 {
	            text-align: left;
	        }


  .newsImgDivw2133 {
	  
	  cursor: pointer;
	  position: relative;
	  overflow: hidden;
  }
#w2133 .newsitem img {
  	width: 100%;
}

#w2133 .newsitem {
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
}
#w2133 .newsitem .newsitem_grid-infobox {
  margin: 8px 0;
  font-size: 11px !important;
}
#w2133 .newsitem .newsitem_grid-infobox .newsitem_grid-infotitle {
  font-size: 11px !important;
  font-weight: bold;
}
#w2133 .newsitem .newsitem_grid-content {
	text-align: justify;
}
#w2133 .newsitem .newsitem_grid-button {
	margin-top: 8px;
}
#w2133 .newsitem .newsitem_list-infobox {
  margin: 8px 0;
  font-size: 11px !important;
}
#w2133 .newsitem .newsitem_list-button {
  margin-top: 10px;
}
#w2133 .newsitem .newsitem_list-heading {
  margin-top: 0;
}
#w2133 .newsitem .newsitem_list-content {
  text-align: justify;
}
#w2133 .newsitem .newsitem_list-infobox .newsitem_list-infotitle {
  font-size: 11px !important;
  font-weight: bold;
}
            #w2133 .zw-title {
                text-align: left;
            }
        
        #w2133 .newsitem .newsitem_grid-name, #w2133 .newsitem .newsitem_grid-img {
          text-align: left;
        }
        
#widgetContainerw2131 .container-fluid { background-color: #FFFFFF; }#widgetContainerw2131 .btn { background-color: #EBC52C; color: #FFFFFF; }