/*
==========================
Kalhom SARL - Custom Styles
==========================
*/

:root {
  --kalhom-beige: #b9a88b;
  --kalhom-charcoal: #333333;
  --kalhom-green: #4d5d4a;
  --kalhom-light-beige: #e8e2d5;
  --kalhom-dark-beige: #a69678;
}

/* Primary theme color overrides */
.mt-primary,
.text-primary,
.site-button-link,
.mt-tabs.border-top .nav-tabs > li > a.active,
button.scroltop,
blockquote,
.widget_gallery li:hover,
.owl-prev:hover, 
.owl-prev:active, 
.owl-next:hover, 
.owl-next:active,
.owl-prev:focus, 
.owl-next:focus,
.mt-tabs.border .nav-tabs > li > a.active,
.site-button.outline,
.site-button.outline:hover {
  color: var(--kalhom-beige);
}

.bg-primary,
.site-button,
.mt-tabs.bg-tabs .nav-tabs > li > a.active,
.mt-team-five .team-info,
.header-style-4.dark-menu .main-bar,
.site-button:active,
.site-button:focus,
.site-button:visited,
.active > .site-button,
.site-button.active,
.site-button:hover,
.site-button.outline.black:hover {
  background-color: var(--kalhom-beige);
}

.site-button {
  border-color: var(--kalhom-beige);
}

.site-button:hover,
.active > .site-button,
.site-button.active {
  background-color: var(--kalhom-dark-beige);
}

/* Secondary color - for highlights and accents */
.mt-info-has.bg-primary,
.mt-box-number:after,
.header-style-4 .is-fixed .main-bar,
.header-style-4 .main-bar {
  background-color: var(--kalhom-charcoal);
}

/* Green accent color */
.site-button.outline:hover,
.mt-separator:after, 
.mt-separator:before,
.mt-tabs.border-top .nav-tabs > li > a.active:after,
.separator.style-liner:after,
.separator.style-liner:before,
.separator.style-liner {
  background-color: var(--kalhom-green);
}

/* Button color scheme */
.site-button.outline.green {
  color: var(--kalhom-green);
  border-color: var(--kalhom-green);
}

.site-button.outline.green:hover {
  background-color: var(--kalhom-green);
  color: #fff;
}

.skew-primary:after {
  background-color: var(--kalhom-beige);
}

/* Footer color update */
.footer-top {
  background-color: var(--kalhom-charcoal);
}

.footer-bottom {
  background-color: #222222;
}

/* Banner color overlay */
.overlay-wraper .overlay-main {
  background-color: rgba(51, 51, 51, 0.7);
}

/* Custom navigation colors */
.header-nav .nav > li .sub-menu {
  border-top: 2px solid var(--kalhom-beige);
}

/* Testimonial quotes */
.testimonial-1:before {
  color: var(--kalhom-beige);
}

/* Contact form */
.form-control:focus {
  border-color: var(--kalhom-beige);
}

/* Team member hover */
.mt-team-one:hover .team-social-center,
.mt-team-one:hover .team-social-bottom,
.mt-team-one:hover .team-social-top {
  background-color: rgba(185, 168, 139, 0.8);
}

/* Home banner text */
.text-uppercase.text-white {
  font-weight: 600;
}

/* Section headings */
.section-head h2 {
  color: var(--kalhom-charcoal);
}

/* Image hover effects */
.mt-img-overlay1:before {
  background-color: rgba(77, 93, 74, 0.8);
}