/* =========================
   MAkeli Global Theme
   ========================= */

:root {
  --mk-white: #ffffff;
  --mk-light: #efefef;
  --mk-text: #2b2b2b;
  --mk-heading: #1a1a1a;
  --mk-primary: #1f5f4a;
  --mk-primary-hover: #17473a;
  --mk-border: #dadada;
}

/* =========================
   Base
   ========================= */

body {
  background-color: var(--mk-white);
  color: var(--mk-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--mk-heading);
  font-weight: 700;
}

p {
  color: var(--mk-text);
}

a {
  color: var(--mk-primary);
  text-decoration: none;
}

a:hover {
  color: var(--mk-primary-hover);
  text-decoration: none;
}

/* =========================
   Sections
   ========================= */

.section-light {
  background-color: var(--mk-white);
}

.section-alt {
  background-color: var(--mk-light);
}

/* =========================
   Buttons
   ========================= */

.btn-primary {
  background-color: var(--mk-primary);
  border-color: var(--mk-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--mk-primary-hover);
  border-color: var(--mk-primary-hover);
}

.btn-outline-primary {
  color: var(--mk-primary);
  border-color: var(--mk-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--mk-primary);
  border-color: var(--mk-primary);
  color: var(--mk-white);
}

/* =========================
   Navbar
   ========================= */

.navbar {
  background-color: var(--mk-white);
  border-bottom: 1px solid var(--mk-border);
}

.navbar-brand,
.navbar .nav-link {
  color: var(--mk-heading);
  font-weight: 600;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
  color: var(--mk-primary);
}

/* =========================
   Cards
   ========================= */

.card {
  border: 1px solid var(--mk-border);
  border-radius: 12px;
}

.card-title {
  color: var(--mk-heading);
}

.card-text {
  color: var(--mk-text);
}

/* =========================
   Footer
   ========================= */

.site-footer {
  background-color: var(--mk-heading);
  color: var(--mk-white);
}

.site-footer a {
  color: var(--mk-white);
}

.site-footer a:hover {
  color: var(--mk-light);
}


/* =========================
   Navbar FIX
   ========================= */

.navbar .navbar-brand {
  color: var(--mk-heading);
}

.navbar .navbar-brand:hover {
  color: var(--mk-primary);
}

.navbar .navbar-nav .nav-link {
  color: var(--mk-heading);
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link:focus {
  color: var(--mk-primary);
}

.tagline {
  font-weight: 600;
}

/* =========================
   Gallery
   ========================= */

.gallery-item {
  height: 220px;
  overflow: hidden;
  border-radius: 10px;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

/* =========================
   Contact Section
   ========================= */

.contact-box {
  background: var(--mk-light);
  border: 1px solid var(--mk-border);
}

.contact-box h3 {
  margin-bottom: 15px;
}

.contact-box p {
  margin-bottom: 10px;
}

.map-box iframe {
  border-radius: 10px;
}

.navbar .nav-link {
  color: var(--mk-heading);
}

/* DARK NAVBAR FIX */

.navbar.bg-dark .navbar-brand,
.navbar.bg-dark .nav-link {
  color: #ffffff;
}

.navbar.bg-dark .nav-link:hover {
  color: var(--mk-primary);
}