/*
Theme Name: PONCK Theme child
Template: Impreza
Description: Child voor PONCK Theme
Version: 1.0
Author:	PONCK | The Web Company
Theme URI: https://ponck.nl/
*/
/* GROEN */
/* radius + clipping op inner (daar zit je content/beeld) */
.hover-overlay-green .vc_column-inner{
  overflow: hidden;
  border-radius: 12px; /* pas aan */
}

/* zorg dat de overlay ook rond is */
.hover-overlay-green .vc_column-overlay{
  border-radius: 12px; /* pas aan */
  transition: background-color .25s ease, opacity .25s ease;
  opacity: 1; /* laat 'm bestaan */
  pointer-events: none; /* overlay mag nooit klikken blokkeren */
}

/* hover kleur */
.hover-overlay-green:hover .vc_column-overlay{
  background: rgba(9,174,95,0.40) !important;
}

/* BLAUW */
/* radius + clipping op inner (daar zit je content/beeld) */
.hover-overlay-blue .vc_column-inner{
  overflow: hidden;
  border-radius: 12px; /* pas aan */
}

/* zorg dat de overlay ook rond is */
.hover-overlay-blue .vc_column-overlay{
  border-radius: 12px; /* pas aan */
  transition: background-color .25s ease, opacity .25s ease;
  opacity: 1; /* laat 'm bestaan */
  pointer-events: none; /* overlay mag nooit klikken blokkeren */
}

/* hover kleur */
.hover-overlay-blue:hover .vc_column-overlay{
  background: rgba(154,197,254,0.1) !important;
}

/* FAQ tab border color aanpassen naar blauw */
.blue-tabs {
    --color-content-border: #9ac5fe;
}

.blue-tabs .w-tabs-section.active:not(.has_text_color) > .w-tabs-section-header {
    color: #0a1400;
}

.links-blue-bold a,
.links-blue-bold a:visited,
.links-blue-bold a:hover,
.links-blue-bold a:focus,
.links-blue-bold a:active {
    color: #1f75fe !important;
    font-weight: 400 !important;
}

.hover-link-black a:hover,
.hover-link-black a:hover span {
    color: #000 !important;
}

/* Gravityforms verzendknop stylen naar Impreza knop */
/**
/****************************************
 * Gravity Forms (GF theme) override
 * Button style: Bosgroen (#033a20) / Lichtgroen (#a3e96b)
 ****************************************/

/* pak specifiek de GF theme buttons */
.gform_wrapper .gform_page_footer .gform-theme-button,
.gform_wrapper .gform_footer .gform-theme-button,
.gform_wrapper .gform-theme-button.button,
.gform_wrapper .gform-theme-button.gform_button,
.gform_wrapper .gform-theme-button.gform_next_button,
.gform_wrapper .gform-theme-button.gform_previous_button,
.gform_wrapper .gform-theme-button[type="button"],
.gform_wrapper .gform-theme-button[type="submit"]{
  background-color: #033a20 !important;
  color: #a3e96b !important;

  border: 0 !important;
  border-radius: 5em !important;
  box-shadow: none !important;

  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;

  padding: 0.9em 2.0em !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;
  text-decoration: none !important;

  transition: background-color .3s ease, color .3s ease !important;
}

/* hover */
.gform_wrapper .gform-theme-button:hover,
.gform_wrapper .gform-theme-button:focus,
.gform_wrapper .gform-theme-button:active{
  background-color: #a3e96b !important;
  color: #033a20 !important;
}

/* focus zichtbaar (WCAG) */
.gform_wrapper .gform-theme-button:focus-visible{
  outline: 2px solid #a3e96b !important;
  outline-offset: 3px !important;
}