@charset "UTF-8";
.icon:before, [class^="icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:before, [class*=" icon-"]:after {
  display: inline-block;
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
}

.icon-arrow-down:before, html.js fieldset.collapsible .fieldset-legend:before, nav.menu-block-dropdown h2.block__title:before,
nav.menu-block-dropdown .dropdown-anchor:before, .responsive-sidebar-toggle:after, .event-detail .event-description-readmore:after, .node-free-events.view-mode-full .group-header .event-description-readmore:after, .page-header .uib-page-header-filter-form .line-1 .form-item .selectric .button:after, .node-offer.node--full .event-description-readmore:after,
.node-guides-organization.node--full .event-description-readmore:after, .view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .button:after,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .button:after, .page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .trigger-text:after,
.icon-arrow-left-full:before,
.facet-search-block-when .ui-daterangepicker .ui-datepicker-prev .ui-icon:before,
.block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-prev .ui-icon:before,
.icon-arrow-left:before,
.icon-arrow-right-full:before,
.facet-search-block-when .ui-daterangepicker .ui-datepicker-next .ui-icon:after,
.block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-next .ui-icon:after,
.icon-arrow-right:before,
ul.breadcrumb li:after,
.block--menu-menu-dossiers ul.menu li.leaf:before,
.block--menu-menu-over-ons ul.menu li.leaf:before,
.node-type-article .paragraphs-items .paragraphs-item-other-articles .field--name-node-link:after,
.pane-culturefeed-ui-my-uitid ul li:after,
.block--culturefeed-ui-my-uitid ul li:after,
.block--uib-paspartoe-block-paspartoe-block-promotions a:after,
.block--uib-paspartoe-block-paspartoe-block-advantages a:after,
.node-type-dossier .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--name-node-link:after,
.section-paspartoe .paragraphs-item-text ul li:before,
.icon-arrow-up:before,
.responsive-sidebar-toggle.open:after,
.event-detail .event-description-readless:after,
.node-free-events.view-mode-full .group-header .event-description-readless:after,
.node-offer.node--full .event-description-readless:after,
.node-guides-organization.node--full .event-description-readless:after,
.icon-attachment:before,
.icon-check:before,
.icon-close:before,
.l-browsehappy .browsehappy-close:before,
.overlay-toggle:before,
.block--culturefeed-search-ui a.facet-remove:before,
.page-gratis-in-brussel .l-region--sidebar-first .facetapi-date-range li.facetapi-active a:before,
.icon-cycle:before,
.icon-date:before,
.facet-search-block-when .form-item-date-range:after,
.block--culturefeed-search-ui-facet-datetype .form-item-date-range:after,
.icon-download:before,
.icon-edit:before,
.icon-error:before,
.messages--error:before,
.icon-extlink:before,
a span.ext:before,
.icon-help:before,
.icon-home:before,
.icon-info:before,
.icon-link:before,
.icon-lock-open:before,
.icon-lock:before,
.icon-mail:before,
.event-detail .social-link a[title*="Mail"]:before,
.section-paspartoe .paragraphs-item-outlets .group-right .field--name-field-outlet-e-mail:before,
.icon-marker:before,
.culturefeed-search-ui-city-facet-form .form-item-location:after,
.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list h3:before,
.icon-mobile-menu:before,
.mobile-toggle .toggle-mobile-menu:before,
.icon-phone:before,
.section-paspartoe .paragraphs-item-outlets .group-right .field--name-field-outlet-phone:before,
.icon-radio:before,
.icon-reload:before,
.icon-search:before,
.block--views-exp-search-results-page form:before,
.toggle-search-form:before,
.block--culturefeed-agenda-agenda-search-block button.form-submit:before,
.block--uib-page-header-page-header-classtrip .classtrip-lo span a:after,
.block--uib-page-header-page-header-classtrip .classtrip-so span a:after,
.icon-social-facebook kopie:before,
.icon-social-facebook:before,
.block--uib-page-footer-uib-footer-block-social .facebook a:before,
.social-footer .facebook a:before,
.event-detail .social-link a[title*="Facebook"]:before,
.icon-social-googleplus:before,
.icon-social-instagram:before,
.block--uib-page-footer-uib-footer-block-social .instagram a:before,
.social-footer .instagram a:before,
.icon-social-linkedin:before,
.icon-social-mail:before,
.event-detail .social-link a[title*="Mail"]:before,
.icon-social-twitter:before,
.block--uib-page-footer-uib-footer-block-social .twitter a:before,
.social-footer .twitter a:before,
.event-detail .social-link a[title*="Twitter"]:before,
.icon-status:before,
.messages--status:before,
.icon-time:before,
.icon-user:before,
.icon-warning:before,
.messages--warning:before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.icon-arrow-down:before, html.js fieldset.collapsible .fieldset-legend:before, nav.menu-block-dropdown h2.block__title:before,
nav.menu-block-dropdown .dropdown-anchor:before, .responsive-sidebar-toggle:after, .event-detail .event-description-readmore:after, .node-free-events.view-mode-full .group-header .event-description-readmore:after, .page-header .uib-page-header-filter-form .line-1 .form-item .selectric .button:after, .node-offer.node--full .event-description-readmore:after,
.node-guides-organization.node--full .event-description-readmore:after, .view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .button:after,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .button:after, .page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .trigger-text:after {
  content: "\E001";
}

.icon-arrow-left-full:before, .facet-search-block-when .ui-daterangepicker .ui-datepicker-prev .ui-icon:before, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-prev .ui-icon:before {
  content: "\E002";
}

.icon-arrow-left:before {
  content: "\E003";
}

.icon-arrow-right-full:before, .facet-search-block-when .ui-daterangepicker .ui-datepicker-next .ui-icon:after, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-next .ui-icon:after {
  content: "\E004";
}

.icon-arrow-right:before, ul.breadcrumb li:after, .block--menu-menu-dossiers ul.menu li.leaf:before,
.block--menu-menu-over-ons ul.menu li.leaf:before, .node-type-article .paragraphs-items .paragraphs-item-other-articles .field--name-node-link:after, .pane-culturefeed-ui-my-uitid ul li:after, .block--culturefeed-ui-my-uitid ul li:after, .block--uib-paspartoe-block-paspartoe-block-promotions a:after,
.block--uib-paspartoe-block-paspartoe-block-advantages a:after, .node-type-dossier .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--name-node-link:after, .section-paspartoe .paragraphs-item-text ul li:before {
  content: "\E005";
}

.icon-arrow-up:before, .responsive-sidebar-toggle.open:after, .event-detail .event-description-readless:after, .node-free-events.view-mode-full .group-header .event-description-readless:after, .node-offer.node--full .event-description-readless:after,
.node-guides-organization.node--full .event-description-readless:after {
  content: "\E006";
}

.icon-attachment:before {
  content: "\E007";
}

.icon-check:before {
  content: "\E008";
}

.icon-close:before, .l-browsehappy .browsehappy-close:before, .overlay-toggle:before, .block--culturefeed-search-ui a.facet-remove:before, .page-gratis-in-brussel .l-region--sidebar-first .facetapi-date-range li.facetapi-active a:before {
  content: "\E009";
}

.icon-cycle:before {
  content: "\E00A";
}

.icon-date:before, .facet-search-block-when .form-item-date-range:after, .block--culturefeed-search-ui-facet-datetype .form-item-date-range:after {
  content: "\E00B";
}

.icon-download:before {
  content: "\E00C";
}

.icon-edit:before {
  content: "\E00D";
}

.icon-error:before, .messages--error:before {
  content: "\E00E";
}

.icon-extlink:before, a span.ext:before {
  content: "\E00F";
}

.icon-help:before {
  content: "\E010";
}

.icon-home:before {
  content: "\E011";
}

.icon-info:before {
  content: "\E012";
}

.icon-link:before {
  content: "\E013";
}

.icon-lock-open:before {
  content: "\E014";
}

.icon-lock:before {
  content: "\E015";
}

.icon-mail:before, .event-detail .social-link a[title*="Mail"]:before, .section-paspartoe .paragraphs-item-outlets .group-right .field--name-field-outlet-e-mail:before {
  content: "\E016";
}

.icon-marker:before, .culturefeed-search-ui-city-facet-form .form-item-location:after, .page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list h3:before {
  content: "\E017";
}

.icon-mobile-menu:before, .mobile-toggle .toggle-mobile-menu:before {
  content: "\E018";
}

.icon-phone:before, .section-paspartoe .paragraphs-item-outlets .group-right .field--name-field-outlet-phone:before {
  content: "\E019";
}

.icon-radio:before {
  content: "\E01A";
}

.icon-reload:before {
  content: "\E01B";
}

.icon-search:before, .block--views-exp-search-results-page form:before, .toggle-search-form:before, .block--culturefeed-agenda-agenda-search-block button.form-submit:before, .block--uib-page-header-page-header-classtrip .classtrip-lo span a:after,
.block--uib-page-header-page-header-classtrip .classtrip-so span a:after {
  content: "\E01C";
}

.icon-social-facebook kopie:before {
  content: "\E01D";
}

.icon-social-facebook:before, .block--uib-page-footer-uib-footer-block-social .facebook a:before, .social-footer .facebook a:before, .event-detail .social-link a[title*="Facebook"]:before {
  content: "\E01E";
}

.icon-social-googleplus:before {
  content: "\E01F";
}

.icon-social-instagram:before, .block--uib-page-footer-uib-footer-block-social .instagram a:before, .social-footer .instagram a:before {
  content: "\E020";
}

.icon-social-linkedin:before {
  content: "\E021";
}

.icon-social-mail:before, .event-detail .social-link a[title*="Mail"]:before {
  content: "\E022";
}

.icon-social-twitter:before, .block--uib-page-footer-uib-footer-block-social .twitter a:before, .social-footer .twitter a:before, .event-detail .social-link a[title*="Twitter"]:before {
  content: "\E023";
}

.icon-status:before, .messages--status:before {
  content: "\E024";
}

.icon-time:before {
  content: "\E025";
}

.icon-user:before {
  content: "\E026";
}

.icon-warning:before, .messages--warning:before {
  content: "\E027";
}

html, body {
  overflow-x: hidden;
}

html {
  -webkit-text-size-adjust: none;
}

