/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 19 2021 | 08:13:32 */
:root {
  --geel: #f6ed00;
  --mosterdGeel: #dbd400;
  --donkerMosterdGeel: #b4ae05; /* voor linkjes of teksten op witte achtergrond */
  
  --donkerGrijs: #696969; /* voor body tekst */
  --lichtGrijs: #e5e5e5; /* voor achtergronden */
  
  --blauw: #25a4ed; /* ? */
  
  --zachtZwart: #343434;
}


/* Regels voor ruimte
padding boven & onder gevulde kolommen: 80 (m: 40)

*/

@media (min-width: 768px) {
  .lees-meer-mobiel {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (max-width: 767px) {
  .portfolio-filters {
    margin: 0px !important;
    height: 30px !important;
  }
  .portfolio-filters > * {
    display: none !important;
    visibility: hidden !important;
  }
  .met-lees-meer-knop-mobiel:not(.op-lees-meer-knop-gedrukt-op-mobiel) ~ *,
  .met-lees-meer-knop-mobiel.op-lees-meer-knop-gedrukt-op-mobiel .lees-meer-mobiel {
    display: none !important;
    visibility: hidden !important;
  }
  
  body.single-portfolio #content img {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw;
  }
  body.single-portfolio #content  .portfolio-noslider .noslide,
  body.single-portfolio #page-wrap {
    overflow: visible !important;
  }
}

.lees-meer-mobiel {
  color: #b4ae05;
  text-decoration: underline;
}




/*#home-intro .wpb_raw_code > .wpb_wrapper {
  position: relative;
  height: 0px;
  padding-top: calc(675 / 1903 * 100%);
}
#home-intro .wpb_raw_code > .wpb_wrapper > video {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}*/


.L {
  text-align: left !important;
}

@media (max-width: 767px) {
  body #home-whats-cooking .blog-wrap > article:last-of-type {
    padding-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .blog-medium .entry-image, .blog-medium .entry-gallery, .blog-medium .entry-video, .blog-medium .entry-audio {
    float: none;
    width: 100%;
    margin: 0 0 28px;
  }
}

/*#home-intro > .col:first-child {
  display: none !important;
  visibility: hidden !important;
}*/
#home-intro > .col {
  width: 100%;
}

@media (max-width: 959px) {
  #mobile-header > .container > .columns {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}





















/*
Theme default font sizes:
h1: 28px
h2: 24px
h3: 20px
h4: 16px
h5: 16px
h6: 16px;

body: 18px
*/
h1, h2, h3, h4, h5, h6 {
  line-height: calc(1em + 5px) !important;
}
.h1,.h2,.h3,.h4,.h5,.h6 {
  color: #333333;
}
.h1 {
  font: 800 28px Manrope, Arial, Helvetica, sans-serif;
}
.h2 {
  font: 800 52px Manrope, Arial, Helvetica, sans-serif;
}
.h3 {
  font: 800 30px Manrope, Arial, Helvetica, sans-serif;
}
.h4 {
  font: 800 24px Manrope, Arial, Helvetica, sans-serif;
}
.h5 {
  font: 800 16px Manrope, Arial, Helvetica, sans-serif;
}
.h6 {
  font: 800 16px Manrope, Arial, Helvetica, sans-serif;
}

.button {
  text-transform: lowercase !important;
  letter-spacing: -.055em !important;
  border-radius: 0px !important;
}
.button.small {
  padding: 15px 25px !important;
  font-weight: 800 !important;
  font-size: 22px !important;
}
.button.color-1.small {
  background-color: #dbd400; /* mosterGeel */
  border: 2px solid #dbd400; /* mosterGeel */
  color: #000000; /* zwart */
}


@media (min-width: 960px) and (max-width: 1199px) {
  body h1, body .h1 {
    font-size: calc(28px * .86);
  }
  body h2, body .h2 {
    font-size: calc(52px * .86);
  }
  body h3, body .h3 {
    font-size: calc(30px * .86);
  }
  body h4, body .h4 {
    font-size: calc(24px * .86);
  }
  body h5, body .h5 {
    font-size: calc(16px * .86);
  }
  body h6, body .h6 {
    font-size: calc(16px * .86);
  }
}
@media (min-width: 480px) and (max-width: 959px) {
  body h1, body .h1 {
    font-size: calc(28px * .81);
  }
  body h2, body .h2 {
    font-size: calc(52px * .81);
  }
  body h3, body .h3 {
    font-size: calc(30px * .81);
  }
  body h4, body .h4 {
    font-size: calc(24px * .81);
  }
  body h5, body .h5 {
    font-size: calc(16px * .81);
  }
  body h6, body .h6 {
    font-size: calc(16px * .81);
  }
}
@media (max-width: 479px) {
  body h1, body .h1 {
    font-size: calc(28px * .77);
  }
  body h2, body .h2 {
    font-size: calc(52px * .77);
  }
  body h3, body .h3 {
    font-size: calc(30px * .77);
  }
  body h4, body .h4 {
    font-size: calc(24px * .77);
  }
  body h5, body .h5 {
    font-size: calc(16px * .77);
  }
  body h6, body .h6 {
    font-size: calc(16px * .77);
  }
}



#mobile-navigation ul li a {
  color: #ffffff !important;
}



