/*
Theme Name:     Lambda Child Theme
Description:    Child theme for the Lambda WP Theme
Author:         Oxygenna
Author URI:     http://themeforest.net/user/oxygenna
Template:       lambda
Version:        1.0
*/


/* ── Suncomputers kleurthema: Amber-goud + Grafiet ── */
:root {
  --sun-gold: #E8A000;
  --sun-gold-dark: #C68A00;
  --sun-gold-light: #FFB800;
  --sun-dark: #1f2937;
  --sun-dark-deep: #111827;
}

/* Navigatiebalk */
#masthead,
#navbar-slide,
.navbar-default {
  background-color: var(--sun-dark) !important;
  border-color: var(--sun-dark-deep) !important;
}

/* Logo achtergrond */
#masthead .navbar-brand,
#navbar-slide .navbar-brand {
  background-color: transparent !important;
}

/* Primaire knoppen */
.btn-primary,
.btn-primary:hover,
a.btn-primary,
a.btn-primary:hover {
  background-color: var(--sun-gold) !important;
  border-color: var(--sun-gold-dark) !important;
  color: #111827 !important;
}

.btn-primary:hover,
a.btn-primary:hover {
  background-color: var(--sun-gold-dark) !important;
}

/* Accent / highlight knoppen */
.btn-accent,
.btn-highlight,
.nav-highlight > a,
.nav-highlight-ghost > a {
  color: var(--sun-gold) !important;
  border-color: var(--sun-gold) !important;
}

/* Links accent */
a:not(.btn):not(.navbar-brand):hover,
.text-primary {
  color: var(--sun-gold) !important;
}

/* Featured icons */
.featured-icon i,
.featured-icon .icon-wrapper {
  color: var(--sun-gold) !important;
  border-color: var(--sun-gold) !important;
}

/* Bordered divider accent lijn */
.bordered-divider,
.bordered-divider:after {
  border-color: var(--sun-gold) !important;
  background-color: var(--sun-gold) !important;
}

/* Footer */
footer,
#colophon {
  background-color: var(--sun-dark-deep) !important;
}

/* Sectie-achtergrond afwisseling */
.vc_row:nth-child(even) .wpb_column > .vc_column-inner {
  /* subtiel onderscheid */
}

/* Hero header-knoppen */
.btn-header {
  border-color: var(--sun-gold) !important;
  color: var(--sun-gold) !important;
}
.btn-header:hover {
  background-color: var(--sun-gold) !important;
  color: var(--sun-dark) !important;
}

/* Actieve nav-items */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
  color: var(--sun-gold) !important;
}

/* Scroll-anchor knop */
.scroll-icon,
.scroll-to i {
  color: var(--sun-gold) !important;
  border-color: var(--sun-gold) !important;
}

/* Highlight in tekst */
.highlight,
strong.highlight {
  color: var(--sun-gold) !important;
}