/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.wp-block-indrukwekkend-all-medewerkers-grid, .wp-block-indrukwekkend-favorieten-medewerkers-grid {
  display: flex;
  flex-direction: row;
}
.wp-block-indrukwekkend-all-medewerkers-grid:focus, .wp-block-indrukwekkend-favorieten-medewerkers-grid:focus {
  border: 1px solid;
}
.wp-block-indrukwekkend-all-medewerkers-grid.has-filter aside.filter, .wp-block-indrukwekkend-favorieten-medewerkers-grid.has-filter aside.filter {
  width: 25%;
  margin-right: 30px;
}
.wp-block-indrukwekkend-all-medewerkers-grid.has-filter main.medewerkers, .wp-block-indrukwekkend-favorieten-medewerkers-grid.has-filter main.medewerkers {
  width: 75%;
}
.wp-block-indrukwekkend-all-medewerkers-grid main.medewerkers, .wp-block-indrukwekkend-favorieten-medewerkers-grid main.medewerkers {
  width: 100%;
}
.wp-block-indrukwekkend-all-medewerkers-grid main.medewerkers .medewerkers-grid, .wp-block-indrukwekkend-favorieten-medewerkers-grid main.medewerkers .medewerkers-grid {
  background: none;
  grid-gap: var(--wp--style--block-gap);
}
.wp-block-indrukwekkend-all-medewerkers-grid main.medewerkers .medewerkers-grid--list, .wp-block-indrukwekkend-favorieten-medewerkers-grid main.medewerkers .medewerkers-grid--list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.wp-block-indrukwekkend-all-medewerkers-grid main.medewerkers .medewerkers-grid--grid, .wp-block-indrukwekkend-favorieten-medewerkers-grid main.medewerkers .medewerkers-grid--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style: none;
  padding: 0;
}
.wp-block-indrukwekkend-all-medewerkers-grid main.medewerkers .medewerkers-grid--grid.columns-2, .wp-block-indrukwekkend-favorieten-medewerkers-grid main.medewerkers .medewerkers-grid--grid.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.wp-block-indrukwekkend-all-medewerkers-grid main.medewerkers .medewerkers-grid--grid.columns-3, .wp-block-indrukwekkend-favorieten-medewerkers-grid main.medewerkers .medewerkers-grid--grid.columns-3 {
  grid-template-columns: repeat(auto-fill, minmax(288px, 1fr));
}
.wp-block-indrukwekkend-all-medewerkers-grid main.medewerkers .medewerkers-grid--grid.columns-4, .wp-block-indrukwekkend-favorieten-medewerkers-grid main.medewerkers .medewerkers-grid--grid.columns-4 {
  grid-template-columns: repeat(auto-fill, minmax(223px, 1fr));
}
.wp-block-indrukwekkend-all-medewerkers-grid main.medewerkers .medewerkers-grid--grid.columns-5, .wp-block-indrukwekkend-favorieten-medewerkers-grid main.medewerkers .medewerkers-grid--grid.columns-5 {
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}
.wp-block-indrukwekkend-all-medewerkers-grid main.medewerkers .medewerkers-grid--grid.columns-6, .wp-block-indrukwekkend-favorieten-medewerkers-grid main.medewerkers .medewerkers-grid--grid.columns-6 {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-gap: 15px;
}

