.ui-menu.ui-widget.ui-autocomplete.ui-front {
  max-height: 500px;
  overflow-y: scroll;
}

.toolbar-tab--toolbar-item-toolbar-menu-moderator-menu .toolbar-icon-toolbar-menu-moderator_menu::before {
  -webkit-mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#hamburger-view') !important;
  mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#hamburger-view') !important;
}

.toolbar-tab .toolbar-icon.mailto::before {
  -webkit-mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#responsive-preview-view') !important;
  mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#responsive-preview-view') !important;
}

.toolbar-tab .toolbar-icon.mailto .mailto {
  display: none;
}

.toolbar-tab--toolbar-item-toolbar-menu-moderator-menu .toolbar-tray .menu-item:nth-child(1) a::before {
  background-image: url('/themes/custom/natuurpunt/logo.svg') !important;
  background-repeat: no-repeat !important;
  background-size: 26px !important;
  background-position: center !important;
  background-color: transparent !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.toolbar-tab--toolbar-item-toolbar-menu-moderator-menu .toolbar-tray .menu-item a.content::before {
  -webkit-mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#content-view') !important;
  mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#content-view') !important;
}

.toolbar-tab--toolbar-item-toolbar-menu-moderator-menu .toolbar-tray .menu-item a.orders::before {
  -webkit-mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#commerce-view') !important;
  mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#commerce-view') !important;
}

.toolbar-tab--toolbar-item-toolbar-menu-moderator-menu .toolbar-tray .menu-item a.activities::before {
  -webkit-mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#calendar-view') !important;
  mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#calendar-view') !important;
}

.toolbar-tab--toolbar-item-toolbar-menu-moderator-menu .toolbar-tray .menu-item a.blocks::before,
.toolbar-tab--toolbar-item-toolbar-menu-moderator-menu .toolbar-tray .menu-item a.magazines::before {
  -webkit-mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#structure-view') !important;
  mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#structure-view') !important;
}

.toolbar-tab--toolbar-item-toolbar-menu-moderator-menu .toolbar-tray .menu-item a.taxonomy::before {
  -webkit-mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#list-view') !important;
  mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#list-view') !important;
}

.toolbar-tab--toolbar-item-toolbar-menu-moderator-menu .toolbar-tray .menu-item a.menu::before {
  -webkit-mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#hamburger-view') !important;
  mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#hamburger-view') !important;
}

.toolbar-tab--toolbar-item-toolbar-menu-moderator-menu .toolbar-tray .menu-item a.users::before {
  -webkit-mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#people-view') !important;
  mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#people-view') !important;
}

.toolbar-tab--toolbar-item-toolbar-menu-moderator-menu .toolbar-tray .menu-item a.subsites::before {
  -webkit-mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#group-view') !important;
  mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#group-view') !important;
}

.toolbar-tab--toolbar-item-toolbar-menu-moderator-menu .toolbar-tray .menu-item a.settings::before {
  -webkit-mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#config-view') !important;
  mask-image: url('/themes/contrib/gin/dist/media/sprite.svg#config-view') !important;
}

.lpb-controls span {
  color: #3b3b3b;
}

.lpb-controls.is-layout span {
  color: #fff;
}

.toolbar-fixed .is-horizontal .paragraphs-tabs {
  margin-top: 10px !important;
  width: calc(100% - 2rem);
  background-color: #efefef !important;
}

.toolbar-fixed .is-horizontal .paragraphs-tabs .tabs__tab a {
  font-size: 14px;
}

.layout-paragraphs-component-form .form-item--layout-paragraphs-config-label {
  display: none;
}

.field--name-field-cta-raster-display .form-radios {
  display: flex;
  flex-flow: row wrap;
  margin-top: 20px;
}

.form-item--field-cta-raster-display {
  display: block;
  width: 63px;
}

.form-item--field-cta-raster-display:last-child {
  margin-right: 0;
}

.form-item--field-cta-raster-display #edit-field-cta-raster-display-variant-1,
.form-item--field-cta-raster-display #edit-field-cta-raster-display-variant-2,
.form-item--field-cta-raster-display #edit-field-cta-raster-display-variant-3 {
  text-indent: -9999px;
  width: 63px;
  height: 50px;
  border-radius: 0;
  cursor: pointer;
}

.form-item--field-cta-raster-display #edit-field-cta-raster-display-variant-1 {
  background-image: url('/themes/custom/natuurpunt/images/cta_raster_variant_1.svg');
  background-repeat: no-repeat;
  background-size: 63px 50px;
  background-position: center;
  background-color: transparent;
}