@media (max-width: 767px) {
  .kolom-home-voor-wie-werkt-ziedend-2 > .wpb_wrapper > .spacer:first-child {
    display: none !important;
    visibility: hidden !important;
  }
  .blog-page .post {
    margin-bottom: 0px;
  }
}
@media (max-width: 479px) {
  #contactgegevens-contactpagina {
    line-height: 1.5;
  }
  #contactgegevens-contactpagina,
  #contactgegevens-contactpagina > .tabel-rij {
    display: block;
  }
  #contactgegevens-contactpagina > .tabel-rij > .tabel-cel {
    display: inline-block;
  }
  #contactgegevens-contactpagina > .tabel-rij {
    margin-bottom: 15px;
  }
}



.portfolio-noslider .noslide,
.portfolio-noslider img {
  width: 100%;
}



body.admin-bar #header.stuck {
  margin-top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar #header.stuck {
    margin-top: 46px;
  }
}
.wpcf7 form .wpcf7-response-output {
  margin-top: 15px !important;
}

#home-whats-cooking .blog-wrap,
#home-whats-cooking .blog-wrap > article {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#home-whats-cooking .blog-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#home-whats-cooking .blog-wrap > article {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  
  border-bottom-width: 0px;
}
@media (min-width: 769px) {
  #home-whats-cooking .blog-wrap > article {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
}

#home-whats-cooking .blog-wrap > :not(article) {
  display: none !important;
  visibility: hidden !important;
}
#home-whats-cooking .blog-wrap {
  margin-left: -15px;
  margin-right: -15px;
}
#home-whats-cooking .blog-wrap > article {
  width: calc(100% / 3);
  
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}
#home-whats-cooking .blog-wrap > article > .entry-image {
  margin-right: 0px;
}
@media (min-width: 769px) {
  #home-whats-cooking .blog-wrap > article:nth-of-type(even) {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-direction: reverse;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  #home-whats-cooking .blog-wrap > article:nth-of-type(even) > .entry-image {
    margin-top: 40px;
  }
}

#home-whats-cooking .blog-wrap > article:nth-of-type(odd) > .entry-image {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  #home-whats-cooking .blog-wrap > article:nth-of-type(even) > .entry-image {
    margin-bottom: 40px;
  }
  .blog-page .post {
    margin-bottom: 0px;
  }
}








.wit {
  color: #ffffff !important;
}


[data-alias="home"] h1 {
  letter-spacing: -.04em !important;
}

.semi-small {
  font-size: 16px;
}
.whats-cooking-kolom {
  border-right: 1px solid #efefef;
}
#breadcrumbs, #breadcrumbs a {
  font-size: 16px !important;
}
.titlebar #breadcrumbs {
  margin-top: 0px;
}
.titlebar > .container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


.titlebar .title-h1 {
  font-size: 30px;
}


body.single-portfolio #nav > li > a[href='https://www.ziedend.com/portfolio/'] {
  color: #b4ae05; /* donkerMosterdGeel */
}


#copyright {
  padding-top: 20px;
  padding-bottom: 20px;
}
#footer {
  padding-top: 80px;
  padding-bottom: 60px;
}
#meer-weten-over-ziedend-static-block {
  background-color: #dbd400; /* mosterdGeel */
  padding-top: 80px;
  padding-bottom: 35px;
}
@media (max-width: 767px) {
  #footer {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  #meer-weten-over-ziedend-static-block {
    padding-top: 40px;
    padding-bottom: 0px;
  }
  #meer-weten-over-ziedend-static-block .button {
    margin-bottom: 0px;
  }
}

#meer-weten-over-ziedend-static-block .button {
  background-color: #ffffff;
  color: #000000;
  border-radius: 0px;
  padding: 15px 25px;
  border: 2px solid #ffffff;
  font-size: 19px;
}
#meer-weten-over-ziedend-static-block .button:hover {
  color: #ffffff;
  background-color: transparent;
}



@media (max-width: 767px) {
  #blok-meer-weten-over-ziedend {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #blok-meer-weten-over-ziedend .spacer {
    display: none !important;
  }
  #blok-meer-weten-over-ziedend h2 {
    font-size: 42px;
  }
  #blok-meer-weten-over-ziedend .meer-weten-over-ziedend-titel-kolom {
    margin-bottom: 20px;
  }
}






.wpb_widgetised_column .widget_nav_menu ul > li,
#sidebar .widget_nav_menu ul > li {
  border-bottom: 1px solid #efefef;
  position: relative;
  padding: 10px 0px;
}
.wpb_widgetised_column .widget_nav_menu ul > li:last-child,
#sidebar .widget_nav_menu ul > li:last-child {
  border: none;
}



