/* QCR Brand Theme Override

Overrides the generic "Seniar" template colors with Quality Care and Recruitment Limited
brand colors (sky blue, dark navy, green accent).

Load this AFTER style.css for CSS custom properties to cascade properly.
*/

:root {
  --theme-color1: #1fa8e0;
  --theme-color2: #07508b;
  --theme-color3: #3d7a24;
  --theme-color1-rgb: 31, 168, 224;
  --theme-color2-rgb: 7, 80, 139;
  --theme-color3-rgb: 111, 190, 73;
  --theme-color1-text-color: #fff;
  --theme-color2-text-color: #fff;
  --theme-color3-text-color: #fff;
  --headings-color: #07508b;
  --bg-color: #eaf6fd;
  --link-color: var(--theme-color1);
  --link-hover-color: var(--theme-color2);
  --sec-title-subtitle-color: #1780c2;
  --gradient-1: linear-gradient(90deg, #6fbe49 0%, #1fa8e0 100%);
  --header-footer-bg: #3d7a24;
  --bg-theme-color1: var(--theme-color1);
  --bg-theme-color2: var(--theme-color2);
  --bg-theme-color3: var(--theme-color3);
}

/* Darker green for header/footer so logo reads clearly on the background */
.header-style-one .outer-box {
  background-color: var(--theme-color-silver) !important;
}

.header-style-one .header-lower .inner-container .main-menu .navigation > li > a {
  
  color: var(--theme-color2) !important;
}

.footer-area-2::before {
  background-color: var(--header-footer-bg) !important;
}


.mobile-menu .menu-box {
  background: var(--theme-color3);

}

.mobile-menu .social-links {
  background-color: var(--theme-color3-rgb);
}