/*
Theme Name:GeneratePress Child
Template:generatepress
Version:1.0
Author:HWPML
Description:Child theme voor GeneratePress
*/

/* Hier komt jouw aangepaste CSS */

/* Overlay achtergrond */
.modal-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
  display:none;
  z-index:1000;
}
/* Modal venster */
.modal {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background-color:#fff;
  padding:30px 20px 20px;
  border-radius:8px;
  box-shadow:0 8px 16px rgba(0,0,0,0.3);
  min-width:320px;
  display:none;
  z-index:1001;
}
/* Sluiticoontje (×) */
.modal-close {
  position:absolute;
  top:1px;
  right:1px;
  width:30px;
  height:30px;
  font-size:24px;
  font-weight:bold;
  color:#be2023;
  cursor:pointer;
  user-select:none;
  transition:color 0.2s ease;
}
.modal-close:hover {
  color:#333;
}
/* Actieve status */
.modal.active,.modal-overlay.active {
  display:block;
}
.main-navigation .menu-welkom > a::before {
  font-family:"Font Awesome 6 Free";
  content:"\f015";
  /* fa-house */
  font-weight:900;
  margin-right:8px;
}
.main-navigation .menu-corona > a::before {
  font-family:"Font Awesome 6 Free";
  content:"\e4a8";
  /* fa-virus-covid */
  font-weight:900;
  margin-right:8px;
}
.main-navigation .menu-vaccinatie > a::before {
  font-family:"Font Awesome 6 Free";
  content:"\f48e";
  /* fa-syringe */
  font-weight:900;
  margin-right:8px;
}
.main-navigation .menu-wachtpost > a::before {
  font-family:"Font Awesome 6 Free";
  content:"\f0f0";
  /* fa-user-doctor */
  font-weight:900;
  margin-right:8px;
}
.main-navigation .menu-patient > a::before {
  font-family:"Font Awesome 6 Free";
  content:"\f728";
  /* fa-user-injured */
  font-weight:900;
  margin-right:8px;
}
.main-navigation .menu-contact > a::before {
  font-family:"Font Awesome 6 Free";
  content:"\f0e0";
  /* fa-envelope */
  font-weight:900;
  margin-right:8px;
}
.main-navigation .menu-privacy > a::before {
  font-family:"Font Awesome 6 Free";
  content:"\f3ed";
  /* fa-shield-halved */
  font-weight:900;
  margin-right:8px;
}
.profile-card {
  background:#fff;
  border-radius:12px;
  box-shadow:0 4px 16px rgba(0,0,0,0.1);
  padding:20px;
  max-width:280px;
  text-align:center;
  margin:20px auto;
  transition:transform 0.3s ease;
}
.profile-card:hover {
  transform:translateY(-5px);
}
.profile-img {
  width:120px;
  height:120px;
  border-radius:50%;
  box-shadow:0 2px 8px rgba(0,0,0,0.15);
  margin-bottom:15px;
}
.profile-name {
  font-size:1.2em;
  color:#333;
  margin:0;
}
.profile-role {
  font-size:0.95em;
  color:#666;
  margin-top:5px;
}
.site-info {
  display:none;
}
.main-title a {
  display:none;
}
@media (max-width:425px) {
  .site-logo {
  display:none;
}
.main-title a {
  display:block;
  color:#be2023 !important;
}
/* Headers */
  h1,h2,h3,h4,h5,h6 {
  font-size:1.2rem;
  /* ca 36px als root 16px is */
}
}/*cotainer bevat logo en titel*/
.site-branding-container {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  text-align:left !important;
  flex-shrink:0 !important;
}
.site-logo img {
  width:50%;
  height:auto;
  max-width:100%;
  border:3px solid #be2023;
  /* zwarte rand van 3px dik */
}
.site-description {
  font-size:2rem;
  font-weight:700;
  color:#ffffff;
  text-shadow:1px 1px 4px rgba(0,0,0,0.7);
  background-color:rgba(0,0,0,0.6);
  /* zwarte achtergrond,transparant */
  padding:0.3em 0.6em;
  display:inline-block;
  border-radius:4px;
  margin-top:5px;
}
/*Header bg afbeelding*/
.site-header {
  background-image:url('/websitenew/wp-content/uploads/2025/07/banner-Gemiddeld.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
/* Medical / Health Color Palette */

/* Background and main container */
body {
  background-color:#FFFFFF;
  /* Clean White */
  color:#556270;
  /* Slate Gray for text */
  font-family:Verdana,sans-serif;
}
/* Headers */
h1,h2,h3,h4,h5,h6 {
  color:#be2023;
  /* Calming Blue */
  font-weight:700;
}
/* Buttons */
button,.btn,input[type="submit"] {
  background-color:#2A6F9E;
  /* Calming Blue */
  color:#FFFFFF;
  border:none;
  padding:12px 25px;
  border-radius:5px;
  cursor:pointer;
  font-weight:600;
  transition:background-color 0.3s ease;
}
button:hover,.btn:hover,input[type="submit"]:hover {
  background-color:#FF6F61;
  /* Warm Coral */
}
/* Success messages,highlights */
.success,.alert-success {
  background-color:#81C784;
  /* Fresh Green */
  color:#FFFFFF;
  padding:10px 15px;
  border-radius:4px;
  margin:15px 0;
}
/* Section backgrounds */
.section-highlight {
  background-color:#E0F2F1;
  /* Very light Soft Teal tint */
  padding:30px;
  border-radius:8px;
  margin:30px 0;
}
/* Footer */
footer {
  background-color:#556270;
  /* Slate Gray */
  color:#FFFFFF;
  padding:20px 0;
  text-align:center;
  font-size:14px;
}