@import "https://fonts.googleapis.com/css?family=Nunito+Sans:400,900&display=swap";
:root {
  --circuspunt-groen: #a2a51e;
  --circuspunt-wit:	white;
  font-size: var(--font-size-base);
}

button.button-circuspunt, input[type=button].button-circuspunt, input[type=submit].button-circuspunt {
  color: white;
  font-size: 1.2em;
  font-weight: 600;
  padding: 20px;
  border: 2px;
  border-radius: 5px;
}
button.button-circuspunt:hover, input[type=button].button-circuspunt:hover, input[type=submit].button-circuspunt:hover {
  color: white;
  border: 2px;
}

.circuspunt-heading,
.circuspunt-heading h2.fl-heading {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}
.circuspunt-heading.color-alt,
.circuspunt-heading h2.fl-heading.color-alt {
  color: var(--circuspunt-groen);
}
.circuspunt-heading.color-white,
.circuspunt-heading h2.fl-heading.color-white {
  color: white;
}
.circuspunt-heading.met-icon::first-letter,
.circuspunt-heading h2.fl-heading.met-icon::first-letter {
  color: white;
  font-size: 0px;
}
.circuspunt-heading.color-alt {
  color: var(--circuspunt-groen);
}
.circuspunt-heading.color-alt2 {
  color: var(--circuspunt-wit);
}

a .item-klein {
  color: initial;
}

a.no-underline:hover {
  text-decoration: none;
  text-decoration-style: none;
}
a.no-underline:hover h1, a.no-underline:hover h2, a.no-underline:hover h3, a.no-underline:hover h4, a.no-underline:hover h5 {
  text-decoration: underline;
}

/**
 * stijl voor de pill button
 */
a.meer-button {
  background-color: #000;
  border: none;
  color: white;
  padding: 10px 20px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 25px;
}
.strike-through {
  text-decoration: line-through;
}

.edit-button {
  background-color: var(--circuspunt-groen);
  margin-right: 15px;
}
.edit-button .uk-icon {
  color: white;
}

.edit-icon {
  color: black !important;
}

@media only screen and (max-width: 600px) {
  a.meer-button {
    font-size: 0.8em;
  }
}
.outer {
  position: relative;
  overflow: hidden;
}
.outer:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.outer > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.zoekertje .gr-border {
  border: 2px solid black;
}
.zoekertje .gr-back {
  background-color: var(--circuspunt-groen);
  color: black;
}
.zoekertje h2 {
  color: var(--circuspunt-groen);
  text-transform: uppercase;
  font-weight: 900;
  margin-top: 0;
  letter-spacing: 0px;
}
.zoekertje h3 {
  font-size: 1.8em;
  font-weight: 900;
}
.zoekertje .gr-back h3 {
  font-size: 1.4em;
  color: white;
  text-transform: uppercase;
}