.wp-block-indrukwekkend-all-vacatures-grid .card, .wp-block-indrukwekkend-favorieten-vacatures-grid .card {
  border: 1px solid;
  border-radius: 0;
  padding: 0;
  position: relative;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  font-size: 0.95em;
}
.wp-block-indrukwekkend-all-vacatures-grid .card:hover, .wp-block-indrukwekkend-all-vacatures-grid .card:focus-within, .wp-block-indrukwekkend-favorieten-vacatures-grid .card:hover, .wp-block-indrukwekkend-favorieten-vacatures-grid .card:focus-within {
  box-shadow: 0 0 0 0.25rem;
}
.wp-block-indrukwekkend-all-vacatures-grid .card:hover .footer .pijltje, .wp-block-indrukwekkend-all-vacatures-grid .card:focus-within .footer .pijltje, .wp-block-indrukwekkend-favorieten-vacatures-grid .card:hover .footer .pijltje, .wp-block-indrukwekkend-favorieten-vacatures-grid .card:focus-within .footer .pijltje {
  transform: translate(10px, 0);
}
.wp-block-indrukwekkend-all-vacatures-grid .card img, .wp-block-indrukwekkend-favorieten-vacatures-grid .card img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-indrukwekkend-all-vacatures-grid .card .card-content, .wp-block-indrukwekkend-favorieten-vacatures-grid .card .card-content {
  padding-top: calc(0.25 * var(--wp--custom--spacing--small));
  padding-bottom: calc(0.25 * var(--wp--custom--spacing--small));
  padding-left: var(--wp--custom--spacing--small);
  padding-right: var(--wp--custom--spacing--small);
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.wp-block-indrukwekkend-all-vacatures-grid .card .card-content__post-title h3, .wp-block-indrukwekkend-favorieten-vacatures-grid .card .card-content__post-title h3 {
  margin: 0;
}
.wp-block-indrukwekkend-all-vacatures-grid .card .card-content__post-title h3 a, .wp-block-indrukwekkend-favorieten-vacatures-grid .card .card-content__post-title h3 a {
  text-decoration: none;
}
.wp-block-indrukwekkend-all-vacatures-grid .card .card-content__post-title h3 a:focus, .wp-block-indrukwekkend-favorieten-vacatures-grid .card .card-content__post-title h3 a:focus {
  text-decoration: underline;
}
.wp-block-indrukwekkend-all-vacatures-grid .card .card-content__post-title h3 a::after, .wp-block-indrukwekkend-favorieten-vacatures-grid .card .card-content__post-title h3 a::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.wp-block-indrukwekkend-all-vacatures-grid .card .card-content__post-meta, .wp-block-indrukwekkend-favorieten-vacatures-grid .card .card-content__post-meta {
  position: relative;
}
.wp-block-indrukwekkend-all-vacatures-grid .card .card-content__post-meta span, .wp-block-indrukwekkend-favorieten-vacatures-grid .card .card-content__post-meta span {
  display: block;
}
.wp-block-indrukwekkend-all-vacatures-grid .card .card-content__post-excerpt, .wp-block-indrukwekkend-favorieten-vacatures-grid .card .card-content__post-excerpt {
  position: relative;
}
.wp-block-indrukwekkend-all-vacatures-grid .card .card-content__post-excerpt p, .wp-block-indrukwekkend-favorieten-vacatures-grid .card .card-content__post-excerpt p {
  margin: 0;
}
.wp-block-indrukwekkend-all-vacatures-grid .card .footer, .wp-block-indrukwekkend-favorieten-vacatures-grid .card .footer {
  display: flex;
  padding-left: var(--wp--custom--spacing--small);
  padding-right: var(--wp--custom--spacing--small);
  margin-bottom: calc(0.5 * var(--wp--custom--spacing--small));
}

.button--heart {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  background: white;
  border: 1px solid currentColor;
  border-radius: 100%;
  font-size: 23px;
  color: grey;
  width: 33px;
  height: 32px;
  padding: 4px;
  margin: 5px;
}

body.dienst_creatie {
  --kleur: var(--wp--preset--color--blauw);
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend. Nieuws blok
 */
.wp-block-indrukwekkend-all-medewerkers-grid {
  padding: 0;
}
.wp-block-indrukwekkend-all-medewerkers-grid ul.projecten__nav {
  display: block;
  margin-bottom: 35px;
  margin-left: 0;
  list-style-type: none;
  padding-left: 0;
}
.wp-block-indrukwekkend-all-medewerkers-grid ul.projecten__nav li {
  margin-left: 0;
  padding-left: 0;
}
.wp-block-indrukwekkend-all-medewerkers-grid ul.projecten__nav li::before {
  content: none;
}
.wp-block-indrukwekkend-all-medewerkers-grid ul.projecten__nav li a {
  font-weight: bold;
  padding: 0;
  padding-bottom: 2px;
  text-decoration: none;
  transition: border-color 0.3s ease-in-out;
}
.wp-block-indrukwekkend-all-medewerkers-grid ul.projecten__nav li a.active, .wp-block-indrukwekkend-all-medewerkers-grid ul.projecten__nav li a:hover {
  border-bottom: var(--category_nav_border);
}
.wp-block-indrukwekkend-all-medewerkers-grid div.main-button {
  grid-column: 1/-1;
  text-align: center;
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin: var(--main-button-margin);
}

@media only screen and (min-width: 512px) {
  .wp-block-indrukwekkend-all-projects-grid ul.projecten__nav {
    display: flex;
    justify-content: center;
  }
  .wp-block-indrukwekkend-all-projects-grid ul.projecten__nav li {
    margin-left: 10px;
  }
  .wp-block-indrukwekkend-all-projects-grid ul.projecten__nav li:first-child {
    margin-left: 0;
    padding-left: 0;
  }
}
.wp-block-indrukwekkend-all-medewerkers-grid .card {
  border: 1px solid;
  border-radius: 0;
  padding: 0;
  position: relative;
  flex: 1 0 auto;
  display: flex;
  font-size: 0.95em;
}
.wp-block-indrukwekkend-all-medewerkers-grid .card:hover, .wp-block-indrukwekkend-all-medewerkers-grid .card:focus-within {
  box-shadow: 0 0 0 0.25rem;
}
.wp-block-indrukwekkend-all-medewerkers-grid .card:hover .footer .pijltje, .wp-block-indrukwekkend-all-medewerkers-grid .card:focus-within .footer .pijltje {
  transform: translate(10px, 0);
}
.wp-block-indrukwekkend-all-medewerkers-grid .card img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-indrukwekkend-all-medewerkers-grid .card .card-content {
  padding-top: calc(0.25 * var(--wp--custom--spacing--small));
  padding-bottom: calc(0.25 * var(--wp--custom--spacing--small));
  padding-left: var(--wp--custom--spacing--small);
  padding-right: var(--wp--custom--spacing--small);
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.wp-block-indrukwekkend-all-medewerkers-grid .card .card-content__post-title h3 {
  margin: 0;
}
.wp-block-indrukwekkend-all-medewerkers-grid .card .card-content__post-title h3 a {
  text-decoration: none;
}
.wp-block-indrukwekkend-all-medewerkers-grid .card .card-content__post-title h3 a:focus {
  text-decoration: underline;
}
.wp-block-indrukwekkend-all-medewerkers-grid .card .card-content__post-title h3 a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.wp-block-indrukwekkend-all-medewerkers-grid .card .card-content__post-meta {
  position: relative;
}
.wp-block-indrukwekkend-all-medewerkers-grid .card .card-content__post-meta span {
  display: block;
}
.wp-block-indrukwekkend-all-medewerkers-grid .card .card-content__post-excerpt {
  position: relative;
}
.wp-block-indrukwekkend-all-medewerkers-grid .card .card-content__post-excerpt p {
  margin: 0;
}
.wp-block-indrukwekkend-all-medewerkers-grid .card .footer {
  display: flex;
  padding-left: var(--wp--custom--spacing--small);
  padding-right: var(--wp--custom--spacing--small);
  margin-bottom: calc(0.5 * var(--wp--custom--spacing--small));
}

.wp-block-indrukwekkend-all-medewerkers-grid.cards {
  background: none;
}
.wp-block-indrukwekkend-all-medewerkers-grid.cards .ajax_medewerkers_content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: var(--wp--preset--spacing--20) !important;
  list-style: none;
  padding: 0;
  width: 100%;
}
.wp-block-indrukwekkend-all-medewerkers-grid.cards.columns-2 .ajax_medewerkers_content {
  grid-template-columns: repeat(2, 1fr);
}
.wp-block-indrukwekkend-all-medewerkers-grid.cards.columns-3 .ajax_medewerkers_content {
  grid-template-columns: repeat(auto-fill, minmax(308px, 1fr));
}
.wp-block-indrukwekkend-all-medewerkers-grid.cards.columns-4 .ajax_medewerkers_content {
  grid-template-columns: repeat(auto-fill, minmax(223px, 1fr));
}
.wp-block-indrukwekkend-all-medewerkers-grid.cards.columns-5 .ajax_medewerkers_content {
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}
.wp-block-indrukwekkend-all-medewerkers-grid.cards.columns-6 .ajax_medewerkers_content {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-gap: 15px;
}

/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
body.dienst_websites {
  --donkerrgb: 2, 203, 229;
  --backPercent: 0.1;
  --kleur: var(--wp--preset--color--blauw);
  --pijlcontent: none;
}
body.dienst_offline {
  --donkerrgb: 213, 86, 143;
  --backPercent: 0.1;
  --kleur: var(--wp--preset--color--roze);
  --pijlcontent: none;
}
body.dienst_online {
  --donkerrgb: 231, 202, 77;
  --kleur: var(--wp--preset--color--geel);
}
body.dienst_strategie {
  --donkerrgb: 26, 178, 102;
  --kleur: var(--wp--preset--color--secondary);
  --pijlcontent: none;
}
body.dienst_creatie {
  --donkerrgb: 253, 42, 42;
  --backPercent: 0.1;
  --kleur: var(--wp--preset--color--rood);
  --pijlcontent: none;
}

.wp-block-indrukwekkend-vacature-info {
  position: relative;
}
.wp-block-indrukwekkend-vacature-info h4 {
  margin-top: 0;
  margin-bottom: var(--wp--custom--spacing--small);
  font-size: var(--wp--preset--font-size--normal);
}
.wp-block-indrukwekkend-vacature-info h3.soort {
  margin-top: 0;
  margin-bottom: var(--wp--custom--spacing--small);
  font-size: var(--wp--preset--font-size--large);
}
.wp-block-indrukwekkend-vacature-info .data-wrapper,
.wp-block-indrukwekkend-vacature-info .data-wrapper-wide {
  border: 1px solid currentColor;
  padding: 5px;
}
.wp-block-indrukwekkend-vacature-info .data-wrapper dl,
.wp-block-indrukwekkend-vacature-info .data-wrapper-wide dl {
  width: 100%;
  clear: none;
}
.wp-block-indrukwekkend-vacature-info .data-wrapper dl dt,
.wp-block-indrukwekkend-vacature-info .data-wrapper-wide dl dt {
  width: 150px;
  display: inline-block;
  vertical-align: top;
}
.wp-block-indrukwekkend-vacature-info .data-wrapper dl dd,
.wp-block-indrukwekkend-vacature-info .data-wrapper-wide dl dd {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}
.wp-block-indrukwekkend-vacature-info .data-wrapper dl dd > *,
.wp-block-indrukwekkend-vacature-info .data-wrapper-wide dl dd > * {
  margin-bottom: 0;
}
.wp-block-indrukwekkend-vacature-info .data-wrapper dl dd > * > *,
.wp-block-indrukwekkend-vacature-info .data-wrapper-wide dl dd > * > * {
  margin-bottom: 0;
}

.wp-block-column .wp-block-indrukwekkend-vacature-info .data-wrapper dl {
  width: 100%;
}
.wp-block-column .wp-block-indrukwekkend-vacature-info .data-wrapper dl dd {
  width: calc(100% - 155px);
}
.wp-block-column .wp-block-indrukwekkend-vacature-info .data-wrapper-wide dl {
  width: 100%;
  clear: both;
  float: none;
}
.wp-block-column .wp-block-indrukwekkend-vacature-info .data-wrapper-wide::after {
  content: "";
  clear: both;
  display: table;
}

@media only screen and (min-width: 960px) {
  .wp-block-indrukwekkend-vacature-info .data-wrapper dl {
    width: 50%;
  }
  .wp-block-indrukwekkend-vacature-info .data-wrapper dl dd {
    width: calc(100% - 155px);
  }
  .wp-block-indrukwekkend-vacature-info .data-wrapper-wide dl {
    width: 100%;
    clear: both;
    float: none;
  }
  .wp-block-indrukwekkend-vacature-info .data-wrapper-wide::after {
    content: "";
    clear: both;
    display: table;
  }
}
.img img.attachment-medewerkersFeatImg {
  margin: 0 auto;
  display: block;
  border-radius: 100%;
  max-width: 90%;
  height: auto;
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/medewerkers-info/editor.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied inside the editor only.
 *
 * Replace them with your own styles or remove the file completely.
 */
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/koppeling/editor.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/**
 * 1.0 Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */
.wp-block-indrukwekkend-recruiter-koppeling {
  margin: 2em 0;
  padding: 1em;
  background-color: #eee;
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/all-medewerkers-grid/editor.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/quote/editor.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.wp-block-indrukwekkend-header-medewerker .upload__button {
  position: absolute;
  top: 10%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
}
.wp-block-indrukwekkend-header-medewerker .afbeelding-container__content p {
  margin: 0;
}
.wp-block-indrukwekkend-header-medewerker .afbeelding-container > img {
  min-height: 360px;
  background-color: #ccc;
  width: 100%;
}

.editor-styles-wrapper .wp-block .wp-block-indrukwekkend-header-landing h1 {
  font-size: 32px;
}
.editor-styles-wrapper .wp-block .wp-block-indrukwekkend-header-landing h3 {
  margin-top: 0;
}

/*# sourceMappingURL=index.css.map*/