/**
 * @Author: Waris Agung Widodo <user>
 * @Date:   2018-01-22T10:46:36+07:00
 * @Email:  ido.alit@gmail.com
 * @Filename: style.css
 * @Last modified by:   user
 * @Last modified time: 2026-06-26T21:25:00+07:00
 */

@import url('../../../css/core.css');

html {
    scroll-behavior: smooth;
}

.c-header {
    min-height: 460px;
    background: url('../images/slide1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 90%;
    position: relative;
}

.c-header .mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
}

/* ==========================================
   CUSTOM HEADER & NAVBAR TRANSPARAN DUDUK BACA
   ========================================== */

/* 1. Membuat background header/navbar menjadi transparan */
.bg-transparent,
.navbar,
header,
.s-header {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Menghilangkan margin/padding pengganjal agar banner menempel penuh ke atas */
body, 
main,
.c-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 3. Memberikan efek bayangan pada teks menu agar mudah dibaca di atas banner */
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff !important;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
    font-weight: 500;
}

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

/* 4. Menjaga isi menu dropdown tetap memiliki background putih padat agar teks di dalamnya tidak bertabrakan */
.dropdown-menu {
    background-color: #ffffff !important;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.dropdown-item {
    color: #333333 !important;
    text-shadow: none !important;
}

.dropdown-item:hover {
    background-color: #f8f9fa !important;
    color: #000000 !important;
}