/**
Theme Name: PZ
Author: UwID
Author URI: https://uwid.nl
Description: Een maatwerkthema voor Personele Zaken. Dit thema niet verwijderen of deactiveren.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pz
Template: astra
*/

.site-primary-header-wrap{
	padding-left: 0!important;
}

.site-branding{
	padding: 0!important;
}

.masked-image-green {
  position: relative;
  width: 400px; /* pas aan op jouw ontwerp */
  height: auto;
}

.masked-image-green img {
  width: 100%;
  height: 100%;
  object-fit: contain;

  /* masker toepassen */
  -webkit-mask-image: url('/wp-content/uploads/2025/05/circle-mask.svg');
  mask-image: url('/wp-content/uploads/2025/05/circle-mask.svg');
  clip-path: url('/wp-content/uploads/2025/05/circle-mask.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: contain;
  mask-position: center;
}

/* Border bovenop het gemaskeerde beeld */
.masked-image-green figure::after {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/wp-content/uploads/2025/05/circle-mask-border.svg') no-repeat center center;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}

/* Achtergrondvorm onder alles */
.masked-image-green figure::before {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  width: 100%;
  height: 100%;
  background: url('/wp-content/uploads/2025/05/circle-mask-background.svg') no-repeat center center;
  background-size: contain;
  z-index: 0;
}

.masked-image-border-green {
  position: relative;
  width: 400px; /* pas aan op jouw ontwerp */
  height: auto;
}

.masked-image-border-green img {
  width: 100%;
  height: 100%;
  object-fit: contain;

  /* masker toepassen */
  -webkit-mask-image: url('/wp-content/uploads/2025/05/circle-mask.svg');
  mask-image: url('/wp-content/uploads/2025/05/circle-mask.svg');
  clip-path: url('/wp-content/uploads/2025/05/circle-mask.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: contain;
  mask-position: center;
}

/* Border bovenop het gemaskeerde beeld */
.masked-image-border-green figure::after {
  content: '';
  position: absolute;
  inset: 0;
  top:-20px;
  left:-20px;
  width: 100%;
  height: 100%;
  background: url('/wp-content/uploads/2025/05/circle-mask-border.svg') no-repeat center center;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}





.masked-portrait {
  position: relative;
  width: 400px; /* pas aan op jouw ontwerp */
  height: 400px;
}

.masked-portrait img {
  width: 100%;
  height: 100%;
  object-fit: contain;

  /* masker toepassen */
  -webkit-mask-image: url('/wp-content/uploads/2025/05/circle-mask.svg');
  mask-image: url('/wp-content/uploads/2025/05/circle-mask.svg');
  clip-path: url('h/wp-content/uploads/2025/05/circle-mask.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: contain;
  mask-position: center;
}

/* Border bovenop het gemaskeerde beeld */
.masked-portrait figure::after {
  content: '';
  position: absolute;
  inset: 0;
  background: url('/wp-content/uploads/2025/06/portrait-outline.svg') no-repeat center center;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
  width: 100%;
  height: 100%;
}

/* Achtergrondvorm onder alles */
.portrait-green figure::before {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  width: 100%;
  height: 108%;
  background: url('/wp-content/uploads/2025/06/bubble-green.svg') no-repeat center center;
  background-size: contain;
  z-index: 0;
}

/* Achtergrondvorm onder alles */
.portrait-pink figure::before {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  width: 100%;
  height: 108%;
  background: url('/wp-content/uploads/2025/06/bubble-pink.svg') no-repeat center center;
  background-size: contain;
  z-index: 0;
}

/* Achtergrondvorm onder alles */
.portrait-brown figure::before {
  content: '';
  position: absolute;
  top: 20px;
  left: 20px;
  width: 100%;
  height: 108%;
  background: url('/wp-content/uploads/2025/06/bubble-brown.svg') no-repeat center center;
  background-size: contain;
  z-index: 0;
}



.profielfoto {
  width: 100%;
  height: 100%;
  max-width: 100px;
  max-height: 100px;
  object-fit: contain;

  /* masker toepassen */
  -webkit-mask-image: url('/wp-content/uploads/2025/05/circle-mask.svg');
  mask-image: url('/wp-content/uploads/2025/05/circle-mask.svg');
  clip-path: url('/wp-content/uploads/2025/05/circle-mask.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: contain;
  mask-position: center;
}

.profielfoto img{
  max-width:100px;
}

.qs-content strong, .qs-button{
  font-family: 'Museo', serif;
  font-weight:700;
}

.qs-content p{
  font-family: 'Museo sans', sans-serif;
  font-weight:500;
}

.qs-button:hover{
  background-color: #99D5C9!important;
}

.qs-button::before{
  position: absolute;
  width: 120px;
  height: 24px;
  overflow: hidden;
  content: 'Check je score';
  font-family: 'Museo sans', sans-serif;
  font-size: 13px;
  line-height: 24px;
  font-weight: 700;
  color: white;
  background-color: #BC5C53;
  top: -24px;
  left: 0;
  text-align: center;
}

.profielfoto-nr{

}

.profielfoto-nr::before{
  position: absolute;
  width: 20px;
  height: 20px;
  content: '1';
  font-family: 'Museo sans', sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: white;
  background-color: #BC5C53;
  top: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  border-radius: 10px;
}

.kennisbank-attention::before{
  position: absolute;
  width: 130px;
  height: 24px;
  content: 'Kennisbankartikel';
  font-family: 'Museo sans', sans-serif;
  font-size: 13px;
  line-height: 24px;
  font-weight: 700;
  color: white;
  background-color: #BC5C53;
  top: -24px;
  right: 0;
  z-index: 1;
  text-align: center;
}

.kennisbank-attention .uagb-ifb-title a{
  text-decoration: none;
  color: #E3A59D;

}

.site-footer ul li::before{
  content: '';
  width: 6px;
  height: 10px;
  background-image: url('/wp-content/uploads/2025/06/angle-right.svg');
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
}

.archive .ast-article-post .ast-article-inner, .blog .ast-article-post .ast-article-inner, .archive .ast-article-post .ast-article-inner:hover, .blog .ast-article-post .ast-article-inner:hover{
  background-color: white;
}

.ast-read-more-container .ast-button{
  font-size: 0;
  background-color: white;
  width: 50px;
  height: 40px;
  background-image: url('/wp-content/uploads/2025/06/arrow-right.svg');
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: none;
}

.post-content>.read-more{
  text-align: right;
  margin:0;
}

.taxonomy-post_tag{
  text-align: center;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}

.taxonomy-post_tag a{
  padding: 8px 20px;
  font-size: 15px;
  font-weight: 500;
  background-color: white;
  color: #05434B;
  border-radius: 50px;
  margin: 5px;
}

.taxonomy-post_tag a:hover{
  background-color: #e3a59d;
  color:white;
}

.ast-single-post-featured-section{
  margin-top:-180px;
  position: relative;
  z-index: 1;
}

.ast-single-post-featured-section img{
  border-radius: 50px 0 50px 0;
}

.margin-t-minus-150{
  margin-top:-150px;
  position: relative;
  z-index: 1;
}

.page-id-21 .wp-block-table td{
  padding: 10px 0;
}

.featured-blog::after{
  display:block;
  position: absolute;
  z-index: 1;
  content: '';
  background-image: url('/wp-content/uploads/2025/05/pink-arrow-right.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  right: 40px;
  bottom: 40px;
}

.site-footer-above-section-4 table td:first-child, .site-footer-above-section-4 table th:first-child,
.contact-tabel table td:first-child, .contact-tabel table th:first-child {
  width: 30px; /* gewenste breedte */
}

.footer-widget-area p{
  margin:0;
}

.site-footer-below-section-1 a{
  margin: 5px 10px;
}

body{
  overflow-x: clip!important;
}

.uagb-heading-text a{
  text-decoration: none!important;
}

.wp-block-uagb-image__figure{
  z-index: 2;
}

.image-choices-choice-image{
  max-height: 50px!important;
}

.image-choices-choice-image-wrap{
  background-color: #F1F5F6;
  box-shadow: inset 0 0 0 2px #D9E2E4;
}

.gform_wrapper.gravity-theme .gf_progressbar_title{
  text-align: center;
  font-weight: 700;
  color: #05434b;
  margin-bottom: 30px;
}

.gf_progressbar_percentage span{
  color:transparent;
}

.gf_progressbar, .gf_progressbar_percentage{
  height: 10px!important;
  border-radius: 0!important;
}

.gform_wrapper.gravity-theme .gfield_label, .image-choices-field[class*=ic-theme--] .image-choices-choice-selected .image-choices-choice-text{
  color: #05434b;
  margin-bottom: 0px;
  padding-top: 10px;
}

.gfield_radio{
  row-gap: 10px!important;
}

.gform-field-label--type-inline .image-choices-choice-text{
  padding: 0 10px!important;
}

.image-choices-field[class*=ic-theme--] .image-choices-choice-text{
  text-align: left;
  display: flex;
  height: 100%;
  align-items: center;
}

.gform_required_legend{
  display: none;
}

.ic-theme--simple .image-choices-choice-selected .image-choices-choice-image-wrap:after{
  box-shadow: inset 0 0 0 2px #05434b;
}

.gform_wrapper.gravity-theme .gf_progressbar {
    background: #F1F5F6;
}

.gform-page-footer .gform_next_button, .gform-page-footer input[type="submit"]{
  background-color: #99D5C9;
  border: 2px solid #99D5C9;;
  color:#05434B;
  float:right;
  padding: 15px 40px;
}

.gform-page-footer .gform_next_button:hover, .gform-page-footer .gform_previous_button:hover{
  background-color: #006D76;
  border: 2px solid #006D76;
  color:white;
}

.gform-page-footer input[type="submit"]:hover{
  color:white;
  background-color: #05434B;
  border: 2px solid #05434B;
}

.gform-page-footer .gform_previous_button{
  background-color: white;
  border: 2px solid #D9E2E4;
  color:#05434B;
  padding: 15px 40px;
}

.gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button{
  color:#05434B;
  padding: 15px 40px;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea{
  background-color: #F1F5F6;
  border: 2px solid #D9E2E4;
  box-shadow: none;
  border-radius: 0;
  padding: 25px 10px;
}

.gform_wrapper.gravity-theme textarea{
  padding: 10px 10px;
}

.yoast-breadcrumbs{
  color:#99d5c9;
  font-weight: 300;
  font-family: 'Museo', museo, serif;
  font-size: .9em;
}

.yoast-breadcrumbs a{
  text-decoration: none!important;
  color:#99d5c9;
}

.uagb-popup-builder__close{
  box-shadow: none;
}

.uagb-popup-builder__close svg{
  fill: #006d76;
}

.wp-block-post-terms .wp-block-post-terms__separator{
  display: none;
}


#gform_page_2_1 .gform-field-label,
#gform_page_2_2 .gform-field-label,
#gform_page_2_3 .gform-field-label,
#gform_page_2_4 .gform-field-label,
#gform_page_2_5 .gform-field-label,
#gform_page_2_6 .gform-field-label,
#gform_page_2_7 .gform-field-label,
#gform_page_2_8 .gform-field-label,
#gform_page_2_9 .gform-field-label,
#gform_page_2_10 .gform-field-label,
#gform_page_2_11 .gform-field-label,
#gform_page_2_12 .gform-field-label,
#gform_page_2_13 .gform-field-label,
#gform_page_2_14 .gform-field-label,
#gform_page_2_15 .gform-field-label,
#gform_page_2_16 .gform-field-label,
#gform_page_2_17 .gform-field-label,
#gform_page_2_18 .gform-field-label,
#gform_page_2_19 .gform-field-label{
  font-size: 20px;
  text-align: center;
}

#gform_page_2_1 .ginput_container,
#gform_page_2_2 .ginput_container,
#gform_page_2_3 .ginput_container,
#gform_page_2_4 .ginput_container,
#gform_page_2_5 .ginput_container,
#gform_page_2_6 .ginput_container,
#gform_page_2_7 .ginput_container,
#gform_page_2_8 .ginput_container,
#gform_page_2_9 .ginput_container,
#gform_page_2_10 .ginput_container,
#gform_page_2_11 .ginput_container,
#gform_page_2_12 .ginput_container,
#gform_page_2_13 .ginput_container,
#gform_page_2_14 .ginput_container,
#gform_page_2_15 .ginput_container,
#gform_page_2_16 .ginput_container,
#gform_page_2_17 .ginput_container,
#gform_page_2_18 .ginput_container,
#gform_page_2_19 .ginput_container{
  margin-top:30px;
}

#gf_2 .gform_wrapper.gravity-theme .gf_progressbar{
  margin-bottom: 30px!important;
}

@media (max-width: 767px) {
  .qs-button::before{
    right:0;
    left:auto;
  }
  .qs-content p{
    font-size: 14px;
  }
}

.wp-block-list{
  margin-bottom: 60px!important;
}