/* HTKS brand palette + site-wide text colors (blue headings, green body) */
:root {
  --htks-brand-blue: #3e95c3;
  --htks-brand-blue-dark: #2f7aa3;
  --htks-brand-green: #4e8f25;
  --htks-brand-green-light: #5ea832;
  --htks-brand-green-dark: #3d7220;
  --htks-footer-top: #3e95c3;
  --htks-footer-btm: var(--htks-brand-green);

  --htks-text-heading: var(--htks-brand-blue);
  --htks-text-body: var(--htks-brand-green-dark);
  --htks-text-muted: #5a9eb8;
  --htks-text-link: var(--htks-brand-green);
  --htks-text-link-hover: var(--htks-brand-blue);

  --priColor: var(--htks-brand-green);
  --secColor: var(--htks-brand-green-light);
  --gradientColor: linear-gradient(to right, var(--htks-brand-green) 30%, var(--htks-brand-green-light));
  --terColor: var(--htks-brand-blue);
  --bodyColor: var(--htks-text-body);
}

body {
  color: var(--htks-text-body);
}

/* Headings on light backgrounds — blue */
.headh2,
.h1_title,
#main_area h1,
#main_area h2,
#main_area h3,
#main_area h4,
main h1,
main h2,
main h3,
#about_con h2,
#nh_serv h2,
.about_info h2,
.services_con section h2,
.btm1_info .headh2,
.btm2_boxes .headh2,
.btm4_info .headh2,
.btm4_faq_heading .headh2,
.btm5_boxes .headh2,
.btm5_info .headh2,
#nh_serv .main_con h2,
.htks-contact-hero__content h2,
.contact-form-shell .form-heading,
.htks-newsletter__text h2,
.htks-contact-card h2 {
  color: var(--htks-text-heading);
}

/* Body copy — green */
#main_area p,
main p,
#about_con p,
.about_info p,
#nh_serv .main_con p,
.services_con section p,
.entry-content > p,
.contact-intro,
.htks-contact-hero__intro,
.htks-newsletter__text p,
.mv_holder section p,
.btm2_boxes section p,
.btm5_boxes section p,
.faq_item p,
.accordion_content p {
  color: var(--htks-text-body);
}

/* Secondary / meta text — muted blue */
#breadcrumbs,
.non_home_page #breadcrumbs,
.htks-contact-form label,
.htks-contact-form .privacy,
.contact-meta-card span,
.contact-meta-card address {
  color: var(--htks-text-muted);
}

#breadcrumbs .breadcrumb_last,
.non_home_page #breadcrumbs .breadcrumb_last {
  color: var(--htks-brand-blue-dark);
}

/* Links in content areas — green, hover blue */
#main_area a:not(.priBtn):not(.nh_btn):not(.form_btn):not(.owl-prev):not(.owl-next):not(.htks-services-cta__btn),
#about_con a:not(.priBtn),
#nh_serv a:not(.priBtn):not(.htks-services-cta__btn),
.htks-contact-page a:not(.priBtn):not(.form_btn),
.htks-contact-form .privacy a,
.entry-content a {
  color: var(--htks-text-link);
}

#main_area a:not(.priBtn):not(.nh_btn):not(.form_btn):hover,
#about_con a:hover,
#nh_serv a:not(.htks-services-cta__btn):hover,
.htks-contact-page a:not(.priBtn):not(.form_btn):hover,
.htks-contact-form .privacy a:hover,
.entry-content a:hover {
  color: var(--htks-text-link-hover);
}

/* Form field text */
.htks-contact-form input,
.htks-contact-form textarea,
.htks-newsletter__form input[type="email"],
.footer_form form input,
.footer_form form textarea {
  color: var(--htks-text-heading);
}

.htks-contact-form input::placeholder,
.htks-contact-form textarea::placeholder,
.htks-newsletter__form input::placeholder,
.footer_form form input::placeholder,
.footer_form form textarea::placeholder {
  color: var(--htks-text-muted);
  opacity: 1;
}

/* Accent labels — green */
.contact-meta-card q,
.htks-contact-info-item__label {
  color: var(--htks-brand-green);
}

.contact-meta-card a,
.htks-contact-info-item a,
.htks-contact-info-item__value {
  color: var(--htks-brand-blue);
}

/* Keep white text on colored / image areas */
.bnr_info,
.bnr_info .headh2,
.bnr_info h2,
.bnr_info h2 small,
.bnr_info p {
  color: #fff !important;
}

.page_title,
.page_title .h1_title {
  color: #fff !important;
}

#header .header_info,
#header .header_info a,
#header .header_info mark,
#header .header_info address,
#header .header_info q {
  color: #fff !important;
}

footer,
footer p,
footer a,
footer h2,
footer li,
footer address,
footer mark,
footer q,
.footer_form h2,
.footer_form .disclaimer p b,
.footer_form .disclaimer a {
  color: #fff !important;
}

.services_con section:hover,
.services_con section:hover h2,
.services_con section:hover p,
.services_con section:hover a {
  color: #fff !important;
}

/* PC: mission block on home */
@media (min-width: 1001px) {
  #bottom4 .btm4_info,
  #bottom4 .btm4_info .headh2,
  #bottom4 .btm4_info h2,
  #bottom4 .btm4_info p {
    color: var(--htks-brand-blue) !important;
  }
}

/* Home FAQ — brand green & blue */
.btm4_faq_con .btm4_faq_heading h2,
.btm4_faq_con .btm4_faq_heading .headh2 {
  color: var(--htks-brand-blue) !important;
}

.btm4_faq_con .btm4_faq_heading h2 small,
.btm4_faq_con .btm4_faq_heading .headh2 small {
  color: var(--htks-brand-green) !important;
}

.btm4_faq_con .btm4_faq.faq h6 {
  color: var(--htks-brand-blue) !important;
  border-bottom-color: var(--htks-brand-green) !important;
}

.btm4_faq_con .btm4_faq.faq h6::before {
  color: var(--htks-brand-green) !important;
}

.btm4_faq_con .btm4_faq.faq > div {
  color: var(--htks-text-body) !important;
  border-left-color: var(--htks-brand-blue);
}

/* Best seller section — white text on blue background */
#bottom3,
#bottom3 .btm3_info,
#bottom3 .btm3_info .headh2,
#bottom3 .btm3_info h2,
#bottom3 .btm3_info p,
#bottom3 .btm3_box_info,
#bottom3 .btm3_box_info .headh2,
#bottom3 .btm3_box_info h2,
#bottom3 .btm3_boxes section p {
  color: #fff !important;
}

#bottom3 .btm3_info h2,
#bottom3 .btm3_info h2.headh2,
#bottom3 .btm3_info .headh2 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
  background-color: transparent !important;
}