@media only screen and (max-width: 640px) {
  .zoekertje .gr-border {
    border: 0;
  }
  .zoekertje h2 {
    font-size: 1.8em;
  }
  .zoekertje h3 {
    font-size: 1.6em;
  }
}
.publicatie .publicatie-item {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.publicatie .publicatie-item:hover {
  background-color: black;
}
.publicatie .publicatie-item:hover .publicatie-title a.uk-link-reset {
  color: white !important;
}
.publicatie .publicatie-item:hover .publicatie-meta,
.publicatie .publicatie-item:hover .publicatie-meta span[uk-icon] {
  color: white;
}
.publicatie .publicatie-item:hover .publicatie-text {
  color: white;
}

.overlaysvg {
  position: relative;
  overflow: hidden;
}
.overlaysvg .overlay {
  position: absolute;
  height: 110%;
  top: -2px;
  left: 0;
  z-index: 5;
}

.agenda .datum,
.agenda .tijd,
.agenda .locatie,
.agenda .type-activiteit,
.agenda .ticket-prijs {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 1.2em;
}
.agenda .locatie {
  text-transform: uppercase;
}
.agenda .omschrijving .more {
  display: inline;
}
.agenda .omschrijving .rest {
  display: none;
}

/* SLANTED menu-buttons: http://jsfiddle.net/AaP47/4/ */
@media only screen and (max-width: 1200px) {
  li.menu-button {
    color: black;
  }
  li.menu-button > a,
  li.menu-button > a:hover {
    color: black !important;
    padding: 10px !important;
    font-size: 14px !important;
  }
  .sub-menu {
    background-color: white !important;
  }
  .sub-menu li > a,
  .sub-menu li > a:hover {
    color: black !important;
  }
}
@media only screen and (min-width: 1200px) {
  li.menu-button {
    background: black;
    color: #000;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0px 10px 0px 10px;
    padding: 0 5px;
    position: relative;
    text-decoration: none;
    -webkit-transition: background 0.25s;
    transition: background 0.25s;
  }
  li.menu-button.current_page_item, li.menu-button:hover {
    background: var(--circuspunt-groen);
  }
  li.menu-button.triangle:before {
    content: "";
    background-color: #fff;
    display: block;
    height: 105%;
    position: absolute;
    left: -14px;
    width: 18px;
    top: -1px;
    -webkit-transform: skewX(-10deg);
            transform: skewX(-10deg);
  }
  li.menu-button.triangle:after {
    content: "";
    background-color: #fff;
    display: block;
    height: 105%;
    position: absolute;
    right: -14px;
    width: 18px;
    top: -1px;
    -webkit-transform: skewX(-10deg);
            transform: skewX(-10deg);
  }
  li.menu-button .sub-menu {
    background-color: white;
  }
  li.menu-button .sub-menu li > a {
    color: black !important;
  }
}
.circuslogin ul {
  padding: 0;
  margin: 0;
}
.circuslogin ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.circuslogin ul li a {
  color: white;
  padding: 14px;
  text-decoration: none;
  font-size: 1.1em;
}
.circuslogin ul li a:hover {
  background-color: var(--circuspunt-groen);
  color: white;
}

.uk-navbar-nav > li > a {
  min-height: inherit;
  padding: 10px 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1em;
}
.uk-navbar-nav > li > a, .uk-navbar-nav > li > a:hover {
  color: white;
}
.uk-navbar-nav > li > a.uk-open {
  color: white;
}
.uk-navbar-nav > li.uk-active {
  background-color: var(--circuspunt-groen);
}
.uk-navbar-nav > li.uk-active > a {
  color: white;
}

.mobile-nav li > a {
  color: black;
}

.uk-navbar-dropdown {
  width: auto;
  min-width: 300px;
  max-width: 400px;
}
.uk-navbar-dropdown li {
  font-size: 1.3em;
  font-family: Montserrat, sans-serif;
  text-align: left;
}
.uk-navbar-dropdown li a:hover {
  text-decoration: underline;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
  background-color: black;
}

@media only screen and (max-width: 640px) {
  .uk-navbar-container:not(.uk-navbar-transparent) {
    background-color: transparent;
    color: black;
  }
  .uk-navbar-nav > li > a, .uk-navbar-nav > li > a:hover {
    color: black;
  }
}
.ledenpagina a > div {
  background-color: black;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.ledenpagina a:hover > div {
  background-color: var(--circuspunt-groen);
}
.ledenpagina h3 {
  color: white;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 900;
  font-size: 20px;
  text-transform: uppercase;
}

.ledenselect button {
  font-size: 1em;
  color: white;
  border-radius: 0px;
}
.ledenselect button.selected {
  color: white;
  background-color: black;
}
.ledenselect button:active, .ledenselect button:focus, .ledenselect button:hover {
  border: none;
  top: 0px;
}

.ledeninfo h2 {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}
.ledeninfo .omschrijving .more {
  display: inline;
}
.ledeninfo .omschrijving .rest {
  display: none;
}

#message.updated {
  text-align: center;
  color: red;
  font-family: "Nunito Sans", sans-serif;
  font-size: 2em;
  font-weight: 900;
}

.gform_wrapper .field_description_below .gfield_consent_description,
.gform_wrapper .gfield_consent_description {
  font-size: 1em;
}

.uk-badge,
.uk-badge.uk-badge-green {
  background-color: #a2a51e;
  color: white;
}
.uk-badge:hover,
.uk-badge.uk-badge-green:hover {
  color: white;
}

.uk-button-circuspunt {
  background-color: #a2a51e;
  color: white;
}
.uk-button-circuspunt:hover, .uk-button-circuspunt:visited {
  color: white;
}

/**
 * CSS voor de videobieb
 */
.videobieb .videobieb__groepnaam, .videobieb .videobieb__sectieheading {
  text-transform: uppercase;
}
.videobieb .uk-tile.uk-tile-circuspunt {
  background-color: #a2a51e;
  color: white;
}
.videobieb .uk-tile.uk-tile-circuspunt h1, .videobieb .uk-tile.uk-tile-circuspunt h2, .videobieb .uk-tile.uk-tile-circuspunt h3, .videobieb .uk-tile.uk-tile-circuspunt h4, .videobieb .uk-tile.uk-tile-circuspunt h5, .videobieb .uk-tile.uk-tile-circuspunt p {
  color: white;
}

.circuspunt-calendar {
  background-color: white;
  border: 1px solid #d1d1d1;
  border-left: 7px solid #a2a51e;
}
.circuspunt-calendar .dag {
  font-size: 1.5em;
  font-weight: 700;
  color: black;
}
.circuspunt-calendar .maand {
  font-size: 1.2em;
  font-weight: 700;
  color: #666;
}
.circuspunt-calendar .weekdag {
  font-size: 1.1em;
  font-weight: 700;
  color: #ccc;
}

body:not(.fl-builder-edit) .mobile-open-filters {
  display: none !important;
}
@media (max-width: 768px) {
  body:not(.fl-builder-edit) .mobile-open-filters {
    display: block !important;
  }
}
body:not(.fl-builder-edit) .fl-node-whgso9a6cubx .mobile-filter-controls {
  display: none;
}
@media (max-width: 767px) {
  body:not(.fl-builder-edit) .fl-node-whgso9a6cubx .grid-filters-row {
    /* need this rule because the dropdown will expand otherwise */
    -ms-grid-columns: (minmax(100px, 1fr))[1] !important;
    grid-template-columns: repeat(1, minmax(100px, 1fr)) !important;
  }
}
@media (min-width: 768px) {
  body:not(.fl-builder-edit) .fl-node-whgso9a6cubx .grid-filters-row {
    /* need this rule because the dropdown will expand otherwise */
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
  }
}
@media (max-width: 768px) {
  body:not(.fl-builder-edit) .fl-node-whgso9a6cubx {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: -200vw;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    background-color: white;
    z-index: 10000;
    overflow-y: scroll;
    padding: 50px 0;
  }
  body:not(.fl-builder-edit) .fl-node-whgso9a6cubx.is-open {
    left: 0;
  }
  body:not(.fl-builder-edit) .fl-node-whgso9a6cubx.is-open .mobile-filter-controls {
    display: block;
  }
}