a.button,
input[type='submit'],
button,
#navigation > ul > li.megamenu > ul > li > a,
.post-time .month,
.entry-meta,
.blog-masonry .post .entry-meta,
.entry-tags a,
#author-info .author-bio h4,
.search-page .post .entry-type,
#cancel-comment-reply-link,
.page-404 h3,
#wp-calendar tfoot #next,
#wp-calendar tfoot #prev,
.widget_tag_cloud a,
.widget_product_tag_cloud a,
table.wp-block-table th {
  text-transform: none;
}
p a {
  text-decoration: underline;
}
.color-inherit {
  color: inherit;
}
.portfolio-overlay-effect .overlay-effect span {
  color: #333333;
}


h1, h2, .titlebar .title-h1 {
  letter-spacing: -.05em;
}
body .titlebar h1,
body .title-h1 {
  font: 800 28px Manrope, Arial, Helvetica, sans-serif;
  /*color: #333333;*/
  color: #505050;
}
.blog-medium .post h1,
.blog-medium .post h2 {
  font-size: 30px; /* h3 size */
}
.portfolio-detail h1,
.portfolio-detail-description h1 {
  font-size: 28px;
}
.blog-page .post h1 a, .blog-page .post h2 a {
  font-weight: 800; /* h3 weight */
  color: inherit;
}

h1 span, .h1 span,
h2 span, .h2 span,
h3 span, .h3 span,
h4 span, .h4 span,
h5 span, .h5 span,
h6 span, .h6 span {
  color: #b4ae05; /* donkerMosterdGeel */
}

@media (min-width: 769px) and (max-width: 1023px) {
  body.home .portfolio-items {
    height: 208px !important;
  }
  
  body.home .portfolio-item {
    height: 100% !important;
  } 
  
  body.home .portfolio-element .portfolio-image {
    height: 100% !important;
  }

  body.home .portfolio-element .portfolio-image-img,
  body.home .portfolio-element .portfolio-image-img img {
    height: 100% !important;
  }

  body.home .portfolio-element .portfolio-image-img img {
    object-fit: cover !important;
  }
  
  body.home .portfolio-overlay-effect .overlay-effect span {
    font-size: 16px !important;
  }
} 

@media (min-width: 1024px) {
  body.home .portfolio-items {
    /*height: 400px !important;*/
    height: 0px !important;
    padding-top: 25%;
  }
  
  body.home .portfolio-item {
    height: 100% !important;
    top: 0px !important;
  } 
  
  body.home .portfolio-element .portfolio-image {
    height: 100% !important;
  }

  body.home .portfolio-element .portfolio-image-img,
  body.home .portfolio-element .portfolio-image-img img {
    height: 100% !important;
  }

  body.home .portfolio-element .portfolio-image-img img {
    object-fit: cover !important;
  }
}

@media (max-width: 768px) {
  body #home-whats-cooking .blog-wrap > article {
    width: 100% !important;
  }
}

@media (hover: none) {
  .portfolio-overlay-effect .portfolio-image-img,
  .portfolio-overlay-effect .portfolio-overlay {
    position: static !important;
  }
  .portfolio-overlay-effect .portfolio-overlay {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

mark {
  background-color: #f6ed00; /* geel */
}

.logo-in-footer {
  display: block;
  margin-top: 9px;
}
footer#footer > .container,
footer#footer > .container > .four.columns:last-child {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
footer#footer > .container {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
footer#footer > .container > .four.columns:empty {
  display: none !important;
  visibility: !important;
}
footer#footer > .container > .four.columns:last-child {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
footer#footer > .container > .four.columns:last-child > .widget_media_image:last-child {
  margin-top: auto;
}
#footer .widget {
  margin-bottom: 20px;
}

.header-v1 #navigation > ul > li > a {
  padding-left: 20px;
  padding-right: 20px;
}
.header-v1 .logo {
  max-width: 200px;
}
#logo-navigation {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.svg-kleur-hover svg path[fill] {
  transition: fill .24s linear;
}
.svg-kleur-hover:hover svg path[fill] {
  fill: #dbd400; /* mosterdGeel */
}

.wpb_row.items-bottom > .col.span_12 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

#footer .widget h3 {
    font: 600 20px Manrope,Arial,Helvetica,sans-serif;
    color: #111;
    font-weight: bold;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.tabel {
  display: table;
}
.tabel-rij {
  display: table-row;
}
.tabel-cel {
  display: table-cell;
}


.bold {
  font-weight: bold;
}


.mt-0 {
  margin-top: 0px;
}
.mr-0 {
  margin-right: 0px;
}
.mb-0 {
  margin-bottom: 0px;
}
.ml-0 {
  margin-left: 0px;
}

.w100 {
  width: 100%;
}
.w50 {
  width: 50%;
}
.h100 {
  height: 100%;
}
.h50 {
  height: 50%;
}
.portfolio-detail-attributes {
    display: none;
    visibility: hidden;
}
.entry-meta {
    display: none;
    visibility: hidden;
}
#author-info {
    display: none;
    visibility: hidden;
}
#related-posts {
    display: none;
    visibility: hidden;
}
#footer .widget h3 {
    font: 600 20px Manrope,Arial,Helvetica,sans-serif !important;
    color: #111 !important;
    font-weight: bold;
}