/* Custom Primary Color */
:root {
  --primary: #ee6e73;
  --secondary: #6c757d88; /* Replace with your desired primary color */
}

.bg-light {
  background-color: var(--primary)!important;
}

/* Custom Button Colors */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--primary, #0069d9);
  border-color: var(--primary, #0062cc);
}

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

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: var(--secondary, #5a6268);
  border-color: var(--secondary, #545b62);
}

/* Custom Navbar Color */
.navbar .navbar-brand {
  color: #fff;
  font-weight: 700;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff;
}
/* aslo add to active */
.navbar-light .navbar-nav .active>.nav-link {
  color: #fff;
  font-weight: 700;
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:active,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar {
  background-color: var(--primary);
  /* change color */
  color:var(--primary);;
  /* Add shadow to the navbar */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.navbar-light{
  background-color: var(--primary);
  color:#ffff;;
}

/* Custom Footer Color */
footer {
  background-color: var(--secondary);
}


.social-icons li {
    display: inline-block;
  }

.bg-dim {
  background-color: rgba(250, 230, 230, 0.5);
}

.icon-color {
  color: var(--primary);
}