.elementor-10911 .elementor-element.elementor-element-1a460cd1{--display:flex;--min-height:383px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-10911 .elementor-element.elementor-element-1a460cd1:not(.elementor-motion-effects-element-type-background), .elementor-10911 .elementor-element.elementor-element-1a460cd1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c3926b4 );background-image:url("https://fish.unj.ac.id/wp-content/uploads/2025/05/Cover-ok.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10911 .elementor-element.elementor-element-62734a7{--display:flex;--margin-top:100px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-10911 .elementor-element.elementor-element-62734a7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10911 .elementor-element.elementor-element-7874e4f8{text-align:start;}.elementor-10911 .elementor-element.elementor-element-7874e4f8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:65px;font-weight:700;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10911 .elementor-element.elementor-element-730a145{--divider-border-style:slashes;--divider-color:#FFC527;--divider-border-width:2px;--divider-pattern-height:3.8px;--divider-pattern-size:13.6px;}.elementor-10911 .elementor-element.elementor-element-730a145 .elementor-divider-separator{width:52%;}.elementor-10911 .elementor-element.elementor-element-730a145 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-10911 .elementor-element.elementor-element-3b6d99d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10911 .elementor-element.elementor-element-38d4a50{--divider-border-style:slashes;--divider-color:var( --e-global-color-2a3675a );--divider-border-width:2px;--divider-pattern-height:3.8px;--divider-pattern-size:13.6px;}.elementor-10911 .elementor-element.elementor-element-38d4a50 .elementor-divider-separator{width:52%;}.elementor-10911 .elementor-element.elementor-element-38d4a50 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10911 .elementor-element.elementor-element-7ae5f49a > .elementor-widget-container{padding:5px 0px 1px 15px;border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-c3926b4 );border-radius:0px 0px 0px 0px;}.elementor-10911 .elementor-element.elementor-element-7ae5f49a{text-align:justify;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-secondary );}@media(max-width:1366px){.elementor-10911 .elementor-element.elementor-element-1a460cd1{--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-10911 .elementor-element.elementor-element-1a460cd1{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-10911 .elementor-element.elementor-element-7874e4f8 .elementor-heading-title{font-size:35px;}}@media(min-width:768px){.elementor-10911 .elementor-element.elementor-element-62734a7{--width:75%;}}/* Start custom CSS for shortcode, class: .elementor-element-6fa773f *//* ==== Wrapper Tabel ==== */
#footable_parent_10814 {
    font-family: 'Poppins', sans-serif;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(3, 72, 74, 0.08);
    padding: 20px;
    overflow: hidden;
}

/* ==== Search & Filter Bar ==== */
#footable_parent_10814 .footable-filtering input[type="text"],
#footable_parent_10814 .dropdown-toggle {
    border: 1px solid #d9e2e4;
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 14px;
    transition: all 0.25s ease;
}
#footable_parent_10814 .footable-filtering input[type="text"]:focus {
    border-color: #03484A;
    box-shadow: 0 0 0 3px rgba(3, 72, 74, 0.12);
    outline: none;
}

/* ==== Tabel Utama ==== */
#footable_10814 {
    border-collapse: separate !important;
    border-spacing: 0;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

/* ==== Header ==== */
#footable_10814 thead th {
    background: linear-gradient(135deg, #03484A 0%, #06696c 100%);
    color: #ffffff !important;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 16px 14px;
    border: none !important;
    position: sticky;
    top: 0;
    z-index: 2;
}
#footable_10814 thead th:hover {
    background: linear-gradient(135deg, #045c5e 0%, #087f82 100%);
    cursor: pointer;
}
/* Ikon sort */
#footable_10814 thead th.footable-sortable::after {
    opacity: 0.6;
    transition: transform 0.2s ease;
}

/* ==== Baris & Sel ==== */
#footable_10814 tbody tr {
    transition: all 0.25s ease;
    border-bottom: 1px solid #eef2f2;
}
#footable_10814 tbody tr:nth-child(even) {
    background-color: #f7fafa;
}
#footable_10814 tbody tr:hover {
    background-color: #eaf6f6 !important;
    transform: scale(1.003);
    box-shadow: 0 4px 14px rgba(3, 72, 74, 0.08);
}
#footable_10814 tbody td {
    padding: 14px;
    font-size: 14px;
    color: #2c3e3e;
    vertical-align: middle;
    border: none !important;
}

