body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   background-color: #fff5f7; /* very light pinkish */
}
body a {
   color: #4a0014;
}
body a:hover {
   color: #800020;
   text-decoration: none;
}

/* TOP BAR */
.top-bar {
   background-color: #4a0014; /* maroon dark */
   color: #ffffff;
   font-size: 14px;
   padding: 16px 0 0;
}
.top-bar a {
   color: #ffffff;
}
.top-bar a:hover {
   color: #d4a017; /* gold highlight */
}

/* MENU BAR */
.menu-bar {
   text-transform: uppercase;
   font-weight: bold;
   background-color: #800020; /* maroon */
   border-bottom: 1px solid #4a0014;
}
.sm-clean {
   background: #800020;
}
.sm-clean ul {
   background: #4a0014;
}
.sm-clean ul a {
   color: #fff;
}
.sm-clean ul a:hover,
.sm-clean ul a:focus,
.sm-clean ul a:active,
.sm-clean ul a.highlighted {
   background: #b30035; /* brighter maroon */
   color: #fff;
}

/* CAROUSEL */
.carousel-caption {
   border-top: 1px solid #fff;
   color: #fff;
   background: #4a0014;
   opacity: 0.8;
   right: 0;
   left: 0;
   bottom: 0;
   text-align: left;
   padding: 30px;
}
.carousel-caption h2 {
   color: #fff;
}
.carousel-indicators li {
   background-color: #fff;
}
.carousel-indicators .active {
   background-color: #b30035;
}

/* LOGO */
.brand {
   font-family: Arial, sans-serif, "Helvetica Neue", Helvetica;
   font-weight: bold;
   text-transform: uppercase;
   color: #fff;
}

/* PAGE TITLE */
.page-title {
   font-weight: bold;
   border-bottom: 2px solid #b30035;
   margin-bottom: 15px;
   padding-bottom: 10px;
}
.page-title:after {
   border-bottom: 2px solid #4a0014;
   width: 30%;
   display: block;
   position: absolute;
   content: '';
   padding-bottom: 10px;
}
footer .page-title:after {
   border-bottom: 2px solid #fff;
}

/* NEWS TICKER BOX - MAROON GRADIENT */
.quote {
   background: linear-gradient(to right, #4a0014, #800020, #b30035);
   height: 50px;
   overflow: hidden;
   position: relative;
   display: flex;
   align-items: center;
}

/* Label "KUTIPAN" */
.quote-title {
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   display: inline-flex;
   align-items: center;
   padding: 0 18px;
   color: #fff;
   background: #4a0014; /* lebih gelap untuk kontras */
   height: 100%;
}

/* Container teks berjalan */
ul.quote {
   list-style: none;
   padding: 0;
   margin: 0;
   overflow: hidden;
   position: relative;
   flex: 1;
}

/* Item teks berjalan */
ul.quote li {
   display: inline-block;
   white-space: nowrap;
   padding-left: 100%;
   animation: tickerMove 10s linear infinite;
   color: #fff;
   font-size: 14px;
   padding-right: 60px; /* jarak antar berita */
}

/* Nama / highlight */
ul.quote li span {
   color: #ffdd55; /* emas elegan */
   font-weight: bold;
}

/* Animasi ticker */
@keyframes tickerMove {
   0% {
      transform: translateX(0);
   }
   100% {
      transform: translateX(-100%);
   }
}


/* Sidebar */
.sidebar .list-group-item {
   border: 1px solid #800020;
}

/* Footer */
footer {
   color: #fff;
   font-size: 14px;
}
footer .primary-footer {
   background-color: #4a0014;
   padding: 30px 0;
}
footer .secondary-footer {
   border-top: 1px solid #fff;
   background-color: #800020;
   padding: 10px 0;
}
footer a {
   color: #ffffff;
}
footer a:hover {
   color: #d4a017;
}

.action-button {
   background-color: #800020;
   color: #fff;
}
.action-button:hover {
   background-color: #4a0014;
   color: #fff;
}

/* Toastr */
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #4caf50;
}
.toast-error {
  background-color: #b30035;
}
.toast-info {
  background-color: #800020;
}
.toast-warning {
  background-color: #d4a017;
}

/* Return to top */
#return-to-top {
   opacity: 0.7;
   z-index: 10000;
   position: fixed;
   bottom: 15px;
   right: 15px;
   background: #d4a017;
   width: 30px;
   height: 30px;
   display: none;
   transition: all 0.3s ease;
}
#return-to-top i {
   color: #fff;
   position: relative;
   left: 9px;
   top: 5px;
   font-size: 19px;
}
#return-to-top:hover {
   background: #4a0014;
}