/*
Theme Name: Buruan Cantik

Author: Buruan Cantik Themes
Author URI: http://www.buruancantik.com

Version: 1.2025


*/

#header {
  height:120px;
  background:#cccccc;
  }

  #maincontent {
  margin-top:10px;
  }
#content {
  width:590px;
  background:#FFCC00;
  float:left;
  }
#sidebar {
  width:300px;
  background:#FF9900;
  float:left;
  margin-left:10px;
  }

  #lebar {
  background:#FF3300;
  margin-bottom:10px;
  }
#kiri {
  background:#660000;
  width:145px;
  float:left;
  margin-right:10px;
  }
#kanan {
  background:#660000;
  width:145px;
  float:left;
  }






/* Atur font menu navbar */
/* Atur ukuran font menu utama */
#ms-navbar .navbar-nav > li > a,
#ms-navbar .navbar-nav .nav-link {
  font-family: Montserrat;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #9B59B6 !important;
  position: relative;
  transition: color 0.3s ease;
  padding: 10px 15px;
}

/* Garis bawah animasi */
#ms-navbar .navbar-nav > li > a::after,
#ms-navbar .navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #e91e63;
  transition: width 0.3s ease;
}

/* Hover efek */
#ms-navbar .navbar-nav > li > a:hover,
#ms-navbar .navbar-nav .nav-link:hover {
  color: #e91e63 !important;
}

#ms-navbar .navbar-nav > li > a:hover::after,
#ms-navbar .navbar-nav .nav-link:hover::after {
  width: 100%;
}

.navbar-nav {
  gap: 50px; /* jarak antar menu */
}


.container {
  display: flex; /* atau grid */
  gap: 20px;
  row-gap: 20px;
  column-gap: 20px;
}





#ms-navbar .navbar-nav .nav-link {
  line-height: 80px; /* sama dengan tinggi navbar */
}


/* Warna default */
#ms-navbar .navbar-nav .nav-link {
  font-size: 18px;
  font-weight: 600;
  color: #333;   /* warna teks normal */
  transition: color 0.3s ease; /* biar halus saat berubah */
}

/* Warna saat hover */
#ms-navbar .navbar-nav .nav-link:hover {
  color: #e91e63; /* ganti sesuai selera, misalnya pink */
}

#ms-navbar .navbar-nav .nav-link:hover {
  color: #fff;
  background-color: #007bff; /* biru Bootstrap */
  border-radius: 4px;        /* biar agak rounded */
}