body {
  margin: 0;
  padding: 0;
  color: #333333;
  background-color: #ffffff;
  font-family: "FlandersArtSerif-Regular";
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

*, *:before, *:after {
  box-sizing: border-box;
}

.clearfix:before, .region-inner-submenu:before, .clearfix:after, .region-inner-submenu:after {
  content: " ";
  display: table;
}

.clearfix:after, .region-inner-submenu:after {
  clear: both;
}

.clearfix, .region-inner-submenu {
  *zoom: 1;
}

.hide-mobile {
  display: none;
}

@media (min-width: 30em) {
  .hide-mobile {
    display: block;
  }
}

@media (min-width: 30em) {
  .show-mobile {
    display: none;
  }
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.extendfull, .region-inner-submenu, .panel-row-3 {
  padding-left: 3000px !important;
  padding-right: 3000px !important;
  margin-left: -3000px !important;
  margin-right: -3000px !important;
}

.extendleft {
  padding-left: 3000px !important;
  margin-left: -3000px !important;
}

.extendright {
  padding-right: 3000px !important;
  margin-right: -3000px !important;
}

.color-primary {
  color: #231f20;
}

.color-secondary {
  color: #0088cc;
}

.color-grey {
  color: #efefef;
}

.color-white {
  color: #ffffff;
}

.background-primary {
  background: #231f20;
}

.background-secondary {
  background: #0088cc;
}

.background-grey {
  background: #efefef;
}

.background-white {
  background: #ffffff;
}

.default-border {
  border: solid 1px #cccccc;
}

.default-border-top {
  border-top: solid 1px #cccccc;
}

.default-border-right {
  border-right: solid 1px #cccccc;
}

.default-border-bottom {
  border-bottom: solid 1px #cccccc;
}

.default-border-left {
  border-left: solid 1px #cccccc;
}

.no-margin {
  margin: 0;
}

.no-margin-vertical {
  margin-top: 0;
  margin-bottom: 0;
}

.no-margin-horizontal {
  margin-left: 0;
  margin-right: 0;
}

.no-margin-top {
  margin-top: 0;
}

.no-margin-right {
  margin-right: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.no-margin-left {
  margin-left: 0;
}

.no-padding {
  padding: 0;
}

.no-padding-vertical {
  padding-top: 0;
  padding-bottom: 0;
}

.no-padding-horizontal {
  padding-left: 0;
  padding-right: 0;
}

.no-padding-top {
  padding-top: 0;
}

.no-padding-right {
  padding-right: 0;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.no-padding-left {
  padding-left: 0;
}

.font-light {
  font-family: "FlandersArtSerif-Regular";
  font-weight: 200;
}

.font-regular {
  font-family: "FlandersArtSerif-Regular";
  font-weight: 400;
}

.font-medium {
  font-family: "FlandersArtSerif-Regular";
  font-weight: 500;
}

.font-bold {
  font-family: "FlandersArtSerif-Regular";
  font-weight: 700;
}

.element-hidden {
  display: none;
}

.element-invisible, .form-type-radio input,
.form-type-checkbox input, .l-branding .site-name span.name {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

.element-invisible.element-focusable:active, .form-type-radio input.element-focusable:active,
.form-type-checkbox input.element-focusable:active, .l-branding .site-name span.element-focusable.name:active, .element-invisible.element-focusable:focus, .form-type-radio input.element-focusable:focus,
.form-type-checkbox input.element-focusable:focus, .l-branding .site-name span.element-focusable.name:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}

body.admin-menu,
body.adminimal-menu {
  margin-top: 0 !important;
  z-index: 999;
}

body.admin-menu #admin-menu .admin-menu-search input,
body.adminimal-menu #admin-menu .admin-menu-search input {
  height: 28px;
}

.region--debug:before {
  font-size: 10px;
  right: 5px;
  top: 4px;
  padding: 0px 4px;
}

.omega-browser-width {
  padding: 2px 5px;
  font-size: 10px;
  background: rgba(0, 0, 0, 0.5);
}

.omega-browser-width:after {
  border-left: solid 1px rgba(255, 255, 255, 0.5);
  padding-left: 4px;
  padding-left: 0.25rem;
  margin-left: 4px;
  margin-left: 0.25rem;
}

@media (min-width: 20em) {
  .omega-browser-width:after {
    content: "xs";
  }
}

@media (min-width: 30em) {
  .omega-browser-width:after {
    content: "sm";
  }
}

@media (min-width: 48em) {
  .omega-browser-width:after {
    content: "md";
  }
}

@media (min-width: 59.99em) {
  .omega-browser-width:after {
    content: "lg";
  }
}

@media (min-width: 90em) {
  .omega-browser-width:after {
    content: "xl";
  }
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a {
  color: #231f20;
  font-family: "FlandersArtSerif-Regular";
  margin: 0 0 16px 0;
  margin: 0 0 1rem 0;
}

h1 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem;
}

@media (min-width: 30em) {
  h1 {
    font-size: 2.25rem;
    line-height: 3.375rem;
  }
}

h2 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
}

@media (min-width: 30em) {
  h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}

h3 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

@media (min-width: 30em) {
  h3 {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
}

p {
  font-family: "FlandersArtSans-Light";
  margin: 0 0 16px 0;
  margin: 0 0 1rem 0;
}

a {
  font-family: "FlandersArtSans-Light";
  color: #000000;
  text-decoration: none;
  word-wrap: break-word;
}

a:hover {
  text-decoration: underline;
  color: #231f20;
}

a, a:after, a:before {
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}

a span.ext:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #999999;
  margin-left: 3.2px;
  margin-left: 0.2rem;
}

ul {
  padding-left: 32px;
  padding-left: 2rem;
}

div.description {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
  line-height: 1.3125rem;
  color: #999999;
}

.btn, .form-submit {
  font-family: "FlandersArtSerif-Regular";
  display: inline-block;
  border: none;
  cursor: pointer;
  text-decoration: none !important;
  border-radius: 0.1rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.btn + .btn, .form-submit + .btn, .btn + .form-submit, .form-submit + .form-submit {
  margin-left: 8px;
  margin-left: 0.5rem;
}

.btn-small {
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
}

.btn-medium, .form-submit {
  font-weight: 400;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

.btn-large {
  font-weight: 500;
  padding: 12px 24px;
  padding: 0.75rem 1.5rem;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
}

.btn-primary, .form-submit {
  color: #ffffff;
  background: #231f20;
}

.btn-primary:hover, .form-submit:hover {
  color: #ffffff;
  background: #100e0f;
}

.btn-primary:active, .form-submit:active, .btn-primary:focus, .form-submit:focus {
  outline: 0;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
}

.btn-primary, .form-submit, .btn-primary:hover, .form-submit:hover, .btn-primary:active, .form-submit:active, .btn-primary:focus, .form-submit:focus {
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}

.btn-secondary {
  color: #ffffff;
  background: #0088cc;
}

.btn-secondary:hover {
  color: #ffffff;
  background: #0070a8;
}

.btn-secondary:active, .btn-secondary:focus {
  outline: 0;
  box-shadow: 0 0 2px 1px rgba(0, 85, 128, 0.5);
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, border cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}

.form-item {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.form-item .description {
  margin-top: 8px;
  margin-top: 0.5rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
}

.form-required {
  color: #ff0000;
}

.form-disabled {
  opacity: .5;
}

.form-disabled input {
  cursor: not-allowed;
}

.form-disabled input:active, .form-disabled input:focus, .form-disabled input:hover {
  border-color: #cccccc;
  box-shadow: none;
}

.grippie {
  display: none;
}

.form-item label {
  margin-bottom: 0.5;
}

@media (min-width: 30em) {
  form .label-inline,
  form .webform-container-inline {
    letter-spacing: -0.25rem;
  }
  form .label-inline > *,
  form .webform-container-inline > * {
    letter-spacing: 0px;
  }
  form .label-inline label,
  form .webform-container-inline label {
    width: 12rem;
    display: inline-block;
  }
  form .label-inline input,
  form .webform-container-inline input {
    vertical-align: top;
  }
  form .label-inline .description,
  form .webform-container-inline .description {
    margin-left: 12rem;
  }
  form .label-inline .form-textarea-wrapper,
  form .webform-container-inline .form-textarea-wrapper {
    display: inline-block;
  }
  form .label-inline.form-type-textarea label,
  form .webform-container-inline.form-type-textarea label {
    vertical-align: top;
  }
}

input,
textarea {
  max-width: 100%;
  border: 1px solid #cccccc;
  border-radius: 0.1rem;
  padding: 8px 12.32px;
  padding: 0.5rem 0.77rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

input:hover,
textarea:hover {
  outline: none;
  border-color: #babec4;
  box-shadow: none;
}

input:active, input:focus,
textarea:active,
textarea:focus {
  outline: none;
  border-color: #00b0ed;
  box-shadow: none;
}

input.error,
textarea.error {
  border: 1px solid #ff0000;
  box-shadow: none;
}

input {
  font-size: 14px;
  font-size: 0.875rem;
}

textarea {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  line-height: 1.375rem;
}

input[type="file"] {
  line-height: 1;
  vertical-align: top;
  border-radius: 0.1rem 0 0 0.1rem;
  border-width: 1px 0 1px 1px;
  font-size: 11px;
  font-size: 0.6875rem;
}

input[type="file"] + button {
  padding: 15px;
  padding: 0.9375rem;
  border-radius: 0 0.1rem 0.1rem 0;
  line-height: 1;
  font-size: 14px;
  font-size: 0.875rem;
}

input[type="image"] {
  vertical-align: middle;
}

.form-type-radio input:focus + label:before,
.form-type-radio input:hover + label:before,
.form-type-checkbox input:focus + label:before,
.form-type-checkbox input:hover + label:before {
  box-shadow: 0 0 1px rgba(0, 136, 204, 0.15) inset, 0 1px 0 rgba(0, 136, 204, 0.075) inset, 0 0 0 1px rgba(0, 136, 204, 0.15) inset, 0 0 2px 1px rgba(0, 136, 204, 0.15);
}

.form-type-radio label,
.form-type-checkbox label {
  margin: 0;
  position: relative;
  display: inline-block;
  padding-left: 24px;
  padding-left: 1.5rem;
}

.form-type-radio label:before,
.form-type-checkbox label:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 4px;
  top: 0.25rem;
  left: 0;
  width: 16px;
  width: 1rem;
  height: 16px;
  height: 1rem;
  box-shadow: 0 0 0 1px rgba(0, 136, 204, 0.26) inset;
}

.form-type-radio label:before {
  border-radius: 50%;
}

.form-type-radio input:checked + label:before {
  background: #0088cc url(../images/sprite.png) 0 0 no-repeat;
  background-size: auto;
}

html.svg .form-type-radio input:checked + label:before {
  background: #0088cc url(../images/sprite.svg) 0 0 no-repeat;
}

.form-type-checkbox label:before {
  border-radius: 0.125rem;
}

.form-type-checkbox input:checked + label:before {
  background: #0088cc url(../images/sprite.png) 0 -16px no-repeat;
  background-size: auto;
}

html.svg .form-type-checkbox input:checked + label:before {
  background: #0088cc url(../images/sprite.svg) 0 -16px no-repeat;
}

.form-type-select label {
  display: block;
  font-weight: bold;
}

.form-select-wrapper {
  border: 1px solid #cccccc;
  border-radius: 0.1rem;
  background: url(../images/sprite.png) 87.5% -35px no-repeat;
  background-size: auto;
  display: inline-block;
}

.form-select-wrapper:hover {
  outline: none;
  border-color: #babec4;
  box-shadow: 0 0 2px 1px rgba(0, 136, 204, 0.15);
}

.form-select-wrapper:active, .form-select-wrapper:focus {
  outline: none;
  border-color: #00b0ed;
  box-shadow: 0 0 2px 1px rgba(0, 176, 237, 0.25);
}

.form-select-wrapper.error {
  border: 1px solid #ff0000;
  box-shadow: 0 0 2px 1px rgba(255, 0, 0, 0.25);
}

html.svg .form-select-wrapper {
  background: url(../images/sprite.svg) 87.5% -35px no-repeat;
}

html.ie .form-select-wrapper {
  background-image: none;
}

.form-select-wrapper select {
  width: 100%;
  border: 0 none;
  border-radius: 0px;
  background: transparent;
  padding: 15px 28px 15px 16px;
  padding: 0.9375rem 1.75rem 0.9375rem 1rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.form-select-wrapper select:active, .form-select-wrapper select:focus {
  outline: 0;
}

.form-select-wrapper select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000000;
}

.form-select-wrapper select::-ms-expand {
  display: none;
}

html.ie .form-select-wrapper select {
  padding: 15px 16px;
  padding: 0.9375rem 1rem;
}

.form-type-date .form-item {
  display: inline;
}

.form-type-date input[type="image"] {
  background: transparent;
  border: none;
}

.form-type-webform-time .form-type-select {
  display: inline;
}

fieldset {
  padding: 16px;
  padding: 1rem;
  border: solid 1px #cccccc;
  border-radius: 0.1rem;
}

html.js fieldset.collapsible .fieldset-legend {
  padding-left: 0;
  background: none;
}

html.js fieldset.collapsible .fieldset-legend:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #000000;
  margin-right: 4px;
  margin-right: 0.25rem;
}

.clearable-action {
  color: #999999;
  position: absolute;
  right: 12px;
  right: 0.75rem;
  top: 12px;
  top: 0.75rem;
  cursor: pointer;
  display: none;
  font-size: 12px;
  font-size: 0.75rem;
}

.clearable-wrapper {
  position: relative;
  display: inline-block;
}

.clearable-wrapper input {
  padding-right: 32px;
  padding-right: 2rem;
}

.video-container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 49%;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.view-mode-rectangle .video-container {
  padding-bottom: 49%;
}

@media (min-width: 48em) {
  .view-mode-square .video-container {
    padding-bottom: 99.99%;
  }
}

img {
  max-width: 100%;
  height: auto;
}

img[src$=".svg"][onerror] {
  max-width: 100%;
  width: 100%;
}

a img {
  border: 0px none;
}

.node-recommended-item.node-teaser .field--name-title {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  display: block;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.node-recommended-item.node-teaser .field--name-title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.node-recommended-item.node-teaser .field--name-title h2 {
  margin-bottom: 0;
}

.node-recommended-item.node-teaser .field--name-field-image img {
  width: 100%;
}

.node--square:hover,
.node--rectangle:hover {
  cursor: pointer;
}

.node--square:hover h2,
.node--rectangle:hover h2 {
  text-decoration: underline;
}

.node--square .field--name-field-events-image, .node--square .field--name-field-events-media,
.node--rectangle .field--name-field-events-image,
.node--rectangle .field--name-field-events-media {
  position: relative;
  display: block;
}

.node--square .field--name-field-events-image img, .node--square .field--name-field-events-media img,
.node--rectangle .field--name-field-events-image img,
.node--rectangle .field--name-field-events-media img {
  position: relative;
  display: block;
}

.node--square .group-labels,
.node--rectangle .group-labels {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
}

.node--square .group-labels h3,
.node--rectangle .group-labels h3 {
  margin-bottom: 0;
}

.node--square.event-with-image-label .field--name-field-events-labels, .node--square.event-with-image-label .field--name-field-events-text-label, .node--square.event-with-text-label .field--name-field-events-labels, .node--square.event-with-text-label .field--name-field-events-text-label,
.node--rectangle.event-with-image-label .field--name-field-events-labels,
.node--rectangle.event-with-image-label .field--name-field-events-text-label,
.node--rectangle.event-with-text-label .field--name-field-events-labels,
.node--rectangle.event-with-text-label .field--name-field-events-text-label {
  z-index: 10;
  display: block;
  padding: 12.8px 19.2px;
  padding: 0.8rem 1.2rem;
  color: #000000 !important;
  background-color: #ffffff;
  font-family: "FlandersArtSerif-Medium" !important;
  font-size: 20px;
}

.node--square.event-with-image-label .field--name-field-events-labels img, .node--square.event-with-image-label .field--name-field-events-text-label img, .node--square.event-with-text-label .field--name-field-events-labels img, .node--square.event-with-text-label .field--name-field-events-text-label img,
.node--rectangle.event-with-image-label .field--name-field-events-labels img,
.node--rectangle.event-with-image-label .field--name-field-events-text-label img,
.node--rectangle.event-with-text-label .field--name-field-events-labels img,
.node--rectangle.event-with-text-label .field--name-field-events-text-label img {
  max-height: 20px;
  width: auto;
}

.node--square.event-without-label .field--name-field-events-types,
.node--rectangle.event-without-label .field--name-field-events-types {
  top: 0;
}

.node--square .field--name-field-events-types,
.node--rectangle .field--name-field-events-types {
  display: inline-block;
  position: absolute;
  display: block;
  padding: 4.8px 19.2px;
  padding: 0.3rem 1.2rem;
  color: #ffffff;
  background-color: #ea0c8b;
  font-family: "FlandersArtSerif-Medium" !important;
}

.node--square .group-content,
.node--rectangle .group-content {
  position: absolute;
  bottom: 0;
  padding: 0 24px 24px 24px;
  padding: 0 1.5rem 1.5rem 1.5rem;
}

.node--square .field, .node--square h2,
.node--rectangle .field,
.node--rectangle h2 {
  color: #ffffff;
}

.node--square .field,
.node--rectangle .field {
  font-family: "FlandersArtSans-Regular";
}

.node--square.rectangle-with-text .field--name-field-events-image,
.node--square.rectangle-with-text .field--name-field-events-media,
.node--rectangle.rectangle-with-text .field--name-field-events-image,
.node--rectangle.rectangle-with-text .field--name-field-events-media {
  margin: 0;
  overflow: hidden;
}

@media (min-width: 20em) and (max-width: 29.9375em) {
  .node--square.rectangle-with-text .field--name-field-events-image:before,
  .node--square.rectangle-with-text .field--name-field-events-media:before,
  .node--rectangle.rectangle-with-text .field--name-field-events-image:before,
  .node--rectangle.rectangle-with-text .field--name-field-events-media:before {
    content: " ";
    position: absolute;
    height: 15px;
    width: 26px;
    border-radius: 20px 20px 0px 0px;
    bottom: 0;
    left: 45%;
    background-color: #ffffff;
    z-index: 10;
  }
}

@media (min-width: 30em) and (max-width: 47.9375em) {
  .node--square.rectangle-with-text .field--name-field-events-image:before,
  .node--square.rectangle-with-text .field--name-field-events-media:before,
  .node--rectangle.rectangle-with-text .field--name-field-events-image:before,
  .node--rectangle.rectangle-with-text .field--name-field-events-media:before {
    content: " ";
    position: absolute;
    height: 15px;
    width: 26px;
    border-radius: 20px 20px 0px 0px;
    bottom: 0;
    left: 45%;
    background-color: #ffffff;
    z-index: 10;
  }
}

@media (min-width: 48em) {
  .node--square.rectangle-with-text .field--name-field-events-image,
  .node--square.rectangle-with-text .field--name-field-events-media,
  .node--rectangle.rectangle-with-text .field--name-field-events-image,
  .node--rectangle.rectangle-with-text .field--name-field-events-media {
    float: left;
    width: 49%;
  }
}

.node--square.rectangle-with-text .field--name-field-events-types,
.node--rectangle.rectangle-with-text .field--name-field-events-types {
  left: 0;
}

.node--square.rectangle-with-text .group-content,
.node--rectangle.rectangle-with-text .group-content {
  background-color: #ffffff;
  color: #231f20;
  display: block;
  padding-top: 16px;
  padding-top: 1rem;
  position: initial;
}

@media (min-width: 48em) {
  .node--square.rectangle-with-text .group-content,
  .node--rectangle.rectangle-with-text .group-content {
    float: right;
    top: 0;
    position: absolute;
    display: inline-block;
  }
}

@media (min-width: 48em) {
  .node--square.rectangle-with-text .group-content:before,
  .node--rectangle.rectangle-with-text .group-content:before {
    content: " ";
    position: absolute;
    height: 26px;
    width: 15px;
    border-radius: 20px 0px 0px 20px;
    bottom: 0;
    left: -15px;
    background-color: #ffffff;
    top: 45%;
  }
}

.node--square.rectangle-with-text .group-content .field--name-body,
.node--rectangle.rectangle-with-text .group-content .field--name-body {
  margin-top: 16px;
  margin-top: 1rem;
}

.node--square.rectangle-with-text .group-content .field, .node--square.rectangle-with-text .group-content h2, .node--square.rectangle-with-text .group-content p,
.node--rectangle.rectangle-with-text .group-content .field,
.node--rectangle.rectangle-with-text .group-content h2,
.node--rectangle.rectangle-with-text .group-content p {
  color: #231f20;
}

@media (min-width: 30em) {
  .ds-center.ds-twocol .ds-first {
    width: 48.97611%;
    float: left;
    margin-right: 2.04778%;
  }
  .ds-center.ds-twocol .ds-second {
    width: 48.97611%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 59.99em) {
  .ds-center.ds-twocol .ds-first {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
  }
  .ds-center.ds-twocol .ds-second {
    width: 49.32203%;
    float: right;
    margin-right: 0;
  }
}

.ds-center.ds-twocol-auto-fill {
  display: table;
  width: 100%;
}

.ds-center.ds-twocol-auto-fill .ds-first, .ds-center.ds-twocol-auto-fill .ds-second {
  display: table-cell;
  vertical-align: top;
}

.ds-center.ds-twocol-auto-fill .ds-second {
  width: 100%;
}

@media (min-width: 30em) {
  body.sidebar-second .ds-center.ds-twocol .ds-first,
  body.sidebar-first .ds-center.ds-twocol .ds-first {
    width: 48.97611%;
    float: left;
    margin-right: 2.04778%;
  }
  body.sidebar-second .ds-center.ds-twocol .ds-second,
  body.sidebar-first .ds-center.ds-twocol .ds-second {
    width: 48.97611%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 59.99em) {
  body.sidebar-second .ds-center.ds-twocol .ds-first,
  body.sidebar-first .ds-center.ds-twocol .ds-first {
    width: 43.43549%;
    float: left;
    margin-right: 1.81612%;
  }
  body.sidebar-second .ds-center.ds-twocol .ds-second,
  body.sidebar-first .ds-center.ds-twocol .ds-second {
    width: 43.43549%;
    float: right;
    margin-right: 0;
  }
}

.view .views-row {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.block {
  background: rgba(255, 255, 255, 0.5);
  border: solid 1px #cccccc;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.block .block__title {
  width: 100%;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
}

.panel-pane.view-pane, .panel-pane.pane-views {
  padding: 0;
}

@media (min-width: 30em) {
  .panel-cols-2 .panel-panel {
    width: 48.97611%;
    float: left;
    margin-right: 2.04778%;
  }
  .panel-cols-2 .panel-panel.last {
    width: 48.97611%;
    float: right;
    margin-right: 0;
  }
  .sidebar-first .panel-cols-2 .panel-panel,
  .sidebar-second .panel-cols-2 .panel-panel,
  .panel-cols-2 .two-sidebars .panel-panel {
    width: 48.97611%;
    float: left;
    margin-right: 2.04778%;
  }
  .sidebar-first .panel-cols-2 .panel-panel.last,
  .sidebar-second .panel-cols-2 .panel-panel.last,
  .panel-cols-2 .two-sidebars .panel-panel.last {
    width: 48.97611%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 59.99em) {
  .panel-cols-2 .panel-panel {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
  }
  .panel-cols-2 .panel-panel.last {
    width: 49.32203%;
    float: right;
    margin-right: 0;
  }
  .sidebar-first .panel-cols-2 .panel-panel,
  .sidebar-second .panel-cols-2 .panel-panel {
    width: 43.43549%;
    float: left;
    margin-right: 1.81612%;
  }
  .sidebar-first .panel-cols-2 .panel-panel.last,
  .sidebar-second .panel-cols-2 .panel-panel.last {
    width: 43.43549%;
    float: right;
    margin-right: 0;
  }
  .two-sidebars .panel-cols-2 .panel-panel {
    width: 48.62543%;
    float: left;
    margin-right: 2.74914%;
  }
  .two-sidebars .panel-cols-2 .panel-panel.last {
    width: 48.62543%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 30em) {
  .panel-cols-3 .panel-panel {
    width: 23.46416%;
    float: left;
    margin-right: 2.04778%;
  }
  .panel-cols-3 .panel-panel.last {
    width: 23.46416%;
    float: right;
    margin-right: 0;
  }
  .sidebar-first .panel-cols-3 .panel-panel,
  .sidebar-second .panel-cols-3 .panel-panel,
  .panel-cols-3 .two-sidebars .panel-panel {
    width: 23.46416%;
    float: left;
    margin-right: 2.04778%;
  }
  .sidebar-first .panel-cols-3 .panel-panel.last,
  .sidebar-second .panel-cols-3 .panel-panel.last,
  .panel-cols-3 .two-sidebars .panel-panel.last {
    width: 23.46416%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 59.99em) {
  .panel-cols-3 .panel-panel {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .panel-cols-3 .panel-panel.last {
    width: 32.42938%;
    float: right;
    margin-right: 0;
  }
  .sidebar-first .panel-cols-3 .panel-panel,
  .sidebar-second .panel-cols-3 .panel-panel {
    width: 32.12259%;
    float: left;
    margin-right: 1.81612%;
  }
  .sidebar-first .panel-cols-3 .panel-panel.last,
  .sidebar-second .panel-cols-3 .panel-panel.last {
    width: 32.12259%;
    float: right;
    margin-right: 0;
  }
  .two-sidebars .panel-cols-3 .panel-panel {
    width: 31.50057%;
    float: left;
    margin-right: 2.74914%;
  }
  .two-sidebars .panel-cols-3 .panel-panel.last {
    width: 31.50057%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 30em) {
  .panel-cols-4 .panel-panel {
    width: 23.46416%;
    float: left;
    margin-right: 2.04778%;
  }
  .panel-cols-4 .panel-panel.last {
    width: 23.46416%;
    float: right;
    margin-right: 0;
  }
  .sidebar-first .panel-cols-4 .panel-panel,
  .sidebar-second .panel-cols-4 .panel-panel,
  .panel-cols-4 .two-sidebars .panel-panel {
    width: 23.46416%;
    float: left;
    margin-right: 2.04778%;
  }
  .sidebar-first .panel-cols-4 .panel-panel.last,
  .sidebar-second .panel-cols-4 .panel-panel.last,
  .panel-cols-4 .two-sidebars .panel-panel.last {
    width: 23.46416%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 59.99em) {
  .panel-cols-4 .panel-panel {
    width: 23.98305%;
    float: left;
    margin-right: 1.35593%;
  }
  .panel-cols-4 .panel-panel.last {
    width: 23.98305%;
    float: right;
    margin-right: 0;
  }
  .sidebar-first .panel-cols-4 .panel-panel,
  .sidebar-second .panel-cols-4 .panel-panel {
    width: 20.80969%;
    float: left;
    margin-right: 1.81612%;
  }
  .sidebar-first .panel-cols-4 .panel-panel.last,
  .sidebar-second .panel-cols-4 .panel-panel.last {
    width: 20.80969%;
    float: right;
    margin-right: 0;
  }
  .two-sidebars .panel-cols-4 .panel-panel {
    width: 14.37572%;
    float: left;
    margin-right: 2.74914%;
  }
  .two-sidebars .panel-cols-4 .panel-panel.last {
    width: 14.37572%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 30em) {
  .panel-cols-5 .panel-panel {
    width: 10.70819%;
    float: left;
    margin-right: 2.04778%;
  }
  .panel-cols-5 .panel-panel.last {
    width: 10.70819%;
    float: right;
    margin-right: 0;
  }
  .sidebar-first .panel-cols-5 .panel-panel,
  .sidebar-second .panel-cols-5 .panel-panel,
  .panel-cols-5 .two-sidebars .panel-panel {
    width: 10.70819%;
    float: left;
    margin-right: 2.04778%;
  }
  .sidebar-first .panel-cols-5 .panel-panel.last,
  .sidebar-second .panel-cols-5 .panel-panel.last,
  .panel-cols-5 .two-sidebars .panel-panel.last {
    width: 10.70819%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 59.99em) {
  .panel-cols-5 .panel-panel {
    width: 15.53672%;
    float: left;
    margin-right: 1.35593%;
  }
  .panel-cols-5 .panel-panel.last {
    width: 15.53672%;
    float: right;
    margin-right: 0;
  }
  .sidebar-first .panel-cols-5 .panel-panel,
  .sidebar-second .panel-cols-5 .panel-panel {
    width: 9.49678%;
    float: left;
    margin-right: 1.81612%;
  }
  .sidebar-first .panel-cols-5 .panel-panel.last,
  .sidebar-second .panel-cols-5 .panel-panel.last {
    width: 9.49678%;
    float: right;
    margin-right: 0;
  }
  .two-sidebars .panel-cols-5 .panel-panel {
    width: 14.37572%;
    float: left;
    margin-right: 2.74914%;
  }
  .two-sidebars .panel-cols-5 .panel-panel.last {
    width: 14.37572%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 30em) {
  .panel-cols-2.panel-cols-sidebar .panel-panel {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .panel-cols-2.panel-cols-sidebar .panel-panel.sidebar {
    width: -2.04778%;
    float: left;
    margin-right: 2.04778%;
  }
  .panel-cols-2.panel-cols-sidebar .panel-panel.last {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 59.99em) {
  .panel-cols-2.panel-cols-sidebar .panel-panel {
    width: 74.66102%;
    float: left;
    margin-right: 1.35593%;
  }
  .panel-cols-2.panel-cols-sidebar .panel-panel.sidebar {
    width: 23.98305%;
    float: left;
    margin-right: 1.35593%;
  }
  .panel-cols-2.panel-cols-sidebar .panel-panel.last {
    float: right;
    margin-right: 0;
  }
}

.panel-cols-2.panel-cols-sidebar .panel-cols-1 .panel-panel {
  clear: both;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.l-browsehappy {
  background: #ffcc00;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding: 16px 0;
  padding: 1rem 0;
  text-align: center;
}

.l-browsehappy p, .l-browsehappy .region-inner {
  margin-bottom: 0 !important;
}

.l-browsehappy span.ext {
  display: none;
}

.l-browsehappy .browsehappy-close {
  cursor: pointer;
  margin-left: 16px;
  margin-left: 1rem;
}

.l-browsehappy .browsehappy-close:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

ul.tabs {
  border: none;
}

ul.tabs li {
  margin-right: 6.4px;
  margin-right: 0.4rem;
}

ul.tabs li a {
  background-color: #efefef;
  border-radius: 0.1rem;
}

ul.tabs li a:hover {
  background-color: #e2e2e2;
}

ul.tabs li a.active {
  color: white;
  background-color: #231f20;
}

ul.breadcrumb {
  padding: 0;
  list-style: none;
  overflow: hidden;
}

ul.breadcrumb li {
  float: left;
  margin: 0 8px 0 0;
  margin: 0 0.5rem 0 0;
  font-size: 14px;
  font-size: 0.875rem;
}

ul.breadcrumb li:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #231f20;
  font-size: 12px;
  font-size: 0.75rem;
  padding-left: 8px;
  padding-left: 0.5rem;
}

ul.breadcrumb li a {
  text-decoration: underline;
  color: #999999;
}

ul.breadcrumb li a, ul.breadcrumb li span {
  font-size: 14px;
  font-size: 0.875rem;
  position: relative;
  display: block;
  float: left;
}

ul.breadcrumb li.last:after {
  content: "";
}

ul.breadcrumb li a:hover {
  text-decoration: none;
}

ul.pager {
  list-style: none;
  display: block;
  float: right;
  border: solid 1px #cccccc;
}

ul.pager li.pager__item {
  font-family: "FlandersArtSans-Light";
  display: block;
  float: left;
  padding: 0;
  /* &.pager__item--previous a {}

    &.pager__item--next a {}*/
}

ul.pager li.pager__item a {
  background-color: #ffffff;
  display: block;
  padding: 1.6px 11.2px;
  padding: 0.1rem 0.7rem;
  border-right: solid 1px #cccccc;
  color: #231f20;
  font-family: "FlandersArtSans-Regular";
}

ul.pager li.pager__item a:hover {
  background-color: #ea0c8b;
  color: #ffffff !important;
  text-decoration: none;
}

ul.pager li.pager__item.pager__item--first a, ul.pager li.pager__item.pager__item--previous a, ul.pager li.pager__item.pager__item--next a, ul.pager li.pager__item.pager__item--last a {
  color: #747474;
  font-family: "FlandersArtSans-Light";
}

ul.pager li.pager__item.pager__item--current {
  padding: 1.6px 11.2px;
  padding: 0.1rem 0.7rem;
  border-right: solid 1px #cccccc;
  background-color: #ea0c8b;
  color: #ffffff;
}

ul.pager li.pager__item.pager__item--last a {
  border-right: none;
}

ul.pager li.pager__item.pager__item--ellipsis {
  padding: 0 8px;
  padding: 0 0.5rem;
}

table {
  border-collapse: collapse;
  border: 1px solid #aaa;
  margin: 0 0 16px 0;
  margin: 0 0 1rem 0;
  width: 100%;
}

thead {
  background-color: #ccc;
}

table td, table th {
  padding: 8px;
  padding: 0.5rem;
  vertical-align: top;
}

tr.even, tr.odd {
  background-color: #eee;
  border-color: #BEBFB9;
  border-style: solid;
  border-width: 0 1px;
}

.messages {
  background-image: none;
  border: 0 none;
  margin: 16px 0;
  margin: 1rem 0;
  padding: 16px 16px 16px 48px;
  padding: 1rem 1rem 1rem 3rem;
  position: relative;
}

.messages--status {
  border-left: 5px solid #00ff00;
  background-color: rgba(0, 255, 0, 0.5);
}

.messages--status:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #00e600;
}

.messages--warning {
  border-left: 5px solid #ffcc00;
  background-color: rgba(255, 204, 0, 0.5);
}

.messages--warning:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #e6b800;
}

.messages--error {
  border-left: 5px solid #ff0000;
  background-color: rgba(255, 0, 0, 0.5);
}

.messages--error:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #cc0000;
}

.messages--status:before, .messages--warning:before, .messages--error:before {
  bottom: 0;
  font-size: 24px;
  font-size: 1.5rem;
  height: 24px;
  height: 1.5rem;
  left: 8px;
  left: 0.5rem;
  margin: auto;
  position: absolute;
  top: 0;
  width: 24px;
  width: 1.5rem;
}

.messages li {
  list-style: square;
}

.comments .indented {
  margin-left: 0;
  padding-left: 48px;
  padding-left: 3rem;
}

.comment {
  border-bottom: solid 1px #cccccc;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

.views-row-last .comment {
  border-bottom: 0 none;
  padding-bottom: 0;
}

.view-mode-teaser_comment .field,
.view-mode-teaser_comment h4, .view-mode-teaser_comment p {
  margin-bottom: 0;
}

.comment-form .form-type-textfield label,
.comment-form .form-type-item label {
  display: inline-block;
  margin-right: 16px;
  margin-right: 1rem;
  width: 128px;
  width: 8rem;
}

.comment-form .form-actions {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

#comment-body-add-more-wrapper .filter-help,
#comment-body-add-more-wrapper .filter-guidelines {
  display: none;
}

html.js input.form-autocomplete,
html.js input.throbbing {
  background: 0 none;
}

.ajax-progress {
  display: inline-block;
}

.ajax-progress .throbber {
  display: inline;
  margin: 0;
  margin-top: -3px;
  padding: 0;
  height: 15px;
  width: 15px;
  background: transparent url("../images/throbber.gif") no-repeat 0px -20px;
}

.pager .throbber {
  margin-left: 8px;
  margin-left: 0.5rem;
  margin-right: 8px;
  margin-right: 0.5rem;
}

.ajax-progress-throbber .message {
  display: none;
}

.zoom-img {
  overflow: hidden;
}

.zoom-img img {
  /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1, 1);
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1, 1);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1, 1);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
}

.zoom-img img:hover {
  /* Webkit for Chrome and Safari */
  -webkit-transform: scale(1.05, 1.05);
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
  /* Webkit for Mozila Firefox */
  -moz-transform: scale(1.05, 1.05);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
  /* Webkit for IE( Version: 11, 10 ) */
  -ms-transform: scale(1.05, 1.05);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
}

.l-region--navigation {
  display: none;
  margin-top: 0 !important;
}

.l-region--navigation .region-inner-navigation {
  margin-bottom: 0;
}

.l-region--navigation.overlay-open {
  display: inline-block;
}

@media (max-width: 59.99em) {
  .l-region--navigation {
    position: fixed;
    left: 30%;
    top: 0;
    width: 100%;
    height: 150%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.85);
    margin-top: 0;
  }
  .l-region--navigation nav ul.menu li.leaf {
    width: 100%;
  }
}

.l-region--navigation nav ul.menu {
  padding: 0;
  margin: 64px 0 0 0;
  margin: 4rem 0 0 0;
}

.l-region--navigation nav ul.menu:before, .l-region--navigation nav ul.menu:after {
  content: " ";
  display: table;
}

.l-region--navigation nav ul.menu:after {
  clear: both;
}

.l-region--navigation nav ul.menu {
  *zoom: 1;
}

.l-region--navigation nav ul.menu li.leaf {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
  padding: 8px 0;
  padding: 0.5rem 0;
}

.l-region--navigation nav ul.menu li.leaf a {
  font-family: "FlandersArtSerif-Medium";
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 16px 8px;
  padding: 1rem 0.5rem;
}

.l-region--navigation nav ul.menu li.leaf a:after {
  content: "";
}

.l-region--navigation nav ul.menu li.leaf a:hover {
  color: #ea0c8b;
  text-decoration: none;
}

.l-region--navigation nav ul.menu li.leaf a.active {
  color: #ea0c8b;
}

.l-region--navigation nav ul.menu li.leaf a#home {
  display: none;
}

@media (min-width: 59.99em) {
  .l-region--navigation {
    display: inline-block;
    float: right;
    margin-top: 2rem;
  }
  .l-region--navigation nav {
    float: right;
    margin-bottom: 0;
  }
  .l-region--navigation nav ul.menu {
    margin: 0;
  }
  .l-region--navigation nav ul.menu:before, .l-region--navigation nav ul.menu:after {
    content: " ";
    display: table;
  }
  .l-region--navigation nav ul.menu:after {
    clear: both;
  }
  .l-region--navigation nav ul.menu {
    *zoom: 1;
  }
  .l-region--navigation nav ul.menu li.leaf {
    width: initial;
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    float: left;
    display: block;
  }
  .l-region--navigation nav ul.menu li.leaf a {
    display: block;
    padding: 2rem 5px;
    font-size: 0.8125rem;
    color: #231f20;
    font-size: calc(13px + (16 - 13) * ((100vw - 960px) / (1244 - 960)));
    padding: 2rem calc(5px + (12 - 5) * ((100vw - 960px) / (1244 - 960)));
  }
  .l-region--navigation nav ul.menu li.leaf a.active {
    position: relative;
  }
  .l-region--navigation nav ul.menu li.leaf a.active:after {
    content: " ";
    position: absolute;
    height: 11px;
    width: 20px;
    border-radius: 20px 20px 0px 0px;
    bottom: 0;
    left: 38%;
  }
}

@media screen and (min-width: 77.75rem) {
  .l-region--navigation nav ul.menu li.leaf {
    display: block;
  }
  .l-region--navigation nav ul.menu li.leaf a {
    padding: 2rem .75rem;
    font-size: 1rem;
  }
}

@media (min-width: 48em) {
  .l-region--navigation nav li.leaf a:after {
    background: #000000;
  }
  .l-region--navigation nav li.leaf a:hover.color-blue {
    color: #00b0ed !important;
  }
  .l-region--navigation nav li.leaf a:hover.color-pink {
    color: #ea0c8b !important;
  }
  .l-region--navigation nav li.leaf a:hover.color-green {
    color: #0c957a !important;
  }
  .l-region--navigation nav li.leaf a:hover.color-red {
    color: #ff1500 !important;
  }
  .l-region--navigation nav li.leaf a:hover.color-orange {
    color: #ab7b66 !important;
  }
  .l-region--navigation nav li.leaf a.active.color-blue {
    color: #00b0ed !important;
  }
  .l-region--navigation nav li.leaf a.active.color-blue:after {
    background: #00b0ed !important;
  }
  .l-region--navigation nav li.leaf a.active.color-pink {
    color: #ea0c8b !important;
  }
  .l-region--navigation nav li.leaf a.active.color-pink:after {
    background: #ea0c8b !important;
  }
  .l-region--navigation nav li.leaf a.active.color-green {
    color: #0c957a !important;
  }
  .l-region--navigation nav li.leaf a.active.color-green:after {
    background: #0c957a !important;
  }
  .l-region--navigation nav li.leaf a.active.color-red {
    color: #ff1500 !important;
  }
  .l-region--navigation nav li.leaf a.active.color-red:after {
    background: #ff1500 !important;
  }
  .l-region--navigation nav li.leaf a.active.color-orange {
    color: #ab7b66 !important;
  }
  .l-region--navigation nav li.leaf a.active.color-orange:after {
    background: #ab7b66 !important;
  }
}

.mobile-toggle {
  font-size: 0px;
  font-size: 0rem;
  display: block;
  float: right;
}

@media (min-width: 59.99em) {
  .mobile-toggle {
    display: none;
  }
}

.mobile-toggle .toggle-mobile-menu:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #000000;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem;
}

.mobile-toggle > * {
  cursor: pointer;
}

.overlay-toggle {
  display: none;
  z-index: 99999999;
  position: fixed;
  top: 0;
  right: 0;
}

.overlay-toggle:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ffffff;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 20px 20px 20px 20px;
}

.overlay-toggle.active {
  display: block;
}

.overlay-toggle:hover {
  cursor: pointer;
}

nav.submenu ul.menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
  float: none;
}

nav.submenu ul.menu li a {
  background: #efefef;
  border-bottom: solid 1px #cccccc;
  display: block;
  padding: 16px;
  padding: 1rem;
}

nav.submenu ul.menu li a.active {
  color: #ffffff;
  background: #231f20;
}

nav.submenu ul.menu li a.active:hover {
  color: #ffffff;
}

nav.submenu ul.menu li a:hover {
  color: #231f20;
}

nav.submenu ul.menu li.last a {
  border-bottom: none;
}

nav.submenu ul.menu li.collapsed a {
  background-image: url("../images/submenu-bg.png");
  background-position: right 15px;
  background-repeat: no-repeat;
  padding-right: 48px;
  padding-right: 3rem;
}

nav.submenu ul.menu li.collapsed a:hover {
  background-position: right -65px;
}

nav.submenu ul.menu li.expanded a {
  background-image: url("../images/submenu-bg.png");
  background-position: right -105px;
  background-repeat: no-repeat;
  padding-right: 32px;
  padding-right: 2rem;
}

nav.submenu ul.menu li.expanded a.active {
  background-position: right -225px;
}

nav.submenu ul.menu li.expanded a.active:hover {
  background-position: right -225px;
}

nav.submenu ul.menu ul {
  border-bottom: solid 1px #cccccc;
}

nav.submenu ul.menu ul li a {
  background-image: none !important;
  background: #efefef;
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 16px;
  padding-right: 1rem;
}

.block--menu-menu-dossiers h2,
.block--menu-menu-over-ons h2 {
  font-weight: normal;
}

.block--menu-menu-dossiers ul.menu,
.block--menu-menu-over-ons ul.menu {
  padding-left: 0;
}

.block--menu-menu-dossiers ul.menu li.leaf,
.block--menu-menu-over-ons ul.menu li.leaf {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}

.block--menu-menu-dossiers ul.menu li.leaf:before,
.block--menu-menu-over-ons ul.menu li.leaf:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 15px;
  line-height: 0.9375rem;
  padding-right: 4px;
  vertical-align: middle;
}

.block--menu-menu-dossiers ul.menu li.leaf a,
.block--menu-menu-over-ons ul.menu li.leaf a {
  font-family: "FlandersArtSans-Light";
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
  line-height: 1.3125rem;
  color: #efefef;
}

.block--menu-block-1 {
  padding-top: 43px;
  background-image: url("../images/logo-wit.png") !important;
  background-size: 70% !important;
  background-repeat: no-repeat !important;
  background-position: left top !important;
}

@media (min-width: 20em) and (max-width: 29.9375em) {
  .block--menu-block-1 {
    padding-top: 50px;
  }
}

.block--menu-block-1 .menu .leaf {
  list-style-image: none;
  list-style-type: none;
}

.block--menu-block-1 ul {
  padding: 0;
}

.block--menu-block-1 ul li a {
  color: #ffffff;
  font-family: "FlandersArtSerif-Medium";
}

.block--menu-block-1 ul li a:hover {
  color: #ea0c8b;
  text-decoration: none;
}

.block--menu-block-1 ul li a:active {
  color: #ea0c8b;
  text-decoration: none;
}

.region-inner-browsehappy,
.region-inner-toolbar,
.region-inner-header,
.region-outer-header,
.region-inner-navigation,
.region-inner-top,
.region-inner-main,
.banner-inner,
.l-region--bottom,
.footer-columns-inner,
.footer-bottom-inner,
.block--menu-block-3 .menu-block-3,
.page-header-inner {
  max-width: 1180px;
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding-left: 16px;
  padding-left: 1rem;
  padding-right: 16px;
  padding-right: 1rem;
  box-sizing: content-box;
}

.region-inner-browsehappy:after,
.region-inner-toolbar:after,
.region-inner-header:after,
.region-outer-header:after,
.region-inner-navigation:after,
.region-inner-top:after,
.region-inner-main:after,
.banner-inner:after,
.l-region--bottom:after,
.footer-columns-inner:after,
.footer-bottom-inner:after,
.block--menu-block-3 .menu-block-3:after,
.page-header-inner:after {
  content: " ";
  display: block;
  clear: both;
}

.l-region--highlighted,
.l-region--help,
.l-region--sidebar-first,
.l-region--sidebar-second {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.l-content .region-inner,
.l-feed-icons {
  clear: both;
}

@media (min-width: 20em) {
  .region-inner-browsehappy,
  .region-inner-toolbar,
  .region-inner-header,
  .region-inner-navigation,
  .region-inner-top,
  .region-inner-main,
  .region-inner-bottom,
  .footer-columns-inner,
  .footer-bottom-inner,
  .banner-inner,
  .page-header-inner {
    max-width: 73.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .region-inner-browsehappy:after,
  .region-inner-toolbar:after,
  .region-inner-header:after,
  .region-inner-navigation:after,
  .region-inner-top:after,
  .region-inner-main:after,
  .region-inner-bottom:after,
  .footer-columns-inner:after,
  .footer-bottom-inner:after,
  .banner-inner:after,
  .page-header-inner:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 30em) {
  .region-inner-browsehappy,
  .region-inner-toolbar,
  .region-inner-header,
  .region-inner-navigation,
  .region-inner-top,
  .region-inner-main,
  .region-inner-bottom,
  .footer-columns-inner,
  .footer-bottom-inner,
  .banner-inner,
  .page-header-inner {
    max-width: 73.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .region-inner-browsehappy:after,
  .region-inner-toolbar:after,
  .region-inner-header:after,
  .region-inner-navigation:after,
  .region-inner-top:after,
  .region-inner-main:after,
  .region-inner-bottom:after,
  .footer-columns-inner:after,
  .footer-bottom-inner:after,
  .banner-inner:after,
  .page-header-inner:after {
    content: " ";
    display: block;
    clear: both;
  }
}

@media (min-width: 48em) {
  .region-inner-browsehappy,
  .region-inner-toolbar,
  .region-inner-header,
  .region-inner-navigation,
  .region-inner-top,
  .region-inner-main,
  .region-inner-bottom,
  .footer-columns-inner,
  .footer-bottom-inner,
  .banner-inner,
  .page-header-inner {
    max-width: 73.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .region-inner-browsehappy:after,
  .region-inner-toolbar:after,
  .region-inner-header:after,
  .region-inner-navigation:after,
  .region-inner-top:after,
  .region-inner-main:after,
  .region-inner-bottom:after,
  .footer-columns-inner:after,
  .footer-bottom-inner:after,
  .banner-inner:after,
  .page-header-inner:after {
    content: " ";
    display: block;
    clear: both;
  }
  .l-branding {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .l-region--header {
    width: 66.21469%;
    float: right;
    margin-right: 0;
  }
  .sidebar-first .l-content,
  .sidebar-second .l-content,
  .two-sidebars .l-content {
    width: 57.76836%;
    float: left;
    margin-right: 1.35593%;
  }
  .sidebar-first .l-region--sidebar-second,
  .sidebar-second .l-region--sidebar-second,
  .two-sidebars .l-region--sidebar-second {
    clear: right;
  }
  .sidebar-first .l-content {
    width: 66.21469%;
    float: right;
    margin-right: 0;
  }
  .sidebar-first .l-region--sidebar-first {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .sidebar-second .l-content {
    width: 66.21469%;
    float: left;
    margin-right: 1.35593%;
  }
  .sidebar-second .l-region--sidebar-second {
    width: 32.42938%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 59.99em) {
  .region-inner-browsehappy,
  .region-inner-toolbar,
  .region-inner-header,
  .region-inner-navigation,
  .region-inner-top,
  .region-inner-main,
  .region-inner-bottom,
  .footer-columns-inner,
  .footer-bottom-inner,
  .banner-inner,
  .page-header-inner {
    max-width: 73.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .region-inner-browsehappy:after,
  .region-inner-toolbar:after,
  .region-inner-header:after,
  .region-inner-navigation:after,
  .region-inner-top:after,
  .region-inner-main:after,
  .region-inner-bottom:after,
  .footer-columns-inner:after,
  .footer-bottom-inner:after,
  .banner-inner:after,
  .page-header-inner:after {
    content: " ";
    display: block;
    clear: both;
  }
  .l-branding {
    width: 19.75989%;
    float: left;
    margin-right: 1.35593%;
  }
  .l-region--header {
    width: 66.21469%;
    float: right;
    margin-right: 0;
  }
  .sidebar-first .l-content {
    width: 74.66102%;
    float: right;
    margin-right: 0;
  }
  .sidebar-first .l-region--sidebar-first {
    width: 23.98305%;
    float: left;
    margin-right: 1.35593%;
  }
  .sidebar-second .l-content {
    width: 74.66102%;
    float: left;
    margin-right: 1.35593%;
  }
  .sidebar-second .l-region--sidebar-second {
    width: 23.98305%;
    float: right;
    margin-right: 0;
    clear: none;
  }
  .two-sidebars .l-content {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
    margin-left: 25.33898%;
  }
  .two-sidebars .l-region--sidebar-first,
  .two-sidebars .l-region--sidebar-second {
    width: 23.98305%;
    float: left;
    margin-right: 1.35593%;
  }
  .two-sidebars .l-region--sidebar-first {
    margin-left: -76.01695%;
  }
  .two-sidebars .l-region--sidebar-second {
    float: right;
    margin-right: 0;
    clear: none;
  }
}

@media (min-width: 90em) {
  .region-inner-browsehappy,
  .region-inner-toolbar,
  .region-inner-header,
  .region-inner-navigation,
  .region-inner-top,
  .region-inner-main,
  .region-inner-bottom,
  .footer-columns-inner,
  .footer-bottom-inner,
  .banner-inner,
  .page-header-inner {
    max-width: 73.75rem;
    margin-left: auto;
    margin-right: auto;
  }
  .region-inner-browsehappy:after,
  .region-inner-toolbar:after,
  .region-inner-header:after,
  .region-inner-navigation:after,
  .region-inner-top:after,
  .region-inner-main:after,
  .region-inner-bottom:after,
  .footer-columns-inner:after,
  .footer-bottom-inner:after,
  .banner-inner:after,
  .page-header-inner:after {
    content: " ";
    display: block;
    clear: both;
  }
}

.block--user .user-login-form ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.l-header .region-outer-header {
  position: relative;
}

.toggle-search-form:hover {
  cursor: pointer;
}

.l-region--top {
  position: relative;
}

.block--views-exp-search-results-page {
  position: absolute;
  display: block;
  right: -9999px;
  bottom: 0;
  margin-bottom: -49px;
  max-width: 330px;
  max-height: 50px;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  background-color: rgba(225, 225, 225, 0.7) !important;
}

@media (min-width: 20em) and (max-width: 29.9375em) {
  .block--views-exp-search-results-page {
    background-color: #e1e1e1 !important;
  }
}

.block--views-exp-search-results-page.form-shown {
  right: 0;
  margin-right: 16px;
  margin-right: 1rem;
}

.block--views-exp-search-results-page .form-item {
  margin-bottom: 0;
}

.block--views-exp-search-results-page form:before {
  position: absolute;
  font-size: 25px !important;
  left: 10px;
  top: 27%;
}

.block--views-exp-search-results-page form:before:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #747474;
}

.block--views-exp-search-results-page .views-widget-filter-search_api_views_fulltext {
  float: left;
}

.block--views-exp-search-results-page .views-widget-filter-search_api_views_fulltext input {
  background-color: transparent;
  border: none;
  border-radius: none;
  box-shadow: none;
  padding: 16px;
  padding: 1rem;
  padding-left: 40px;
  max-width: 220px;
}

.block--views-exp-search-results-page .views-submit-button {
  float: right;
  display: block;
}

.block--views-exp-search-results-page .views-submit-button button {
  padding: 12.32px;
  padding: 0.77rem;
  font-size: 20px;
  font-size: 1.25rem;
  color: #ea0c8b;
  font-family: "FlandersArtSerif-Medium";
  background-color: transparent;
}

.block--views-exp-search-results-page .views-submit-button button:active, .block--views-exp-search-results-page .views-submit-button button:focus {
  box-shadow: none;
}

.section-zoekresultaten .region-inner-content_bottom {
  padding-top: 16px;
  padding-top: 1rem;
}

.block--views-c785a58e1a7c7ee835f0d2b8a90084b8 {
  margin-top: 16px;
  margin-top: 1rem;
  background-color: #efefef !important;
}

.block--views-c785a58e1a7c7ee835f0d2b8a90084b8 h2.title {
  padding: 32px 32px 0 32px;
  padding: 2rem 2rem 0 2rem;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem;
}

.section-zoekresultaten .view-culturefeed-events {
  padding: 0 32px 32px 32px;
  padding: 0 2rem 2rem 2rem;
  background-color: #efefef;
}

@media (min-width: 48em) {
  .section-zoekresultaten .view-culturefeed-events .views-row {
    width: 18.07062%;
    float: left;
    margin-right: 1.35593%;
  }
}

.section-zoekresultaten .view-culturefeed-events .views-row .event-teaser {
  margin-top: 0;
  clear: both;
  text-align: center;
}

.section-zoekresultaten .view-culturefeed-events .views-row .event-teaser:before {
  background: transparent;
}

.section-zoekresultaten .view-culturefeed-events .views-row .event-teaser .image-empty {
  width: 100%;
  max-height: 150px;
  background-color: #ffffff;
}

.section-zoekresultaten .view-culturefeed-events .views-row .event-teaser .content .event-title {
  padding-top: 8px;
  padding-top: 0.5rem;
}

.section-zoekresultaten .view-culturefeed-events .views-row .event-teaser .content .event-types {
  background-color: #5dbd83;
}

@media (min-width: 48em) {
  .section-zoekresultaten .view-culturefeed-events .views-row .event-teaser .content .event-types {
    float: left;
  }
}

@media (min-width: 48em) {
  .section-zoekresultaten .view-culturefeed-events .views-row .event-teaser {
    text-align: left;
  }
}

.section-zoekresultaten .view-culturefeed-events .views-row .event-teaser img {
  display: block;
  margin: 0 auto;
}

.section-zoekresultaten .view-culturefeed-events .more-link {
  clear: both;
  text-align: center;
}

.section-zoekresultaten .view-culturefeed-events .more-link a {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  font-family: "FlandersArtSerif-Regular";
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
  background-color: #ea0c8b;
  color: #ffffff;
}

.section-zoekresultaten .view-culturefeed-events .more-link a:hover {
  text-decoration: underline;
}

.section-zoekresultaten .view-search-results .views-row {
  padding: 16px 0;
  padding: 1rem 0;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.section-zoekresultaten .view-search-results .views-row:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.section-zoekresultaten .view-search-results .views-row .view-mode-search_terms {
  padding-bottom: 16px;
  padding-bottom: 1rem;
}

@media (min-width: 48em) {
  .section-zoekresultaten .view-search-results .views-row .view-mode-search_terms .group-left {
    width: 74.66102%;
    float: left;
    margin-right: 1.35593%;
  }
}

.section-zoekresultaten .view-search-results .views-row .view-mode-search_terms .group-left .field--name-title h2 {
  margin: 0;
}

.section-zoekresultaten .view-search-results .views-row .view-mode-search_terms .group-left .field--name-field-events-date, .section-zoekresultaten .view-search-results .views-row .view-mode-search_terms .group-left .field--name-field-free-date {
  margin-bottom: 9.6px;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
  color: #999999;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
  line-height: 1.3125rem;
  font-family: "FlandersArtSans-Regular";
}

.section-zoekresultaten .view-search-results .views-row .view-mode-search_terms .group-left .field--name-field-events-location, .section-zoekresultaten .view-search-results .views-row .view-mode-search_terms .group-left .field--name-field-free-location {
  margin-bottom: 9.6px;
  margin-bottom: 0.6rem;
  color: #999999;
  font-family: "FlandersArtSans-Regular";
}

.section-zoekresultaten .view-search-results .views-row .view-mode-search_terms .group-left .field--name-field-events-themes, .section-zoekresultaten .view-search-results .views-row .view-mode-search_terms .group-left .field--name-field-free-themes {
  padding: 1.6px 8px;
  padding: 0.1rem 0.5rem;
  background-color: #5dbd83;
  color: #ffffff;
  display: inline-block;
  margin: 0 4.8px 4.8px 0;
  margin: 0 0.3rem 0.3rem 0;
}

@media (min-width: 48em) {
  .section-zoekresultaten .view-search-results .views-row .view-mode-search_terms .group-right {
    width: 15.53672%;
    float: right;
    margin-right: 0;
  }
}

.section-zoekresultaten .view-search-results .views-row .view-mode-search_terms .group-right .field--name-field-events-image, .section-zoekresultaten .view-search-results .views-row .view-mode-search_terms .group-right .field--name-field-free-image {
  float: right;
  width: 160px;
}

@media (min-width: 48em) {
  .section-zoekresultaten .view-search-results .views-row .node-walks .group-left {
    width: 83.10734%;
    float: left;
    margin-right: 1.35593%;
  }
}

.section-zoekresultaten .view-search-results .views-row .node-walks .group-left .field--name-field-walks-starting-point .field-label, .section-zoekresultaten .view-search-results .views-row .node-walks .group-left .field--name-field-walks-ending-point .field-label, .section-zoekresultaten .view-search-results .views-row .node-walks .group-left .field--name-field-walks-duration .field-label {
  font-family: "FlandersArtSerif-Medium";
  float: left;
}

@media (min-width: 48em) {
  .section-zoekresultaten .view-search-results .views-row .node-walks .group-right {
    width: 15.53672%;
    float: right;
    margin-right: 0;
  }
}

.section-zoekresultaten .view-search-results .views-row .node-walks .group-right .field--name-field-walks-picture {
  float: right;
  width: 160px;
}

.toggle-search-form {
  margin-right: 35px;
  position: static !important;
  margin-top: 27.2px;
  margin-top: 1.7rem;
  font-size: 0px;
  font-size: 0rem;
  display: block;
  float: right;
}

@media (min-width: 59.99em) {
  .toggle-search-form {
    margin-right: 0;
  }
}

.toggle-search-form:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ea0c8b;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem;
}

.toggle-search-form > * {
  cursor: pointer;
}

.views-slideshow-cycle-main-frame,
.views-slideshow-cycle-main-frame-row {
  width: 100% !important;
}

.views-slideshow-cycle-main-frame-row {
  height: auto !important;
}

.l-region--toolbar {
  background-color: #000000;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-top: 16px;
  padding-top: 1rem;
}

.l-region--toolbar .block {
  border: 0 none;
  margin-bottom: 0;
}

.region-inner-toolbar {
  margin-bottom: 0;
}

nav.menu-block-dropdown {
  max-width: 192px;
  max-width: 12rem;
  position: relative;
}

nav.menu-block-dropdown span.ext {
  display: none;
}

nav.menu-block-dropdown h2.block__title,
nav.menu-block-dropdown .dropdown-anchor {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  background: #231f20;
  color: #ffffff;
  display: block;
  font-weight: normal;
  overflow: hidden;
  padding: 4.8px 48px 4.8px 16px;
  padding: 0.3rem 3rem 0.3rem 1rem;
  position: relative;
  text-decoration: none;
  transition: border-radius cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
  white-space: nowrap;
  width: 100%;
}

nav.menu-block-dropdown h2.block__title:before,
nav.menu-block-dropdown .dropdown-anchor:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  right: 16px;
  right: 1rem;
  top: 8px;
  top: 0.5rem;
}

nav.menu-block-dropdown ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
  background: #efefef;
  padding: 4px 0px;
  padding: 0.25rem 0rem;
  position: absolute;
  z-index: 99;
}

nav.menu-block-dropdown ul.menu li {
  float: none;
  margin: 0;
  border-bottom: solid 1px #cccccc;
}

nav.menu-block-dropdown ul.menu li a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  display: block;
  padding: 4px 16px;
  padding: 0.25rem 1rem;
}

nav.menu-block-dropdown ul.menu li:last-child {
  border-bottom: 0 none;
}

nav.menu-block-dropdown ul.menu span.locale-untranslated {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #999999;
  text-decoration: line-through;
}

nav.menu-block-dropdown.hover .dropdown-anchor {
  transition: border-radius;
}

/* .l-main {
  padding-top: 3rem;
} */
.l-header {
  background: #ffffff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.09);
  position: relative;
  z-index: 99;
  width: 100%;
}

.region-inner-header,
.region-outer-header {
  margin-bottom: 0;
}

.l-branding {
  width: 23.98305%;
  float: left;
  margin-right: 1.35593%;
}

.l-branding .site-name {
  margin: 16px 0;
  margin: 1rem 0;
  line-height: 0;
}

.l-branding .site-name span.logo {
  display: inline-block;
}

.l-branding .site-name span.logo img {
  max-width: 225px;
}

@media (min-width: 30em) {
  .l-branding .site-name span.logo img {
    max-width: none !important;
  }
}

@media (min-width: 59.99em) {
  .l-branding .site-name span.logo img {
    max-width: 225px !important;
  }
}

.l-region--navigation {
  float: left;
}

.toggle-search-form {
  position: absolute;
  right: 50px;
}

@media (min-width: 59.99em) {
  .toggle-search-form {
    right: 10px;
  }
}

.region-inner-header {
  float: left;
}

.mobile-toggle {
  position: absolute;
  right: 10px;
  top: 26px;
}

@media (min-width: 48em) {
  .mobile-toggle {
    right: 10px;
  }
}

.mobile-toggle .toggle-mobile-menu:before {
  font-size: 32px;
  font-size: 2rem;
}

.l-region--sidebar-first {
  background-color: #efefef;
}

.l-region--sidebar-first .block {
  margin: 16px;
  margin: 1rem;
}

.l-region--sidebar-first .block--search {
  margin: 0;
}

.front, .page-kinderen-in-brussel, .page-broodje-brussel, .l-bottom {
  background-color: #efefef;
}

.html:not(.page-agenda-e) .l-bottom {
  padding-top: 32px;
  padding-top: 2rem;
  background-color: #ffffff;
}

.footer-bottom {
  background-color: #ffffff;
}

.footer-bottom .footer-bottom-inner, .footer-bottom .block--imageblock-1 {
  margin-bottom: 0;
}

.node-page {
  width: 66.21469%;
  float: left;
  margin-right: 1.35593%;
}

.pane-user-login .user-login-form,
.views-exposed-form-store-locator-panel-pane-1 {
  background: #ffffff;
  padding: 16px;
  border-radius: 6px;
}

.node--event--teaser,
.node--news--teaser {
  background: #ffffff;
  border-radius: 6px;
  padding: 16px;
  padding: 1rem;
}

.node--event--teaser .ds-center.ds-twocol .ds-first,
.node--news--teaser .ds-center.ds-twocol .ds-first {
  width: 20%;
}

.node--event--teaser .ds-center.ds-twocol .ds-second,
.node--news--teaser .ds-center.ds-twocol .ds-second {
  width: 78%;
}

.node-type-content-page .pane-entity-view,
.node-type-news .panel-1.first .pane-node-content {
  background: #ffffff;
}

.node--ce-text-with-image-left {
  margin: 32px 16px;
  margin: 2rem 1rem;
}

.node--ce-text-with-image-left .ds-center.ds-twocol .ds-first {
  width: 20%;
}

.node--ce-text-with-image-left .ds-center.ds-twocol .ds-second {
  width: 78%;
}

.node--ce-text-with-image-right {
  margin: 32px 0;
}

.node--ce-text-with-image-right .ds-center.ds-twocol .ds-first {
  width: 78%;
}

.node--ce-text-with-image-right .ds-center.ds-twocol .ds-second {
  width: 20%;
}

.node--photoalbum a {
  background: #0088cc;
  display: inline-block;
  padding: 8px;
  padding: 0.5rem;
  text-align: center;
  width: 20%;
}

.node--photoalbum a img {
  vertical-align: middle;
}

.node--photoalbum a:hover {
  background: #231f20;
}

.front .pane-news-panel-pane-2 {
  background: #ffffff;
}

.stores-list {
  overflow: visible;
  height: auto;
}

.stores-list .views-row {
  background: #ffffff;
  padding: 12px;
  border-radius: 6px;
}

.node-type-event .panel-pane.pane-entity-view,
.node-type-store .panel-pane.pane-entity-view {
  background: #ffffff;
}

div.pane-views-exp-store-locator-panel-pane-1 {
  background: #231f20;
}

div.pane-views-exp-store-locator-panel-pane-1 .pane-title {
  color: #ffffff;
}

.block {
  background: none;
  border: none;
}

.striped-border-bottom {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.striped-border-bottom:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.striped-border-top {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.striped-border-top:before {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: -15px;
  left: 0;
  bottom: auto;
  right: 0;
}

#skip-link {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 50;
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.94em;
  line-height: 1.7em;
  padding: 1px 10px 2px;
  border-bottom-width: 0;
  outline: 0;
}

#skip-link.visually-hidden.focusable:focus {
  position: absolute !important;
  color: #fff !important;
}

div#main-content:focus {
  outline: none;
}

.hidden {
  display: none !important;
}

.visible {
  dispay: block !important;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.page-paspartoe .region-inner-main {
  margin-bottom: 0;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.l-footer .footer-columns {
  padding: 32px 0 16px 0;
  padding: 2rem 0 1rem 0;
  background: #231f20;
  color: #ffffff;
}

.l-footer .footer-columns:before, .l-footer .footer-columns:after {
  content: " ";
  display: table;
}

.l-footer .footer-columns:after {
  clear: both;
}

.l-footer .footer-columns {
  *zoom: 1;
}

.l-footer .footer-columns .l-region--footer-firstcolumn,
.l-footer .footer-columns .l-region--footer-secondcolumn,
.l-footer .footer-columns .l-region--footer-thirdcolumn {
  width: 49.32203%;
  float: left;
  margin-right: 1.35593%;
}

@media (min-width: 48em) {
  .l-footer .footer-columns .l-region--footer-firstcolumn,
  .l-footer .footer-columns .l-region--footer-secondcolumn,
  .l-footer .footer-columns .l-region--footer-thirdcolumn {
    width: 19.75989%;
    float: left;
    margin-right: 1.35593%;
  }
}

.l-footer .footer-columns .l-region--footer-fourthcolumn {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  clear: both;
}

@media (min-width: 48em) {
  .l-footer .footer-columns .l-region--footer-fourthcolumn {
    clear: none;
    width: 36.65254%;
    float: right;
    margin-right: 0;
  }
}

.l-footer .block__title {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  color: #ffffff;
  font-size: 21px;
}

.l-footer .block__title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.l-footer .l-region--footer-firstcolumn .block--menu-block-1 .menu .active #home {
  color: #ea0c8b;
}

.l-footer .l-region--footer-firstcolumn .block--menu-block-1 .menu .active .color-pink {
  color: #ea0c8b;
}

.l-footer .l-region--footer-firstcolumn .block--menu-block-1 .menu .active .color-blue {
  color: #00b0ed;
}

.l-footer .l-region--footer-firstcolumn .block--menu-block-1 .menu .active .color-red {
  color: #ff1500;
}

.l-footer .l-region--footer-firstcolumn .block--menu-block-1 .menu .active .color-orange {
  color: #ab7b66;
}

.l-footer .l-region--footer-firstcolumn .block--menu-block-1 .menu .active .color-green {
  color: #0c957a;
}

.block--uib-page-footer-uib-footer-block-social, .social-footer {
  margin-top: 24px;
  margin-top: 1.5rem;
}

.block--uib-page-footer-uib-footer-block-social .text_description, .social-footer .text_description {
  float: left;
  font-family: "FlandersArtSerif-Regular";
  color: #ffffff;
  font-size: 21px;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.block--uib-page-footer-uib-footer-block-social .text_description:before, .social-footer .text_description:before {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: -15px;
  left: 0;
  bottom: auto;
  right: 0;
}

.block--uib-page-footer-uib-footer-block-social a, .social-footer a {
  color: #ffffff;
}

.block--uib-page-footer-uib-footer-block-social a:hover, .social-footer a:hover {
  color: #ea0c8b;
  text-decoration: none;
}

.block--uib-page-footer-uib-footer-block-social a p, .social-footer a p {
  display: none;
}

.block--uib-page-footer-uib-footer-block-social .facebook, .social-footer .facebook {
  margin-left: 12px;
  margin-left: 0.75rem;
  float: left;
}

.block--uib-page-footer-uib-footer-block-social .facebook a:before, .social-footer .facebook a:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 20px;
  font-size: 1.25rem;
}

.block--uib-page-footer-uib-footer-block-social .twitter, .social-footer .twitter {
  margin-left: 12px;
  margin-left: 0.75rem;
  float: left;
}

.block--uib-page-footer-uib-footer-block-social .twitter a:before, .social-footer .twitter a:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 20px;
  font-size: 1.25rem;
}

.block--uib-page-footer-uib-footer-block-social .instagram, .social-footer .instagram {
  margin-left: 12px;
  margin-left: 0.75rem;
  float: left;
}

.block--uib-page-footer-uib-footer-block-social .instagram a:before, .social-footer .instagram a:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 20px;
  font-size: 1.25rem;
}

.footer-logos-block {
  display: block;
  padding-top: 32px;
  padding-top: 2rem;
}

.footer-info {
  margin-top: 32px;
  margin-top: 2rem;
}

.footer-bottom .block {
  padding-right: 0;
  margin-bottom: 0;
}

.footer-bottom .footer-bottom-inner .block--uib-general-settings-footer-logos {
  margin-bottom: 0;
}

.footer-bottom .footer-bottom-inner .block--uib-general-settings-footer-logos ul {
  padding-left: 0;
  list-style-type: none;
}

.footer-bottom .footer-bottom-inner .block--uib-general-settings-footer-logos ul li {
  padding-right: 12px;
  padding-right: 0.75rem;
  float: left;
}

.footer-bottom .footer-bottom-inner .block--uib-general-settings-footer-logos ul li img {
  height: 76.8px;
  height: 4.8rem;
}

.footer-bottom .footer-bottom-inner .block--uib-page-footer-ufbs-links {
  clear: both;
  margin-bottom: 0;
}

.footer-bottom .footer-bottom-inner .block--uib-page-footer-ufbs-links .copyright-wrapper {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
  margin-top: 32px;
  margin-top: 2rem;
  padding-top: 16px;
  padding-top: 1rem;
}

.footer-bottom .footer-bottom-inner .block--uib-page-footer-ufbs-links .copyright-wrapper:before {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: -15px;
  left: 0;
  bottom: auto;
  right: 0;
}

.footer-bottom .footer-bottom-inner .block--uib-page-footer-ufbs-links .copyright-wrapper .copyright {
  padding-right: 16px;
  padding-right: 1rem;
  font-family: "FlandersArtSans-Light";
}

.footer-bottom .footer-bottom-inner .block--uib-page-footer-ufbs-links .copyright-wrapper a {
  color: #00b0ed;
  text-decoration: underline;
  padding-right: 8px;
  padding-right: 0.5rem;
}

.vlaams-logo {
  display: block;
}

.uitpas-logo {
  display: none;
}

.section-paspartoe .vlaams-logo {
  display: none;
}

.section-paspartoe .uitpas-logo {
  display: block;
}

.block--mailchimp-signup {
  background-color: #00b0ed;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  margin: -8px 0 -8px 0;
  margin: -0.5rem 0 -0.5rem 0;
}

@media (min-width: 30em) and (max-width: 47.9375em) {
  .block--mailchimp-signup {
    margin: 0 -1rem 0 -1rem;
  }
}

.block--mailchimp-signup .block__content {
  margin-top: 16px;
  margin-top: 1rem;
}

.block--mailchimp-signup input[type='text'] {
  width: 100%;
}

.block--mailchimp-signup .form-item-mergevars-EMAIL label {
  display: none;
}

.block--mailchimp-signup button[type='submit'] {
  width: 100%;
  display: inline-block;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  background-color: #ea0c8b;
  color: #ffffff;
}

.block--mailchimp-signup button[type='submit']:hover {
  cursor: pointer;
  text-decoration: underline;
}

.block--mailchimp-signup .form-type-checkbox label:before {
  border: 1px solid #cccccc;
  background: #ffffff;
}

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  background: #F8F8F8;
  position: relative;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: -7px;
  width: 32px;
  width: 2rem;
  height: 100%;
  text-align: center;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
  color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
  text-align: center;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 8px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #EFEFEF;
  color: #444;
}

.selectric-items li:hover {
  background: #F0F0F0;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

.region-inner-sidebar_first .block__content {
  margin: 16px 0 16px 0;
  margin: 1rem 0 1rem 0;
}

.block--culturefeed-search-ui .block__title {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.block--culturefeed-search-ui .block__title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.block--culturefeed-search-ui ul.facet-search {
  padding: 0;
  margin: 0;
}

.block--culturefeed-search-ui ul.facet-search li {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}

.block--culturefeed-search-ui ul.facet-search li:before, .block--culturefeed-search-ui ul.facet-search li:after {
  content: " ";
  display: table;
}

.block--culturefeed-search-ui ul.facet-search li:after {
  clear: both;
}

.block--culturefeed-search-ui ul.facet-search li {
  *zoom: 1;
}

.block--culturefeed-search-ui ul.facet-search li .facet-label a:not(.facet-remove) {
  font-size: 16px;
  font-size: 1rem;
  margin-right: 5px;
  padding: 0 9.6px;
  padding: 0 0.6rem;
}

.block--culturefeed-search-ui ul.facet-search li .facet-label a:not(.facet-remove):hover {
  background-color: #231f20;
}

.block--culturefeed-search-ui ul.facet-search li .facet-count {
  display: none;
}

.block--culturefeed-search-ui .facet-label > a, .block--culturefeed-search-ui .facet-label.active {
  background-color: #ffffff;
  line-height: 2;
  font-family: "FlandersArtSerif-Light";
  color: #231f20;
  margin-bottom: 4.8px;
  margin-bottom: 0.3rem;
  float: left;
}

.block--culturefeed-search-ui .facet-label > a:hover, .block--culturefeed-search-ui .facet-label > a:active, .block--culturefeed-search-ui .facet-label > a:focus, .block--culturefeed-search-ui .facet-label.active:hover, .block--culturefeed-search-ui .facet-label.active:active, .block--culturefeed-search-ui .facet-label.active:focus {
  background-color: #231f20;
  color: #ffffff;
  text-decoration: none;
}

.block--culturefeed-search-ui .facet-label.active {
  background-color: #231f20;
  color: #ffffff;
  text-decoration: none;
}

.block--culturefeed-search-ui .facet-label.active span {
  padding: 0 9.6px !important;
  padding: 0 0.6rem !important;
}

.block--culturefeed-search-ui a.facet-remove {
  font-size: 0px !important;
  float: right;
  background-color: #231f20 !important;
  color: #ffffff;
  border-left: 1px solid #efefef;
  padding: 7px;
  text-decoration: none;
  font-size: 0px;
  font-size: 0rem;
  line-height: 0;
}

.block--culturefeed-search-ui a.facet-remove:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  font-size: 1rem;
}

.block--culturefeed-search-ui-facet-eventtype .facet-label > a, .block--culturefeed-search-ui-facet-eventtype .facet-label.active {
  font-family: "FlandersArtSerif-Regular";
  color: #ffffff;
}

.block--culturefeed-search-ui-facet-eventtype .facet-label > a:hover, .block--culturefeed-search-ui-facet-eventtype .facet-label > a:active, .block--culturefeed-search-ui-facet-eventtype .facet-label > a:focus, .block--culturefeed-search-ui-facet-eventtype .facet-label.active:hover, .block--culturefeed-search-ui-facet-eventtype .facet-label.active:active, .block--culturefeed-search-ui-facet-eventtype .facet-label.active:focus {
  color: #000000;
}

.block--culturefeed-search-ui-facet-eventtype .facet-label > a:hover .default-label, .block--culturefeed-search-ui-facet-eventtype .facet-label > a:active .default-label, .block--culturefeed-search-ui-facet-eventtype .facet-label > a:focus .default-label, .block--culturefeed-search-ui-facet-eventtype .facet-label.active:hover .default-label, .block--culturefeed-search-ui-facet-eventtype .facet-label.active:active .default-label, .block--culturefeed-search-ui-facet-eventtype .facet-label.active:focus .default-label {
  color: #ffffff;
  text-decoration: underline;
}

.facet-search-block-when .facet-count, .block--culturefeed-search-ui-facet-datetype .facet-count {
  display: none;
}

.facet-search-block-when .form-item-date-range, .block--culturefeed-search-ui-facet-datetype .form-item-date-range {
  position: relative;
}

.facet-search-block-when .form-item-date-range:after, .block--culturefeed-search-ui-facet-datetype .form-item-date-range:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  color: #ea0c8b;
  padding-left: 6.4px;
  padding-left: 0.4rem;
  border-left: 1px solid #cccccc;
  right: 15px;
  top: 10px;
}

.facet-search-block-when .form-item-date-range input, .block--culturefeed-search-ui-facet-datetype .form-item-date-range input {
  padding-right: 32px;
  padding-right: 2rem;
  font-family: "FlandersArtSans-Regular";
}

.facet-search-block-when .ui-daterangepicker .title-start, .facet-search-block-when .ui-daterangepicker .title-end, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .title-start, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .title-end {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  display: block;
}

.facet-search-block-when .ui-daterangepicker .range-end, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .range-end {
  margin-top: 16px;
  margin-top: 1rem;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-title, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-title {
  text-align: center;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-prev, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-prev {
  float: left;
  font-size: 0;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-prev .ui-icon:before, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-prev .ui-icon:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-prev .ui-icon:hover, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-prev .ui-icon:hover {
  cursor: pointer;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-next, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-next {
  float: right;
  font-size: 0;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-next .ui-icon:after, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-next .ui-icon:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-next .ui-icon:hover, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-next .ui-icon:hover {
  cursor: pointer;
}

.facet-search-block-when .ui-daterangepicker .ui-daterangepickercontain, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-daterangepickercontain {
  position: absolute;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 8px;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar {
  border: none;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar thead, .facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar th, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar thead, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar th {
  background-color: transparent;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar tbody td, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar tbody td {
  text-align: center;
  vertical-align: middle;
  padding: 0;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar tbody td:hover, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar tbody td:hover {
  background-color: #efefef;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar tbody td a, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar tbody td a {
  display: block;
  color: #231f20;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar tbody td a:hover, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar tbody td a:hover {
  text-decoration: none;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar tbody td a.ui-state-active, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar tbody td a.ui-state-active {
  background-color: #ea0c8b;
  color: #ffffff;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar tbody td.ui-state-disabled:hover, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar tbody td.ui-state-disabled:hover {
  background-color: transparent;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar tbody td.ui-state-disabled a, .facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar tbody td.ui-state-disabled span, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar tbody td.ui-state-disabled a, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar tbody td.ui-state-disabled span {
  display: block;
  color: #efefef;
}

.facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar tbody td.ui-state-disabled a:hover, .facet-search-block-when .ui-daterangepicker .ui-datepicker-calendar tbody td.ui-state-disabled span:hover, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar tbody td.ui-state-disabled a:hover, .block--culturefeed-search-ui-facet-datetype .ui-daterangepicker .ui-datepicker-calendar tbody td.ui-state-disabled span:hover {
  text-decoration: none;
}

.facet-search-block-lang .facet-search a, .block--culturefeed-search-ui-filter-form-2 .facet-search a {
  width: 144px;
  width: 9rem;
}

.facet-search-block-lang .facet-search .facet-label, .facet-search-block-lang .facet-search li a, .block--culturefeed-search-ui-filter-form-2 .facet-search .facet-label, .block--culturefeed-search-ui-filter-form-2 .facet-search li a {
  background-color: transparent;
  width: 144px;
  width: 9rem;
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: 5px center;
}

.facet-search-block-lang .facet-search .facet-label span, .facet-search-block-lang .facet-search li a span, .block--culturefeed-search-ui-filter-form-2 .facet-search .facet-label span, .block--culturefeed-search-ui-filter-form-2 .facet-search li a span {
  font-size: 0;
}

.facet-search-block-lang .facet-search .facet-label:hover, .facet-search-block-lang .facet-search .facet-label:active, .facet-search-block-lang .facet-search .facet-label:focus, .facet-search-block-lang .facet-search li a:hover, .facet-search-block-lang .facet-search li a:active, .facet-search-block-lang .facet-search li a:focus, .block--culturefeed-search-ui-filter-form-2 .facet-search .facet-label:hover, .block--culturefeed-search-ui-filter-form-2 .facet-search .facet-label:active, .block--culturefeed-search-ui-filter-form-2 .facet-search .facet-label:focus, .block--culturefeed-search-ui-filter-form-2 .facet-search li a:hover, .block--culturefeed-search-ui-filter-form-2 .facet-search li a:active, .block--culturefeed-search-ui-filter-form-2 .facet-search li a:focus {
  background-color: transparent !important;
}

.facet-search-block-lang .facet-search .facet-label > a, .block--culturefeed-search-ui-filter-form-2 .facet-search .facet-label > a {
  background-color: transparent;
}

.facet-search-block-lang .facet-search .facet-label > a:hover, .facet-search-block-lang .facet-search .facet-label > a:active, .facet-search-block-lang .facet-search .facet-label > a:focus, .block--culturefeed-search-ui-filter-form-2 .facet-search .facet-label > a:hover, .block--culturefeed-search-ui-filter-form-2 .facet-search .facet-label > a:active, .block--culturefeed-search-ui-filter-form-2 .facet-search .facet-label > a:focus {
  background-color: #000000;
}

.facet-search-block-lang .facet-search .active, .block--culturefeed-search-ui-filter-form-2 .facet-search .active {
  width: 144px;
  width: 9rem;
}

.facet-search-block-lang .facet-search .active a, .block--culturefeed-search-ui-filter-form-2 .facet-search .active a {
  background-color: #000000 !important;
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: 5px center;
}

.facet-search-block-lang .facet-search .active a:hover, .facet-search-block-lang .facet-search .active a:active, .facet-search-block-lang .facet-search .active a:focus, .block--culturefeed-search-ui-filter-form-2 .facet-search .active a:hover, .block--culturefeed-search-ui-filter-form-2 .facet-search .active a:active, .block--culturefeed-search-ui-filter-form-2 .facet-search .active a:focus {
  background-color: #000000 !important;
}

.facet-search-block-lang .facet-search .active .facet-remove, .block--culturefeed-search-ui-filter-form-2 .facet-search .active .facet-remove {
  padding-left: 120px;
}

.facet-search-block-lang .facet-search .active span, .block--culturefeed-search-ui-filter-form-2 .facet-search .active span {
  float: left;
}

.facet-search-block-lang .facet-search .een a:not(.facet-remove), .block--culturefeed-search-ui-filter-form-2 .facet-search .een a:not(.facet-remove) {
  background-image: url("../images/taalicoon_1.png");
}

.facet-search-block-lang .facet-search .een a:not(.facet-remove):hover, .block--culturefeed-search-ui-filter-form-2 .facet-search .een a:not(.facet-remove):hover {
  background-image: url("../images/taalicoon_blauw_1.png");
}

.facet-search-block-lang .facet-search .een .active a, .block--culturefeed-search-ui-filter-form-2 .facet-search .een .active a {
  background-image: url("../images/taalicoon_blauw_1.png");
}

.facet-search-block-lang .facet-search .twee a:not(.facet-remove), .block--culturefeed-search-ui-filter-form-2 .facet-search .twee a:not(.facet-remove) {
  background-image: url("../images/taalicoon_2.png");
}

.facet-search-block-lang .facet-search .twee a:not(.facet-remove):hover, .block--culturefeed-search-ui-filter-form-2 .facet-search .twee a:not(.facet-remove):hover {
  background-image: url("../images/taalicoon_blauw_2.png");
}

.facet-search-block-lang .facet-search .twee .active a, .block--culturefeed-search-ui-filter-form-2 .facet-search .twee .active a {
  background-image: url("../images/taalicoon_blauw_2.png");
}

.facet-search-block-lang .facet-search .drie a:not(.facet-remove), .block--culturefeed-search-ui-filter-form-2 .facet-search .drie a:not(.facet-remove) {
  background-image: url("../images/taalicoon_3.png");
}

.facet-search-block-lang .facet-search .drie a:not(.facet-remove):hover, .block--culturefeed-search-ui-filter-form-2 .facet-search .drie a:not(.facet-remove):hover {
  background-image: url("../images/taalicoon_blauw_3.png");
}

.facet-search-block-lang .facet-search .drie .active a, .block--culturefeed-search-ui-filter-form-2 .facet-search .drie .active a {
  background-image: url("../images/taalicoon_blauw_3.png");
}

.facet-search-block-lang .facet-search .vier a:not(.facet-remove), .block--culturefeed-search-ui-filter-form-2 .facet-search .vier a:not(.facet-remove) {
  background-image: url("../images/taalicoon_4.png");
}

.facet-search-block-lang .facet-search .vier a:not(.facet-remove):hover, .block--culturefeed-search-ui-filter-form-2 .facet-search .vier a:not(.facet-remove):hover {
  background-image: url("../images/taalicoon_blauw_4.png");
}

.facet-search-block-lang .facet-search .vier .active a, .block--culturefeed-search-ui-filter-form-2 .facet-search .vier .active a {
  background-image: url("../images/taalicoon_blauw_4.png");
}

.block--culturefeed-search-ui-facet-city .city-facet, .block--culturefeed-search-ui-facet-city input {
  font-family: "FlandersArtSans-Regular" !important;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

.block--culturefeed-search-ui-facet-city .ui-helper-hidden-accessible {
  display: none;
}

.ui-autocomplete {
  background-color: #F8F8F8;
  width: 200px;
  list-style-type: none;
  padding-left: 0;
}

.ui-autocomplete li {
  padding: 8px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #EEEEEE;
}

.ui-autocomplete li:hover {
  background-color: #efefef;
  cursor: pointer;
}

.block--culturefeed-search-ui-facet-eventtype .block__content .facet-search {
  font-family: "FlandersArtSerif-Medium";
}

.block--culturefeed-search-ui-facet-eventtype .block__content .facet-search .facet-label span {
  float: left;
  max-width: 219px;
}

.block--culturefeed-search-ui-facet-eventtype .block__content .facet-search .facet-label.active {
  padding: 0;
}

.block--culturefeed-search-ui-facet-eventtype .block__content .facet-search .facet-label.active span {
  border-right: 1px solid #efefef;
}

.block--culturefeed-search-ui-facet-eventtype .block__content .facet-search .facet-label.active a {
  border-left: 0;
}

.block--culturefeed-search-ui-facet-eventtype .block__content .facet-search li:after {
  clear: none;
}

.block--culturefeed-search-ui-facet-eventtype .block__content .facet-search li ul {
  padding-left: 0;
}

.block--culturefeed-search-ui-facet-eventtype .block__content .facet-search li a {
  background-color: #ffffff;
}

.culturefeed-search-ui-city-facet-form .form-item-location {
  position: relative;
}

.culturefeed-search-ui-city-facet-form .form-item-location:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  color: #ea0c8b;
  padding-left: 6.4px;
  padding-left: 0.4rem;
  border-left: 1px solid #cccccc;
  right: 15px;
  top: 10px;
}

.culturefeed-search-ui-city-facet-form .form-item-location input {
  padding-right: 32px;
  padding-right: 2rem;
  font-family: "FlandersArtSans-Regular";
  background-color: #ffffff !important;
}

.block--culturefeed-agenda-agenda-search-block {
  margin: 0 !important;
  padding: 16px;
  padding: 1rem;
  background-color: #00b0ed;
}

.block--culturefeed-agenda-agenda-search-block .block__content {
  margin: 0;
}

.block--culturefeed-agenda-agenda-search-block label {
  display: none;
}

.block--culturefeed-agenda-agenda-search-block .form-item-search {
  float: left;
  width: 77%;
  max-width: 256px;
  max-width: 16rem;
  margin-right: 0;
  margin-bottom: 0;
}

.block--culturefeed-agenda-agenda-search-block .form-item-search input {
  font-family: "FlandersArtSans-Regular";
  height: 35px;
}

.block--culturefeed-agenda-agenda-search-block button.form-submit {
  font-size: 0;
  line-height: 0;
  padding: 13px 10px;
  float: left;
  height: 35px;
}

.block--culturefeed-agenda-agenda-search-block button.form-submit:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ffffff;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 0;
  padding-top: 2px;
}

.responsive-sidebar-toggle {
  display: none;
}

@media (max-width: 48em) {
  .l-region--sidebar-first.responsive-sidebar {
    display: none;
  }
  .l-region--sidebar-first.responsive-sidebar.open {
    display: block;
  }
  .responsive-sidebar-toggle {
    display: block;
    font-family: "FlandersArtSans-Light";
    padding: 0.3rem 0.5rem;
    border: 1px solid #231f20;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-right: auto;
    margin-left: auto;
  }
  .responsive-sidebar-toggle:after {
    font-family: "icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-left: 3px;
    text-decoration: none;
  }
  .responsive-sidebar-toggle:hover {
    text-decoration: underline;
    cursor: pointer;
  }
  .responsive-sidebar-toggle.open:after {
    font-family: "icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-left: 3px;
    text-decoration: none;
  }
}

.view-mode-search_terms:hover {
  cursor: pointer;
}

.event-types span {
  padding: 1.6px 8px;
  padding: 0.1rem 0.5rem;
  color: #ffffff;
  display: inline-block;
  margin: 0 4.8px 4.8px 0;
  margin: 0 0.3rem 0.3rem 0;
}

.color-label {
  background-color: #5dbd83;
}

.event-teaser {
  margin-bottom: 0;
  width: 100%;
}

.event-teaser.last {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.event-teaser.last:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

@media (min-width: 30em) {
  .event-teaser .left {
    width: 74.66102%;
    float: left;
    margin-right: 1.35593%;
  }
}

.event-teaser .left h2, .event-teaser .left h2 * {
  clear: right;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
  font-family: "FlandersArtSerif-Medium";
  margin-bottom: 9.6px;
  margin-bottom: 0.6rem;
}

.event-teaser .left .paspartoe-logo {
  float: left;
  clear: right;
  margin-top: -10px;
  background-image: url("../images/marker-paspartoe_logo_4.png");
  background-repeat: no-repeat;
  background-size: 35px;
  width: 45px;
  height: 45px;
}

.event-teaser .left .event-date {
  clear: left;
  margin-bottom: 9.6px;
  margin-bottom: 0.6rem;
  text-transform: uppercase;
  color: #999999;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 22.5px;
  line-height: 1.40625rem;
  font-family: "FlandersArtSans-Light";
}

.event-teaser .left .event-description {
  margin-bottom: 9.6px;
  margin-bottom: 0.6rem;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 22.5px;
  line-height: 1.40625rem;
  font-family: "FlandersArtSans-Light";
}

.event-teaser .left .event-location {
  margin-bottom: 9.6px;
  margin-bottom: 0.6rem;
  color: #999999;
  font-family: "FlandersArtSans-Light";
}

@media (min-width: 30em) {
  .event-teaser .right {
    width: 23.98305%;
    float: left;
    margin-right: 1.35593%;
    float: right;
    margin-right: 0;
  }
}

.event-teaser .right .event-image {
  position: relative;
  right: 0;
  text-align: center;
  margin-top: 9.6px;
  margin-top: 0.6rem;
  z-index: 5;
  width: 140px;
  margin: 0 auto;
}

@media (min-width: 20em) and (max-width: 29.9375em) {
  .event-teaser .right .event-image {
    padding-top: 1rem;
  }
}

.event-teaser .right .vlieg {
  position: absolute;
  right: 80px;
  bottom: -6px;
  z-index: 10;
  width: 75px;
  height: 55px;
  padding: 17px 0 0 30px;
  float: right;
  color: #ffffff;
}

.event-teaser .right .vlieg-logo {
  background-image: url("../images/vlieg.png");
  background-repeat: no-repeat;
}

.event-teaser .right .vlieg-logo-agefrom {
  background-image: url("../images/vlieg_leeftijd.png");
  background-repeat: no-repeat;
}

.page-agenda-search .event-teaser {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  margin-top: 16px;
  margin-top: 1rem;
  padding-top: 24px;
  padding-top: 1.5rem;
}

.page-agenda-search .event-teaser:before {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: -15px;
  left: 0;
  bottom: auto;
  right: 0;
}

@media (min-width: 48em) {
  .page-agenda-search .event-teaser .event-image {
    float: right;
  }
}

.page-agenda-e .l-content {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 59.99em) {
  .page-agenda-e .l-content {
    width: 74.66102%;
    float: left;
    margin-right: 1.35593%;
  }
}

.event-detail.with-picture .left, .event-detail.with-picture .right {
  margin-top: 32px;
  margin-top: 2rem;
}

.event-detail.with-picture .left .event-information, .event-detail.with-picture .right .event-information {
  width: 100%;
}

.event-detail.without-picture .event-information {
  width: 100%;
}

.event-detail .event-information .taaliconen .één-taalicoon {
  padding-left: 112px;
  padding-left: 7rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  background-image: url("../images/taalicoon_1.png");
  background-size: 100px;
  background-repeat: no-repeat;
}

.event-detail .event-information .taaliconen .één-taalicoon span {
  display: none;
}

.event-detail .event-information .taaliconen .twee-taaliconen {
  padding-left: 112px;
  padding-left: 7rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  background-image: url("../images/taalicoon_2.png");
  background-size: 100px;
  background-repeat: no-repeat;
}

.event-detail .event-information .taaliconen .twee-taaliconen span {
  display: none;
}

.event-detail .event-information .taaliconen .drie-taaliconen {
  padding-left: 112px;
  padding-left: 7rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  background-image: url("../images/taalicoon_3.png");
  background-size: 100px;
  background-repeat: no-repeat;
}

.event-detail .event-information .taaliconen .drie-taaliconen span {
  display: none;
}

.event-detail .event-information .taaliconen .vier-taaliconen {
  padding-left: 112px;
  padding-left: 7rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  background-image: url("../images/taalicoon_4.png");
  background-size: 100px;
  background-repeat: no-repeat;
}

.event-detail .event-information .taaliconen .vier-taaliconen span {
  display: none;
}

@media (min-width: 48em) {
  .event-detail .left {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
  }
}

@media (min-width: 48em) {
  .event-detail .right {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
    float: right;
    margin-right: 0;
  }
}

.event-detail .event-description,
.event-detail .event-description p {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 33px;
  line-height: 2.0625rem;
  font-family: "FlandersArtSans-Regular";
}

.event-detail .event-description-readmore:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ea0c8b;
  text-decoration: none;
  padding-left: 3px;
}

.event-detail .event-description-readless:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ea0c8b;
  text-decoration: none;
  padding-left: 3px;
}

.event-detail .event-information {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  margin-top: 16px;
  margin-top: 1rem;
  font-family: "FlandersArtSans-Light";
}

.event-detail .event-information:before {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: -15px;
  left: 0;
  bottom: auto;
  right: 0;
}

.event-detail .event-information:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.event-detail .event-information a {
  text-decoration: underline;
}

.event-detail .field {
  margin: 16px 0;
  margin: 1rem 0;
}

.event-detail .field:before, .event-detail .field:after {
  content: " ";
  display: table;
}

.event-detail .field:after {
  clear: both;
}

.event-detail .field {
  *zoom: 1;
}

.event-detail .field .label {
  font-family: "FlandersArtSerif-Medium";
  width: 23.98305%;
  float: left;
  margin-right: 1.35593%;
  margin-right: 8px;
  margin-right: 0.5rem;
}

.event-detail .field .content {
  width: 66.21469%;
  float: left;
  margin-right: 1.35593%;
  float: right;
  margin-right: 0;
}

.event-detail .social-link:before {
  content: 'Deel deze pagina';
}

.event-detail .social-link a {
  font-size: 0;
  color: #000000;
}

.event-detail .social-link a:hover {
  text-decoration: none !important;
  color: #ea0c8b;
}

.event-detail .social-link a[title*="Facebook"]:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  text-decoration: none;
  padding-left: 3px;
}

.event-detail .social-link a[title*="Twitter"]:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  text-decoration: none;
  padding-left: 3px;
}

.event-detail .social-link a[title*="Mail"]:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  text-decoration: none;
  padding-left: 3px;
}

.event-detail .social-link a[title*="Mail"]:before {
  font-size: 16px;
}

.event-detail .social-link a[title*="Mail"]:before:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ea0c8b;
  text-decoration: none;
  padding-left: 3px;
}

.event-detail .event-types {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.event-detail .links ul {
  margin: 0;
  padding: 0;
}

.event-detail .links ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}

#block-views-puzzle-block-puzzle-agenda {
  clear: both;
}

@media (min-width: 48em) {
  .culturefeed-entry-ui-event-form #what-ajax-wrapper #edit-what .form-wrapper {
    width: 28.20621%;
    float: left;
    margin-right: 1.35593%;
  }
}

.culturefeed-entry-ui-event-form #photo-ajax-wrapper #edit-photo-upload-ajax-wrapper {
  margin-top: 16px;
  margin-top: 1rem;
  float: left;
  clear: left;
}

.culturefeed-entry-ui-event-form #photo-ajax-wrapper #edit-photo-upload-ajax-wrapper .form-submit {
  margin-bottom: 0;
}

.culturefeed-entry-ui-event-form #photo-ajax-wrapper .form-item-photo-copyright-text {
  float: left;
  clear: left;
}

@media (min-width: 59.99em) {
  .culturefeed-entry-ui-event-form #photo-ajax-wrapper .form-item-photo-copyright-text {
    clear: none;
    margin-left: 2rem;
    margin-top: 1rem;
  }
}

.culturefeed-entry-ui-event-form #photo-ajax-wrapper .option {
  float: left;
  clear: both;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

.culturefeed-entry-ui-event-form #edit-price {
  clear: left;
}

.culturefeed-entry-ui-event-form .form-submit {
  padding: 10.4px 12.32px;
  padding: 0.65rem 0.77rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

@media (min-width: 48em) {
  .culturefeed-entry-ui-event-form .form-item-when-date-control-hybrid-start-time-hour {
    float: left;
    margin-right: 1rem;
  }
}

.culturefeed-entry-ui-event-form #edit-when-date-control-hybrid-ajax-wrapper .form-submit {
  margin-bottom: 0;
  margin-top: 24px;
  margin-top: 1.5rem;
}

.page-gratis-in-brussel .l-region--sidebar-first .title {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.page-gratis-in-brussel .l-region--sidebar-first .title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.page-gratis-in-brussel .l-region--sidebar-first .facetapi-date-range {
  list-style-type: none;
  padding-left: 0;
  margin-right: 8px;
  margin-right: 0.5rem;
}

.page-gratis-in-brussel .l-region--sidebar-first .facetapi-date-range li {
  clear: both;
}

.page-gratis-in-brussel .l-region--sidebar-first .facetapi-date-range .facetapi-inactive {
  font-family: "FlandersArtSerif-Light";
  background-color: #ffffff;
  color: #231f20;
  padding: 3.2px 9.6px;
  padding: 0.2rem 0.6rem;
  margin-bottom: 4.8px;
  margin-bottom: 0.3rem;
  float: left;
}

.page-gratis-in-brussel .l-region--sidebar-first .facetapi-date-range .facetapi-inactive:hover, .page-gratis-in-brussel .l-region--sidebar-first .facetapi-date-range .facetapi-inactive:active, .page-gratis-in-brussel .l-region--sidebar-first .facetapi-date-range .facetapi-inactive:focus {
  background-color: #231f20;
  color: #ffffff;
  text-decoration: none;
}

.page-gratis-in-brussel .l-region--sidebar-first .facetapi-date-range li.facetapi-active {
  background-color: #231f20;
  color: #ffffff;
  padding: 3.2px 9.6px;
  padding: 0.2rem 0.6rem;
  float: left;
}

.page-gratis-in-brussel .l-region--sidebar-first .facetapi-date-range li.facetapi-active a {
  border-left: 1px solid #ffffff;
  margin-left: 8px;
  margin-left: 0.5rem;
  float: right;
  content: '';
  color: #ffffff;
  text-decoration: none;
  font-size: 1px;
}

.page-gratis-in-brussel .l-region--sidebar-first .facetapi-date-range li.facetapi-active a:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  padding-left: 8px;
  padding-left: 0.5rem;
}

.view-free-events-overview .views-row {
  margin-bottom: 0;
  width: 100%;
  margin-top: 16px;
  margin-top: 1rem;
  padding-top: 8px;
  padding-top: 0.5rem;
}

.view-free-events-overview .views-row:not(.views-row-last) {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.view-free-events-overview .views-row:not(.views-row-last):after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

@media (min-width: 30em) {
  .view-free-events-overview .views-row .group-left {
    width: 66.21469%;
    float: left;
    margin-right: 1.35593%;
  }
}

.view-free-events-overview .views-row .group-left .field--name-title h2, .view-free-events-overview .views-row .group-left .field--name-title h2 * {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
  font-family: "FlandersArtSerif-Medium";
  margin-bottom: 9.6px;
  margin-bottom: 0.6rem;
}

.view-free-events-overview .views-row .group-left .field--name-field-free-dates {
  text-transform: uppercase;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  color: #999999;
  font-family: "FlandersArtSans-Light";
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 22.5px;
  line-height: 1.40625rem;
}

.view-free-events-overview .views-row .group-left .field--name-field-free-short-description {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 22.5px;
  line-height: 1.40625rem;
}

.view-free-events-overview .views-row .group-left .field--name-field-free-location a {
  font-family: "FlandersArtSans-Light";
  color: #999999;
  margin-bottom: 9.6px;
  margin-bottom: 0.6rem;
}

.view-free-events-overview .views-row .group-left .field--name-field-free-themes {
  padding: 1.6px 8px;
  padding: 0.1rem 0.5rem;
  background-color: #5dbd83;
  color: #ffffff;
  display: inline-block;
  margin: 0 4.8px 4.8px 0;
  margin: 0 0.3rem 0.3rem 0;
}

@media (min-width: 30em) {
  .view-free-events-overview .views-row .group-right {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
    float: right;
    margin-right: 0;
  }
}

.view-free-events-overview .views-row .group-right .field--name-field-free-image {
  text-align: center;
  margin-top: 9.6px;
  margin-top: 0.6rem;
  float: right;
}

.view-free-events-overview .views-row .group-right .field--name-field-free-image a {
  float: right;
}

@media (min-width: 20em) and (max-width: 29.9375em) {
  .view-free-events-overview .views-row .group-right .field--name-field-free-image {
    float: none !important;
    margin: 0 auto;
    display: block;
  }
}

@media (min-width: 30em) {
  .view-free-events-overview .views-row .group-right .field--name-field-free-image {
    margin-top: 0;
  }
}

@media (min-width: 48em) {
  .node-free-events.view-mode-full {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.node-free-events.view-mode-full .group-header {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.node-free-events.view-mode-full .group-header .field--name-field-free-themes {
  padding: 1.6px 8px;
  padding: 0.1rem 0.5rem;
  background-color: #5dbd83;
  color: #ffffff;
  display: inline-block;
  margin: 0 4.8px 4.8px 0;
  margin: 0 0.3rem 0.3rem 0;
}

.node-free-events.view-mode-full .group-header .field--name-field-free-short-description p {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 33px;
  line-height: 2.0625rem;
  font-family: "FlandersArtSerif-Regular";
}

.node-free-events.view-mode-full .group-header .event-description p {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 33px;
  line-height: 2.0625rem;
  font-family: "FlandersArtSans-Regular";
}

.node-free-events.view-mode-full .group-header .event-description a {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 33px;
  line-height: 2.0625rem;
  font-family: "FlandersArtSans-Regular";
  text-decoration: underline;
}

.node-free-events.view-mode-full .group-header .event-description-readmore:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ea0c8b;
  text-decoration: none;
  padding-left: 3px;
}

.node-free-events.view-mode-full .group-header .event-description-readless:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ea0c8b;
  text-decoration: none;
  padding-left: 3px;
}

@media (min-width: 30em) {
  .node-free-events.view-mode-full .group-left {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
  }
}

.node-free-events.view-mode-full .group-left .group-practical h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.node-free-events.view-mode-full .group-left .group-practical h3:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.node-free-events.view-mode-full .group-left .group-practical .field-label, .node-free-events.view-mode-full .group-left .group-practical .label-inline {
  width: 35%;
  float: left;
  font-family: "FlandersArtSerif-Medium";
}

.node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-location, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-date, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-reservation, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-organisation, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-link {
  margin: 16px 0;
  margin: 1rem 0;
  clear: both;
}

.node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-location span, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-location a, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-date span, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-date a, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-reservation span, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-reservation a, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-organisation span, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-organisation a, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-link span, .node-free-events.view-mode-full .group-left .group-practical .field-name-field-free-link a {
  display: block;
  margin-left: 35%;
}

.node-free-events.view-mode-full .group-left .group-practical .field {
  clear: both;
  margin: 16px 0;
  margin: 1rem 0;
}

@media (min-width: 30em) {
  .node-free-events.view-mode-full .group-right {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
    float: right;
    margin-right: 0;
  }
}

.block--imageblock-4 {
  background-color: #ff1500;
}

.block--imageblock-4 h1, .block--imageblock-4 h2, .block--imageblock-4 h3, .block--imageblock-4 p, .block--imageblock-4 a {
  color: #ffffff;
}

.block--imageblock-4 .block-body {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 16px 0 0 16px;
  padding: 1rem 0 0 1rem;
}

@media (min-width: 59.99em) {
  .block--imageblock-4 .block-body {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
  }
}

.block--imageblock-4 .block-image {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 59.99em) {
  .block--imageblock-4 .block-image {
    width: 49.32203%;
    float: right;
    margin-right: 0;
  }
}

.block--imageblock-4 .block-image img {
  display: block;
}

.node-type-article .l-content .tabs {
  position: absolute;
  z-index: 10;
}

.node-type-article .breadcrumb {
  display: none;
}

.node-type-article .node-article {
  margin-bottom: 80px;
  margin-bottom: 5rem;
}

.node-type-article .node-article .group-header {
  margin-top: 25px;
  margin-bottom: 0;
  min-height: 250px;
}

.node-type-article .node-article .group-header .field--name-title {
  text-align: center;
  z-index: 20;
  position: relative;
  margin-top: 128px;
  margin-top: 8rem;
}

@media (min-width: 48em) {
  .node-type-article .node-article .group-header .field--name-title {
    margin-top: 6rem;
  }
}

.node-type-article .node-article .group-header .field--name-title h1 {
  color: #000;
}

@media (min-width: 48em) {
  .node-type-article .node-article .group-header .field--name-title h1 {
    font-size: 3.125rem;
    line-height: 4.6875rem;
  }
}

.node-type-article .node-article .group-header .field--name-field-events-themes {
  position: absolute;
  z-index: 10;
  left: 40%;
  text-align: center;
  font-family: "FlandersArtSerif-Regular";
  padding: 1.6px 8px;
  padding: 0.1rem 0.5rem;
  background-color: #5dbd83;
  color: #ffffff;
  display: inline-block;
  margin: 0 4.8px 4.8px 0;
  margin: 0 0.3rem 0.3rem 0;
}

@media (min-width: 48em) {
  .node-type-article .node-article .group-header .field--name-field-events-themes {
    left: 48.3%;
  }
}

.node-type-article .node-article .group-header .field--name-body {
  text-align: center;
  margin-top: 30px;
  z-index: 20;
  position: relative;
}

.node-type-article .node-article .group-header .field--name-body p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.875rem;
}

.node-type-article .node-article .group-header .field--name-field-article-image {
  position: absolute;
  left: 50%;
  top: 30px;
  z-index: 1;
  opacity: 0.5;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.node-type-article .node-article .group-header .field--name-field-article-image img {
  max-width: none;
}

.node-type-article .node-article .group-left .paragraphs-items .group-downloads {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.node-type-article .node-article .group-left .paragraphs-items .group-downloads .field-group-format-title {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.node-type-article .node-article .group-left .paragraphs-items .group-downloads .field-group-format-title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.l-region--bottom {
  max-width: 1180px;
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
}

.l-region--bottom:after {
  content: " ";
  display: block;
  clear: both;
}

.block--culturefeed-agenda-agenda-related-activities {
  padding-top: 48px;
  padding-top: 3rem;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.block--culturefeed-agenda-agenda-related-activities:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.block--culturefeed-agenda-agenda-related-activities .block__title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.875rem;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  display: initial;
}

.block--culturefeed-agenda-agenda-related-activities .block__title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.block--culturefeed-agenda-agenda-related-activities .block__content {
  max-width: 1180px;
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  margin-top: 2rem;
}

.block--culturefeed-agenda-agenda-related-activities .block__content:after {
  content: " ";
  display: block;
  clear: both;
}

.related-activities {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.related-activities:before, .related-activities:after {
  content: " ";
  display: table;
}

.related-activities:after {
  clear: both;
}

.related-activities {
  *zoom: 1;
}

.related-activities .related-activity {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #ffffff;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .related-activities .related-activity {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
}

.related-activities .related-activity.activity-3 {
  float: right;
  margin-right: 0;
}

.related-activities .related-activity .image {
  margin-right: 0;
}

@media (min-width: 30em) {
  .related-activities .related-activity .image {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.related-activities .related-activity .content {
  margin-right: 0;
}

@media (min-width: 30em) {
  .related-activities .related-activity .content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.related-activities .related-activity .image {
  overflow: hidden;
}

.related-activities .related-activity .image img {
  display: block;
  margin: 0 auto;
  height: 200px;
  overflow: hidden;
  max-width: auto !important;
}

@media (max-width: 30em) {
  .related-activities .related-activity .image img {
    margin-left: auto;
    margin-right: auto;
  }
}

.related-activities .related-activity .content {
  margin-right: 0;
  padding: 16px;
  padding: 1rem;
}

.related-activities .related-activity .content .event-title {
  padding-top: 8px;
  padding-top: 0.5rem;
}

.related-activities .related-activity .content .event-title h3 {
  margin: 0;
}

.related-activities .related-activity .content .event-date {
  font-family: "FlandersArtSans-Light";
  color: #999999;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
  line-height: 1.3125rem;
}

.related-activities .related-activity .content .event-location {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  color: #999999;
  font-family: "FlandersArtSans-Light";
}

.l-region--bottom {
  max-width: 1180px;
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
}

.l-region--bottom:after {
  content: " ";
  display: block;
  clear: both;
}

.block--culturefeed-agenda-agenda-related-activities {
  padding-top: 48px;
  padding-top: 3rem;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.block--culturefeed-agenda-agenda-related-activities:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.block--culturefeed-agenda-agenda-related-activities .block__title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.875rem;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  display: initial;
}

.block--culturefeed-agenda-agenda-related-activities .block__title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.block--culturefeed-agenda-agenda-related-activities .block__content {
  max-width: 1180px;
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
  margin-top: 2rem;
}

.block--culturefeed-agenda-agenda-related-activities .block__content:after {
  content: " ";
  display: block;
  clear: both;
}

.related-activities {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.related-activities:before, .related-activities:after {
  content: " ";
  display: table;
}

.related-activities:after {
  clear: both;
}

.related-activities {
  *zoom: 1;
}

.related-activities .related-activity {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #ffffff;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .related-activities .related-activity {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
}

.related-activities .related-activity.activity-3 {
  float: right;
  margin-right: 0;
}

.related-activities .related-activity .image {
  margin-right: 0;
}

@media (min-width: 30em) {
  .related-activities .related-activity .image {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.related-activities .related-activity .content {
  margin-right: 0;
}

@media (min-width: 30em) {
  .related-activities .related-activity .content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.related-activities .related-activity .image {
  overflow: hidden;
}

.related-activities .related-activity .image img {
  display: block;
  margin: 0 auto;
  height: 200px;
  overflow: hidden;
  max-width: auto !important;
}

@media (max-width: 30em) {
  .related-activities .related-activity .image img {
    margin-left: auto;
    margin-right: auto;
  }
}

.related-activities .related-activity .content {
  margin-right: 0;
  padding: 16px;
  padding: 1rem;
}

.related-activities .related-activity .content .event-title {
  padding-top: 8px;
  padding-top: 0.5rem;
}

.related-activities .related-activity .content .event-title h3 {
  margin: 0;
}

.related-activities .related-activity .content .event-date {
  font-family: "FlandersArtSans-Light";
  color: #999999;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
  line-height: 1.3125rem;
}

.related-activities .related-activity .content .event-location {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
  color: #999999;
  font-family: "FlandersArtSans-Light";
}

.event-location .field {
  margin: 16px 0;
  margin: 1rem 0;
}

.event-location .field:before, .event-location .field:after {
  content: " ";
  display: table;
}

.event-location .field:after {
  clear: both;
}

.event-location .field {
  *zoom: 1;
}

.event-location .field .label {
  font-family: "FlandersArtSerif-Medium";
  width: 15.53672%;
  float: left;
  margin-right: 1.35593%;
}

.event-location .field .content {
  width: 66.21469%;
  float: left;
  margin-right: 1.35593%;
}

.page-home .view-puzzle, .page-kinderen-in-brussel .view-puzzle, .page-broodje-brussel .view-puzzle, .page-paspartoe .view-puzzle {
  margin-top: 0;
}

.page-home .panel-display {
  margin-top: 32px;
  margin-top: 2rem;
}

.view-puzzle {
  margin-top: 0;
}

.view-puzzle:before, .view-puzzle:after {
  content: " ";
  display: table;
}

.view-puzzle:after {
  clear: both;
}

.view-puzzle {
  *zoom: 1;
}

.view-puzzle .field--name-title a {
  color: #ffffff;
}

.view-puzzle .rectangle-with-text a {
  color: #231f20;
  text-decoration: none;
}

.view-puzzle .views-row {
  position: relative;
  display: block;
  background-color: #ffffff;
}

.view-puzzle .views-row:hover {
  cursor: pointer;
}

.view-puzzle .views-row:hover h2 {
  text-decoration: underline;
}

@media (min-width: 20em) and (max-width: 29.9375em) {
  .view-puzzle .views-row .node--rectangle, .view-puzzle .views-row .node--square, .view-puzzle .views-row .rectangle-with-text .group-content {
    max-width: 400px;
    z-index: 10;
    position: relative;
  }
}

.view-puzzle .views-row .node--events .group-labels:hover {
  cursor: default;
}

.view-puzzle .views-row .node--events .group-content .field--name-field-events-date, .view-puzzle .views-row .node--events .group-content .field--name-field-events-location {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.25;
  margin-bottom: 8px;
  margin-bottom: .5rem;
}

.view-puzzle .views-row .rectangle-with-text .field--name-body p {
  width: 100%;
}

@media (min-width: 48em) {
  .view-puzzle .views-row .rectangle-with-text .field--name-body p {
    overflow: hidden;
    max-height: 10rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: -o-ellipsis-lastline;
  }
}

@media (min-width: 59.99em) {
  .view-puzzle .views-row .rectangle-with-text .field--name-body p {
    overflow: hidden;
    max-height: 10rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: -o-ellipsis-lastline;
  }
}

@media (min-width: 90em) {
  .view-puzzle .views-row .rectangle-with-text .field--name-body p {
    overflow: hidden;
    max-height: 10rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    text-overflow: -o-ellipsis-lastline;
  }
}

.view-puzzle .views-row .rectangle-with-text .group-labels {
  width: 32.42938%;
  float: left;
  margin-right: 1.35593%;
}

.view-puzzle .views-row .rectangle-withouth-text .group-content h2 {
  padding: 0 24px 0 24px;
  padding: 0 1.5rem 0 1.5rem;
}

.view-puzzle .views-row .rectangle-withouth-text .group-content h2 a {
  color: #ffffff;
}

.view-puzzle .views-row .node--square, .view-puzzle .views-row .rectangle-withouth-text {
  position: relative;
}

.view-puzzle .views-row .node--square:after, .view-puzzle .views-row .rectangle-withouth-text:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.85) 120%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}

.view-puzzle .views-row .node--square .group-content, .view-puzzle .views-row .rectangle-withouth-text .group-content {
  z-index: 1;
  padding: 0 !important;
  width: 100% !important;
}

.view-puzzle .views-row .node--square .group-content h2, .view-puzzle .views-row .rectangle-withouth-text .group-content h2 {
  margin-bottom: 0;
}

.view-puzzle .views-row .node--square .group-content h2 a, .view-puzzle .views-row .rectangle-withouth-text .group-content h2 a {
  color: #ffffff;
}

@media (min-width: 30em) {
  .view-puzzle .views-row .node--square .group-content h2, .view-puzzle .views-row .rectangle-withouth-text .group-content h2 {
    margin: 0 0 1rem 0;
  }
}

.view-puzzle .views-row .node--square .group-content .field, .view-puzzle .views-row .rectangle-withouth-text .group-content .field {
  padding: 0 24px 0 24px;
  padding: 0 1.5rem 0 1.5rem;
}

.view-puzzle .view-empty {
  margin-bottom: 17.6px;
  margin-bottom: 1.1rem;
}

.view-puzzle .more-link {
  text-align: center;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  clear: both;
}

.view-puzzle .more-link a {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  font-family: "FlandersArtSerif-Regular";
  font-size: 19.2px;
  font-size: 1.2rem;
  background-color: #ea0c8b;
  color: #ffffff;
}

.view-puzzle .more-link a:hover {
  text-decoration: underline;
}

@media (min-width: 48em) {
  .view-puzzle.view-puzzle-default .views-row {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .view-puzzle.view-puzzle-default .views-row:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}

.view-puzzle.view-puzzle-mini {
  margin-top: 32px;
  margin-top: 2rem;
}

@media (min-width: 48em) {
  .view-puzzle.view-puzzle-mini .views-row-1,
  .view-puzzle.view-puzzle-mini .views-row-2,
  .view-puzzle.view-puzzle-mini .views-row-3,
  .view-puzzle.view-puzzle-mini .views-row-5 {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .view-puzzle.view-puzzle-mini .views-row-4 {
    width: 66.21469%;
    float: left;
    margin-right: 1.35593%;
  }
  .view-puzzle.view-puzzle-mini .views-row-3,
  .view-puzzle.view-puzzle-mini .views-row-5 {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 48em) {
  .page-home .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-l,
  .page-home .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-l,
  .page-broodje-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-l,
  .page-broodje-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-l,
  .page-kinderen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-l,
  .page-kinderen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-l,
  .page-brusselvoorscholen .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-l,
  .page-brusselvoorscholen .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-l,
  .page-klasuitstap-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-l,
  .page-klasuitstap-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-l,
  .page-ontdek-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-l,
  .page-ontdek-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-l,
  .page-paspartoe .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-l,
  .page-paspartoe .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-l,
  .page-fietsen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-l,
  .page-fietsen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-l {
    width: 66.21469%;
    float: left;
    margin-right: 1.35593%;
  }
  .page-home .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-home .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-l,
  .page-home .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-m,
  .page-home .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-home .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-broodje-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-broodje-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-l,
  .page-broodje-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-m,
  .page-broodje-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-broodje-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-kinderen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-kinderen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-l,
  .page-kinderen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-m,
  .page-kinderen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-kinderen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-brusselvoorscholen .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-brusselvoorscholen .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-l,
  .page-brusselvoorscholen .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-m,
  .page-brusselvoorscholen .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-brusselvoorscholen .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-klasuitstap-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-klasuitstap-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-l,
  .page-klasuitstap-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-m,
  .page-klasuitstap-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-klasuitstap-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-ontdek-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-ontdek-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-l,
  .page-ontdek-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-m,
  .page-ontdek-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-ontdek-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-paspartoe .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-paspartoe .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-l,
  .page-paspartoe .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-m,
  .page-paspartoe .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-paspartoe .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-fietsen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-fietsen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-l,
  .page-fietsen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-m,
  .page-fietsen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-fietsen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .page-home .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-home .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-home .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-broodje-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-broodje-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-broodje-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-kinderen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-kinderen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-kinderen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-brusselvoorscholen .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-brusselvoorscholen .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-brusselvoorscholen .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-klasuitstap-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-klasuitstap-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-klasuitstap-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-ontdek-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-ontdek-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-ontdek-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-paspartoe .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-paspartoe .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-paspartoe .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r,
  .page-fietsen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-top-r,
  .page-fietsen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-midden-r,
  .page-fietsen-in-brussel .panel-onecol-stacked .panel-row-1 .pane-puzzle-puzzle-onder-r {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 48em) {
  .page-home .panel-onecol-stacked .panel-row-2 .views-row,
  .page-broodje-brussel .panel-onecol-stacked .panel-row-2 .views-row,
  .page-kinderen-in-brussel .panel-onecol-stacked .panel-row-2 .views-row,
  .page-brusselvoorscholen .panel-onecol-stacked .panel-row-2 .views-row,
  .page-klasuitstap-brussel .panel-onecol-stacked .panel-row-2 .views-row,
  .page-ontdek-brussel .panel-onecol-stacked .panel-row-2 .views-row,
  .page-paspartoe .panel-onecol-stacked .panel-row-2 .views-row,
  .page-fietsen-in-brussel .panel-onecol-stacked .panel-row-2 .views-row {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .page-home .panel-onecol-stacked .panel-row-2 .views-row:nth-child(3n),
  .page-broodje-brussel .panel-onecol-stacked .panel-row-2 .views-row:nth-child(3n),
  .page-kinderen-in-brussel .panel-onecol-stacked .panel-row-2 .views-row:nth-child(3n),
  .page-brusselvoorscholen .panel-onecol-stacked .panel-row-2 .views-row:nth-child(3n),
  .page-klasuitstap-brussel .panel-onecol-stacked .panel-row-2 .views-row:nth-child(3n),
  .page-ontdek-brussel .panel-onecol-stacked .panel-row-2 .views-row:nth-child(3n),
  .page-paspartoe .panel-onecol-stacked .panel-row-2 .views-row:nth-child(3n),
  .page-fietsen-in-brussel .panel-onecol-stacked .panel-row-2 .views-row:nth-child(3n) {
    float: right;
    margin-right: 0;
  }
}

.field--name-linked-image .puzzle_square_image, .field--name-linked-image .puzzle_rectangle_image {
  display: block;
}

.sport_in_brussel a, .free_brussel a {
  text-decoration: underline;
}

.sport_in_brussel a:hover, .free_brussel a:hover {
  text-decoration: none;
}

.sport_in_brussel {
  background-color: #ea0c8b;
  padding: 32px;
  padding: 2rem;
  text-align: center;
}

.sport_in_brussel .block__title, .sport_in_brussel .block__content, .sport_in_brussel a, .sport_in_brussel h3 {
  color: #ffffff;
}

.sport_in_brussel .block__title {
  font-size: 31px;
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
  font-family: "FlandersArtSerif-Medium";
}

.sport_in_brussel .block__content h3 {
  font-size: 20px;
  font-family: "FlandersArtSans-Light";
}

.free_brussel {
  position: relative;
  min-height: 150px;
  vertical-align: middle;
  background-color: #efefef;
}

.free_brussel .block__title, .free_brussel .block__content, .free_brussel a {
  color: #ff1500;
}

@media (min-width: 48em) {
  .free_brussel .block__title, .free_brussel .block__content, .free_brussel a {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}

.free_brussel .block__title, .free_brussel .block-body {
  padding-left: 16px;
  padding-left: 1rem;
  width: 66.21469%;
  float: right;
  margin-right: 0;
}

.free_brussel .block__title {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  padding-top: 16px;
  padding-top: 1rem;
  font-family: "FlandersArtSerif-Bold";
}

.free_brussel .block-image {
  position: relative;
  float: left;
  min-height: 154px;
  width: 32.42938%;
  float: left;
  margin-right: 1.35593%;
  background-color: #ff1500;
  padding-top: 48px;
  padding-top: 3rem;
}

@media (min-width: 59.99em) {
  .free_brussel .block-image {
    padding-top: 1rem;
  }
}

.free_brussel .block-image:after {
  color: #ff1500;
  background-color: #ff1500;
  content: " ";
  position: absolute;
  height: 20px;
  width: 11px;
  border-radius: 0px 20px 20px 0px;
  left: 100%;
  bottom: 45%;
}

.page-home .panel-row-3,
.page-kinderen-in-brussel .panel-row-3,
.page-broodje-brussel .panel-row-3,
.page-ontdek-brussel .panel-row-3,
.page-fietsen-in-brussel .panel-row-3 {
  background-color: #ffffff;
}

.page-home .region-inner-main,
.page-kinderen-in-brussel .region-inner-main,
.page-broodje-brussel .region-inner-main,
.page-ontdek-brussel .region-inner-main,
.page-fietsen-in-brussel .region-inner-main {
  margin-bottom: 0;
}

.page-home .view-recommended-items,
.page-kinderen-in-brussel .view-recommended-items,
.page-broodje-brussel .view-recommended-items,
.page-ontdek-brussel .view-recommended-items,
.page-fietsen-in-brussel .view-recommended-items {
  max-width: 1180px;
  max-width: 73.75rem;
  margin-left: auto;
  margin-right: auto;
  margin: 16px 0;
  margin: 1rem 0;
}

.page-home .view-recommended-items:after,
.page-kinderen-in-brussel .view-recommended-items:after,
.page-broodje-brussel .view-recommended-items:after,
.page-ontdek-brussel .view-recommended-items:after,
.page-fietsen-in-brussel .view-recommended-items:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 48em) {
  .page-home .view-recommended-items .views-row,
  .page-kinderen-in-brussel .view-recommended-items .views-row,
  .page-broodje-brussel .view-recommended-items .views-row,
  .page-ontdek-brussel .view-recommended-items .views-row,
  .page-fietsen-in-brussel .view-recommended-items .views-row {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
}

.page-home .view-recommended-items .views-row .field--name-field-link a,
.page-kinderen-in-brussel .view-recommended-items .views-row .field--name-field-link a,
.page-broodje-brussel .view-recommended-items .views-row .field--name-field-link a,
.page-ontdek-brussel .view-recommended-items .views-row .field--name-field-link a,
.page-fietsen-in-brussel .view-recommended-items .views-row .field--name-field-link a {
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  background-color: #ea0c8b;
  color: #ffffff;
  font-family: "FlandersArtSerif-Regular";
  font-size: 19.2px;
  font-size: 1.2rem;
}

.page-home .view-recommended-items .views-row:nth-last-of-type(3n + 1),
.page-kinderen-in-brussel .view-recommended-items .views-row:nth-last-of-type(3n + 1),
.page-broodje-brussel .view-recommended-items .views-row:nth-last-of-type(3n + 1),
.page-ontdek-brussel .view-recommended-items .views-row:nth-last-of-type(3n + 1),
.page-fietsen-in-brussel .view-recommended-items .views-row:nth-last-of-type(3n + 1) {
  margin-right: 0;
}

.block--uib-page-header {
  margin: 0;
}

.page-header {
  background-position: center;
  font-family: "FlandersArtSerif-Medium";
  color: #ffffff;
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 45px;
  line-height: 2.8125rem;
}

@media (min-width: 48em) {
  .page-header {
    font-size: 2.8125rem;
    line-height: 4.21875rem;
  }
}

@media (min-width: 90em) {
  .page-header {
    font-size: 3.5rem;
    line-height: 5.25rem;
  }
}

.page-header .banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.page-header .banner-video, .page-header .banner-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
}

@media (min-width: 48em) {
  .page-header .banner-video {
    background-image: none !important;
  }
}

.page-header .banner-inner {
  height: 320px;
  height: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page-header .uib-page-header-filter-form {
  margin: 0 auto;
  float: left;
  width: 100%;
  height: 80%;
}

@media (min-width: 48em) {
  .page-header .uib-page-header-filter-form {
    height: 100%;
    padding: 1.5rem 0 0 2rem;
  }
}

@media (min-width: 59.99em) {
  .page-header .uib-page-header-filter-form {
    padding-top: 3rem;
  }
}

.page-header .uib-page-header-filter-form .line-1 {
  width: 100%;
}

@media (min-width: 48em) {
  .page-header .uib-page-header-filter-form .line-1 .ikwil-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 1rem;
  }
}

@media (min-width: 48em) {
  .page-header .uib-page-header-filter-form .line-1 .naar-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 1rem;
  }
}

.page-header .uib-page-header-filter-form .line-1 span {
  width: 100%;
}

@media (min-width: 48em) {
  .page-header .uib-page-header-filter-form .line-1 span {
    width: auto;
  }
}

.page-header .uib-page-header-filter-form .line-1 span.ikwil {
  margin-right: 16px;
  margin-right: 1rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

.page-header .uib-page-header-filter-form .line-1 span.naar {
  margin: 0 16px;
  margin: 0 1rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

.page-header .uib-page-header-filter-form .line-1 .form-item {
  width: 100%;
  color: #ea0c8b;
  padding: 0;
  margin: 0;
  text-shadow: none;
  font-family: "FlandersArtSerif-Medium";
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.875rem;
}

@media (min-width: 30em) {
  .page-header .uib-page-header-filter-form .line-1 .form-item {
    float: none;
    margin: 0 auto;
  }
}

@media (min-width: 48em) {
  .page-header .uib-page-header-filter-form .line-1 .form-item {
    font-size: 1.5625rem;
    line-height: 2.34375rem;
  }
}

.page-header .uib-page-header-filter-form .line-1 .form-item .selectric-uib-page-header-filter-when .selectric-items li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

@media (min-width: 48em) {
  .page-header .uib-page-header-filter-form .line-1 .form-item .selectric-uib-page-header-filter-what .selectric-items {
    width: 340px !important;
    left: -84px;
    padding: 0.8rem;
  }
}

.page-header .uib-page-header-filter-form .line-1 .form-item .selectric-uib-page-header-filter-what .selectric-items li {
  display: inline-block;
  float: left;
  margin: 6px;
  padding: 5px 10px;
  border: none;
  background-color: #000000;
  color: #ffffff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

.page-header .uib-page-header-filter-form .line-1 .form-item .selectric-uib-page-header-filter-what .selectric-items li:hover {
  background-color: #ffffff;
  color: #000000;
}

@media (min-width: 48em) {
  .page-header .uib-page-header-filter-form .line-1 .form-item .selectric-wrapper {
    min-width: 16rem;
  }
}

.page-header .uib-page-header-filter-form .line-1 .form-item .selectric {
  background-color: #ffffff;
  min-height: 48px;
  min-height: 3rem;
  min-width: 256px;
  min-width: 16rem;
}

@media (min-width: 48em) {
  .page-header .uib-page-header-filter-form .line-1 .form-item .selectric {
    padding-top: 0.75rem;
  }
}

.page-header .uib-page-header-filter-form .line-1 .form-item .selectric .label {
  font-family: "FlandersArtSerif-Medium";
  text-align: left;
  padding-left: 16px;
  padding-left: 1rem;
}

@media (max-width: 48em) {
  .page-header .uib-page-header-filter-form .line-1 .form-item .selectric .label {
    margin: 0.5rem 0;
  }
}

.page-header .uib-page-header-filter-form .line-1 .form-item .selectric .button {
  top: 8px;
}

.page-header .uib-page-header-filter-form .line-1 .form-item .selectric .button:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 14px;
  font-size: 0.875rem;
  color: #231f20;
}

.page-header .uib-page-header-filter-form .line-1 .form-item .selectric .selectric-items {
  background: #ffffff;
}

.page-header .uib-page-header-filter-form .line-1 .form-item .selectric .selectric-items li {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
}

.page-header .uib-page-header-filter-form .line-1 .form-item .selectric .selectric-items li:hover {
  opacity: 0.9;
}

.page-header .uib-page-header-filter-form .line-2 {
  display: inline;
  width: 100%;
}

@media (min-width: 90em) {
  .page-header .uib-page-header-filter-form .line-2 {
    margin-top: 0;
  }
}

.page-header .uib-page-header-filter-form .line-2 span {
  width: 100%;
  text-align: center;
}

@media (min-width: 48em) {
  .page-header .uib-page-header-filter-form .line-2 span {
    width: auto;
  }
}

.page-header .uib-page-header-filter-form .line-2 span.inbrussel {
  margin-right: 16px;
  margin-right: 1rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

.page-header .uib-page-header-filter-form .line-2 span:last-of-type {
  display: inherit;
}

@media (min-width: 48em) {
  .page-header .uib-page-header-filter-form .line-2 span:last-of-type {
    display: initial;
  }
}

.page-header .uib-page-header-filter-form .line-2 .uib-page-header-filter-search.form-submit {
  background-color: #ea0c8b;
  font-family: "FlandersArtSerif-Medium";
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 45px;
  line-height: 2.8125rem;
  width: 100%;
}

@media (min-width: 48em) {
  .page-header .uib-page-header-filter-form .line-2 .uib-page-header-filter-search.form-submit {
    width: 16rem;
    min-width: 16rem;
  }
}

.page-header .free-brussel-inner {
  display: block;
}

.page-header .free-brussel-inner .image-wrapper {
  margin: 48px 0;
  margin: 3rem 0;
}

.page-header .variant {
  line-height: 33px;
}

@media (min-width: 48em) {
  .page-header .variant {
    line-height: 55px;
  }
}

.page-header .variant .image-wrapper {
  display: none;
}

@media (min-width: 48em) {
  .page-header .variant .image-wrapper {
    display: inline;
    float: left;
    margin-right: 2rem;
  }
}

@media (min-width: 90em) {
  .page-header .variant .line-2 .inbrussel {
    margin-top: 0;
  }
}

.page-header .variant .uib-page-header-filter-form {
  height: 95%;
}

@media (min-width: 48em) {
  .page-header .variant .uib-page-header-filter-form {
    text-align: left;
    height: 80%;
  }
  .page-header .variant .uib-page-header-filter-form .naar {
    margin-left: 0 !important;
  }
  .page-header .variant .uib-page-header-filter-form .selectric {
    margin-right: 1rem;
  }
}

@media (min-width: 48em) and (min-width: 90em) {
  .page-header .variant .uib-page-header-filter-form .uib-page-header-filter-search.form-submit {
    margin-top: 0;
  }
}

@media (min-width: 59.99em) {
  .page-header .variant .uib-page-header-filter-form {
    height: 75%;
    left: 25%;
  }
}

@media (min-width: 90em) {
  .page-header .variant .uib-page-header-filter-form .naar {
    margin-left: 1rem !important;
  }
}

.page-header .variant .header-title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  padding: 16px 16px 0 48px;
  padding: 1rem 1rem 0 3rem;
}

@media (min-width: 59.99em) {
  .page-header .variant .header-title {
    padding: 3rem 1rem 0 3rem;
  }
}

.page-header .variant .header-title h1 {
  color: #ffffff;
  line-height: 48px;
  line-height: 3rem;
}

.page-header .variant .header-description {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
  padding: 0px 16px 0 48px;
  padding: 0rem 1rem 0 3rem;
}

@media (min-width: 48em) {
  .page-header .variant .header-description {
    font-size: 1.375rem;
    line-height: 2.0625rem;
  }
}

@media (min-width: 59.99em) {
  .page-header .variant .header-description {
    font-size: 1.5625rem;
    line-height: 2.34375rem;
  }
}

@media (min-width: 48em) {
  .page-header .variant .header-title, .page-header .variant .header-description {
    text-align: left;
  }
}

.page-header .video-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  padding-top: 0px;
  height: 550.4px;
  height: 34.4rem;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 48em) {
  .page-header .video-wrapper {
    display: none;
  }
}

@media (max-width: 48em) {
  .page-header .video-wrapper {
    height: 0;
  }
}

.page-header .video-wrapper video {
  position: absolute;
  top: 0;
  left: 50%;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  width: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.block--uib-page-header-page-header-children .label {
  color: #00b0ed !important;
}

.block--uib-page-header-page-header-children .form-submit {
  background-color: #00b0ed !important;
}

.block--uib-page-header-page-header-free .label {
  color: #ff1500 !important;
}

.block--uib-page-header-page-header-free .form-submit {
  background-color: #ff1500 !important;
}

.block--uib-page-header-page-header-sandwich .label {
  color: #ab7b66 !important;
}

.block--uib-page-header-page-header-sandwich .form-submit {
  background-color: #ab7b66 !important;
}

.block--uib-page-header-page-header-paspartoe .banner-inner {
  display: block;
}

.block--uib-page-header-page-header-paspartoe .banner-inner .header-title h1, .block--uib-page-header-page-header-paspartoe .banner-inner .image-wrapper {
  padding: 16px 16px 0 48px;
  padding: 1rem 1rem 0 3rem;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 54px;
  line-height: 3.375rem;
}

@media (min-width: 48em) {
  .block--uib-page-header-page-header-paspartoe .banner-inner .header-title h1, .block--uib-page-header-page-header-paspartoe .banner-inner .image-wrapper {
    font-size: 3.125rem;
    line-height: 4.6875rem;
  }
}

@media (min-width: 59.99em) {
  .block--uib-page-header-page-header-paspartoe .banner-inner .header-title h1, .block--uib-page-header-page-header-paspartoe .banner-inner .image-wrapper {
    padding: 3rem 1rem 0 3rem;
  }
}

.block--uib-page-header-page-header-paspartoe .label {
  color: #5dbd83 !important;
}

.block--uib-page-header-page-header-paspartoe .form-submit {
  background-color: #5dbd83 !important;
}

.block--uib-page-header-page-header-paspartoe .register-paspartoe {
  float: none;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
}

@media (min-width: 48em) {
  .block--uib-page-header-page-header-paspartoe .register-paspartoe {
    float: left;
  }
}

.block--uib-page-header-page-header-paspartoe .register-paspartoe span {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  padding: 8px 32px;
  padding: 0.5rem 2rem;
  background-color: #0c957a;
}

.block--uib-page-header-page-header-paspartoe .register-paspartoe span a {
  color: #ffffff;
}

.block--uib-page-header-page-header-classtrip .banner-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media (max-width: 48em) {
  .block--uib-page-header-page-header-classtrip .banner-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

.block--uib-page-header-page-header-classtrip .banner-inner:after {
  content: none;
}

.block--uib-page-header-page-header-classtrip .banner-inner .header-title,
.block--uib-page-header-page-header-classtrip .banner-inner .header-description {
  display: none;
}

.block--uib-page-header-page-header-classtrip .banner-inner .image-wrapper {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 54px;
  line-height: 3.375rem;
}

@media (max-width: 59.99em) {
  .block--uib-page-header-page-header-classtrip .banner-inner .image-wrapper {
    max-width: 200px;
  }
}

@media (min-width: 48em) {
  .block--uib-page-header-page-header-classtrip .banner-inner .image-wrapper {
    font-size: 3.125rem;
    line-height: 4.6875rem;
    margin-right: 2rem;
  }
}

@media (min-width: 59.99em) {
  .block--uib-page-header-page-header-classtrip .banner-inner .image-wrapper {
    padding: 0;
  }
}

.block--uib-page-header-page-header-classtrip .banner-inner .image-wrapper img {
  vertical-align: top;
}

.block--uib-page-header-page-header-classtrip .classtrip-lo,
.block--uib-page-header-page-header-classtrip .classtrip-so {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
}

.block--uib-page-header-page-header-classtrip .classtrip-lo span a,
.block--uib-page-header-page-header-classtrip .classtrip-so span a {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 45px;
  line-height: 2.8125rem;
  font-family: "FlandersArtSerif-Medium";
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  background-color: #ea5bff;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  color: #ffffff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.block--uib-page-header-page-header-classtrip .classtrip-lo span a:after,
.block--uib-page-header-page-header-classtrip .classtrip-so span a:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-left: 8px;
  margin-left: .5rem;
  font-weight: bold;
}

.block--uib-page-header-page-header-classtrip .classtrip-lo span a:hover,
.block--uib-page-header-page-header-classtrip .classtrip-so span a:hover {
  background-color: #f18eff;
  text-decoration: none;
}

.block--uib-page-header-page-header-discover-bxl .banner-inner {
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
}

.node-article > .field--name-field-description {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.875rem;
}

.node-type-article .paragraphs-items {
  font-family: "FlandersArtSans-Light";
}

.node-type-article .paragraphs-items .rtecenter {
  text-align: center;
}

.node-type-article .paragraphs-items .rteright {
  text-align: right;
}

.node-type-article .paragraphs-items .rtejustify {
  text-align: justify;
}

.node-type-article .paragraphs-items a {
  color: #ea0c8b;
  text-decoration: underline;
}

.node-type-article .paragraphs-items a:hover {
  text-decoration: none;
}

.node-type-article .paragraphs-items .paragraphs-item-embedded-youtube {
  clear: both;
  margin: 32px 0;
  margin: 2rem 0;
}

.node-type-article .paragraphs-items .paragraphs-item-embedded-youtube iframe {
  margin: 0 auto;
  display: block;
}

.node-type-article .paragraphs-items .paragraphs-item-text {
  padding-top: 32px;
  padding-top: 2rem;
}

.node-type-article .paragraphs-items .paragraphs-item-image-left-text-right {
  clear: both;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .node-type-article .paragraphs-items .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image {
    float: left;
    margin-right: 1rem;
  }
  .node-type-article .paragraphs-items .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image img {
    max-width: 300px;
  }
}

@media (min-width: 59.99em) {
  .node-type-article .paragraphs-items .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image img {
    max-width: 500px;
  }
}

@media (min-width: 48em) {
  .node-type-article .paragraphs-items .paragraphs-item-image-left-text-right .field--name-field-paragraph-text {
    margin: 0 10rem;
  }
}

.node-type-article .paragraphs-items .paragraphs-item-image-left-text-right .field--name-field-paragraph-text ul {
  list-style-image: url("../images/walks-list.png");
}

.node-type-article .paragraphs-items .paragraphs-item-image-left-text-right .field--name-field-paragraph-text a {
  color: #ea0c8b;
  text-decoration: underline;
}

.node-type-article .paragraphs-items .paragraphs-item-text-left-image-right {
  clear: both;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .node-type-article .paragraphs-items .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image {
    float: right;
    margin-right: 1rem;
  }
}

@media (min-width: 48em) {
  .node-type-article .paragraphs-items .paragraphs-item-text-left-image-right .field--name-field-paragraph-text {
    margin: 0 10rem;
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
  }
}

.node-type-article .paragraphs-items .paragraphs-item-text-left-image-right .field--name-field-paragraph-text ul {
  list-style-image: url("../images/walks-list.png");
}

.node-type-article .paragraphs-items .paragraphs-item-text-left-image-right .field--name-field-paragraph-text a {
  color: #ea0c8b;
  text-decoration: underline;
}

@media (min-width: 48em) {
  .node-type-article .paragraphs-items .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image {
    width: 32.42938%;
    float: right;
    margin-right: 0;
    margin-left: 1rem;
  }
  .node-type-article .paragraphs-items .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image img {
    max-width: 300px;
  }
}

@media (min-width: 59.99em) {
  .node-type-article .paragraphs-items .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image img {
    max-width: 500px;
  }
}

.node-type-article .paragraphs-items .paragraphs-item-file {
  clear: both;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.node-type-article .paragraphs-items .paragraphs-item-file .group-downloads h2 {
  clear: right;
  width: 23.98305%;
  float: left;
  margin-right: 1.35593%;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.node-type-article .paragraphs-items .paragraphs-item-file .group-downloads h2:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.node-type-article .paragraphs-items .paragraphs-item-file .group-downloads .field--name-field-file {
  clear: both;
  padding-top: 8px;
  padding-top: 0.5rem;
}

.node-type-article .paragraphs-items .paragraphs-item-file .group-downloads .field--name-field-file .file a {
  padding-left: 8px;
  padding-left: 0.5rem;
}

.node-type-article .paragraphs-items .paragraphs-item-other-articles .view-mode-teaser_for_cols {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #efefef;
  position: relative;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-top: 16px;
  margin-top: 1rem;
}

@media (min-width: 30em) {
  .node-type-article .paragraphs-items .paragraphs-item-other-articles .view-mode-teaser_for_cols {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
}

.node-type-article .paragraphs-items .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--type-taxonomy-term-reference {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4.8px 12.8px;
  padding: 0.3rem 0.8rem;
  color: #ffffff;
  background-color: #ea0c8b;
}

.node-type-article .paragraphs-items .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--name-field-image {
  margin-bottom: -40px;
  margin-bottom: -2.5rem;
  overflow: hidden;
  height: 300px;
  height: 18.75rem;
  height: 200px;
}

.node-type-article .paragraphs-items .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--name-title {
  margin-top: 24px;
  margin-top: 1.5rem;
  padding: 16px;
  padding: 1rem;
}

.node-type-article .paragraphs-items .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--name-title h2 {
  margin: 0;
}

.node-type-article .paragraphs-items .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--name-body, .node-type-article .paragraphs-items .paragraphs-item-other-articles .view-mode-teaser_for_cols .links {
  padding: 0 16px;
  padding: 0 1rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

.node-type-article .paragraphs-items .paragraphs-item-other-articles .field-item:nth-of-type(3) .view-mode-teaser {
  margin-right: 0;
}

.node-type-article .paragraphs-items .paragraphs-item-other-articles .field--name-node-link {
  padding: 0 0 16px 16px;
  padding: 0 0 1rem 1rem;
  text-decoration: underline;
  text-align: left;
  clear: both;
}

.node-type-article .paragraphs-items .paragraphs-item-other-articles .field--name-node-link:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none;
  color: #ea0c8b;
}

.node-type-article .paragraphs-items .paragraphs-item-other-articles .teaser-col-2 .view-mode-teaser_for_cols {
  width: 49.32203%;
  float: left;
  margin-right: 1.35593%;
}

.node-type-article .paragraphs-items .paragraphs-item-other-articles .field-item:nth-of-type(3) .view-mode-teaser_for_cols {
  float: right;
  margin-right: 0;
}

.node-type-article .paragraphs-items .field--name-field-events {
  clear: both;
}

.node-type-article .paragraphs-items .field--name-field-events .field-item {
  background-color: #efefef;
  position: relative;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-top: 16px;
  margin-top: 1rem;
}

@media (min-width: 48em) {
  .node-type-article .paragraphs-items .field--name-field-events .field-item {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .node-type-article .paragraphs-items .field--name-field-events .field-item:last-of-type {
    width: 32.42938%;
    float: right;
    margin-right: 0;
  }
}

.node-type-article .paragraphs-items .field--name-field-events .field-item .field--name-field-events-themes {
  z-index: 10;
  float: left;
  margin-left: 16px;
  margin-left: 1rem;
  padding: 4.8px 12.8px;
  padding: 0.3rem 0.8rem;
  color: #ffffff;
  background-color: #ea0c8b;
  font-family: "FlandersArtSerif-Regular" !important;
}

.node-type-article .paragraphs-items .field--name-field-events .field-item .field--name-field-events-image {
  margin-bottom: -40px;
  margin-bottom: -2.5rem;
  height: 240px;
  height: 15rem;
  overflow: hidden;
}

.node-type-article .paragraphs-items .field--name-field-events .field-item .field--name-title {
  margin-top: 24px;
  margin-top: 1.5rem;
  padding-left: 16px;
  padding-left: 1rem;
}

.node-type-article .paragraphs-items .field--name-field-events .field-item .field--name-title h2 {
  margin: 0;
}

.node-type-article .paragraphs-items .field--name-field-events .field-item .field--name-field-events-date {
  padding-left: 16px;
  padding-left: 1rem;
}

.node-type-article .paragraphs-items .field--name-field-events .field-item .field--name-field-events-location {
  margin-bottom: 9.6px;
  margin-bottom: 0.6rem;
  color: #999999;
  font-family: "FlandersArtSans-Regular";
  padding-left: 16px;
  padding-left: 1rem;
}

.node-type-article .paragraphs-items .field--name-field-events .field-item .field--name-body {
  padding: 0 16px;
  padding: 0 1rem;
}

.node-type-article .paragraphs-items .field--name-field-events .field-item .field--name-body p {
  padding: 0;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events {
  clear: both;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .field-label {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  font-family: "FlandersArtSerif-Medium";
  font-size: 20.8px;
  font-size: 1.3rem;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .field-label:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .event-teaser {
  display: block;
  margin: 0;
  position: static;
  width: auto;
  padding: 0;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .wrapper-show-more {
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  background-color: #ea0c8b;
  font-family: "FlandersArtSerif-Regular";
  display: inline-block;
  margin-bottom: 48px;
  margin-bottom: 3rem;
  margin-top: 16px;
  margin-top: 1rem;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .wrapper-show-more a {
  color: #ffffff;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .group-interessant .field-group-format-title {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  padding: 4.8px 12.8px;
  padding: 0.3rem 0.8rem;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .group-interessant .field-group-format-title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .agenda-event-teaser {
  margin: 16px 0;
  margin: 1rem 0;
}

@media (min-width: 30em) {
  .node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .agenda-event-teaser {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .agenda-event-teaser:nth-of-type(3n+4) {
    margin-right: 0;
  }
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .agenda-event-teaser .culturefeed-article-event {
  background-color: #efefef;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .agenda-event-teaser .culturefeed-article-event .top {
  background-color: #ffffff;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .agenda-event-teaser .culturefeed-article-event .top .event-image {
  line-height: 0;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .agenda-event-teaser .culturefeed-article-event .top .event-image img {
  height: 200px;
  overflow: hidden;
  width: auto;
  display: block;
  margin: 0 auto;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .agenda-event-teaser .culturefeed-article-event .bottom {
  padding: 4.8px 12.8px;
  padding: 0.3rem 0.8rem;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .agenda-event-teaser .culturefeed-article-event .bottom .event-date {
  padding-top: 8px;
  padding-top: 0.5rem;
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .agenda-event-teaser .culturefeed-article-event .bottom .event-types {
  font-family: "FlandersArtSerif-Regular";
}

.node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .wrapper-show-more {
  clear: both;
}

@media (min-width: 30em) {
  .node-type-article .paragraphs-items .paragraphs-item-culturefeed-events .wrapper-show-more {
    margin-left: 44%;
  }
}

.l-content .event-teaser .paspartoe_image a {
  padding-right: 30px;
  display: inline-block;
  background-image: url("../images/paspartoe_logo.png");
  background-size: 20px;
  background-position: right;
  background-repeat: no-repeat;
}

.section-paspartoe .region-inner-submenu,
.section-paspartoe .more-link {
  display: none;
}

.region-inner-submenu {
  background-color: #efefef;
}

.section-paspartoe .node-page, .section-promotions .node-page {
  width: 100%;
}

.section-paspartoe .block--menu-block-3, .section-promotions .block--menu-block-3 {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .section-paspartoe .block--menu-block-3, .section-promotions .block--menu-block-3 {
    float: left;
  }
}

.section-paspartoe .block--menu-block-3 .menu-block-3, .section-promotions .block--menu-block-3 .menu-block-3 {
  padding: 0;
  margin-bottom: 0;
}

.section-paspartoe .block--menu-block-3 .menu-block-3 ul.menu, .section-promotions .block--menu-block-3 .menu-block-3 ul.menu {
  padding: 0;
  margin: 0;
}

.section-paspartoe .block--menu-block-3 .menu-block-3 ul.menu .leaf, .section-promotions .block--menu-block-3 .menu-block-3 ul.menu .leaf {
  width: auto;
  list-style-type: none;
  list-style-image: none;
  display: block;
  text-align: center;
  position: relative;
}

@media (min-width: 48em) {
  .section-paspartoe .block--menu-block-3 .menu-block-3 ul.menu .leaf, .section-promotions .block--menu-block-3 .menu-block-3 ul.menu .leaf {
    float: left;
    text-align: inherit;
  }
}

.section-paspartoe .block--menu-block-3 .menu-block-3 ul.menu .leaf a, .section-promotions .block--menu-block-3 .menu-block-3 ul.menu .leaf a {
  position: relative;
  display: block;
  padding: 16px 32px;
  padding: 1rem 2rem;
  font-family: "FlandersArtSerif-Medium";
}

.section-paspartoe .block--menu-block-3 .menu-block-3 ul.menu .leaf a.active, .section-promotions .block--menu-block-3 .menu-block-3 ul.menu .leaf a.active {
  color: #0c957a;
}

@media (min-width: 48em) {
  .section-paspartoe .block--menu-block-3 .menu-block-3 ul.menu .leaf a.active:after, .section-promotions .block--menu-block-3 .menu-block-3 ul.menu .leaf a.active:after {
    content: " ";
    position: absolute;
    height: 11px;
    width: 20px;
    border-radius: 20px 20px 0px 0px;
    bottom: 0px;
    left: 43%;
    background-color: #0c957a;
  }
}

.section-paspartoe .block--menu-block-3 .menu-block-3 ul.menu .leaf a :hover, .section-promotions .block--menu-block-3 .menu-block-3 ul.menu .leaf a :hover {
  text-decoration: none;
  color: #0c957a;
}

@media (min-width: 48em) {
  .section-paspartoe .block--menu-block-3 .menu-block-3 ul.menu .first a, .section-promotions .block--menu-block-3 .menu-block-3 ul.menu .first a {
    padding-left: 0;
  }
  .section-paspartoe .block--menu-block-3 .menu-block-3 ul.menu .first a:after, .section-promotions .block--menu-block-3 .menu-block-3 ul.menu .first a:after {
    left: 22% !important;
  }
}

.section-paspartoe .block--menu-block-3 .menu-block-3 .menu, .section-promotions .block--menu-block-3 .menu-block-3 .menu {
  text-align: center;
}

@media (min-width: 30em) {
  .section-paspartoe .block--menu-block-3 .menu-block-3 .menu, .section-promotions .block--menu-block-3 .menu-block-3 .menu {
    text-align: left;
  }
}

.block--culturefeed-ui-profile-box {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .block--culturefeed-ui-profile-box {
    float: right;
    text-align: inherit;
  }
}

.block--culturefeed-ui-profile-box .block__content {
  padding-top: 16px;
  padding-top: 1rem;
  text-align: center;
}

.block--culturefeed-ui-profile-box .profile-information a {
  padding-left: 8px;
  padding-left: 0.5rem;
}

@media (min-width: 48em) {
  .block--culturefeed-ui-profile-box .profile-information:hover .expanded {
    display: block;
  }
  .block--culturefeed-ui-profile-box .profile-information:hover .expanded span {
    float: right;
    position: absolute;
    padding-top: 1rem;
  }
  .block--culturefeed-ui-profile-box .profile-information:hover .expanded a {
    border: 0px 1px 1px 1px solid #747474;
    padding: 0.8rem;
    background-color: #efefef;
  }
}

@media (min-width: 48em) {
  .block--culturefeed-ui-profile-box .expanded {
    display: none;
  }
}

.pane-paspartoe-promoted .views-row {
  margin-bottom: 0;
}

.pane-culturefeed-ui-my-uitid, .pane-culturefeed-uitpas,
.block--culturefeed-uitpas-uitpas-user-register,
.block--culturefeed-uitpas-uitpas-profile-summary,
.block--block-4,
.pane-block-8,
.block--block-8 {
  padding: 16px;
  padding: 1rem;
  background-color: #efefef;
}

.pane-culturefeed-ui-my-uitid .pane-title,
.pane-culturefeed-ui-my-uitid .block__title, .pane-culturefeed-uitpas .pane-title,
.pane-culturefeed-uitpas .block__title,
.block--culturefeed-uitpas-uitpas-user-register .pane-title,
.block--culturefeed-uitpas-uitpas-user-register .block__title,
.block--culturefeed-uitpas-uitpas-profile-summary .pane-title,
.block--culturefeed-uitpas-uitpas-profile-summary .block__title,
.block--block-4 .pane-title,
.block--block-4 .block__title,
.pane-block-8 .pane-title,
.pane-block-8 .block__title,
.block--block-8 .pane-title,
.block--block-8 .block__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.pane-culturefeed-ui-my-uitid .pane-title:after,
.pane-culturefeed-ui-my-uitid .block__title:after, .pane-culturefeed-uitpas .pane-title:after,
.pane-culturefeed-uitpas .block__title:after,
.block--culturefeed-uitpas-uitpas-user-register .pane-title:after,
.block--culturefeed-uitpas-uitpas-user-register .block__title:after,
.block--culturefeed-uitpas-uitpas-profile-summary .pane-title:after,
.block--culturefeed-uitpas-uitpas-profile-summary .block__title:after,
.block--block-4 .pane-title:after,
.block--block-4 .block__title:after,
.pane-block-8 .pane-title:after,
.pane-block-8 .block__title:after,
.block--block-8 .pane-title:after,
.block--block-8 .block__title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.pane-culturefeed-ui-my-uitid .pane-title:after,
.pane-culturefeed-ui-my-uitid .block__title:after, .pane-culturefeed-uitpas .pane-title:after,
.pane-culturefeed-uitpas .block__title:after,
.block--culturefeed-uitpas-uitpas-user-register .pane-title:after,
.block--culturefeed-uitpas-uitpas-user-register .block__title:after,
.block--culturefeed-uitpas-uitpas-profile-summary .pane-title:after,
.block--culturefeed-uitpas-uitpas-profile-summary .block__title:after,
.block--block-4 .pane-title:after,
.block--block-4 .block__title:after,
.pane-block-8 .pane-title:after,
.pane-block-8 .block__title:after,
.block--block-8 .pane-title:after,
.block--block-8 .block__title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.pane-culturefeed-ui-my-uitid, .block--culturefeed-ui-my-uitid {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.pane-culturefeed-ui-my-uitid .nickname, .pane-culturefeed-ui-my-uitid .uitid-contextual-links-wrapper, .block--culturefeed-ui-my-uitid .nickname, .block--culturefeed-ui-my-uitid .uitid-contextual-links-wrapper {
  display: block;
  clear: both;
}

.pane-culturefeed-ui-my-uitid .nickname, .block--culturefeed-ui-my-uitid .nickname {
  margin-top: 16px;
  margin-top: 1rem;
}

.pane-culturefeed-ui-my-uitid .nickname img, .block--culturefeed-ui-my-uitid .nickname img {
  width: 23.98305%;
  float: left;
  margin-right: 1.35593%;
}

.pane-culturefeed-ui-my-uitid .nickname a, .block--culturefeed-ui-my-uitid .nickname a {
  width: 74.66102%;
  float: right;
  margin-right: 0;
  padding-left: 8px;
  padding-left: 0.5rem;
}

.pane-culturefeed-ui-my-uitid .uitid-contextual-links-wrapper, .block--culturefeed-ui-my-uitid .uitid-contextual-links-wrapper {
  padding-top: 8px;
  padding-top: 0.5rem;
}

.pane-culturefeed-ui-my-uitid .uitid-contextual-links-wrapper .points, .block--culturefeed-ui-my-uitid .uitid-contextual-links-wrapper .points {
  margin-left: 8px;
  margin-left: 0.5rem;
}

.pane-culturefeed-ui-my-uitid .profile, .block--culturefeed-ui-my-uitid .profile {
  margin-bottom: 0;
}

.pane-culturefeed-ui-my-uitid .profile h2, .block--culturefeed-ui-my-uitid .profile h2 {
  margin-bottom: 0;
}

.pane-culturefeed-ui-my-uitid .profile .stripped-border-bottom, .block--culturefeed-ui-my-uitid .profile .stripped-border-bottom {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  clear: both;
}

.pane-culturefeed-ui-my-uitid .profile .stripped-border-bottom:after, .block--culturefeed-ui-my-uitid .profile .stripped-border-bottom:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.pane-culturefeed-ui-my-uitid .profile .list, .block--culturefeed-ui-my-uitid .profile .list {
  padding-top: 16px;
  padding-top: 1rem;
}

.pane-culturefeed-ui-my-uitid ul, .block--culturefeed-ui-my-uitid ul {
  clear: both;
  margin-bottom: 0;
  padding-left: 0;
}

.pane-culturefeed-ui-my-uitid ul li, .block--culturefeed-ui-my-uitid ul li {
  list-style-type: none;
}

.pane-culturefeed-ui-my-uitid ul li:after, .block--culturefeed-ui-my-uitid ul li:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-left: 4px;
  padding-left: 0.25rem;
  color: #ea0c8b;
}

.pane-culturefeed-ui-my-uitid .log-out-wrapper, .block--culturefeed-ui-my-uitid .log-out-wrapper {
  display: block;
  text-align: center;
}

.pane-culturefeed-ui-my-uitid .log-out-wrapper .button, .block--culturefeed-ui-my-uitid .log-out-wrapper .button {
  display: inline-block;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  margin-top: 16px;
  margin-top: 1rem;
  color: #ffffff;
  background-color: #0c957a;
}

.pane-culturefeed-ui-my-uitid .log-out-wrapper .button a, .block--culturefeed-ui-my-uitid .log-out-wrapper .button a {
  color: #ffffff;
}

@media (min-width: 48em) and (max-width: 59.9275em) {
  .pane-culturefeed-ui-my-uitid, .block--culturefeed-ui-my-uitid {
    width: 57.76836%;
    float: left;
    margin-right: 1.35593%;
  }
}

.block--culturefeed-ui-my-uitid {
  clear: both;
  padding: 16px;
  padding: 1rem;
  background-color: #efefef;
}

@media (min-width: 59.99em) {
  .block--culturefeed-ui-my-uitid {
    clear: none;
    width: 23.98305%;
    float: right;
    margin-right: 0;
  }
}

.block--culturefeed-ui-my-uitid .block__title {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.block--culturefeed-ui-my-uitid .block__title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.pane-culturefeed-uitpas,
.block--culturefeed-uitpas-uitpas-profile-summary {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  display: inline-block;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.pane-culturefeed-uitpas .profile_summary,
.block--culturefeed-uitpas-uitpas-profile-summary .profile_summary {
  margin-top: 8px;
  margin-top: 0.5rem;
}

.pane-culturefeed-uitpas .profile_summary .details,
.block--culturefeed-uitpas-uitpas-profile-summary .profile_summary .details {
  float: left;
}

.pane-culturefeed-uitpas .profile_summary .all_promotions,
.block--culturefeed-uitpas-uitpas-profile-summary .profile_summary .all_promotions {
  margin-top: 16px;
  margin-top: 1rem;
  float: right;
}

@media (min-width: 59.99em) {
  .pane-culturefeed-uitpas .profile_summary .all_promotions,
  .block--culturefeed-uitpas-uitpas-profile-summary .profile_summary .all_promotions {
    float: left;
  }
}

.pane-culturefeed-uitpas .points,
.block--culturefeed-uitpas-uitpas-profile-summary .points {
  display: inline-block;
  margin-left: 8px;
  margin-left: 0.5rem;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  color: #ffffff;
  background-color: #0c957a;
}

@media (min-width: 30em) {
  .pane-culturefeed-uitpas,
  .block--culturefeed-uitpas-uitpas-profile-summary {
    margin-bottom: 1rem;
  }
}

.block--culturefeed-uitpas-uitpas-profile-summary,
.block--block-4 {
  clear: both;
  margin-top: 32px;
  margin-top: 2rem;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 59.99em) {
  .block--culturefeed-uitpas-uitpas-profile-summary,
  .block--block-4 {
    clear: none;
    margin-top: 0;
    width: 23.98305%;
    float: right;
    margin-right: 0;
  }
}

.block--culturefeed-uitpas-uitpas-user-register .content,
.pane-culturefeed-uitpas-uitpas-user-register .content {
  margin-top: 16px;
  margin-top: 1rem;
}

.block--culturefeed-uitpas-uitpas-user-register .button,
.pane-culturefeed-uitpas-uitpas-user-register .button {
  width: 75%;
  margin: 16px auto;
  margin: 1rem auto;
  background-color: #0c957a;
  text-align: center;
}

.block--culturefeed-uitpas-uitpas-user-register .button a,
.pane-culturefeed-uitpas-uitpas-user-register .button a {
  display: block;
  padding: 8px 0;
  padding: 0.5rem 0;
  color: #ffffff;
}

.pane-culturefeed-uitpas-uitpas-user-register {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.block--culturefeed-uitpas-uitpas-user-register {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 59.99em) {
  .block--culturefeed-uitpas-uitpas-user-register {
    clear: right;
    width: 23.98305%;
    float: right;
    margin-right: 0;
  }
}

.block--uib-paspartoe-block-paspartoe-block-promotions,
.block--uib-paspartoe-block-paspartoe-block-advantages {
  width: 74.66102%;
  float: left;
  margin-right: 1.35593%;
}

.block--uib-paspartoe-block-paspartoe-block-promotions a,
.block--uib-paspartoe-block-paspartoe-block-advantages a {
  text-decoration: underline;
}

.block--uib-paspartoe-block-paspartoe-block-promotions a:hover,
.block--uib-paspartoe-block-paspartoe-block-advantages a:hover {
  text-decoration: none;
}

.block--uib-paspartoe-block-paspartoe-block-promotions a:after,
.block--uib-paspartoe-block-paspartoe-block-advantages a:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none;
  color: #ea0c8b;
}

.block--paspartoe-global-settings-uitpas-register-form {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  padding: 16px;
  padding: 1rem;
  background-color: #efefef;
}

@media (min-width: 59.99em) {
  .block--paspartoe-global-settings-uitpas-register-form {
    width: 23.98305%;
    float: right;
    margin-right: 0;
    float: right;
    margin-right: 0;
    clear: none;
  }
}

.block--paspartoe-global-settings-uitpas-register-form h2 {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  clear: both;
}

.block--paspartoe-global-settings-uitpas-register-form h2:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.block--paspartoe-global-settings-uitpas-register-form .form-submit {
  color: #ffffff;
  background-color: #0c957a;
}

@media (min-width: 59.99em) {
  .page-node-98 .node--events--full {
    width: 74.66102%;
    float: left;
    margin-right: 1.35593%;
  }
}

.block--block-8,
.pane-block-8 {
  clear: both;
  margin: 16px 0;
  margin: 1rem 0;
}

.block--block-8 .block__title, .block--block-8 .pane-title,
.pane-block-8 .block__title,
.pane-block-8 .pane-title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem;
}

.block--block-8 .block__content, .block--block-8 p,
.pane-block-8 .block__content,
.pane-block-8 p {
  margin-top: 16px;
  margin-top: 1rem;
}

.block--block-8 .block__content a, .block--block-8 p a,
.pane-block-8 .block__content a,
.pane-block-8 p a {
  text-decoration: underline;
}

.block--block-8 .block__content a:hover, .block--block-8 p a:hover,
.pane-block-8 .block__content a:hover,
.pane-block-8 p a:hover {
  text-decoration: none;
}

.page-wandelingen .region-inner-content a {
  color: #ea0c8b;
  text-decoration: underline;
}

.page-wandelingen .region-inner-content a:hover {
  text-decoration: none;
}

@media (min-width: 48em) {
  .pane- .pane-1, .page-wandelingen .pane-1 {
    width: 66.21469%;
    float: left;
    margin-right: 1.35593%;
  }
}

.pane- .pane-wandeling-overview, .page-wandelingen .pane-wandeling-overview {
  display: none;
}

@media (min-width: 48em) {
  .pane- .pane-wandeling-overview, .page-wandelingen .pane-wandeling-overview {
    display: block;
  }
}

.pane- .pane-wandeling-overview .openlayers-views-map, .page-wandelingen .pane-wandeling-overview .openlayers-views-map {
  clear: both;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.pane- .pane-wandeling-overview .openlayers-views-map span, .page-wandelingen .pane-wandeling-overview .openlayers-views-map span {
  font-size: 25px;
}

.pane- .pane-wandeling-overview .openlayers-views-map .olPopup .openlayers-popup.openlayers-tooltip-name .popup-group, .page-wandelingen .pane-wandeling-overview .openlayers-views-map .olPopup .openlayers-popup.openlayers-tooltip-name .popup-group {
  display: table;
  padding-top: 16px !important;
  padding-top: 1rem !important;
}

.pane- .pane-wandeling-overview .openlayers-views-map .olPopup .openlayers-popup.openlayers-tooltip-name .popup-group a[href*="category"], .page-wandelingen .pane-wandeling-overview .openlayers-views-map .olPopup .openlayers-popup.openlayers-tooltip-name .popup-group a[href*="category"] {
  display: table-header-group;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

.pane- .pane-wandeling-overview .openlayers-views-map .olPopup .openlayers-popup.openlayers-tooltip-name .popup-group a[href*="wandelingen"], .page-wandelingen .pane-wandeling-overview .openlayers-views-map .olPopup .openlayers-popup.openlayers-tooltip-name .popup-group a[href*="wandelingen"] {
  display: table-footer-group;
  font-family: "FlandersArtSerif-Medium" !important;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
}

.pane- .pane-wandeling-overview .openlayers-views-map .olPopup .openlayers-popup.openlayers-tooltip-name .popup-group a[href*="wandelingen"] h3, .page-wandelingen .pane-wandeling-overview .openlayers-views-map .olPopup .openlayers-popup.openlayers-tooltip-name .popup-group a[href*="wandelingen"] h3 {
  margin-bottom: 0 !important;
}

.pane- .view-walking .item-list, .page-wandelingen .view-walking .item-list {
  background-color: #efefef;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 30em) {
  .pane- .view-walking .item-list, .page-wandelingen .view-walking .item-list {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
  }
  .pane- .view-walking .item-list:nth-child(even), .page-wandelingen .view-walking .item-list:nth-child(even) {
    width: 49.32203%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 48em) {
  .pane- .view-walking .item-list, .page-wandelingen .view-walking .item-list {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .pane- .view-walking .item-list:nth-child(even), .page-wandelingen .view-walking .item-list:nth-child(even) {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .pane- .view-walking .item-list:nth-child(3n+3), .page-wandelingen .view-walking .item-list:nth-child(3n+3) {
    width: 32.42938%;
    float: right;
    margin-right: 0;
  }
}

.pane- .view-walking .item-list h3 span, .page-wandelingen .view-walking .item-list h3 span {
  margin: 32px;
  margin: 2rem;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 37.5px;
  line-height: 2.34375rem;
}

.pane- .view-walking .item-list .image, .page-wandelingen .view-walking .item-list .image {
  height: 300px;
  height: 18.75rem;
  overflow: hidden;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.pane- .view-walking .item-list ul, .page-wandelingen .view-walking .item-list ul {
  list-style-image: url("../images/walks-list.png");
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-left: 48px;
  padding-left: 3rem;
}

.pane- .view-walking .item-list ul li, .page-wandelingen .view-walking .item-list ul li {
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
}

.pane- .view-walking .item-list ul .views-field-title, .page-wandelingen .view-walking .item-list ul .views-field-title {
  display: inline;
}

.pane- .view-walking .item-list ul .views-field-field-walks-duration, .page-wandelingen .view-walking .item-list ul .views-field-field-walks-duration {
  font-family: "FlandersArtSans-Light";
  clear: right;
  display: inline-block;
  padding-left: 5px;
  color: #999999;
}

.node-walks {
  font-family: "FlandersArtSans-Light";
}

.node-walks .group-header .field--name-title h2 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 48px;
  line-height: 3rem;
}

.node-walks .group-header .field--name-field-walks-introduction {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 37.5px;
  line-height: 2.34375rem;
  color: #4c4c4c;
}

.node-walks .group-header .field--name-field-walks-introduction a {
  color: #ea0c8b;
  text-decoration: underline;
}

.node-walks .group-header .field--name-field-walks-introduction a:hover {
  text-decoration: none;
}

.node-walks .group-left {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 30em) {
  .node-walks .group-left {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
}

.node-walks .group-right {
  margin-bottom: 40px;
  margin-bottom: 2.5rem;
}

@media (min-width: 30em) {
  .node-walks .group-right {
    width: 57.76836%;
    float: left;
    margin-right: 1.35593%;
  }
}

.node-walks .group-right .field-label {
  float: left;
  font-family: "FlandersArtSans-Regular";
  font-weight: bolder;
}

.node-walks .group-right .field--name-field-walks-short-description {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}

.node-walks .group-right .field--name-field-walks-short-description:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.node-walks .group-right .field--name-field-walks-short-description p {
  margin: 0;
}

.node-walks .group-right .field--name-field-walks-duration, .node-walks .group-right .field--name-field-walks-theme, .node-walks .group-right .field--name-field-walks-themes, .node-walks .group-right .field--name-field-walks-destrict, .node-walks .group-right .field--name-field-walks-partners {
  padding-top: 8px;
  padding-top: 0.5rem;
}

.node-walks .group-right .field--name-field-walks-starting-point, .node-walks .group-right .field--name-field-walks-ending-point, .node-walks .group-right .field--type-addressfield, .node-walks .group-right .field_walks_district {
  padding-top: 8px;
  padding-top: 0.5rem;
}

.node-walks .group-right .field--name-field-walks-starting-point .street-block, .node-walks .group-right .field--name-field-walks-ending-point .street-block, .node-walks .group-right .field--type-addressfield .street-block, .node-walks .group-right .field_walks_district .street-block {
  float: left;
}

.node-walks .group-right .field--name-field-walks-starting-point .locality-block:before, .node-walks .group-right .field--name-field-walks-ending-point .locality-block:before, .node-walks .group-right .field--type-addressfield .locality-block:before, .node-walks .group-right .field_walks_district .locality-block:before {
  content: ', ';
  float: left;
}

.node-walks .group-right .field--name-field-walks-starting-point .locality-block .postal-code, .node-walks .group-right .field--name-field-walks-ending-point .locality-block .postal-code, .node-walks .group-right .field--type-addressfield .locality-block .postal-code, .node-walks .group-right .field_walks_district .locality-block .postal-code {
  padding-left: 8px;
  padding-left: 0.5rem;
}

.node-walks .group-right .field--name-field-walks-accessibility {
  padding-top: 8px;
  padding-top: 0.5rem;
  width: 100%;
}

.node-walks .group-right .field--name-field-walks-download {
  margin-top: 16px;
  margin-top: 1rem;
  padding-top: 16px;
  padding-top: 1rem;
}

.node-walks .group-right .field--name-field-walks-download .file {
  padding-top: 16px;
  padding-top: 1rem;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
}

.node-walks .group-right .field--name-field-walks-download .file:before {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: -15px;
  left: 0;
  bottom: auto;
  right: 0;
}

.node-walks .group-right .field--name-field-walks-download .file img {
  display: none;
}

.node-walks .group-right .field--name-field-walks-download .file a:before {
  content: ' ';
  padding-left: 19.2px;
  padding-left: 1.2rem;
  background-image: url("../images/download.png");
  background-repeat: no-repeat;
}

.node-walks .group-right .field--name-field-walks-download a {
  text-decoration: underline;
}

.node-walks .group-footer .field--name-field-geo-code {
  clear: both;
  margin-top: 16px;
  margin-top: 1rem;
  display: none;
}

@media (min-width: 48em) {
  .node-walks .group-footer .field--name-field-geo-code {
    display: block;
  }
}

.node-walks .group-footer .field--name-field-walks-publication-date {
  clear: both;
  padding-top: 16px;
  padding-top: 1rem;
}

.node-walks .group-footer .field--name-field-walks-publication-date .field-label {
  float: left;
  font-family: "FlandersArtSans-Light";
}

.openlayers-container {
  z-index: 10;
}

.openlayers-container img {
  max-width: initial;
}

.olPopupCloseBox {
  background-color: #000000;
}

.page-wandelingen .region-inner-content a {
  color: #ea0c8b;
}

.block--uib-uit-databank-configuration-related-dossier {
  clear: both;
}

.block--uib-uit-databank-configuration-related-dossier .node-related-dossier.node-teaser {
  clear: both;
  background-color: #efefef;
  padding: 16px;
  padding: 1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.block--uib-uit-databank-configuration-related-dossier .node-related-dossier.node-teaser .field--name-title {
  width: 100%;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.block--uib-uit-databank-configuration-related-dossier .node-related-dossier.node-teaser .field--name-title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.block--uib-uit-databank-configuration-related-dossier .node-related-dossier.node-teaser .field--name-field-related-dossier-image {
  width: 32.42938%;
  float: left;
  margin-right: 1.35593%;
  padding-top: 16px;
  padding-top: 1rem;
}

.block--uib-uit-databank-configuration-related-dossier .node-related-dossier.node-teaser .field--name-body {
  width: 66.21469%;
  float: right;
  margin-right: 0;
  padding: 16px 0 0 16px;
  padding: 1rem 0 0 1rem;
}

@media (min-width: 59.99em) {
  .block--uib-uit-databank-configuration-related-dossier .node-related-dossier.node-teaser .field--name-body {
    padding-left: 0;
  }
}

@media (min-width: 59.99em) {
  .block--uib-uit-databank-configuration-related-dossier .node-related-dossier.node-teaser {
    clear: none;
  }
  .block--uib-uit-databank-configuration-related-dossier .node-related-dossier.node-teaser .field--name-field-related-dossier-image, .block--uib-uit-databank-configuration-related-dossier .node-related-dossier.node-teaser .field--name-body {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.block--uib-uit-databank-configuration-related-dossier .node-related-dossier.node-teaser:hover {
  cursor: pointer;
}

.node-type-dossier .paragraphs-item-image-left-text-right, .node-type-dossier .paragraphs-item-text-left-image-right {
  clear: both;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.node-type-dossier .paragraphs-item-image-left-text-right .field--name-field-paragraph-text ul, .node-type-dossier .paragraphs-item-text-left-image-right .field--name-field-paragraph-text ul {
  padding-left: 16px;
  padding-left: 1rem;
  list-style-image: url("../images/walks-list.png");
}

.node-type-dossier .paragraphs-item-image-left-text-right .field--name-field-paragraph-text ul li, .node-type-dossier .paragraphs-item-text-left-image-right .field--name-field-paragraph-text ul li {
  padding-bottom: 8px;
  padding-bottom: 0.5rem;
}

.node-type-dossier .paragraphs-item-image-left-text-right .field--name-field-paragraph-text a, .node-type-dossier .paragraphs-item-text-left-image-right .field--name-field-paragraph-text a {
  color: #ea0c8b;
  text-decoration: underline;
}

.node-type-dossier .paragraphs-item-image-left-text-right .field--name-field-paragraph-text p, .node-type-dossier .paragraphs-item-text-left-image-right .field--name-field-paragraph-text p {
  font-family: "FlandersArtSerif-Regular";
}

.node-type-dossier .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 30em) {
  .node-type-dossier .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image {
    width: 40.87571%;
    float: left;
    margin-right: 1.35593%;
  }
}

@media (min-width: 48em) {
  .node-type-dossier .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
}

.node-type-dossier .paragraphs-item-image-left-text-right .field--name-field-paragraph-text {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 30em) {
  .node-type-dossier .paragraphs-item-image-left-text-right .field--name-field-paragraph-text {
    width: 57.76836%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 48em) {
  .node-type-dossier .paragraphs-item-image-left-text-right .field--name-field-paragraph-text {
    width: 66.21469%;
    float: right;
    margin-right: 0;
  }
}

.node-type-dossier .paragraphs-item-text {
  clear: both;
}

.node-type-dossier .paragraphs-item-text a {
  color: #ea0c8b;
  text-decoration: underline;
}

.node-type-dossier .paragraphs-item-text a:hover {
  text-decoration: none;
}

.node-type-dossier .paragraphs-item-text-left-image-right .field--name-field-paragraph-text {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 30em) {
  .node-type-dossier .paragraphs-item-text-left-image-right .field--name-field-paragraph-text {
    width: 57.76836%;
    float: left;
    margin-right: 1.35593%;
  }
}

@media (min-width: 48em) {
  .node-type-dossier .paragraphs-item-text-left-image-right .field--name-field-paragraph-text {
    width: 66.21469%;
    float: left;
    margin-right: 1.35593%;
  }
}

.node-type-dossier .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 30em) {
  .node-type-dossier .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image {
    width: 40.87571%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 48em) {
  .node-type-dossier .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image {
    width: 32.42938%;
    float: right;
    margin-right: 0;
  }
}

.node-type-dossier .paragraphs-item-other-articles {
  clear: both;
}

.node-type-dossier .paragraphs-item-other-articles .field-item:last-of-type .view-mode-teaser_for_cols {
  float: right;
  margin-right: 0;
}

.node-type-dossier .paragraphs-item-other-articles .view-mode-teaser_for_cols {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #efefef;
  position: relative;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-top: 16px;
  margin-top: 1rem;
}

@media (min-width: 30em) {
  .node-type-dossier .paragraphs-item-other-articles .view-mode-teaser_for_cols {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
}

.node-type-dossier .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--type-taxonomy-term-reference {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4.8px 12.8px;
  padding: 0.3rem 0.8rem;
  color: #ffffff;
  background-color: #ea0c8b;
}

.node-type-dossier .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--name-field-image {
  margin-bottom: -40px;
  margin-bottom: -2.5rem;
}

.node-type-dossier .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--name-title {
  margin-top: 24px;
  margin-top: 1.5rem;
  padding: 16px;
  padding: 1rem;
}

.node-type-dossier .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--name-title h2 {
  margin: 0;
}

.node-type-dossier .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--name-body, .node-type-dossier .paragraphs-item-other-articles .view-mode-teaser_for_cols .links {
  padding: 0 16px;
  padding: 0 1rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

.node-type-dossier .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--name-node-link {
  padding: 0 0 16px 16px;
  padding: 0 0 1rem 1rem;
  text-decoration: underline;
  text-align: left;
  clear: both;
}

.node-type-dossier .paragraphs-item-other-articles .view-mode-teaser_for_cols .field--name-node-link:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none;
  color: #ea0c8b;
}

.node-type-dossier .paragraphs-item-other-articles .teaser-col-2 .view-mode-teaser_for_cols {
  width: 49.32203%;
  float: left;
  margin-right: 1.35593%;
}

.node-type-dossier .paragraphs-item-other-articles .teaser-col-2 .odd .view-mode-teaser_for_cols {
  float: right;
  margin-right: 0;
}

.node-type-dossier .paragraphs-item-file {
  clear: both;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.node-type-dossier .paragraphs-item-file .group-downloads h2 {
  clear: right;
  width: 23.98305%;
  float: left;
  margin-right: 1.35593%;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.node-type-dossier .paragraphs-item-file .group-downloads h2:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.node-type-dossier .paragraphs-item-file .group-downloads .field--name-field-file {
  clear: both;
  padding-top: 8px;
  padding-top: 0.5rem;
}

.node-type-dossier .paragraphs-item-file .group-downloads .field--name-field-file .file a {
  padding-left: 8px;
  padding-left: 0.5rem;
}

.node-type-dossier .paragraphs-item-embedded-youtube {
  clear: both;
  margin: 32px 0;
  margin: 2rem 0;
}

.node-type-dossier .paragraphs-item-embedded-youtube iframe {
  margin: 0 auto;
  display: block;
}

.field--name-field-events {
  clear: both;
}

.field--name-field-events .field-item {
  background-color: #efefef;
  position: relative;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-top: 16px;
  margin-top: 1rem;
}

@media (min-width: 48em) {
  .field--name-field-events .field-item {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .field--name-field-events .field-item:last-of-type {
    width: 32.42938%;
    float: right;
    margin-right: 0;
  }
}

.field--name-field-events .field-item .field--name-field-events-types {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4.8px 12.8px;
  padding: 0.3rem 0.8rem;
  color: #ffffff;
  background-color: #ea0c8b;
  font-family: "FlandersArtSerif-Regular" !important;
}

.field--name-field-events .field-item .field--name-field-events-date {
  margin-bottom: -40px;
  margin-bottom: -2.5rem;
}

.field--name-field-events .field-item .field--name-title {
  margin-top: 24px;
  margin-top: 1.5rem;
  padding: 16px;
  padding: 1rem;
}

.field--name-field-events .field-item .field--name-title h2 {
  margin: 0;
}

.field--name-field-events .field-item .field--name-field-events-date {
  padding-left: 16px;
  padding-left: 1rem;
}

.field--name-field-events .field-item .field--name-field-events-location {
  margin-bottom: 9.6px;
  margin-bottom: 0.6rem;
  color: #999999;
  font-family: "FlandersArtSans-Regular";
  padding-left: 16px;
  padding-left: 1rem;
}

.field--name-field-events .field-item .field--name-body {
  padding: 0 16px;
  padding: 0 1rem;
}

.field--name-field-events .field-item .field--name-body p {
  padding: 0;
}

.newsletter_block > .block__content a {
  color: #ffffff;
}

.block--imageblock-6, .block--imageblock-7, .block--imageblock-5, .block--imageblock-3 {
  float: left;
  width: 32.42938%;
  float: left;
  margin-right: 1.35593%;
}

@media (min-width: 59.99em) {
  .block--imageblock-6, .block--imageblock-7, .block--imageblock-5, .block--imageblock-3 {
    float: none;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}

.block--imageblock-6.block--imageblock:last-of-type, .block--imageblock-7.block--imageblock:last-of-type, .block--imageblock-5.block--imageblock:last-of-type, .block--imageblock-3.block--imageblock:last-of-type {
  float: right;
  margin-right: 0;
}

.block--block-7 {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.block--block-7 .block__title {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 51px;
  line-height: 3.1875rem;
}

.block--block-7 .block__content {
  color: #ffffff;
  display: none;
}

.cnw_card-block .list-item {
  display: block !important;
}

.cnw_form button {
  font-size: 13.6px !important;
  font-size: 0.85rem !important;
  font-family: "FlandersArtSerif-Regular" !important;
  color: #231f20;
  cursor: pointer !important;
}

.cnw_form-group label {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "FlandersArtSerif-Regular";
  font-weight: bold;
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
  -webkit-margin-after: 1em;
  margin-block-end: 1em;
  -webkit-margin-start: 0px;
  margin-inline-start: 0px;
  -webkit-margin-end: 0px;
  margin-inline-end: 0px;
  color: #231f20;
}

.cnw_form-group .cnw_form-control {
  font-size: 13.6px;
  font-size: 0.85rem;
  font-family: "FlandersArtSans-Regular";
  color: #231f20;
}

.cnw_w strong {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "FlandersArtSerif-Regular" !important;
  font-weight: bold;
}

.cnw_w .btn-primary, .cnw_w .form-submit {
  color: #ffffff;
  background-color: #231f20;
  padding: 8px 10px;
}

.section-brusselvoorscholen .view-puzzle > .more-link,
.section-klasuitstap-brussel .view-puzzle > .more-link {
  display: none;
}

.node-guides-organization .field--label-inline > .field-label,
.node-offer .field--label-inline > .field-label {
  display: inline-block;
}

.node-offer img,
.node-guides-organization img {
  vertical-align: top;
}

@media (min-width: 48em) {
  .node-offer .group-info-left,
  .node-offer .group-info-right,
  .node-guides-organization .group-info-left,
  .node-guides-organization .group-info-right {
    float: left;
    width: 50%;
  }
}

.node-offer .group-info-left a,
.node-offer .group-info-right a,
.node-offer .group-info-bottom a,
.node-guides-organization .group-info-left a,
.node-guides-organization .group-info-right a,
.node-guides-organization .group-info-bottom a {
  text-decoration: underline;
}

.node-offer .group-info-bottom,
.node-guides-organization .group-info-bottom {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  margin-top: 16px;
  margin-top: 1rem;
  padding-top: 16px;
  padding-top: 1rem;
  width: 100%;
}

.node-offer .group-info-bottom:before,
.node-guides-organization .group-info-bottom:before {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: -15px;
  left: 0;
  bottom: auto;
  right: 0;
}

.node-offer .field,
.node-guides-organization .field {
  font-family: "FlandersArtSerif-Light";
}

.node-offer .field > .field-label,
.node-guides-organization .field > .field-label {
  font-family: "FlandersArtSerif-Medium";
}

.node-offer .field--name-field-offer-reservation a,
.node-guides-organization .field--name-field-offer-reservation a {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  background-color: #0c957a;
  padding: 8px 32px;
  padding: 0.5rem 2rem;
  color: #ffffff;
  display: inline-block;
  text-decoration: none;
}

.node-offer .field + .field--name-field-offer-reservation,
.node-guides-organization .field + .field--name-field-offer-reservation {
  margin-top: 16px;
  margin-top: 1rem;
}

.node-offer.node--full .group-info-top > h2,
.node-guides-organization.node--full .group-info-top > h2 {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-top: 32px;
  margin-top: 2rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  width: 100%;
}

.node-offer.node--full .group-info-top > h2:after,
.node-guides-organization.node--full .group-info-top > h2:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

@media (min-width: 30em) {
  .node-offer.node--full .group-left,
  .node-guides-organization.node--full .group-left {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
}

@media (min-width: 30em) {
  .node-offer.node--full .group-right,
  .node-guides-organization.node--full .group-right {
    width: 66.21469%;
    float: left;
    margin-right: 1.35593%;
    float: right;
    margin-right: 0;
  }
}

.node-offer.node--full .field,
.node-guides-organization.node--full .field {
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.node-offer.node--full .field--name-body,
.node-guides-organization.node--full .field--name-body {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 33px;
  line-height: 2.0625rem;
}

.node-offer.node--full .field--name-field-offer-age,
.node-offer.node--full .field--name-field-guides-age,
.node-guides-organization.node--full .field--name-field-offer-age,
.node-guides-organization.node--full .field--name-field-guides-age {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  width: 100%;
}

.node-offer.node--full .field--name-field-offer-age:after,
.node-offer.node--full .field--name-field-guides-age:after,
.node-guides-organization.node--full .field--name-field-offer-age:after,
.node-guides-organization.node--full .field--name-field-guides-age:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.node-offer.node--full .field--name-field-offer-organisation a,
.node-guides-organization.node--full .field--name-field-offer-organisation a {
  text-decoration: underline;
}

.node-offer.node--full .event-description a,
.node-guides-organization.node--full .event-description a {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 33px;
  line-height: 2.0625rem;
  font-family: "FlandersArtSans-Regular";
  text-decoration: underline;
}

.node-offer.node--full .event-description-readmore:after,
.node-guides-organization.node--full .event-description-readmore:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ea0c8b;
  text-decoration: none;
  padding-left: 3px;
}

.node-offer.node--full .event-description-readless:after,
.node-guides-organization.node--full .event-description-readless:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ea0c8b;
  text-decoration: none;
  padding-left: 3px;
}

.node-offer.node--mini-teaser-, .node-offer.node-teaser,
.node-guides-organization.node--mini-teaser-,
.node-guides-organization.node-teaser {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  margin-top: 16px;
  margin-top: 1rem;
  padding-top: 24px;
  padding-top: 1.5rem;
  width: 100%;
}

.node-offer.node--mini-teaser-:before, .node-offer.node-teaser:before,
.node-guides-organization.node--mini-teaser-:before,
.node-guides-organization.node-teaser:before {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: -15px;
  left: 0;
  bottom: auto;
  right: 0;
}

@media (min-width: 30em) {
  .node-offer.node--mini-teaser- .group-left, .node-offer.node-teaser .group-left,
  .node-guides-organization.node--mini-teaser- .group-left,
  .node-guides-organization.node-teaser .group-left {
    width: 23.98305%;
    float: left;
    margin-right: 1.35593%;
  }
}

@media (max-width: 30em) {
  .node-offer.node--mini-teaser- .group-left .field--name-field-offer-image,
  .node-offer.node--mini-teaser- .group-left .field--name-field-guides-image, .node-offer.node-teaser .group-left .field--name-field-offer-image,
  .node-offer.node-teaser .group-left .field--name-field-guides-image,
  .node-guides-organization.node--mini-teaser- .group-left .field--name-field-offer-image,
  .node-guides-organization.node--mini-teaser- .group-left .field--name-field-guides-image,
  .node-guides-organization.node-teaser .group-left .field--name-field-offer-image,
  .node-guides-organization.node-teaser .group-left .field--name-field-guides-image {
    margin-bottom: 1rem;
  }
}

.node-offer.node--mini-teaser- .group-left .event-image, .node-offer.node-teaser .group-left .event-image,
.node-guides-organization.node--mini-teaser- .group-left .event-image,
.node-guides-organization.node-teaser .group-left .event-image {
  position: relative;
  right: 0;
  text-align: center;
  z-index: 5;
  width: 140px;
  margin: 0 auto;
}

@media (min-width: 20em) and (max-width: 29.9375em) {
  .node-offer.node--mini-teaser- .group-left .event-image, .node-offer.node-teaser .group-left .event-image,
  .node-guides-organization.node--mini-teaser- .group-left .event-image,
  .node-guides-organization.node-teaser .group-left .event-image {
    padding-top: 1rem;
  }
}

@media (min-width: 30em) {
  .node-offer.node--mini-teaser- .group-right, .node-offer.node-teaser .group-right,
  .node-guides-organization.node--mini-teaser- .group-right,
  .node-guides-organization.node-teaser .group-right {
    width: 74.66102%;
    float: left;
    margin-right: 1.35593%;
    float: right;
    margin-right: 0;
  }
}

.node-offer.node--mini-teaser- .group-right h2, .node-offer.node--mini-teaser- .group-right h2 *, .node-offer.node-teaser .group-right h2, .node-offer.node-teaser .group-right h2 *,
.node-guides-organization.node--mini-teaser- .group-right h2,
.node-guides-organization.node--mini-teaser- .group-right h2 *,
.node-guides-organization.node-teaser .group-right h2,
.node-guides-organization.node-teaser .group-right h2 * {
  clear: right;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
  font-family: "FlandersArtSerif-Medium";
  margin-bottom: 9.6px;
  margin-bottom: 0.6rem;
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget {
  display: inline-block;
  margin-right: 16px;
  margin-right: 1rem;
  vertical-align: top;
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget.views-submit-button,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget.views-submit-button {
  margin-top: 24px;
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget input[type="text"],
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget input[type="text"] {
  height: 40px;
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .form-item,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .form-item {
  font-family: "FlandersArtSerif-Medium";
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .form-item-leeftijd .selectric-form-select .selectric-items li,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .form-item-leeftijd .selectric-form-select .selectric-items li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

@media (min-width: 48em) {
  .view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .form-item-leeftijd .selectric-wrapper,
  .view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .form-item-leeftijd .selectric-wrapper {
    min-width: 8rem;
  }
}

@media (min-width: 48em) {
  .view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .form-item-thema .selectric-form-select .selectric-items,
  .view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .form-item-thema .selectric-form-select .selectric-items {
    width: 340px !important;
    left: -84px;
    padding: 0.8rem;
  }
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .form-item-thema .selectric-form-select .selectric-items li,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .form-item-thema .selectric-form-select .selectric-items li {
  display: inline-block;
  float: left;
  margin: 6px;
  padding: 5px 10px;
  border: none;
  background-color: #000000;
  color: #ffffff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .form-item-thema .selectric-form-select .selectric-items li:hover,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .form-item-thema .selectric-form-select .selectric-items li:hover {
  background-color: #f0dd0a;
  color: #000000;
}

@media (min-width: 48em) {
  .view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .form-item-thema .selectric-wrapper,
  .view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .form-item-thema .selectric-wrapper {
    min-width: 16rem;
  }
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .selectric,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .selectric {
  background-color: #ffffff;
  min-height: 40px;
  min-height: 2.5rem;
  min-width: 256px;
  min-width: 16rem;
}

@media (min-width: 48em) {
  .view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .selectric,
  .view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .selectric {
    padding-top: 7px;
  }
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .label,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .label {
  font-family: "FlandersArtSerif-Medium";
  text-align: left;
  padding-left: 16px;
  padding-left: 1rem;
  margin-bottom: 7px;
}

@media (max-width: 48em) {
  .view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .label,
  .view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .label {
    margin: 0.5rem 0;
  }
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .button,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .button {
  top: 8px;
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .button:after,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .button:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 14px;
  font-size: 0.875rem;
  color: #231f20;
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .selectric-items,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .selectric-items {
  background: #ffffff;
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .selectric-items li,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .selectric-items li {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
}

.view-guide-organization .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .selectric-items li:hover,
.view-offers .view-filters .views-exposed-widgets > .views-exposed-widget .selectric .selectric-items li:hover {
  opacity: 0.9;
}

.view-guide-organization .view-content,
.view-offers .view-content {
  margin-top: 16px;
  margin-top: 1rem;
}

.view-guide-organization .view-content .views-row,
.view-offers .view-content .views-row {
  margin-bottom: 0;
}

.block--views-offers-block-1 {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  margin-top: 32px;
  margin-top: 2rem;
  padding-top: 16px;
  padding-top: 1rem;
}

.block--views-offers-block-1:before {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: -15px;
  left: 0;
  bottom: auto;
  right: 0;
}

.block--views-offers-block-1 .block__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 27px;
  line-height: 1.6875rem;
}

@media (min-width: 48em) {
  .block--views-offers-block-1 .block__title {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}

#promotions_link, .intro-promotions, .results-title, .intro-advantages {
  display: none;
}

#culturefeed-uitpas-advantages-filter-sort,
#culturefeed-uitpas-promotions-filter-sort,
#culturefeed-uitpas-profile-promotions-filter-sort {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 59.99em) {
  #culturefeed-uitpas-advantages-filter-sort,
  #culturefeed-uitpas-promotions-filter-sort,
  #culturefeed-uitpas-profile-promotions-filter-sort {
    width: 74.66102%;
    float: left;
    margin-right: 1.35593%;
  }
}

#culturefeed-uitpas-advantages-filter-sort .form-type-select,
#culturefeed-uitpas-promotions-filter-sort .form-type-select,
#culturefeed-uitpas-profile-promotions-filter-sort .form-type-select {
  font-family: "FlandersArtSans-Regular";
}

#culturefeed-uitpas-advantages-filter-sort .form-type-select select,
#culturefeed-uitpas-promotions-filter-sort .form-type-select select,
#culturefeed-uitpas-profile-promotions-filter-sort .form-type-select select {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
  line-height: 1.3125rem;
}

#culturefeed-uitpas-advantages-filter-sort .filter-reset-link,
#culturefeed-uitpas-promotions-filter-sort .filter-reset-link,
#culturefeed-uitpas-profile-promotions-filter-sort .filter-reset-link {
  display: none;
}

.promotions-items, .advantages-items {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  margin-top: 32px;
  margin-top: 2rem;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  clear: both;
}

.promotions-items:after, .advantages-items:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.promotions-items .points, .advantages-items .points {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 59.99em) {
  .promotions-items .points, .advantages-items .points {
    width: 15.53672%;
    float: left;
    margin-right: 1.35593%;
  }
}

.promotions-items .promotions-left, .advantages-items .promotions-left {
  font-family: "FlandersArtSans-Regular";
  width: 83.10734%;
  float: left;
  margin-right: 1.35593%;
}

@media (min-width: 48em) {
  .promotions-items .promotions-left, .advantages-items .promotions-left {
    width: 74.66102%;
    float: left;
    margin-right: 1.35593%;
  }
}

@media (min-width: 59.99em) {
  .promotions-items .promotions-left, .advantages-items .promotions-left {
    width: 57.76836%;
    float: left;
    margin-right: 1.35593%;
  }
}

.promotions-items .promotions-left .locations, .advantages-items .promotions-left .locations {
  color: #999999;
}

.promotions-items .promotions-right, .advantages-items .promotions-right {
  width: 15.53672%;
  float: right;
  margin-right: 0;
}

@media (min-width: 48em) {
  .promotions-items .promotions-right, .advantages-items .promotions-right {
    width: 23.98305%;
    float: right;
    margin-right: 0;
  }
}

.promotions-items .promotions-right img, .advantages-items .promotions-right img {
  width: 100%;
}

@media (min-width: 48em) {
  .promotions-items .promotions-right img, .advantages-items .promotions-right img {
    width: 45%;
    float: right;
  }
}

.points {
  margin: 11.2px 0 16px 0;
  margin: 0.7rem 0 1rem 0;
}

@media (min-width: 48em) {
  .points {
    margin-bottom: 0;
  }
}

.points span {
  background-color: #0c957a;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  color: #ffffff;
}

.points-remark {
  display: none;
}

.culturefeed-uitpas-promotions-filter-sort .form-item-filter:before, .culturefeed-uitpas-promotions-filter-sort .form-item-filter:after,
.culturefeed-uitpas-advantages-filter-sort .form-item-filter:before,
.culturefeed-uitpas-advantages-filter-sort .form-item-filter:after,
.culturefeed-uitpas-profile-promotions-filter-sort .form-item-filter:before,
.culturefeed-uitpas-profile-promotions-filter-sort .form-item-filter:after,
.culturefeed-social-user-activity-filter-form .form-item-filter:before,
.culturefeed-social-user-activity-filter-form .form-item-filter:after {
  content: " ";
  display: table;
}

.culturefeed-uitpas-promotions-filter-sort .form-item-filter:after,
.culturefeed-uitpas-advantages-filter-sort .form-item-filter:after,
.culturefeed-uitpas-profile-promotions-filter-sort .form-item-filter:after,
.culturefeed-social-user-activity-filter-form .form-item-filter:after {
  clear: both;
}

.culturefeed-uitpas-promotions-filter-sort .form-item-filter,
.culturefeed-uitpas-advantages-filter-sort .form-item-filter,
.culturefeed-uitpas-profile-promotions-filter-sort .form-item-filter,
.culturefeed-social-user-activity-filter-form .form-item-filter {
  *zoom: 1;
}

.culturefeed-uitpas-promotions-filter-sort .form-item-filter label,
.culturefeed-uitpas-advantages-filter-sort .form-item-filter label,
.culturefeed-uitpas-profile-promotions-filter-sort .form-item-filter label,
.culturefeed-social-user-activity-filter-form .form-item-filter label {
  width: 23.98305%;
  float: left;
  margin-right: 1.35593%;
}

@media (min-width: 48em) {
  .culturefeed-uitpas-promotions-filter-sort .form-item-filter label,
  .culturefeed-uitpas-advantages-filter-sort .form-item-filter label,
  .culturefeed-uitpas-profile-promotions-filter-sort .form-item-filter label,
  .culturefeed-social-user-activity-filter-form .form-item-filter label {
    width: 15.53672%;
    float: left;
    margin-right: 1.35593%;
  }
}

.culturefeed-uitpas-promotions-filter-sort select,
.culturefeed-uitpas-advantages-filter-sort select,
.culturefeed-uitpas-profile-promotions-filter-sort select,
.culturefeed-social-user-activity-filter-form select {
  margin-top: -7px;
  width: 40.87571%;
  float: left;
  margin-right: 1.35593%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0 16px;
  padding: 0 1rem;
  height: 40px;
  border: none;
  border-radius: 0;
  background-color: #efefef;
  background-position: 90% 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  background-image: url(../images/arrow-down.png);
}

@media (min-width: 48em) {
  .culturefeed-uitpas-promotions-filter-sort select,
  .culturefeed-uitpas-advantages-filter-sort select,
  .culturefeed-uitpas-profile-promotions-filter-sort select,
  .culturefeed-social-user-activity-filter-form select {
    width: 23.98305%;
    float: left;
    margin-right: 1.35593%;
  }
}

.culturefeed-uitpas-promotions-filter-sort .info,
.culturefeed-uitpas-advantages-filter-sort .info,
.culturefeed-uitpas-profile-promotions-filter-sort .info,
.culturefeed-social-user-activity-filter-form .info {
  clear: both;
}

.culturefeed-uitpas-promotions-filter-sort .no-results,
.culturefeed-uitpas-advantages-filter-sort .no-results,
.culturefeed-uitpas-profile-promotions-filter-sort .no-results,
.culturefeed-social-user-activity-filter-form .no-results {
  min-height: 150px;
}

.promotion_details,
.advantage_details {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 59.99em) {
  .promotion_details,
  .advantage_details {
    width: 66.21469%;
    float: left;
    margin-right: 1.35593%;
  }
}

.promotion_details .group-head,
.advantage_details .group-head {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  clear: both;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.promotion_details .group-head h1,
.advantage_details .group-head h1 {
  width: 74.66102%;
  float: left;
  margin-right: 1.35593%;
}

.promotion_details .group-head .points,
.advantage_details .group-head .points {
  width: 23.98305%;
  float: right;
  margin-right: 0;
}

.promotion_details .group-head .points span,
.advantage_details .group-head .points span {
  float: right;
}

.promotion_details .group-head .conditions,
.advantage_details .group-head .conditions {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.promotion_details .group-left,
.advantage_details .group-left {
  padding-top: 32px;
  padding-top: 2rem;
  border-top: 1px solid #000000;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 30em) {
  .promotion_details .group-left,
  .advantage_details .group-left {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
  }
}

.promotion_details .group-left .group-left-bottom,
.advantage_details .group-left .group-left-bottom {
  margin-top: 32px;
  margin-top: 2rem;
  color: #999999;
}

.promotion_details .group-right,
.advantage_details .group-right {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 30em) {
  .promotion_details .group-right,
  .advantage_details .group-right {
    width: 49.32203%;
    float: right;
    margin-right: 0;
  }
}

.promotion_details .group-right .promotion_media,
.advantage_details .group-right .promotion_media {
  float: right;
}

.promotion_details .group-right .promotion_media ul,
.advantage_details .group-right .promotion_media ul {
  margin: 0;
}

.promotion_details .group-right .promotion_media ul li,
.advantage_details .group-right .promotion_media ul li {
  list-style-type: none;
}

.promotion_details .group-right .promotion_media ul li img,
.advantage_details .group-right .promotion_media ul li img {
  float: right;
  display: block;
  margin: 0 auto;
  margin-top: 32px;
  margin-top: 2rem;
}

@media (min-width: 30em) {
  .promotion_details .group-right .promotion_media ul li img,
  .advantage_details .group-right .promotion_media ul li img {
    float: right;
  }
}

.block--views-349173d112967637d9b96bef7377fd0e {
  margin-top: 32px;
  margin-top: 2rem;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding: 16px;
  padding: 1rem;
  background-color: #efefef;
}

@media (min-width: 59.99em) {
  .block--views-349173d112967637d9b96bef7377fd0e {
    margin-top: 0;
    width: 23.98305%;
    float: right;
    margin-right: 0;
  }
}

.block--views-349173d112967637d9b96bef7377fd0e .block__title {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.block--views-349173d112967637d9b96bef7377fd0e .block__title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.block--views-349173d112967637d9b96bef7377fd0e .view .views-row {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  clear: both;
  display: inline-block;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.block--views-349173d112967637d9b96bef7377fd0e .views-field-points {
  float: left;
}

.block--views-349173d112967637d9b96bef7377fd0e .views-field-points span {
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  text-align: center;
  background-color: #0c957a;
  display: block;
  color: #ffffff;
}

.block--views-349173d112967637d9b96bef7377fd0e .views-field-points span a {
  word-break: break-word;
}

.block--views-349173d112967637d9b96bef7377fd0e .views-field-title {
  width: 74.66102%;
  float: right;
  margin-right: 0;
}

@media (min-width: 59.99em) {
  .block--views-349173d112967637d9b96bef7377fd0e .views-field-title {
    width: 49.32203%;
    float: right;
    margin-right: 0;
  }
}

.section-paspartoe .node-page {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 59.99em) {
  .section-paspartoe .node-page {
    width: 100%;
    float: left;
    margin-right: 1.35593%;
  }
}

.section-paspartoe .node-page a {
  text-decoration: underline;
}

.section-paspartoe .node-page a:hover {
  text-decoration: none;
}

.section-paspartoe .field--name-field-page-introduction p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.875rem;
}

.section-paspartoe .paragraphs-items {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.section-paspartoe .paragraphs-items-field-page-outlets .field--name-field-page-outlets > .field-label {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-family: "FlandersArtSerif-Medium";
}

.section-paspartoe .paragraphs-item-outlets {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

@media (min-width: 59.99em) {
  .section-paspartoe .paragraphs-item-outlets {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
  }
}

@media (min-width: 30em) {
  .section-paspartoe .paragraphs-item-outlets .group-left {
    width: 40.87571%;
    float: left;
    margin-right: 1.35593%;
  }
  .section-paspartoe .paragraphs-item-outlets .group-right {
    padding-left: 0.5rem;
    width: 57.76836%;
    float: right;
    margin-right: 0;
    font-family: "FlandersArtSans-Light";
  }
  .section-paspartoe .paragraphs-item-outlets .group-right .field--name-field-outlet-name > a, .section-paspartoe .paragraphs-item-outlets .group-right .field--name-field-outlet-name {
    padding-bottom: 0.5rem;
    font-family: "FlandersArtSerif-Medium";
  }
  .section-paspartoe .paragraphs-item-outlets .group-right .field--name-field-outlet-e-mail {
    padding-bottom: 0.25rem;
  }
  .section-paspartoe .paragraphs-item-outlets .group-right .field--name-field-outlet-e-mail:before {
    font-family: "icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 0.5rem;
  }
  .section-paspartoe .paragraphs-item-outlets .group-right .field--name-field-outlet-e-mail .field-label {
    display: none;
  }
  .section-paspartoe .paragraphs-item-outlets .group-right .field--name-field-outlet-phone:before {
    font-family: "icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 0.5rem;
  }
  .section-paspartoe .paragraphs-item-outlets .group-right .field--name-field-outlet-phone .field-label {
    display: none;
  }
}

@media (min-width: 30em) {
  .section-paspartoe .field-item.odd .paragraphs-item-outlets {
    margin-right: 0;
  }
}

.section-paspartoe .paragraphs-item-file {
  margin-left: 0;
}

.section-paspartoe .paragraphs-item-file h2 {
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
}

.section-paspartoe .paragraphs-item-file h2:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

.section-paspartoe .paragraphs-item-file .field-item {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.section-paspartoe .paragraphs-item-file .field--name-field-paspartoe-file-file, .section-paspartoe .paragraphs-item-file .field--name-field-file {
  padding-top: 8px;
  padding-top: 0.5rem;
}

.section-paspartoe .paragraphs-items .paragraphs-item-file .group-downloads .field--name-field-file img {
  display: inline-block;
}

.section-paspartoe .paragraphs-item-text ul {
  padding-left: 16px;
  padding-left: 1rem;
}

@media (min-width: 48em) {
  .section-paspartoe .paragraphs-item-text ul {
    padding-left: 2rem;
  }
}

.section-paspartoe .paragraphs-item-text ul li {
  margin-left: 0;
  font-family: "FlandersArtSans-Light";
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  list-style-image: none;
}

@media (min-width: 48em) {
  .section-paspartoe .paragraphs-item-text ul li {
    margin-left: 1rem;
  }
}

.section-paspartoe .paragraphs-item-text ul li:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 15px;
  line-height: 0.9375rem;
  padding-right: 4px;
  vertical-align: middle;
}

.section-paspartoe .paragraphs-item-text strong {
  font-family: "FlandersArtSans-Regular";
}

.section-paspartoe .paragraphs-item-image-left-text-right {
  clear: both;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .section-paspartoe .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image {
    float: left;
    margin-right: 1rem;
  }
  .section-paspartoe .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image img {
    max-width: 300px;
  }
}

@media (min-width: 59.99em) {
  .section-paspartoe .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image img {
    max-width: 400px;
  }
}

@media (min-width: 48em) {
  .section-paspartoe .paragraphs-item-image-left-text-right .field--name-field-paragraph-text {
    margin: 0 10rem;
  }
}

.section-paspartoe .paragraphs-item-image-left-text-right .field--name-field-paragraph-text ul {
  list-style-image: url("../images/walks-list.png");
}

.section-paspartoe .paragraphs-item-image-left-text-right .field--name-field-paragraph-text a {
  color: #ea0c8b;
  text-decoration: underline;
}

.section-paspartoe .paragraphs-item-text-left-image-right {
  clear: both;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

@media (min-width: 48em) {
  .section-paspartoe .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image {
    float: right;
    margin-left: 1rem;
  }
  .section-paspartoe .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image img {
    max-width: 300px;
  }
}

@media (min-width: 59.99em) {
  .section-paspartoe .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image img {
    max-width: 400px;
  }
}

@media (min-width: 48em) {
  .section-paspartoe .paragraphs-item-text-left-image-right .field--name-field-paragraph-text {
    margin: 0 10rem;
  }
}

.section-paspartoe .paragraphs-item-text-left-image-right .field--name-field-paragraph-text ul {
  list-style-image: url("../images/walks-list.png");
}

.section-paspartoe .paragraphs-item-text-left-image-right .field--name-field-paragraph-text a {
  color: #ea0c8b;
  text-decoration: underline;
}

@media (min-width: 48em) {
  .section-paspartoe.sidebar-second .paragraphs-item-image-left-text-right .field--name-field-paragraph-text,
  .section-paspartoe.sidebar-second .paragraphs-item-text-left-image-right .field--name-field-paragraph-text, .section-paspartoe.sidebar-first .paragraphs-item-image-left-text-right .field--name-field-paragraph-text,
  .section-paspartoe.sidebar-first .paragraphs-item-text-left-image-right .field--name-field-paragraph-text {
    margin: 0 2.5rem;
  }
}

@media (min-width: 59.99em) {
  .section-paspartoe.sidebar-second .paragraphs-item-image-left-text-right .field--name-field-paragraph-text,
  .section-paspartoe.sidebar-second .paragraphs-item-text-left-image-right .field--name-field-paragraph-text, .section-paspartoe.sidebar-first .paragraphs-item-image-left-text-right .field--name-field-paragraph-text,
  .section-paspartoe.sidebar-first .paragraphs-item-text-left-image-right .field--name-field-paragraph-text {
    margin: 0 5rem;
  }
}

@media (min-width: 48em) {
  .section-paspartoe.sidebar-second .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image img,
  .section-paspartoe.sidebar-second .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image img, .section-paspartoe.sidebar-first .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image img,
  .section-paspartoe.sidebar-first .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image img {
    max-width: 240px;
  }
}

@media (min-width: 59.99em) {
  .section-paspartoe.sidebar-second .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image img,
  .section-paspartoe.sidebar-second .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image img, .section-paspartoe.sidebar-first .paragraphs-item-image-left-text-right .field--name-field-paragraphs-image img,
  .section-paspartoe.sidebar-first .paragraphs-item-text-left-image-right .field--name-field-paragraphs-image img {
    max-width: 340px;
  }
}

.section-paspartoe .paragraphs-items-field-page-elements {
  clear: both;
}

.page-paspartoe .l-bottom {
  background-color: #efefef !important;
}

.panel-row-3 {
  padding-top: 16px;
  padding-top: 1rem;
  background-color: #efefef;
}

.pane-paspartoe-advantages {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.pane-paspartoe-advantages .block__content {
  clear: both;
}

.pane-paspartoe-advantages .view-content {
  margin-top: 80px;
  margin-top: 5rem;
}

.pane-paspartoe-advantages .views-field-title, .pane-paspartoe-advantages .views-field-description-1 {
  width: 74.66102%;
  float: right;
  margin-right: 0;
}

.pane-paspartoe-advantages .views-field-title {
  margin-top: 16px;
  margin-top: 1rem;
}

.pane-paspartoe-advantages .views-field-title h3 {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.pane-paspartoe-advantages .views-field-points .field-content {
  background-color: #0c957a;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  color: #ffffff;
}

.pane-paspartoe-advantages .views-field-points {
  text-align: center;
  width: 7.0904%;
  float: left;
  margin-right: 1.35593%;
}

.pane-paspartoe-advantages .views-field-points .points {
  margin-top: -8px;
  margin-top: -0.5rem;
  margin-left: 16px;
  margin-left: 1rem;
}

.pane-paspartoe-advantages .views-field-description-1 .field-content {
  padding-right: 16px;
  padding-right: 1rem;
}

.pane-paspartoe-advantages .field-content {
  display: inline-block;
}

.pane-paspartoe-advantages .views-row {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  background-color: #ffffff;
}

@media (min-width: 59.99em) {
  .pane-paspartoe-advantages .views-row {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
    float: left;
  }
  .pane-paspartoe-advantages .views-row:nth-of-type(even) {
    float: right;
    margin-right: 0;
  }
}

.view-activities-in-the-picture {
  clear: both;
}

@media (min-width: 30em) {
  .view-activities-in-the-picture .views-row {
    width: 49.32203%;
    float: left;
    margin-right: 1.35593%;
  }
  .view-activities-in-the-picture .views-row:nth-child(2) {
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 59.99em) {
  .view-activities-in-the-picture .views-row {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
  .view-activities-in-the-picture .views-row:nth-last-child(3) {
    float: right;
    margin-right: 0;
  }
}

.view-activities-in-the-picture .paspartoe-event-teaser {
  position: relative;
}

.view-activities-in-the-picture .paspartoe-event-teaser .top {
  position: absolute;
  top: 0;
  left: 0;
}

.view-activities-in-the-picture .paspartoe-event-teaser .top .event-types span {
  padding: 4.8px 12.8px;
  padding: 0.3rem 0.8rem;
  font-family: "FlandersArtSerif-Medium";
}

.view-activities-in-the-picture .paspartoe-event-teaser .bottom {
  color: #ffffff;
  padding: 0 !important;
  width: 100% !important;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.85) 150%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}

.view-activities-in-the-picture .paspartoe-event-teaser .bottom a, .view-activities-in-the-picture .paspartoe-event-teaser .bottom .event-location, .view-activities-in-the-picture .paspartoe-event-teaser .bottom .event-date {
  display: block;
  color: #ffffff;
  padding: 0 16px;
  padding: 0 1rem;
}

.view-activities-in-the-picture .paspartoe-event-teaser .bottom .event-location {
  padding-bottom: 16px;
  padding-bottom: 1rem;
  font-family: "FlandersArtSans-Regular";
}

@media (max-width: 30em) {
  .view-activities-in-the-picture .paspartoe-event-teaser .bottom {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

@media (min-width: 48em) {
  .view-activities-in-the-picture .paspartoe-event-teaser .bottom {
    position: absolute;
    bottom: 0.5rem;
    left: 0;
  }
}

.pane-activities-in-the-picture .block__title, .pane-activities-in-the-picture .pane-title, .pane-paspartoe-advantages .block__title, .pane-paspartoe-advantages .pane-title {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 36px;
  line-height: 2.25rem;
  display: inline-block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  position: relative;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

.pane-activities-in-the-picture .block__title:after, .pane-activities-in-the-picture .pane-title:after, .pane-paspartoe-advantages .block__title:after, .pane-paspartoe-advantages .pane-title:after {
  content: "";
  position: absolute;
  display: block;
  background: url("../images/striped-border-2.png") 0 0 repeat-x;
  background-position: right 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 10px;
  top: auto;
  left: 0;
  bottom: -15px;
  right: 0;
}

@media (min-width: 48em) {
  .pane-activities-in-the-picture .block__title, .pane-activities-in-the-picture .pane-title, .pane-paspartoe-advantages .block__title, .pane-paspartoe-advantages .pane-title {
    width: 74.66102%;
    float: left;
    margin-right: 1.35593%;
  }
}

.pane-activities-in-the-picture .more-link, .pane-paspartoe-advantages .more-link {
  display: inline-block;
  clear: both;
  float: left;
  margin-bottom: 48px;
  margin-bottom: 3rem;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  text-align: left;
  background-color: #0c957a;
}

.pane-activities-in-the-picture .more-link a, .pane-paspartoe-advantages .more-link a {
  color: #ffffff;
}

.pane-activities-in-the-picture .more-link a:hover, .pane-paspartoe-advantages .more-link a:hover {
  text-decoration: underline;
}

.pane-activities-in-the-picture .more-link:hover, .pane-paspartoe-advantages .more-link:hover {
  cursor: pointer;
}

@media (min-width: 48em) {
  .pane-paspartoe-advantages .pane-title {
    width: 57.76836%;
    float: left;
    margin-right: 1.35593%;
  }
}

@media (min-width: 48em) {
  #profile-edit-form, #account-edit-form, #privacy-settings-form {
    width: 74.66102%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 59.99em) {
  #profile-edit-form, #account-edit-form, #privacy-settings-form {
    width: 74.66102%;
    float: left;
    margin-right: 1.35593%;
  }
}

.culturefeed-ui-account-edit-form .form-submit, .culturefeed-ui-account-edit-form #change-password {
  float: left;
}

.culturefeed-ui-account-edit-form #change-password {
  margin-left: 16px;
  margin-left: 1rem;
  padding: 8px;
  padding: 0.5rem;
}

.culturefeed-ui-profile-edit-form #remove-account {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.culturefeed-ui-profile-edit-form .form-item-gender label {
  float: left;
}

.culturefeed-ui-profile-edit-form .form-item-gender .form-radios {
  float: left;
  margin-left: 8px;
  margin-left: 0.5rem;
}

.culturefeed-ui-profile-edit-form #edit-picture-ajax-wrapper {
  clear: both;
}

.culturefeed-ui-profile-edit-form #edit-picture-ajax-wrapper #edit-picture-remove-button {
  position: relative;
  top: -15px;
  display: inline-block;
  margin-left: 32px;
  margin-left: 2rem;
  float: none;
}

.profile_uitpas {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 59.99em) {
  .profile_uitpas {
    width: 66.21469%;
    float: left;
    margin-right: 1.35593%;
  }
}

.page-culturefeed-activities .tableheader-processed, .page-culturefeed-activities .culturefeed-social-user-activity-filter-form {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 59.99em) {
  .page-culturefeed-activities .tableheader-processed, .page-culturefeed-activities .culturefeed-social-user-activity-filter-form {
    width: 74.66102%;
    float: left;
    margin-right: 1.35593%;
  }
}

.page-culturefeed-profile-edit .form-item-gender {
  display: inline-block;
}

.page-culturefeed-profile-privacy .culturefeed-ui-privacy-settings-form label[for=edit-setting] {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

body.page-culturefeed-profile-edit .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
  display: none !important;
}

.register_where .filters {
  margin-top: 16px;
  margin-top: 1rem;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 59.99em) {
  .register_where .filters {
    width: 83.10734%;
    float: left;
    margin-right: 1.35593%;
  }
}

.register_where .filters .form-type-select {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 48em) {
  .register_where .filters .form-type-select {
    width: 32.42938%;
    float: left;
    margin-right: 1.35593%;
  }
}

.register_where .filters .form-type-select label {
  width: 32.42938%;
  float: left;
  margin-right: 1.35593%;
}

.register_where .filters .form-type-select select {
  width: 49.32203%;
  float: right;
  margin-right: 0;
  margin-top: 3px;
}

@media (min-width: 59.99em) {
  .register_where .filters .form-type-select select {
    width: 66.21469%;
    float: right;
    margin-right: 0;
  }
}

.register_where .filters .form-type-checkbox {
  width: 49.32203%;
  float: left;
  margin-right: 1.35593%;
}

@media (min-width: 48em) {
  .register_where .filters .form-type-checkbox {
    width: 23.98305%;
    float: left;
    margin-right: 1.35593%;
    margin-left: 2rem;
  }
}

.register_where .filters .form-submit {
  float: right;
}

@media (min-width: 48em) {
  .register_where .filters .form-submit {
    float: left;
    margin-top: -10px;
  }
}

.register_where .pos_table {
  padding-top: 128px;
  padding-top: 8rem;
}

@media (min-width: 48em) {
  .register_where .pos_table {
    padding-top: 6rem;
  }
}

.register_where .pos_table table {
  border: none;
}

.register_where .pos_table table tr {
  border: none;
  border-top: 1px solid #000000;
  background-color: #ffffff;
}

.page-paspartoe-organisatie .panel-sidebar-stacked {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .panel-row-3 {
  background-color: #ffffff;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-header .show-all-organisations {
  display: inline-block;
  padding: 8px 16px;
  padding: 0.5rem 1rem;
  background-color: #000000;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-header .show-all-organisations a {
  color: #ffffff;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-header .show-all-organisations:hover {
  text-decoration: underline;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .trigger-text:after {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-left: 4.8px;
  margin-left: 0.3rem;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 19.5px;
  line-height: 1.21875rem;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .trigger-text:hover {
  cursor: pointer;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .active:after {
  margin-left: 4.8px;
  margin-left: 0.3rem;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list {
  margin-top: 16px;
  margin-top: 1rem;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list h3 {
  margin-bottom: 0;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list h3:before {
  font-family: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #ea0c8b;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  line-height: 1.875rem;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list ul {
  margin: 8px 0 24px 0;
  margin: 0.5rem 0 1.5rem 0;
  padding-left: 16px;
  padding-left: 1rem;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list ul li {
  margin-left: 24px;
  margin-left: 1.5rem;
  margin-bottom: 0;
  display: block;
  position: relative;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list ul li:before {
  content: "•";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -16px;
  margin: auto;
  height: auto;
  display: block;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list ul .view-mode-teaser {
  font-family: "FlandersArtSans-Light";
  display: block;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list ul .view-mode-teaser h4 {
  font-family: "FlandersArtSans-Regular";
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list ul .view-mode-teaser .field--name-field-organisation-address {
  display: inline-block;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list ul .view-mode-teaser .field--name-field-organisation-address .street-block, .page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list ul .view-mode-teaser .field--name-field-organisation-address .addressfield-container-inline {
  padding-left: 3.2px;
  padding-left: 0.2rem;
  float: left;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list ul .view-mode-teaser .field--name-field-organisation-address .street-block .thoroughfare:after {
  content: ',';
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-display-id-panel_list_organisations .view-content .item-list ul .view-mode-teaser .field--name-field-organisation-address .country {
  display: none;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-id-organisation_map .openlayers-popup {
  font-family: "FlandersArtSans-Light";
  color: #efefef;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-id-organisation_map .openlayers-popup a {
  font-family: "FlandersArtSerif-Medium";
  color: #efefef;
}

.page-paspartoe-organisatie .panel-sidebar-stacked .view-id-organisation_map .openlayers-popup .views-field-field-organisation-address {
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

@media print {
  * {
    color: black !important;
    border-color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important;
    background: none !important;
    font-size: 12px !important;
    font-family: "Arial", "Helvetica", sans-serif !important;
  }
  @page {
    margin: 1cm;
  }
  h1 {
    font-size: 28pt !important;
  }
  h2 {
    font-size: 24pt !important;
  }
  h3 {
    font-size: 18pt !important;
  }
  h4 {
    font-size: 16pt !important;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  h2, h3, p {
    orphans: 3;
    widows: 3;
  }
  .no-print,
  video, audio, object, embed {
    display: none !important;
  }
  a[href="#"] {
    display: none !important;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .region-inner-browsehappy,
  .region-inner-toolbar,
  .region-inner-header,
  .region-inner-navigation,
  .region-inner-top,
  .region-inner-main,
  .region-inner-bottom,
  .region-inner-footer {
    max-width: none;
    margin: 0;
    padding: 0;
  }
  .sidebar-first .l-content,
  .sidebar-first .l-region--sidebar-first,
  .sidebar-first .l-region--sidebar-second,
  .sidebar-second .l-content,
  .sidebar-second .l-region--sidebar-first,
  .sidebar-second .l-region--sidebar-second,
  .two-sidebars .l-content,
  .two-sidebars .l-region--sidebar-first,
  .two-sidebars .l-region--sidebar-second {
    width: 100%;
    margin: 0;
    float: none;
  }
}

/*# sourceMappingURL=balance.css.map */