@import url("https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@400;500;700&family=Poppins:wght@300;400;500&display=swap");

:root {
  --lg-font: "Kaisei Tokumin", serif;
  --sm-font: "Poppins", sans-serif;
  --blue: #0395c8;
}
body {
  font-family: var(--sm-font);
}

/* button */
.bg-primary {
  background-color: var(--blue) !important;
}

.btn:not(.nav-btns button) {
  background-color: #fff;
  color: rgb(85, 85, 85);
  padding: 10px 28px;
  border-radius: 25px;
  border: 1px solid rgb(85, 85, 85);
}
.btn:not(.nav-btns button):hover {
  background-color: var(--blue);
  color: #fff;
  border-color: var(--blue);
}

/* text color */
.text-primary {
  color: var(--blue) !important;
}

.navbar {
  -webkit-box-shadow: 0 3px 9px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 9px 3px rgba(0, 0, 0, 0.1);
}
.navbar-brand img {
  width: 30px;
}
.navbar-brand span {
  letter-spacing: 2px;
  font-family: var(--lg-font);
}
.nav-link:hover {
  color: var(--blue) !important;
}
.nav-item {
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.05);
}
.nav-item .active {
  color: var(--blue) !important;
}
.welcome-text {
  margin-right: 10px;
  line-height: 35px;
}
@media (max-width: 991.98px) {
  .nav-btns .btn {
    padding: 8px 10px;
    font-size: 0.9rem;
  }
}

/* header */
#header {
  background: url(../images/header2.png) top/cover no-repeat;
}

.carousel-inner h1 {
  font-size: 60px;
  font-family: var(--lg-font);
}
.carousel-item .btn {
  border-color: #000000 !important;
}
.carousel-item .btn:hover {
  border-color: var(--blue) !important;
}

#header span {
  font-size: 20px;
}

.btn-cart {
  background-color: #fff;
  border-color: #0395c8;
}

/* Kepuasan */
.text-blue {
  color: var(--blue) !important;
}

/* footer */
footer .brand {
  font-family: var(--lg-font);
  letter-spacing: 2px;
}
footer a {
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
footer a:hover {
  color: var(--blue) !important;
}