.form-item--field-cta-raster-display #edit-field-cta-raster-display-variant-2 {
  background-image: url('/themes/custom/natuurpunt/images/cta_raster_variant_2.svg');
  background-repeat: no-repeat;
  background-size: 63px 50px;
  background-position: center;
  background-color: transparent;
}

.form-item--field-cta-raster-display #edit-field-cta-raster-display-variant-3 {
  background-image: url('/themes/custom/natuurpunt/images/cta_raster_variant_3.svg');
  background-repeat: no-repeat;
  background-size: 63px 50px;
  background-position: center;
  background-color: transparent;
}

.form-item--field-cta-raster-display label {
  display: none !important;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .field--widget-layout-paragraphs.paragraph-background-none {
  background-color: inherit;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-aquamarine {
  background-color: #d6e9e3;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-aquamarine table tbody tr,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-aquamarine .paragraph-background-none table tbody tr {
  border-bottom: 1px solid #fff;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green > .layout,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green {
  background-color: #519179;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green h2,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green h3,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green h4,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green h5,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green h6,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .field--type-link a,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .field--type-link li::before,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .text-formatted a,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .text-formatted li::before {
  color: #fff;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-aquamarine,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-blue,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-green,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-mint,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-white,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-aquamarine h2,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-blue h2,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-green h2,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-mint h2,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-white h2,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-aquamarine h3,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-blue h3,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-green h3,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-mint h3,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-white h3,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-aquamarine h4,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-blue h4,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-green h4,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-mint h4,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-white h4,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-aquamarine h5,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-blue h5,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-green h5,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-mint h5,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-white h5,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-aquamarine h6,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-blue h6,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-green h6,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-mint h6,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-white h6,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-aquamarine .field--type-link a,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-blue .field--type-link a,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-green .field--type-link a,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-mint .field--type-link a,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-white .field--type-link a,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-aquamarine .field--type-link li::before,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-blue .field--type-link li::before,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-green .field--type-link li::before,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-mint .field--type-link li::before,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-white .field--type-link li::before,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-aquamarine .text-formatted a,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-blue .text-formatted a,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-green .text-formatted a,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-mint .text-formatted a,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-white .text-formatted a,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-aquamarine .text-formatted li::before,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-blue .text-formatted li::before,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-green .text-formatted li::before,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-mint .text-formatted li::before,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-white .text-formatted li::before {
  color: #3b3b3b;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green table th {
  background-color: #fff;
  color: #519179;
  border-right: 1px solid #519179;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-aquamarine table th,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-blue table th,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-light-green table th,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-mint table th,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green .paragraph-background-white table th {
  background-color: #519179;
  color: #fff;
  border-right: 1px solid #fff;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green table th:last-child {
  border-right: 0;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-light-blue {
  background-color: #e6f0f6;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-light-green {
  background-color: #f4f6ed;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-mint {
  background-color: #eaf1ef;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-white {
  background-color: #fff;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-aquamarine,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-light-blue,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-light-green,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-mint,
.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-white {
  padding: 24px 20px;
}

@media (min-width: 1024px) {
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-aquamarine,
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-dark-green,
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-light-blue,
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-light-green,
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-mint,
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph-background-white {
    padding: 48px 40px;
  }
}

@media (min-width: 768px) {
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-2-col .layout--twocol {
    display: flex;
    flex-flow: row wrap;
  }

  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-2-col.paragraph-half .layout--twocol .layout__region {
    margin-bottom: 0;
    width: 50%;
  }

  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-2-col.paragraph-one-two .layout--twocol .layout__region--first {
    width: calc(100% / 8 * 3);
  }

  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-2-col.paragraph-one-two .layout--twocol .layout__region--second {
    width: calc(100% / 8 * 5);
  }

  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-2-col.paragraph-two-one .layout--twocol .layout__region--first {
    width: calc(100% / 8 * 5);
  }

  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-2-col.paragraph-two-one .layout--twocol .layout__region--second {
    width: calc(100% / 8 * 3);
  }
}

@media (min-width: 640px) {
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-3-col .layout--threecol .layout--grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: #{'('}1fr#{')['}2#{']'};
    grid-column-gap: 24px;
    grid-row-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-3-col .layout--threecol .layout--grid .layout__region {
    min-width: 0;
  }
}

@media (min-width: 1024px) {
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-3-col .layout--threecol .layout--grid {
    -ms-grid-columns: #{'('}1fr#{')['}3#{']'};
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 640px) {
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-4-col .layout--fourcol .layout--grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: #{'('}1fr#{')['}2#{']'};
    grid-column-gap: 24px;
    grid-row-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-4-col .layout--fourcol .layout__region {
    min-width: 0;
  }
}

@media (min-width: 1024px) {
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-4-col .layout--fourcol .layout--grid {
    -ms-grid-columns: #{'('}1fr#{')['}4#{']'};
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 480px) {
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-6-col .layout--sixcol .layout--grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: #{'('}1fr#{')['}2#{']'};
    grid-column-gap: 24px;
    grid-row-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-6-col .layout--sixcol .layout--grid .layout__region {
    min-width: 0;
  }
}

@media (min-width: 768px) {
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-6-col .layout--sixcol .layout--grid {
    -ms-grid-columns: #{'('}1fr#{')['}3#{']'};
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--layout-6-col .layout--sixcol .layout--grid {
    -ms-grid-columns: #{'('}1fr#{')['}6#{']'};
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (min-width: 640px) {
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .field--name-field-cta-raster-items,
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .field--name-field-gallery-media {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: #{'('}1fr#{')['}2#{']'};
    grid-column-gap: 24px;
    grid-row-gap: 0;
    grid-template-columns: repeat(2, 1fr);
  }

  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .field--name-field-cta-raster-items > .field__item,
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .field--name-field-gallery-media > .field__item {
    min-width: 0;
  }
}

@media (min-width: 768px) {
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .field--name-field-cta-raster-items,
  .natuurpunt-content-edit-form .field--widget-layout-paragraphs .field--name-field-gallery-media {
    -ms-grid-columns: #{'('}1fr#{')['}3#{']'};
    grid-template-columns: repeat(3, 1fr);
  }
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--spacer {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}

.natuurpunt-content-edit-form .field--widget-layout-paragraphs .paragraph--type--embed {
  overflow: hidden;
}

/* match taxonomy edit form width with node edit form */
body.path-taxonomy .natuurpunt-content-edit-form {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* Modify feed icon styles */
.feed-icons .feed-icon,
.view-display-id-participants_for_timeslot .feed-icons .csv-feed .feed-icon::after {
  padding: calc(1rem - 2px) calc(1.5rem - 2px);
  border: 2px solid var(--colorGinPrimary) !important;
  border-radius: var(--ginBorderDefault);
  box-shadow: 0 1px 2px var(--colorGinPrimaryLight);
  transition: var(--ginTransition);
  font-size: .875rem;
  font-weight: 700;
  color: var(--colorGinPrimary);
  display: inline-block;
  background: transparent;
  width: auto;
  height: auto;
  text-indent: 0;
}

.feed-icons .feed-icon:hover,
.feed-icons .feed-icon:focus,
.view-display-id-participants_for_timeslot .feed-icons .csv-feed .feed-icon:hover::after,
.view-display-id-participants_for_timeslot .feed-icons .csv-feed .feed-icon:focus::after {
  color: var(--colorGinButtonText);
  background-color: var(--colorGinPrimaryHover);
  border-color: var(--colorGinPrimaryHover) !important;
}

/* Modify feed icon text for participants view */
.view-id-commerce_orders.view-display-id-page_1 .feed-icons .csv-feed .feed-icon,
.view-display-id-evaluations_for_event .feed-icons .csv-feed .feed-icon,
.view-display-id-participants_for_timeslot .feed-icons .csv-feed .feed-icon {
  margin-top: 20px;
  position: relative;
  background: none;
  width: 200px;

  &:hover,
  &:focus {
    background-color: rgb(23, 67, 62);
  }
}

.view-id-commerce_orders.view-display-id-page_1 .feed-icons .csv-feed .feed-icon::after,
.view-display-id-evaluations_for_event .feed-icons .csv-feed .feed-icon::after,
.view-display-id-participants_for_timeslot .feed-icons .csv-feed .feed-icon::after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-indent: 0;
  text-align: center;
  padding: calc(1rem - 2px) 0;
}

.view-display-id-participants_for_timeslot .feed-icons .csv-feed .feed-icon::after {
  content: 'Deelnemerslijst downloaden';
}

.view-display-id-evaluations_for_event .feed-icons .csv-feed .feed-icon::after {
  content: 'Evaluaties downloaden';
}

.view-id-commerce_orders.view-display-id-page_1 .feed-icons .csv-feed .feed-icon::after {
  content: 'Bestellingen downloaden';
}

.natuurpunt-events-number-of-participants-form {
  margin-bottom: 1.5rem;
}

.natuurpunt-events-number-of-participants-form .form-item-participants {
  display: flex;
  column-gap: 1.5rem;
  margin: 0;
}