/* ==== Kolom Judul (bold, menonjol) ==== */
#footable_10814 td.ninja_column_0 {
    font-weight: 600;
    color: #03484A;
}

/* ==== Badge untuk kolom Tahun ==== */
#footable_10814 td.ninja_column_7 {
    text-align: center;
}
#footable_10814 td.ninja_column_7::before {
    content: attr(data-value);
    display: inline-block;
    background: #FFC527;
    color: #03484A;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
}

/* ==== Badge untuk kolom SDGs ==== */
#footable_10814 td.ninja_column_5 {
    text-align: center;
}
#footable_10814 td.ninja_column_5 span,
#footable_10814 td.ninja_column_5 {
    display: inline-block;
    background: rgba(3, 72, 74, 0.1);
    color: #03484A;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
}

/* ==== Link DOI ==== */
#footable_10814 td.ninja_column_8 a,
#footable_10814 td.ninja_column_8 {
    color: #02A1FF;
    text-decoration: none;
    font-weight: 500;
}
#footable_10814 td.ninja_column_8:hover {
    text-decoration: underline;
}

/* ==== Pagination ==== */
#footable_parent_10814 .paging-ui-container {
    margin-top: 16px;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}
#footable_parent_10814 .paging-ui-container a,
#footable_parent_10814 .paging-ui-container span {
    border-radius: 8px !important;
    padding: 6px 12px !important;
    font-size: 13px;
    transition: all 0.2s ease;
}
#footable_parent_10814 .paging-ui-container .active {
    background: #03484A !important;
    color: #fff !important;
    border-color: #03484A !important;
}
#footable_parent_10814 .paging-ui-container a:hover {
    background: #eaf6f6 !important;
    border-color: #03484A !important;
}

/* ==== Responsif Mobile (mode card footable) ==== */
@media (max-width: 767px) {
    #footable_10814.breakpoint tbody tr {
        display: block;
        margin-bottom: 14px;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.06);
        padding: 10px;
    }
    #footable_10814.breakpoint tbody td {
        display: flex;
        justify-content: space-between;
        padding: 8px 10px;
        border-bottom: 1px dashed #eef2f2 !important;
    }
    #footable_10814.breakpoint tbody td:last-child {
        border-bottom: none !important;
    }
}

/* ==== Atur Lebar Kolom ==== */
#footable_10814 {
    table-layout: fixed; /* wajib supaya lebar kolom kepatuh */
}

/* Judul -> paling lebar */
#footable_10814 col.ninja_column_0 {
    width: 26%;
}

/* Nama Jurnal */
#footable_10814 col.ninja_column_1 {
    width: 14%;
}

/* Nama Penulis */
#footable_10814 col.ninja_column_2 {
    width: 12%;
}

/* Program Studi */
#footable_10814 col.ninja_column_3 {
    width: 10%;
}

/* Pengindeks */
#footable_10814 col.ninja_column_4 {
    width: 10%;
}

/* SDGs */
#footable_10814 col.ninja_column_5 {
    width: 7%;
}

/* Jenis Publikasi */
#footable_10814 col.ninja_column_6 {
    width: 10%;
}

/* Tahun */
#footable_10814 col.ninja_column_7 {
    width: 6%;
}

/* DOI -> paling kecil, cukup buat link/ikon */
#footable_10814 col.ninja_column_8 {
    width: 5%;
}

/* Karena table-layout fixed, teks panjang perlu wrap manual */
#footable_10814 td {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

/* Kolom DOI: sembunyikan teks panjang, tampilkan ikon link saja */
#footable_10814 td.ninja_column_8 {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#footable_10814 td.ninja_column_8 a {
    font-size: 0; /* sembunyikan teks DOI panjang */
}
#footable_10814 td.ninja_column_8 a::before {
    content: "\f0c1"; /* ikon link (perlu Font Awesome, situs ini sudah pakai FA) */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: #02A1FF;
}/* End custom CSS */