@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}



html, body {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

body {
	overflow-x: hidden;
}


h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 700;
    color: #001378;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

h1 {
    font-size: 2em !important;
}


body {
    margin: 0;
}

.site-header {
    background: #fff;
}

.header-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 16px 24px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo a {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

.logo img {
    max-height: 50px;
    height: auto;
    max-width: 300px;
}


.main-nav {
    display: inline-flex;
    align-items: center;
    justify-content: end;
}

.main-nav img {
    margin-left: 25px;
}

.main-nav .menu {
    list-style: none;
    display: flex;
    gap: 24px;
    margin: 0;
    padding: 0;
}

.main-nav .menu li a {
    color: #001378;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    transition: color 0.25s ease,
    transform 0.25s ease;
}

.main-nav .menu li a:hover {
    color: #E9001D;
    transform: translateY(-3px);
}



@media (max-width: 768px) {

    .main-nav img {
        display: none;
    }

    .main-nav .menu {
        display: none;
    }   



  .shiftnav-inner::before {
    content: "";
    background-image: url('/wp-content/uploads/2026/01/Scholtenhagen-Logo-breed-2-1-e1496948726114.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 50px;
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
  }

  .shiftnav-inner h3 > a {
    display: none;
  }


}

.shiftnav-inner {
    background-color: #E8EAF3;
    font-weight: 700;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target {
    background-color: #001378;
    color: #ffffff;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item > .shiftnav-target {
    font-weight: 700;
}


/* footer styles */
.site-footer {
    background: #000C4E;
    color: #d1d5db;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1000;
}

.footer-inner {
    width: 70%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 25px;

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}


.site-footer h4 {
    color: rgba(183, 183, 183);
    font-size: 16px;
    margin-bottom: 16px;
}

.footer-element  {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: -125px;
    z-index: 1;
}

.site-footer p,
.site-footer li,
.site-footer a {
    color: rgba(183, 183, 183);
    font-size: 16px;
    line-height: 1.6;
    text-decoration: none;
}

.site-footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.site-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer ul li {
    margin-bottom: 8px;
}


.footer-bottom {
    width: 100%;
    margin-top: 20px;
    padding: 15px 0;
    text-align: center;
}

.footer-bottom p {
    font-size: 13px;
    color: rgba(183, 183, 183);
    margin: 0;
}

/* Social icons */
.socials {
    display: flex;
    gap: 16px;
    margin-top: 8px;
}

.socials img {
    width: 24px;
    height: 24px;
    display: block;
    filter: brightness(0) invert(1);
}

/* Responsive */
@media (max-width: 900px) {
    .footer-inner {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-element {
        display: none;
    }
}

@media (max-width: 500px) {
    .footer-inner {
        grid-template-columns: 1fr;
    }
}


/*lid worden pagina */
.leesmeer-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.leesmeer-wrapper.open .leesmeer-content {
  max-height: 4000px;
}

.leesmeer-btn {
  display: inline-block;
  margin-top: 12px;
  font-weight: 600;
  color: #fff;
  background-color: #707070;
  padding: 5px 15px;
  text-decoration: none;
  cursor: pointer;
}

.leesmeer-btn:hover {
  text-decoration: underline;
}


/* contact formulier */
.cf7-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
}


.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  border-radius: 0;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
}

.cf7-col p {
    margin: 0 !important;
    padding: 0 !important;
}

.wpcf7 ::placeholder {
  color: #fff;
}

.cf7-submit {
  background: url("/wp-content/themes/hello-elementor-child/assets/img/button-SchrijfJeIn-groen.svg")
              no-repeat center center !important;
  background-size: contain !important;

  border: none !important;
  padding: 0 !important;

  width: 280px !important;   /* match SVG */
  height: 70px !important;

  text-indent: -9999px;      /* tekst verbergen */
  overflow: hidden;

  cursor: pointer;
}


 @media (max-width: 768px) {
  .cf7-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}




/* Opties in de dropdown */
.wpcf7 select option {
  background-color: #001378;
  color: #ffffff;
}

/* Placeholder (eerste optie zoals 'Geslacht') */
.wpcf7 select option:first-child {
  color: rgba(255, 255, 255, 0.7);
}

/* Focus */
.wpcf7 select:focus {
  outline: none;
  border-color: #ffffff;
}

.leesmeer-wrapper,
.cf7-grid,
.cf7-full-width,
.wpcf7 {
    font-size: 16px !important;
    line-height: 1.5;
}

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
    font-size: 16px !important;
}

/* Basis styling voor alle meldingen */
.wpcf7-response-output {
    font-size: 16px !important;
    padding: 25px;
    border-radius: 10px;
    margin-top: 20px;
    text-align: center;
    border: none !important;
}

/* SUCCES */
.wpcf7 form.sent .wpcf7-response-output {
    background: #008000;
    color: #ffffff;
    display: block;
}

/* ERROR / INVALID */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    background: #e53935;
    color: #ffffff;
    display: block;
}

/* animatie (subtiel) */
.wpcf7-response-output {
    animation: cf7Fade 0.3s ease-in-out;
}

@keyframes cf7Fade {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}