html body {
  font-family: Poppins;
}
html body *::selection {
  background: #66c0be;
}
html body h1, html body h1.is-category, html body h2, html body h2.is-category, html body h3, html body h4, html body .controller[data-template="detail"] h2.has-hline {
  font-family: BloggerSans;
  font-weight: bold;
}
html body .controller[data-template="detail"] h3 {
  font-family: Poppins;
}
html body .controller[data-template="detail"] h4 {
  font-family: Poppins;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: -0.5px;
  margin: 6px 0;
}
html body .controller[data-template="detail"] h4:first-of-type {
  margin-top: 12px;
}
html body h2.is-large {
  color: #e30613;
}
html body .controller[data-template="detail"] h2.has-hline {
  font-size: 40px;
}
html body h3.is-large {
  font-size: 40px;
  font-family: BloggerSans !important;
  color: #297774;
  letter-spacing: -1px;
}
html body .controller[data-template="detail"] h1.is-category {
  font-family: BloggerSans;
  font-weight: bold;
}
html body .controller[data-template="overview"] h3, html body .controller[data-template="overview"] .is-highlighted .chin h3 {
  font-family: Poppins;
  letter-spacing: -1px;
  margin-top: 5px !important;
}
html body .is-quote {
  font-family: Poppins;
  font-weight: 400;
  letter-spacing: -1px;
}
html body .is-padded {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}
html body .button:hover {
  background: none;
  color: #66c0be;
}
html body .article > .inner {
  border-radius: 8px;
}
html body .article > .inner .thumbnail {
  border-radius: 8px;
  overflow: hidden;
}
html body .loading-indicator .sk-chase .sk-chase-dot::before {
  background-color: #297774;
}
/* Menu */
.controller[data-name="menu"][data-action="index"][data-template="layout"] ul li a {
  font-family: Poppins;
  text-transform: none;
  font-weight: 500;
  letter-spacing: 0;
}
.controller[data-name="menu"][data-action="index"][data-template="layout"] ul li.is-active a, .controller[data-name="menu"][data-action="index"][data-template="layout"] ul li a:hover {
  color: #e30613;
}
.controller[data-name="menu"][data-action="index"][data-template="layout"] ul li.is-active a {
  border-color: #e30613;
}
.controller[data-name="menu"][data-action="index"][data-template="layout"] .top-content > .is-centered {
  padding-top: 10px;
  padding-bottom: 5px;
}
.controller[data-name="menu"][data-action="index"][data-template="layout"] .logo {
  padding-left: 50px;
}
.controller[data-name="menu"][data-action="index"][data-template="layout"] .logo a img {
  height: 90px;
  display: block;
  width: auto;
  margin-right: 20px;
}
.controller[data-name="menu"][data-action="index"][data-template="layout"] .slogan {
  font-family: Poppins;
  color: #297774;
  font-size: 18px;
  letter-spacing: -0.7px;
  line-height: 1.15;
}
.controller[data-name="menu"][data-action="index"][data-template="layout"] .social-media {
  vertical-align: middle;
}
.controller[data-name="menu"][data-action="index"][data-template="layout"] .social-media a:hover {
  color: #e30613;
}
.controller[data-name="menu"][data-action="index"][data-template="layout"] .hamburger span {
  background-color: #e30613;
}
.controller[data-name="menu"][data-action="index"][data-template="layout"] .has-hamburger.is-hamburger li a {
  border-bottom: 0 !important;
}
.controller[data-name="menu"][data-action="index"][data-template="layout"] .has-hamburger.is-hamburger .menu-contents {
  background-color: rgba(102, 192, 190, 0.975);
}
@media (max-width: 800px) {
  .controller[data-name="menu"][data-action="index"][data-template="layout"] .logo {
    position: absolute;
    top: 5px !important;
    left: 10px;
    height: 40px;
    margin-bottom: 0;
    padding: 0;
  }
  .controller[data-name="menu"][data-action="index"][data-template="layout"] menu {
    padding-top: 10px;
  }
  .controller[data-name="menu"][data-action="index"][data-template="layout"] .social-media {
    padding-top: 5px;
  }
  .controller[data-name="menu"][data-action="index"][data-template="layout"][data-id] {
    height: 60px;
  }
  .controller[data-name="menu"][data-action="index"][data-template="layout"] .logo img {
    width: 50px !important;
    height: 50px !important;
  }
  .controller[data-name="menu"][data-action="index"][data-template="layout"] .hamburger {
    top: 21px !important;
    right: 15px !important;
  }
}
@media (max-width: 800px) {
  body > div.content {
    padding-top: 60px !important;
  }
}
/* Buttons */
html body > .content .button-row a.button:not(.is-back), html body > .content p a.button, html body > .content .is-text a.button, html body > .content .controller[data-name="search"] .items a.button, html body > .content .pagination.vertical a.button, html body > .footer .button-row a.button:not(.is-back), html body > .footer p a.button, html body > .footer .is-text a.button, html body > .footer .controller[data-name="search"] .items a.button, html body > .footer .pagination.vertical a.button {
  position: relative;
  padding: 20px 30px;
  background: black;
  color: white;
  text-transform: none;
  font-weight: bold;
  border-radius: 8px;
}
html body > .content .button-row a.button:not(.is-back)::before, html body > .content .button-row a.button:not(.is-back)::after, html body > .content p a.button::before, html body > .content p a.button::after, html body > .content .is-text a.button::before, html body > .content .is-text a.button::after, html body > .content .controller[data-name="search"] .items a.button::before, html body > .content .controller[data-name="search"] .items a.button::after, html body > .content .pagination.vertical a.button::before, html body > .content .pagination.vertical a.button::after, html body > .footer .button-row a.button:not(.is-back)::before, html body > .footer .button-row a.button:not(.is-back)::after, html body > .footer p a.button::before, html body > .footer p a.button::after, html body > .footer .is-text a.button::before, html body > .footer .is-text a.button::after, html body > .footer .controller[data-name="search"] .items a.button::before, html body > .footer .controller[data-name="search"] .items a.button::after, html body > .footer .pagination.vertical a.button::before, html body > .footer .pagination.vertical a.button::after {
  content: "";
  display: block;
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  z-index: -1;
  transition: transform 0.2s ease;
}
html body > .content .button-row a.button:not(.is-back)::before, html body > .content p a.button::before, html body > .content .is-text a.button::before, html body > .content .controller[data-name="search"] .items a.button::before, html body > .content .pagination.vertical a.button::before, html body > .footer .button-row a.button:not(.is-back)::before, html body > .footer p a.button::before, html body > .footer .is-text a.button::before, html body > .footer .controller[data-name="search"] .items a.button::before, html body > .footer .pagination.vertical a.button::before {
  background: #e30613;
  transform: rotate(4deg);
  left: 5%;
  z-index: -2;
}
html body > .content .button-row a.button:not(.is-back)::after, html body > .content p a.button::after, html body > .content .is-text a.button::after, html body > .content .controller[data-name="search"] .items a.button::after, html body > .content .pagination.vertical a.button::after, html body > .footer .button-row a.button:not(.is-back)::after, html body > .footer p a.button::after, html body > .footer .is-text a.button::after, html body > .footer .controller[data-name="search"] .items a.button::after, html body > .footer .pagination.vertical a.button::after {
  background: #66c0be;
  transform: rotate(-4deg);
  top: -3%;
}
html body > .content .button-row a.button:not(.is-back):hover::before, html body > .content p a.button:hover::before, html body > .content .is-text a.button:hover::before, html body > .content .controller[data-name="search"] .items a.button:hover::before, html body > .content .pagination.vertical a.button:hover::before, html body > .footer .button-row a.button:not(.is-back):hover::before, html body > .footer p a.button:hover::before, html body > .footer .is-text a.button:hover::before, html body > .footer .controller[data-name="search"] .items a.button:hover::before, html body > .footer .pagination.vertical a.button:hover::before {
  transform: rotate(-4deg);
}
html body > .content .button-row a.button:not(.is-back):hover::after, html body > .content p a.button:hover::after, html body > .content .is-text a.button:hover::after, html body > .content .controller[data-name="search"] .items a.button:hover::after, html body > .content .pagination.vertical a.button:hover::after, html body > .footer .button-row a.button:not(.is-back):hover::after, html body > .footer p a.button:hover::after, html body > .footer .is-text a.button:hover::after, html body > .footer .controller[data-name="search"] .items a.button:hover::after, html body > .footer .pagination.vertical a.button:hover::after {
  transform: rotate(4deg);
}
html body > .content .button-row a.button.is-back, html body > .footer .button-row a.button.is-back {
  font-family: Poppins;
  font-weight: 500;
}
html body > .content .button-row a.button.is-back::after, html body > .footer .button-row a.button.is-back::after {
  margin-top: 2px;
}
html body > .content h3.is-pink, html body > .footer h3.is-pink {
  text-transform: none;
  color: inherit;
  font-weight: normal;
  color: #323232;
}
html body > .content .col-4 h3, html body > .footer .col-4 h3 {
  font-size: 25px;
  line-height: 1.25;
  letter-spacing: -0.5px;
}
html body > .content .col-4 [data-template="form"], html body > .footer .col-4 [data-template="form"] {
  padding-top: 30px;
}
/* Footer */
html body .controller[data-name="footer"] {
  background: rgba(237, 244, 243, 0.7);
}
html body .controller[data-name="footer"][data-action="index"] ul li a {
  font-family: Poppins;
  letter-spacing: -0.3px;
}
/* Articles */
html body .content-type, html body .content-type + h4 {
  font-family: Poppins;
  font-weight: 500;
  text-transform: none;
}
html body .content-type.is-pink {
  color: #ff4b55 !important;
}
html body .controller h3 {
  font-family: Poppins;
  font-weight: 500;
}
html body .controller[data-template="overview"] .badges .badge {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  font-family: Poppins;
  font-weight: 500;
  letter-spacing: -0.7px;
}
html body .controller[data-template="overview"] .badges .badge.seen-badge {
  background: #66c0be;
}
html body .controller[data-template="overview"] .badges .badge.launch-badge {
  background: #ff4b55;
}
html body .controller[data-template="overview"] .is-spaced .badges {
  top: 35px;
  left: 35px;
}
html body .controller[data-template="overview"] .is-spaced .launch-badge {
  left: 35px;
  top: 37px;
}
html body .has-hline {
  text-align: left;
}
html body .has-hline::after {
  display: none;
}
html body .has-hline .inner {
  padding: 0;
  background: inherit;
  color: #297774;
}
/* Detail page */
div.tag {
  background: #297774;
  border-radius: 5px;
  font-family: Poppins;
}
.controller[data-name="contentpage"][data-template="detail"] > .is-centered {
  display: none;
}
.controller[data-name="article"][data-template="detail"] .is-centered.is-narrow, .controller[data-name="advertiser"][data-template="detail"] .is-centered.is-narrow, .controller[data-name="category"][data-template="detail"] .is-centered.is-narrow {
  max-width: 675px !important;
}
.controller[data-name="article"][data-template="detail"] .is-centered.content, .controller[data-name="advertiser"][data-template="detail"] .is-centered.content, .controller[data-name="category"][data-template="detail"] .is-centered.content {
  max-width: 1024px;
}
.controller[data-name="article"][data-template="detail"] .inner-content h1, .controller[data-name="advertiser"][data-template="detail"] .inner-content h1, .controller[data-name="category"][data-template="detail"] .inner-content h1 {
  font-family: BloggerSans !important;
}
.controller[data-name="article"][data-template="detail"] h1, .controller[data-name="advertiser"][data-template="detail"] h1, .controller[data-name="category"][data-template="detail"] h1 {
  font-family: BloggerSans !important;
  line-height: 1.05 !important;
  text-align: center;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}
