.elementor-49354 .elementor-element.elementor-element-3892300a{--display:flex;--min-height:274px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.73;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-49354 .elementor-element.elementor-element-3892300a:not(.elementor-motion-effects-element-type-background), .elementor-49354 .elementor-element.elementor-element-3892300a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vokasi.unair.ac.id/wp-content/uploads/2025/05/VO106524-1.png");background-position:center center;background-size:cover;}.elementor-49354 .elementor-element.elementor-element-3892300a::before, .elementor-49354 .elementor-element.elementor-element-3892300a > .elementor-background-video-container::before, .elementor-49354 .elementor-element.elementor-element-3892300a > .e-con-inner > .elementor-background-video-container::before, .elementor-49354 .elementor-element.elementor-element-3892300a > .elementor-background-slideshow::before, .elementor-49354 .elementor-element.elementor-element-3892300a > .e-con-inner > .elementor-background-slideshow::before, .elementor-49354 .elementor-element.elementor-element-3892300a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(181deg, #000000 100%, #F2295B6E 100%);}.elementor-49354 .elementor-element.elementor-element-67ecfcc2 > .elementor-widget-container{background-color:#757479;margin:0px 0px -50px 0px;padding:10px 10px 10px 10px;border-style:solid;border-width:20px 0px 0px 0px;border-color:var( --e-global-color-cc34c32 );border-radius:20px 20px 20px 20px;}.elementor-49354 .elementor-element.elementor-element-67ecfcc2.elementor-element{--align-self:flex-end;}.elementor-49354 .elementor-element.elementor-element-67ecfcc2 .elementor-heading-title{color:#FFFFFF;}.elementor-49354 .elementor-element.elementor-element-eb95707{--display:flex;}body.elementor-page-49354:not(.elementor-motion-effects-element-type-background), body.elementor-page-49354 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-49354 .elementor-element.elementor-element-67ecfcc2 > .elementor-widget-container{margin:0px 0px -40px 0px;}}@media(max-width:767px){.elementor-49354 .elementor-element.elementor-element-3892300a{--min-height:100px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49354 .elementor-element.elementor-element-67ecfcc2 > .elementor-widget-container{margin:0px 0px -40px 0px;}.elementor-49354 .elementor-element.elementor-element-67ecfcc2.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-49354 .elementor-element.elementor-element-67ecfcc2 .elementor-heading-title{font-size:24px;}}@media(min-width:1025px){.elementor-49354 .elementor-element.elementor-element-3892300a:not(.elementor-motion-effects-element-type-background), .elementor-49354 .elementor-element.elementor-element-3892300a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for text-editor, class: .elementor-element-e64c54b *//* Styling Container Utama */
    .pimpinan-container {
        font-family: 'Arial', sans-serif;
        max-width: 1200px;
        margin: 0 auto;
        color: #757479; /* Abu-abu Vokasi untuk teks umum */
        line-height: 1.6;
    }

    /* Styling Bagian Quote (Kutipan) */
    .quote-box {
        background-color: #fdfdfd;
        border-left: 6px solid #E73089; /* Pink Vokasi */
        padding: 25px 30px;
        margin-bottom: 50px;
        border-radius: 0 8px 8px 0;
        box-shadow: 0 2px 15px rgba(0,0,0,0.04);
    }
    .quote-box p {
        font-style: italic;
        font-size: 1.05rem;
        color: #757479; /* Abu-abu Vokasi */
        margin-bottom: 15px;
    }
    .quote-author {
        font-weight: bold;
        color: #E73089; /* Pink Vokasi */
        font-size: 1.1rem;
        margin-top: 20px;
    }

    /* Styling Kartu Profil Umum */
    .profile-card {
        background: #ffffff;
        padding: 30px 20px;
        border-radius: 12px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        text-align: center;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border-top: 5px solid #E73089; /* Pink Vokasi */
    }
    .profile-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 10px 25px rgba(231, 48, 137, 0.15); /* Bayangan kemerahan saat dihover */
    }

    /* Styling Bagian Dekan (Utama) */
    .dekan-section {
        max-width: 800px;
        margin: 0 auto 50px auto;
    }

    /* Styling Grid Wakil Dekan (3 Kolom) */
    .wd-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 30px;
    }

    /* Styling Foto Profil */
    .profile-img {
        width: 160px;
        height: 160px;
        background-color: #f4f4f4;
        border-radius: 50%;
        margin: 0 auto 20px;
        border: 5px solid #C4D983; /* Hijau Vokasi untuk bingkai foto */
        box-shadow: 0 4px 10px rgba(0,0,0,0.08);
        object-fit: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #757479;
        font-size: 0.9rem;
        overflow: hidden;
    }
    .profile-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Styling Teks Profil */
    .profile-name {
        font-size: 1.25rem;
        color: #333333; /* Gelap agar nama tetap kontras dan terbaca jelas */
        margin: 0 0 5px 0;
        font-weight: bold;
    }
    .profile-title {
        font-size: 0.95rem;
        color: #E73089; /* Pink Vokasi */
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    /* Styling List Informasi (Email & Pendidikan) */
    .info-list {
        text-align: left;
        font-size: 0.9rem;
        padding: 0;
        list-style: none;
        margin-bottom: 25px;
        color: #757479; /* Abu-abu Vokasi */
    }
    .info-list li {
        margin-bottom: 10px;
        display: flex;
        align-items: flex-start;
        gap: 8px;
    }
    
    .dekan-section .info-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* Styling Tombol */
    .btn-readmore {
        display: inline-block;
        padding: 10px 25px;
        background-color: #E73089; /* Pink Vokasi */
        color: #ffffff !important;
        text-decoration: none;
        border-radius: 25px;
        font-size: 0.9rem;
        font-weight: bold;
        transition: background-color 0.3s, color 0.3s;
    }
    .btn-readmore:hover {
        background-color: #C4D983; /* Hijau Vokasi saat di-hover */
        color: #333333 !important; /* Teks menjadi gelap saat tombol hijau */
    }

    /* Responsivitas Mobile */
    @media (max-width: 768px) {
        .quote-box { padding: 20px; }
        .wd-grid { grid-template-columns: 1fr; }
    }/* End custom CSS */