/* Hordis brand colors — load AFTER bootstrap.css and style.css.
   RAL values below are approximate sRGB representations for screens. */
:root {
  --hordis-green: #B9CEAC;  /* RAL 6019 Pastel Green */
  --hordis-orange: #F67828; /* RAL 2003 Pastel Orange */
  --hordis-ink: #252525;
  --hordis-charcoal: #2D2D2D;
}

/* 1. Header: a restrained band of green, not an all-orange navbar. */
.header-top {
  background-color: var(--hordis-green);
  border-bottom: 3px solid var(--hordis-orange);
}
.header-right-text h3,
.header-right-text h3 span,
.header-right-text h3 i {
  color: var(--hordis-ink);
}
.header-nav { background-color: #fff; }

/* 2. Navigation: dark links with a clear orange active/hover indicator. */
.navbar-default .navbar-nav > li > a {
  color: var(--hordis-ink);
  border-bottom: 3px solid transparent;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
ul.nav.navbar-nav li a.active {
  color: var(--hordis-ink) !important; /* Overrides legacy !important hover/active colors */
  background: transparent;
  border-bottom-color: var(--hordis-orange);
}

/* 3. Home welcome: main pastel-green brand block with readable text. */
.welcome { background-color: var(--hordis-green); }
.welcome-text p,
.welcome-text h4 { color: var(--hordis-ink); }

/* 4. Section titles: keep typography dark, put the orange beneath it. */
.index-about h3,
.latest-designs h3,
.services h3,
.about h2,
.heading h3,
.works-header h3,
.main-head-section h3 {
  color: var(--hordis-ink);
}
.index-about h3::after,
.latest-designs h3::after,
.services h3::after,
.about h2::after,
.heading h3::after,
.works-header h3::after,
.main-head-section h3::after {
  content: "";
  display: block;
  width: 54px;
  height: 4px;
  background-color: var(--hordis-orange);
  margin: 13px auto 0;
  border-radius: 2px;
}

/* 5. Buttons: orange draws attention; dark text is more legible than white. */
.b-btn a,
.contact-form form input[type="submit"],
.form_details input[type="submit"] {
  background-color: var(--hordis-orange);
  color: var(--hordis-ink);
  font-weight: 600;
}
.b-btn a:hover,
.b-btn a:focus,
.contact-form form input[type="submit"]:hover,
.contact-form form input[type="submit"]:focus,
.form_details input[type="submit"]:hover,
.form_details input[type="submit"]:focus {
  background-color: var(--hordis-green);
  color: var(--hordis-ink);
  text-decoration: none;
}

/* 6. Project/gallery details and slider active dot. */
.callbacks_here a::after { background-color: var(--hordis-orange); }
.portfolio .label-bg { background-color: var(--hordis-green); }
.portfolio .label-text { color: var(--hordis-ink); }
.portfolio-wrapper h4,
.blog-right h3,
.blog-right h2 { color: var(--hordis-ink); }
.portfolio-wrapper label { background-color: var(--hordis-orange); }

/* 7. Footer: charcoal grounds the lighter palette. */
.footer {
  background-color: var(--hordis-charcoal);
  border-top: 5px solid var(--hordis-green);
}
.footer .footet-left ul li a:hover,
.footer .footet-left ul li a:focus,
.footer .copy-rights p a:hover,
.footer .copy-rights p a:focus {
  color: var(--hordis-green);
}