.elementor-10977 .elementor-element.elementor-element-78b71f0c{--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-10977 .elementor-element.elementor-element-78b71f0c:not(.elementor-motion-effects-element-type-background), .elementor-10977 .elementor-element.elementor-element-78b71f0c > .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-10977 .elementor-element.elementor-element-13134e99{--display:flex;--margin-top:100px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-10977 .elementor-element.elementor-element-13134e99.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-10977 .elementor-element.elementor-element-45ab3952{text-align:start;}.elementor-10977 .elementor-element.elementor-element-45ab3952 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;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-10977 .elementor-element.elementor-element-2f94e893{--divider-border-style:slashes;--divider-color:#FFC527;--divider-border-width:2px;--divider-pattern-height:3.8px;--divider-pattern-size:13.6px;}.elementor-10977 .elementor-element.elementor-element-2f94e893 .elementor-divider-separator{width:52%;}.elementor-10977 .elementor-element.elementor-element-2f94e893 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-10977 .elementor-element.elementor-element-b745770{--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-10977 .elementor-element.elementor-element-3342a13{--display:flex;}@media(max-width:1366px){.elementor-10977 .elementor-element.elementor-element-78b71f0c{--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-10977 .elementor-element.elementor-element-78b71f0c{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-10977 .elementor-element.elementor-element-45ab3952 .elementor-heading-title{font-size:27px;}}@media(min-width:768px){.elementor-10977 .elementor-element.elementor-element-13134e99{--width:75%;}}/* Start custom CSS for shortcode, class: .elementor-element-e597b84 *//* =========================================================
   Portal Riset FISH UNJ — Styling kartu statistik & grid SDG
   Cocok untuk shortcode [fishunj_stat_cards] & [fishunj_sdg_grid],
   atau dipakai sebagai referensi class untuk Elementor Loop Grid.
   Taruh di: Elementor > Custom CSS (global), atau Appearance > Customize
   > Additional CSS, atau file style.css child theme.
   ========================================================= */

/* ---- Hero section (opsional, kalau mau reuse) ---- */
.fishunj-hero {
	background: linear-gradient(135deg, #0f5e42 0%, #14795a 100%);
	border-radius: 16px;
	padding: 40px;
	color: #fff;
}

/* ---- 4 kartu statistik ---- */
.fishunj-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 24px 0;
}
@media (max-width: 900px) {
	.fishunj-stat-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.fishunj-stat-cards { grid-template-columns: 1fr; }
}

.fishunj-stat-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.fishunj-stat-card .stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #8a8f98;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.fishunj-stat-card .stat-value {
	font-size: 34px;
	font-weight: 800;
	color: #14171a;
	line-height: 1;
}
.fishunj-stat-card .stat-value.stat-blue   { color: #2563eb; }
.fishunj-stat-card .stat-value.stat-orange { color: #b45309; }
.fishunj-stat-card .stat-value.stat-pink   { color: #db2777; }
.fishunj-stat-card .stat-sub {
	margin-top: 6px;
	font-size: 13px;
	color: #8a8f98;
}
.fishunj-stat-card .stat-trend { color: #db2777; font-weight: 600; }

/* ---- Badge SDG di kartu Publikasi (shortcode [fishunj_sdg_badge]) ---- */
.fishunj-inline-sdg-badge {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	line-height: 1.6;
}

/* ---- Ranking publikasi per prodi ---- */
.fishunj-prodi-ranking {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.prodi-row-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 8px;
}
.prodi-name {
	font-size: 16px;
	font-weight: 700;
	color: #14171a;
}
.prodi-count {
	font-size: 14px;
	font-weight: 700;
	color: #16a34a;
}
.prodi-bar-track {
	background: #eef0f2;
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.prodi-bar-fill {
	background: #16a34a;
	height: 100%;
	border-radius: 999px;
}

/* ---- Grid 17 kartu SDG ---- */
.fishunj-sdg-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .fishunj-sdg-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .fishunj-sdg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .fishunj-sdg-grid { grid-template-columns: 1fr; } }

.fishunj-sdg-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-left: 4px solid #333;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sdg-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdg-badge {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}
.sdg-riset-count {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.sdg-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.3;
}
.sdg-card-desc {
	font-size: 12.5px;
	color: #8a8f98;
	line-height: 1.4;
	flex-grow: 1;
}
.sdg-card-link {
	font-size: 12.5px;
	color: #6b7280;
	text-decoration: none;
	margin-top: 4px;
}
.sdg-card-link:hover { text-decoration: underline; }/* End custom CSS */