/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2026 | 02:35:10 */
/* --- Styling Utama Kartu Stakeholder --- */

/* Membuat tinggi kartu sama rata dan menambahkan transisi dasar */
.custom-stakeholder-cards {
    align-items: stretch; /* Memastikan semua kolom memiliki tinggi yang sama */
}

.custom-stakeholder-cards .wp-block-column {
    background-color: #ffffff;
    border-radius: 16px; /* Menyesuaikan kelengkungan sudut */
    padding: 30px 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); /* Memberikan bayangan (shadow) halus */
    transition: all 0.3s ease-in-out; /* Animasi mulus untuk efek hover */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* --- Efek Interaktif (Hover) --- */
/* Saat kursor diarahkan, kartu akan sedikit terangkat dan bayangan menebal */
.custom-stakeholder-cards .wp-block-column:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

/* --- Penyesuaian Tipografi & Spasi --- */

/* Memastikan jarak ikon (grup pertama) dengan judul pas */
.custom-stakeholder-cards .wp-block-column > .wp-block-group:first-child {
    margin-bottom: 20px;
}

/* Styling untuk Judul (Heading) di dalam kartu */
.custom-stakeholder-cards .wp-block-column h1,
.custom-stakeholder-cards .wp-block-column h2,
.custom-stakeholder-cards .wp-block-column h3,
.custom-stakeholder-cards .wp-block-column h4 {
    font-weight: 700;
    font-size: 1.15rem; /* Sesuaikan ukuran font jika perlu */
    margin-bottom: 12px;
    color: #111827; /* Warna teks gelap tegas */
}

/* Styling untuk Teks Paragraf di dalam kartu */
.custom-stakeholder-cards .wp-block-column p {
    color: #4b5563; /* Warna abu-abu agar nyaman dibaca */
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Responsif untuk Mobile */
@media (max-width: 768px) {
    .custom-stakeholder-cards .wp-block-column {
        margin-bottom: 20px; /* Memberi jarak antar kartu di tampilan HP */
    }
}