@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
  overflow-x: hidden;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
}

/* brand biar gak kegedean */
/* NAVBAR */
.navbar{
  padding-top:12px;
  padding-bottom:12px;
}

/* MENU */
.navbar-nav .nav-link{
  font-weight:600;
  color:#333 !important;
  padding:10px 14px;
  transition:.2s;
}

.navbar-nav .nav-link:hover{
  color:#dc3545 !important;
}

/* ACTIVE */
.navbar-nav .nav-link.active{
  color:#dc3545 !important;
}

/* DROPDOWN */
.dropdown-menu{
  border:none;
  border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  padding:10px;
}

.dropdown-item{
  border-radius:8px;
  padding:9px 14px;
  font-size:14px;
}

.dropdown-item:hover{
  background:#f8f9fa;
  color:#dc3545;
}

/* SEARCH */
.search-container{
  min-width:250px;
}

.search-input{
  border-radius:10px;
  height:42px;
  border:1px solid #ddd;
}

.search-input:focus{
  box-shadow:none;
  border-color:#dc3545;
}

/* HOTBAR */
.no-scrollbar::-webkit-scrollbar{
  display:none;
}

.no-scrollbar{
  scrollbar-width:none;
}

/* MOBILE */
@media (max-width:991px){

  .navbar-nav{
    padding-top:15px;
  }

  .navbar-nav .nav-link{
    padding:12px 0;
  }

  .dropdown-menu{
    box-shadow:none;
    border:none;
    padding-left:10px;
    margin-top:0;
  }

  .search-container{
    width:100%;
    margin-top:15px;
  }

  .search-container form{
    width:100%;
  }

  .search-input{
    width:100%;
  }

  .navbar-collapse{
    padding-top:10px;
  }

}

@media (max-width: 768px) {
  .bg-danger .container {
    overflow-x: auto;
    white-space: nowrap;
  }
}

.text-danger.fw-semibold {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.post-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px 0;
  border-radius: 8px;
}

.ad-box {
  max-width: 100%;
  overflow: hidden;
}

.ad-box iframe,
.ad-box img,
.ad-box ins {
  max-width: 100% !important;
  display: block;
  margin: auto;
}

.adsbygoogle {
  display: block;
  max-width: 100% !important;
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
}


.share .btn {
  border-radius: 5px;
  font-size: 1rem;
  transition: 0.2s ease;
}

.share .btn:hover {
  transform: translateY(-2px);
}

/* FOOTER */
.footer {
  background: #f8f9fa;
}

/* LINK */
.footer-link {
  color: #555;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 6px;
  transition: 0.2s;
}

.footer-link:hover {
  color: #dc3545;
  transform: translateX(3px);
}

/* SOCIAL */
.footer i {
  color: #666;
  transition: 0.2s;
}

.footer i:hover {
  color: #dc3545;
}

/* COPYRIGHT */
.footer-bottom {
  background: #f1f1f1;
}

/* SCROLL BUTTON */
.scroll-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #dc3545;
  color: #fff;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  display: none;
  cursor: pointer;
}

/* MOBILE */
@media (max-width: 768px) {
  .footer {
    text-align: center;
  }

  .footer .d-flex {
    justify-content: center;
  }
}