/* Css Plugin Alumni */
.mg-breadcrumb-section {
    display: none;
}

.header-alumni {
    padding:0;
    text-align: center;
}

/* Pada layar besar seperti pc / laptop */
@media (min-width: 1001px) {
    #content{ padding:25px 0; }
    .header-alumni .left-section .title-pc { display:block; font-size:20px; }
    .header-alumni .left-section .title-mobile { display:none; }
    
    .header-alumni .right-section { margin-top:15px; margin-bottom:20px; }
    
    /* Hide Shared Button */
    .addtoany_share_save_container.addtoany_content.addtoany_content_bottom { display:none; }
    
    /* Hide Edit Button on Login wp-admin */
    .post-edit-link { display:none; }
    
    /* Hide You Missed (artikel lainnya) */
    .container-fluid.missed-section.mg-posts-sec-inner { display:none; }
    
    /* Hide footer */
    .footer { display:none; }
}

/* Media Queries untuk Responsif Dasar */
@media (max-width: 1000px) {
    
}

@media (max-width: 768px) {
    #content{ padding:15px 0; }
    .header-alumni .left-section { width:100%; }
    .header-alumni .left-section .title-pc { display:none; }
    .header-alumni .left-section .title-mobile { display:block; font-size:20px; }
    
    .header-alumni .right-section {
        width:100%; margin-top:10px;
        display:flex;
        justify-content: space-between;
        padding:15px 0 15px 0;
        border-top:1px solid grey;
        border-bottom:1px solid grey;
    }
    
    /* Hide Shared Button */
    .addtoany_share_save_container.addtoany_content.addtoany_content_bottom { display:none; }
    
    /* Hide Edit Button on Login wp-admin */
    .post-edit-link { display:none; }
    
    /* Hide You Missed (artikel lainnya) */
    .container-fluid.missed-section.mg-posts-sec-inner { display:none; }
    
    /* Hide footer */
    .footer { display:none; }
}

/* ===================================== */
.kotak {
    width: 98%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 15px;
}

.logo {
    font-size: 1.8em;
    font-weight: 700;
    color: #007bff; /* Warna utama (biru) */
}

/* BUTTON STYLES */
.tombol {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    transition: background-color 0.3s, transform 0.2s;
}

.tombol-primary {
    background-color: #007bff; /* Biru terang */
    color: white;
    border: 2px solid #007bff;
}

.tombol-primary:hover {
    background-color: #0056b3;
    transform: translateY(-2px);
}

.tombol-secondary {
    background-color: transparent;
    color: #007bff;
    border: 2px solid #007bff;
}

.tombol-secondary:hover {
    background-color: #007bff;
    color: white;
}

/* HERO SECTION */
.hero-section {
    margin-top:15px;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('alumni_bg.jpg') no-repeat center center/cover;
    color: white;
    text-align: center;
    padding: 10px 10px;
    min-height: 450px; /* Tinggi minimum */
    display: flex;
    align-items: center;
}

.hero-section h2 {
    font-size: 3em;
    margin-bottom: 20px;
    font-weight: 700;
}

.hero-section p {
    font-size: 1.2em;
    margin-bottom: 30px;
}

/* INFO SECTION (Fitur) */
.info-section {
    margin-top:20px;
    padding:0;
    text-align: center;
}

.info-section .kotak {
    padding:0;
    width:100%;
    display: flex;
    justify-content: space-around;
    gap: 20px;
    flex-wrap: wrap; /* Untuk responsif */
}

.kartu {
    background: white;
    padding: 8px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    flex: 1;
    min-width: 250px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.kartu:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.kartu h3 {
    color: #ffc107; /* Kuning/emas untuk penekanan */
    margin-bottom: 15px;
    font-size: 1.5em;
}

/* FOOTER */
footer {
    background-color: #343a40; /* Abu-abu gelap */
    color: white;
    text-align: center;
    padding: 20px 0;
    margin-top: 40px;
}