/* =====================================================================
   Gouden Generatie — custom styles
   Single source for custom CSS. Add new rules here.
   Loaded by the gg-styles.php mu-plugin (survives theme updates).
   ===================================================================== */

/* ---- General (inherited from the old site) ---- */
#header{ margin: 0 auto; }
@media screen and (min-width: 768px){
  .col-md-5 .img-thumbnail.post-thumb.wp-post-image{ height:264px !important; }
  .img-thumbnail.post-thumb.wp-post-image{ height:264px !important; }
}

/* ---- Page-header banner ---- */
.page-header h2{ padding-top:50px !important; }
.header-v3 .page-header .breadcrumb,
.header-v2 .page-header .breadcrumb{ padding-top:50px !important; }
.page-header .breadcrumb{ padding-top:50px !important; }

/* ---- Submenu text color (desktop only) ---- */
@media (min-width:992px){
  .full-width-menu .main-navigation > ul > li ul li a,
  .full-width-menu .main-navigation > ul > li > ul li > a,
  .full-width-menu .main-navigation > ul > li ul li a:hover,
  .full-width-menu .main-navigation > ul > li > ul > li a:hover{ color:#fff !important; }
}

/* ---- Secondary-bar below the slider (mobile) ---- */
@media (max-width:767px){
  .hero-slider + .secondary-bar{ margin-top:42px !important; }
}

/* ---- Secondary-bar text color ---- */
.secondary-bar,
.secondary-bar .big,
.secondary-bar a:not(.btn){ color:#333 !important; }

/* ---- Contact: temporarily hide the empty phone block ---- */
.col-md-4:has(.icon-block .fa-phone){ display:none; }

/* =====================================================================
   Forms (CF7) — shared by Doneren + Contact
   ===================================================================== */
.gg-donate-form{ max-width:660px; margin:0 auto; background:#fff; border:1px solid #ececec; border-radius:14px; padding:30px 32px; box-shadow:0 6px 24px rgba(0,0,0,.05); }
.gg-donate-form br{ display:none; }
.gg-donate-form p{ margin:0 !important; }
.gg-donate-form .wpcf7-form-control-wrap{ display:block; margin:0 !important; }
.gg-donate-form .gg-grid{ display:flex; flex-wrap:wrap; gap:16px; }
.gg-donate-form .gg-grid .gg-field{ flex:1; min-width:180px; }
.gg-donate-form .gg-grid .gg-field--sm{ flex:0 0 120px; min-width:100px; }
.gg-donate-form .gg-field{ margin-bottom:15px; }
.gg-donate-form .gg-field > label{ display:block; margin:0 0 4px !important; padding:0 !important; font-size:13.5px; font-weight:600; color:#3a4650; line-height:1.25; }
.gg-donate-form input,
.gg-donate-form select,
.gg-donate-form textarea{
  width:100%; box-sizing:border-box; margin:0 !important; padding:10px 13px; font-size:15px; color:#333;
  background:#fafbfc; border:1px solid #dde1e6; border-radius:9px;
  transition:border-color .15s, box-shadow .15s, background .15s; }
.gg-donate-form input:focus,
.gg-donate-form select:focus,
.gg-donate-form textarea:focus{
  outline:0; background:#fff; border-color:#3bafda; box-shadow:0 0 0 3px rgba(59,175,218,.18); }
.gg-donate-form textarea{ min-height:110px; resize:vertical; }
.gg-donate-form .gg-machtiging{ display:flex; gap:10px; align-items:flex-start; background:#f6f7f8; border:1px solid #ececec; border-radius:10px; padding:13px 15px; font-size:13.5px; line-height:1.5; color:#56616c; margin-top:4px; }
.gg-donate-form .gg-machtiging input[type=checkbox]{ width:auto; margin:2px 0 0; transform:scale(1.1); accent-color:#3bafda; }
.gg-donate-form .gg-submit{ margin-top:18px; }
.gg-donate-form .wpcf7-submit,
.gg-donate-form .wpcf7-submit:hover,
.gg-donate-form .wpcf7-submit:focus,
.gg-donate-form .wpcf7-submit:active{
  width:100%; background:#3bafda !important; color:#fff !important; border:0 !important; box-shadow:none !important;
  border-radius:9px; padding:13px; font-size:16px; font-weight:600; cursor:pointer; transition:background .15s; }
.gg-donate-form .wpcf7-submit:hover{ background:#2fa0cb !important; }
.gg-donate-form .wpcf7-not-valid{ border-color:#e25c5c !important; }
.gg-donate-form .wpcf7-not-valid-tip{ color:#e25c5c; font-size:12px; margin-top:3px; }
@media (max-width:600px){
  .gg-donate-form{ padding:22px 18px; }
  .gg-donate-form .gg-grid{ gap:0; }
  .gg-donate-form .gg-grid .gg-field,
  .gg-donate-form .gg-grid .gg-field--sm{ flex:0 0 100%; min-width:0; }
  .gg-donate-form .gg-field{ margin-bottom:14px; }
}