.controller[data-name="article"][data-template="detail"] h3, .controller[data-name="advertiser"][data-template="detail"] h3, .controller[data-name="category"][data-template="detail"] h3 {
  font-family: BloggerSans !important;
}
.controller[data-name="article"][data-template="detail"] .social-share h3, .controller[data-name="advertiser"][data-template="detail"] .social-share h3, .controller[data-name="category"][data-template="detail"] .social-share h3 {
  font-weight: bold;
  letter-spacing: -1px;
  color: #66c0be;
}
.controller[data-name="article"][data-template="detail"] .avatar img, .controller[data-name="advertiser"][data-template="detail"] .avatar img, .controller[data-name="category"][data-template="detail"] .avatar img {
  object-fit: scale-down;
}
.controller[data-template="detail"] .header .author-row.is-extended {
  font-family: Poppins;
}
/* Background */
html body > .content {
  background: none;
  padding-bottom: 500px;
}
html body .controller[data-template="overview"]:not(.is-grey) {
  background: none;
}
html body .is-grey {
  background: rgba(212, 228, 227, 0.3);
}
html body > .background {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0.65;
  pointer-events: none;
}
html body > .background .inner-background, html body > .background .secundary-background {
  position: absolute;
  width: 300%;
  height: 300vh;
  top: 30vh;
  left: -50%;
  overflow: hidden;
  animation: backgroundrotate 120s linear infinite;
}
html body > .background .inner-background::before, html body > .background .secundary-background::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/img/leeftwente-shape.svg) no-repeat center;
  background-size: contain;
}
html body > .background .secundary-background {
  width: 125%;
  height: 125vh;
  top: 45vh;
  left: 35%;
  animation: backgroundrotate 105s linear infinite;
}
html body > .background .secundary-background::before {
  transform: rotate(90deg);
}
@keyframes backgroundrotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Form */
html body .controller[data-template="form"] .switch-element input:checked + .indicator {
  background-color: #297774;
}
html body .controller[data-template="form"] .switch-element input:checked + .indicator::before {
  border-color: #297774;
}
html body .controller[data-template="form"] .error {
  color: #e30613;
}
html body .controller[data-template="form"] .has-error input[type="text"], html body .controller[data-template="form"] .has-error select {
  border-color: #e30613;
}
html body .content .contactinfo-block h2, html body .content .contactinfo-block h3, html body .content .contactinfo-block h4 {
  font-family: BloggerSans;
}
html body .content .contactinfo-block h2 {
  margin-top: -10px;
  font-size: 50px;
  line-height: 1.2;
}
html body .content .contactinfo-block h3 {
  font-size: 35px;
  font-weight: bold;
  color: #297774;
}
html body .content .contactinfo-block h3.is-minimal {
  color: inherit;
  font-size: 30px;
}
html body .content .contactinfo-block h4 {
  font-size: 22px;
}
html body .content .contactinfo-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
html body .content .contactinfo-block ul li {
  padding: 10px 0;
}
html body .content .contactinfo-block ul li:not(:last-child) {
  border-bottom: 2px solid rgba(41, 119, 116, 0.1);
}
html body .content .contactinfo-block ul a {
  font-weight: bold;
}
html body .content .contactinfo-block .row {
  border: 2px solid rgba(41, 119, 116, 0.5);
  border-radius: 10px;
  padding: 50px 20px;
}
div.sense-app.app-article-manager, div.sense-app.app-category-manager, div.sense-app.app-contentpage-manager, div.sense-app.app-magazine-manager, div.sense-app.app-author-manager, div.sense-app.app-advertiser-manager {
  background: linear-gradient(0deg, #297774, #66c0be) !important;
  box-shadow: 0 5px 15px rgba(41, 119, 116, 0.6) !important;
}
body .controller[data-name="menu"][data-action="index"] .top-content {
  background: #d4e4e3;
}
body .controller[data-name="menu"][data-action="menu"] {
  background: #edf4f3;
}
body .controller[data-name="menu"][data-action="menu"] li.zoeken::after {
  background-image: url(/img/icon-search-red.svg);
}
body .controller[data-template="detail"] .header.type-article-wide .banner img, body .controller[data-template="detail"] .header.type-no-banner .banner img {
  max-width: 1024px;
}
body .controller[data-template="detail"] > .content {
  max-width: 1024px;
}
html > body .controller[data-name="author"][data-action="index"] .items .picture {
  position: relative;
  margin-bottom: 30px;
}
html > body .controller[data-name="author"][data-action="index"] .items .picture::before {
  content: "";
  display: block;
  padding-bottom: 50%;
}
html > body .controller[data-name="author"][data-action="index"] .items img {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90% !important;
  height: 90% !important;
  bottom: 0;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain;
  border: 0 !important;
}
html > body .controller[data-name="author"][data-action="index"] .items h3 {
  text-align: left;
  font-family: Poppins;
  font-weight: 400;
  letter-spacing: -0.5px;
}
html > body .controller[data-name="author"][data-action="show"] .avatar .picture img {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  width: 375px;
}
html > body .controller[data-name="author"][data-action="show"] h1 {
  font-family: BloggerSans !important;
  font-weight: 500;
  margin-top: 70px;
}
html body .controller[data-template="display"] .pagination .button.is-active {
  background: #297774;
}
html body .controller[data-name="archive"] .is-centered.is-pushed {
  padding-left: 30px;
  padding-right: 30px;
}
.stats {
  text-align: center;
}
.stats .stat {
  display: inline-block;
  margin: 0 8px;
  font-size: 14px;
}
.stats .stat::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 3px;
  width: 18px;
  height: 18px;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  opacity: 0.6;
}
.stats .stat-surface::before {
  background-image: url(/img/icon-pin.svg);
}
.stats .stat-authors::before {
  background-image: url(/img/icon-pencil.svg);
}
.stats .stat-residents::before {
  background-image: url(/img/icon-users.svg);
}
.stats .stat-articles::before {
  background-image: url(/img/icon-house.svg);
}
.thumbnail.is-bordered {
  position: relative;
  border: 15px solid white;
  background: white;
}
.thumbnail.is-bordered::after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 60%;
}
.thumbnail.is-bordered img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}
.thumbnail.is-bordered .picture {
  margin-bottom: 0 !important;
  position: static !important;
}
.thumbnail.is-bordered .picture::before {
  display: none !important;
}
@media (max-width: 800px) {
  body .controller[data-name="menu"][data-action="index"][data-template="layout"] .slogan {
    display: block;
    position: absolute;
    left: 70px;
    top: 10px;
    width: 300px;
  }
}
@media (max-width: 480px) {
  .header .author-row.is-extended {
    padding-left: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .header .author-row.is-extended::before {
    top: -8px !important;
  }
  .header .author-row.is-extended .author {
    text-align: center;
    margin-bottom: 10px;
  }
  .header .author-row.is-extended .avatar {
    position: relative !important;
  }
  .header .author-row.is-extended .avatar img {
    min-width: 160px !important;
    margin-bottom: 0 !important;
  }
}
html body .controller[data-template="detail"] .header .author-row .avatar img {
  width: 90px !important;
  height: 90px !important;
  border-radius: 0;
  border: 0px;
  box-shadow: none;
}
.narrowcasting-logo {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  display: flex;
  align-items: center;
}
.narrowcasting-logo .slogan {
  font-family: Poppins;
  letter-spacing: -0.7px;
  max-width: 200px;
  margin-left: 25px;
  line-height: 1.15;
  font-weight: 500;
  font-size: 18px;
  color: #297774;
}
.narrowcasting-full .narrowcasting-logo {
  top: 30px;
  left: 30px;
}
.narrowcasting-full .filter-button {
  top: 30px !important;
  right: 30px !important;
}
.narrowcasting-full .filters {
  top: 80px !important;
}
body.narrowcasting-full .narrowcasting-logo img {
  filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.5));
}
body.narrowcasting-full .narrowcasting-logo .slogan {
  color: white;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
}
html.narrowcasting-enabled {
  overflow-y: hidden;
}
html.narrowcasting-enabled body::before {
  content: "";
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  cursor: none;
}
html.narrowcasting-enabled body.filters-visible::before, html.narrowcasting-enabled body.filters-open::before {
  display: none;
}
html.narrowcasting-enabled .sense-dock {
  display: none;
}
div.sense-app.app-article-manager::before {
  background-image: url(/img/icon-home.svg) !important;
}
.sense-app-window.app-article-manager .sense-app-title-icon {
  background-image: url(/img/icon-window-home.svg) !important;
}