/* ------------------------------------------------ // default colors */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v12/EJRTQgYoZZY2vCFuvAFTzro.ttf) format('truetype');
}
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v12/EJRQQgYoZZY2vCFuvAFT9gaQVy4.ttf) format('truetype');
}
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v12/EJRVQgYoZZY2vCFuvDFR.ttf) format('truetype');
}
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v12/EJRSQgYoZZY2vCFuvAnt65qV.ttf) format('truetype');
}
/* ------------------------------------------------ // algemeen */
* {
  font-family: 'Arial', serif;
}
a {
  color: #E1007A;
}
a:hover,
a:focus {
  color: #D3D500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000 !important;
  font-weight: bold;
}
p {
  color: #919191 !important;
  font-weight: 200;
}
p strong {
  color: #000000;
  font-weight: bold;
}
main p,
main ul,
main li {
  color: #919191;
  font-weight: 200;
}
/* ------------------------------------------------ // buttons */
.btn,
a.btn {
  background-color: #19161A;
  border-radius: 30px;
  font-weight: 200;
  color: white !important;
}
.btn:hover,
a.btn:hover,
.btn:focus,
a.btn:focus {
  color: white !important;
  background-color: #E1007A;
}
.btn-primary.disabled,
.btn-primary:disabled {
  background-color: grey;
}
main .socialwall .item-list .item .logo {
  background-image: url(../img/logo-social.png);
}
/* ------------------------------------------------ // main - content blog - socialwall */
main .socialwall .item-list .item {
  border-radius: 10px;
}
main .socialwall .item-list .item .logo {
  border: 1px solid #f2f2f2;
  border-radius: 30px;
}
main .socialwall .item-list .item .social-header .title {
  color: #000000;
  font-weight: 700;
}
main .socialwall .item-list .item .social-header .created {
  color: #808080;
}
main .socialwall .item-list .item .bottomBar .comments,
main .socialwall .item-list .item .bottomBar .likes,
main .socialwall .item-list .item .bottomBar .link {
  color: #808080;
}
/* ------------------------------------------------ // header */
header .navbar {
  padding: 0 20px 0 0px;
}
.mod-languages {
  top: 0;
  order: 2;
}
.mod-languages .btn.dropdown-toggle {
  border: none;
}
.mod-languages .btn.dropdown-toggle img {
  height: 41px;
  width: 41px;
  top: 2px;
}
header.fixed #navigation {
  background-color: black;
}
header {
  background-color: #E1007A;
}
header #logo {
  max-height: 130px;
}
header #logo img {
  margin: 20px;
  min-height: 70px;
  max-height: 100px;
  max-width: 100%;
}
header #top-right .custom {
  display: inline-block;
}
header #top-right .search input {
  background-color: #E1007A;
}
header #top-right .btn-search.active {
  display: block;
}
header #top-right .btn-search,
header #top-right .btn-intranet {
  transition: 0.3s;
  margin-right: 7px;
  color: #FFFFFF;
}
header #top-right .btn-search .icon-search,
header #top-right .btn-intranet .icon-search {
  color: #FFFFFF;
}
header #top-right .btn-search:hover,
header #top-right .btn-intranet:hover,
header #top-right .btn-search:focus,
header #top-right .btn-intranet:focus {
  cursor: pointer;
  color: white;
}
header #top-right .btn-search:hover .icon-search,
header #top-right .btn-intranet:hover .icon-search,
header #top-right .btn-search:focus .icon-search,
header #top-right .btn-intranet:focus .icon-search {
  color: white;
}
header #top-right .btn-intranet,
header #top-right .btn-search {
  background-color: #E1007A;
  border: 1px solid white;
}
header #top-right .btn-intranet:hover,
header #top-right .btn-search:hover {
  border-color: #AD0067;
  background-color: #AD0067;
}
header #navigation {
  background-color: #19161A;
}
header .nav-child.unstyled {
  background-color: #FFFFFF !important;
}
header .nav-child.unstyled li a {
  color: black !important;
}
header .nav-child.unstyled li a:hover {
  color: #D3D500 !important;
}
header .nav-child.unstyled .nav-item.active {
  background-color: white !important;
}
header .nav-child.unstyled .nav-item.active a {
  color: #D3D500 !important;
}
header .home-btn {
  color: #000000 !important;
}
header .navbar .navbar-nav .nav-item a {
  color: white;
  font-weight: 400;
}
header .navbar .navbar-nav .nav-item a:focus {
  color: #D3D500;
}
header .navbar .navbar-nav .nav-item.parent.deeper .show-deeper {
  margin-top: 12px;
  color: white;
}
header .navbar .navbar-nav .nav-item.parent.deeper .show-deeper .icon-arrow-down {
  transition: 0.3s;
}
header .navbar .navbar-nav .nav-item:hover {
  background-color: transparent !important;
}
header .navbar .navbar-nav .nav-item:hover a {
  color: #D3D500;
}
header .navbar .navbar-nav .nav-item:hover .show-deeper .icon-arrow-down {
  color: #D3D500;
}
header .navbar .navbar-nav .nav-item.active a,
header .navbar .navbar-nav .nav-item.active .show-deeper .icon-arrow-down {
  color: #E1007A;
}
main #visual-container.divided .img {
  height: 515px;
}
/* ------------------------------------------------ // Visual + sub container */
main #visual-sub-container {
  background-color: white;
}
main #visual-sub-container .navbar-nav {
  padding: 43px;
  background-image: url("../img/bg-toptaken.png");
  border-radius: 30px;
  margin: 15px!important;
}
main #visual-sub-container .navbar-nav .nav-item .nav-link {
  color: black;
  font-weight: bold;
  font-size: 16px;
  border-radius: 30px;
  background-color: white;
  -webkit-box-shadow: 0px 7px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 7px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 7px 5px 0px rgba(0, 0, 0, 0.3);
}
main #visual-sub-container .navbar-nav .nav-item .nav-link:hover,
main #visual-sub-container .navbar-nav .nav-item .nav-link:focus {
  color: #FFFFFF;
  border-color: #D3D500;
  background-color: #D3D500;
}
main #visual-sub-container .newsflashlink .newsflash {
  height: 185px;
  background-image: url("../img/banner-onder-toptaken.jpg");
  background-size: cover;
  border-radius: 30px;
  margin: 15px 15px 0;
}
main #visual-sub-container .newsflashlink .newsflash .newsflash-title {
  color: #FFFFFF !important;
}
main #visual-sub-container .newsflashlink .newsflash::before {
  background-image: none;
}
body.home main #visual-container .visualScale {
  padding: 15px;
}
body.home main #visual-container .img {
  position: relative;
  border-radius: 30px;
}
body.home main #visual-container .img:before {
  z-index: 2;
  border-radius: 30px;
}
body.home main #visual-container .img:after {
  z-index: 1;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/overlay-visual-home.png");
  border-radius: 30px;
}
body.home main #visual-container .img .title {
  z-index: 3;
}
body.home main #visual-container .img .title h1 {
  color: #FFFFFF !important;
}
body:not(.home) main #visual-container .img {
  position: relative;
  max-height: 100%;
}
body:not(.home) main #visual-container .img:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../img/overlay-visual-overig.png");
}
body:not(.home) main #visual-container .img .title,
body:not(.home) main #visual-container .img .subtitle {
  z-index: 2;
  color: #FFFFFF !important;
}
/* ------------------------------------------------ // Content */
main .item-page.home {
  padding-bottom: 80px;
  z-index: 3;
  display: block;
  position: relative;
}
main .item-page.home .page-header h1,
main .item-page.home p {
  color: #000000 !important;
}
body.article:not(.home) main {
  position: relative;
}
body.article:not(.home) main #content {
  padding-left: 30px;
  padding-right: 30px;
}
body.article:not(.home) main #content:before {
  content: '';
  background-image: url("../img/svg-left.svg");
  background-size: cover;
  background-position: left;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 75px;
  width: 22px;
}
body.article:not(.home) main #content:after {
  content: '';
  background-image: url("../img/svg-right.svg");
  background-size: cover;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 75px;
  width: 80px;
}
body.article:not(.home) main #content > .container {
  z-index: 3;
}
body.article:not(.home) main #content-below:before {
  content: '';
  background-image: url("../img/svg-left.svg");
  background-position: bottom;
  background-size: cover;
  height: 101%;
  display: block;
  position: absolute;
  left: 0;
  top: -5px;
  width: 30px;
}
body.article:not(.home) main #content-below:after {
  content: '';
  background-image: url("../img/svg-right.svg");
  background-position: bottom;
  background-size: cover;
  height: 101%;
  display: block;
  position: absolute;
  right: 0;
  top: -5px;
  width: 125px;
  background-position-x: 3px;
  background-repeat: no-repeat;
}
body.article:not(.home) main #visual-container,
body.article:not(.home) main #content-below {
  z-index: 2;
  position: relative;
  background-color: white;
}
body.article:not(.home) main #visual-container .module-title h3,
body.article:not(.home) main #content-below .module-title h3,
body.article:not(.home) main #visual-container .module-title h3 strong,
body.article:not(.home) main #content-below .module-title h3 strong {
  font-weight: 400;
}
body.home main #content {
  position: relative;
  background-color: white;
}
body.home main #content-below {
  background-image: url("../img/bg-home.png");
  background-position: top;
  background-size: cover;
}
body.home main #content-below:before {
  content: '';
  z-index: 2;
  top: -65px;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("../img/post-it-overlay.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top right;
  right: 65px;
}
body.home main #content-below .btn {
  background: transparent;
  border: 2px solid white;
}
body.home main #content-below .btn:hover {
  background-color: #19161A;
  border-color: #19161A;
}
main .item-page.bericht {
  background: transparent;
}
main .item-page.bericht h1,
main .item-page.bericht h2 {
  color: #000000;
}
/* ------------------------------------------------ // Actueel + Sociall wall + calendar */
main .bgpattern {
  background-image: none;
}
main .bgpattern .text-center {
  z-index: 2;
  position: relative;
}
main #content-below {
  position: relative;
}
main #content-below .bgpattern-container {
  position: relative;
}
main #content-below .bgpattern-container .social-menu {
  z-index: 2;
  padding-top: 50px;
  position: relative;
}
main #content-below .socialwall {
  position: relative;
  background-color: transparent;
}
main #content-below .socialwall h2 {
  color: #FFFFFF !important;
}
main #content-below .homeArticleImg {
  background-color: transparent;
  height: 0;
}
main #content-below .module.berichten {
  padding-top: 65px;
  position: relative;
  z-index: 3;
}
main #content-below .module.berichten h2 {
  position: relative;
  color: white !important;
  font-weight: 600;
  z-index: 2;
}
main #content-below .module.berichten .masonry-item.item.bericht {
  border-radius: 10px;
  box-shadow: 0 2px 5px 0 rgba(6, 53, 138, 0.2);
}
main #content-below .module.berichten .masonry-item.item.bericht:hover {
  box-shadow: 0 4px 8px 0 rgba(6, 53, 138, 0.4);
}
main #content-below .module.berichten .masonry-item.item.bericht img {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
main #content-below .module.berichten .masonry-item.item.bericht h3 {
  color: #000000 !important;
  font-weight: 600;
}
main #content-below .module.calendar {
  z-index: 2;
  position: relative;
}
main #content-below .module.calendar h2 {
  color: white !important;
}
main #content-below .module.calendar h3 {
  color: white !important;
  font-weight: 400;
}
main #content-below .module.calendar h4 {
  color: black !important;
  font-weight: 700;
}
main #content-below .module.calendar a {
  color: white;
  font-weight: bold;
}
main #content-below .module.calendar a:hover {
  color: black;
  text-decoration: none;
}
main #content-below .module.calendar .calendar-row {
  border-radius: 10px;
  background-color: #FFFFFF;
}
main #content-below .module.calendar .calendar-row .date-block {
  padding-left: 15px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: black;
}
main #content-below .module.calendar .calendar-row .date-block .date,
main #content-below .module.calendar .calendar-row .date-block .time {
  color: white;
  text-align: left;
}
main #content-below .module.calendar .calendar-row .content-block {
  border-radius: 10px;
  background-color: #FFFFFF;
}
main #content-below .module.calendar.full h2 {
  color: #000000 !important;
}
.wall-controls {
  z-index: 2;
  position: relative;
}
.module.berichten .module-controls {
  margin-top: 30px;
  z-index: 2;
  position: relative;
}
body.calendar-page main #content::before {
  content: none;
}
/* ------------------------------------------------ // search */
.search.container h2 a {
  color: black;
}
.search.container h2 a .highlight {
  color: #D3D500 !important;
}
.search.container h2 a:hover,
.search.container h2 a:focus,
.search.container h2 a:active {
  color: #D3D500;
}
/* ------------------------------------------------ // item page */
.grecaptcha-badge {
  z-index: 999;
}
body.article:not(.home) main {
  background-color: white;
}
body.article:not(.home) #content {
  position: relative;
}
body.article:not(.home) #content:before {
  z-index: 0;
}
body.article:not(.home) #content img,
body.article:not(.home) #content .youtube {
  border: 6px solid #8DC100;
  border-radius: 30px;
}
body.article:not(.home) #content .youtube img {
  border: none;
}
body.article:not(.home) .breadcrumb {
  margin-top: 0;
  padding-top: 10px;
}
body.article:not(.home) .breadcrumb * {
  color: #19161A;
}
body.article:not(.home) .breadcrumb a:hover span {
  color: #E1007A;
}
body.article:not(.home) .alert.opmerking {
  background: #D3D500;
}
body.article:not(.home) .alert.opmerking .icon-alert {
  color: #FFFFFF;
}
body.article:not(.home) .alert.opmerking p {
  color: #FFFFFF !important;
  font-weight: 600;
}
body.article:not(.home) .alert.opmerking a {
  color: #FFFFFF;
}
body.article:not(.home) .alert.opmerking a:hover {
  color: black;
}
body.article:not(.home) .list-documents a {
  color: #E1007A;
  font-weight: 200;
}
body.article:not(.home) .list-documents a:hover {
  color: #D3D500;
}
body.article:not(.home) .list-documents .icon-document:before {
  color: #E1007A;
}
body.article:not(.home) .information .article-info li {
  color: black;
}
body.article:not(.home) .information .content-info a {
  background: #D3D500;
}
body.article:not(.home) .information .content-info a:hover {
  background: #D3D500;
}
body.article:not(.home) #showMore,
body.article:not(.home) #showLess {
  color: black;
  font-weight: bold;
}
body.article:not(.home) #showMore:hover,
body.article:not(.home) #showLess:hover {
  color: #D3D500;
}
body.article:not(.home) .module-title.text-center h3 {
  font-weight: 600;
  color: #000000;
  font-size: 30px;
  line-height: 36px;
}
body.article:not(.home) .module-title.text-center h3 strong {
  font-weight: 600;
}
body.article:not(.home) .masonry-items .masonry-item {
  border-radius: 10px;
  box-shadow: 0 2px 5px 0 rgba(6, 53, 138, 0.2);
}
body.article:not(.home) .masonry-items .masonry-item:hover {
  box-shadow: 0 4px 8px 0 rgba(6, 53, 138, 0.4);
}
/* ------------------------------------------------ // Footer */
footer #bottom {
  position: relative;
  height: 180px;
  background-position: right;
  background-size: cover;
  background-image: url("../img/bg-footer.png");
}
footer #bottom .bottom-text-holder {
  height: 72%;
  background-color: rgba(29, 29, 27, 0.15);
}
footer #bottom .socialnav {
  margin-top: -65px;
  position: absolute;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
  width: 100%;
  max-width: 100%;
}
footer #bottom #footermenu {
  display: inline-block;
  width: 100%;
  text-align: center;
}
footer #bottom .copyright,
footer #bottom a,
footer #bottom .divider {
  color: #FFFFFF !important;
}
footer #bottom a:hover {
  text-decoration: none;
  opacity: 85%;
  color: #D3D500 !important;
}
footer #bottom-below {
  z-index: 2;
  position: relative;
  background: white;
}
/* ------------------------------------------------ // Blog view */
.breadcrumb li a,
.breadcrumb li.home,
.breadcrumb span {
  color: #000000;
}
/* ------------------------------------------------ // Category colors */
.item-list a.item,
.items a.item,
.items div.item,
.masonry-items a.item,
.masonry-items div.item {
  color: #000000 !important;
  border-radius: 10px;
}
.item-list a.item img,
.items a.item img,
.items div.item img,
.masonry-items a.item img,
.masonry-items div.item img {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.item-list a.item ul.content-info li,
.items a.item ul.content-info li,
.items div.item ul.content-info li,
.masonry-items a.item ul.content-info li,
.masonry-items div.item ul.content-info li {
  background: #000000 !important;
}
.masonry-item.bericht.nieuws .created,
.masonry-item.bericht.nieuws .author,
.masonry-item.bericht.nieuws .created,
.masonry-item.bericht.nieuws .author {
  color: #E1007A !important;
}
.masonry-item.bericht.nieuws .created,
.masonry-item.bericht.nieuws .author {
  color: #E1007A;
}
/* ------------------------------------------------ // Category colors - News */
.item.bericht .item-content .tag-list .tag.nieuws,
.item-page.bericht .tag-list .tag.nieuws {
  background: #E1007A;
}
main .masonry .filters .filter.nieuws {
  color: #E1007A;
  border-color: #E1007A;
}
main .masonry .filters .filter.nieuws.selected {
  color: #FFFFFF;
  background: #E1007A;
  border-color: #E1007A;
}
main .masonry .filters .filter.nieuws:hover {
  color: #FFFFFF;
  background: #E1007A;
  border-color: #E1007A;
}
@media (max-width: 1200px) {
  footer #bottom {
    background-position-y: unset;
  }
}
@media (max-width: 991px) {
  main #content-below .bgpattern-container {
    background-position-y: unset;
  }
  body.home main #content-below:before {
    top: -70px;
  }
  main #content {
    background-size: cover;
  }
  header #top-right.mobile {
    box-shadow: none;
  }
  footer #bottom .socialnav {
    top: 0;
  }
  header .navbar .navbar-nav .nav-item a.icon-lock:before {
    padding-right: 5px;
  }
}
@media (max-width: 768px) {
  header #navigation {
    border-top: unset;
    box-shadow: unset;
    background-color: #E1007A;
  }
  header #logo {
    max-height: unset;
  }
  header #logo img {
    max-width: 300px;
    min-height: inherit !important;
  }
  header #top-right {
    display: none;
  }
  header #top-right.mobile .btn-search {
    display: block;
    top: -1px;
    right: 95px;
    border-color: transparent;
  }
  header #top-right.mobile .btn-search:hover {
    color: #808080 !important;
  }
  header #top-right.mobile .custom {
    display: none;
  }
  header .navbar .navbar-nav .nav-item.parent.deeper .nav-child .nav-item {
    background-color: #E1007A;
  }
  header .navbar .navbar-nav .nav-item.parent.deeper .nav-child .nav-item:hover {
    background-color: #E1007A !important;
  }
  header .navbar .navbar-nav .nav-item.parent.deeper .nav-child .nav-item .nav-link {
    color: white !important;
  }
  header .navbar .navbar-nav .nav-item.parent.deeper .nav-child .nav-item .nav-link:hover {
    color: #D3D500 !important;
  }
  header .navbar .navbar-nav .nav-item.active a {
    color: #D3D500 !important;
  }
  header .navbar .navbar-nav .nav-item.parent.deeper .nav-child .nav-item.active {
    background-color: #E1007A !important;
  }
}
@media (max-width: 577px) {
  main #visual-container.divided .img {
    height: 200px;
  }
  main #visual-container .img::after {
    background-size: contain;
  }
}
/*# sourceMappingURL=custom.css.map */