/*
	Eprints free theme for branding your repository.
	I just made some adjustments to match the features and services that exist in EPrints.
	Agung Prasetyo Wibowo | prazetyo@gmail.com
	https://agungprasetyo.net/
*/

/*
Jushadi modif

*/
/* --- OVERRIDE WARNA AKSEN BAWAAN KE TOSKA (#2ebaae) --- */
#header { border-bottom: solid 5px #2ebaae !important; }
header.major > :last-child { border-bottom: solid 3px #2ebaae !important; }
#sidebar a.toggle:before { color: #2ebaae !important; }
#menu ul a.opener:hover:before, #menu ul span.opener:hover:before { color: #2ebaae !important; }
#footer .copyright a { color: #2ebaae !important; }

.social-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.social-buttons a {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff !important; /* Warna ikon putih */
    font-size: 20px;       /* Ukuran ikon besar */
    transition: 0.3s;
}

.social-buttons a:hover { opacity: 0.8; }

/* Warna khusus tiap sosial media */
.btn-fb { background-color: #3b5998; }
.btn-tiktok { background-color: #000000; }
.btn-yt { background-color: #ff0000; }
.btn-ig { background-color: #e1306c; }


/* --- HERO BANNER & SEARCH (HOMEPAGE) --- */
.hero-banner {
    position: relative;
    background-image: url('/images/hero-bg.jpg'); /* Gambar latar Anda */
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    padding: 100px 20px;
    text-align: center;
    margin-bottom: 40px;
    margin-top: -10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.hero-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.65); /* Efek kaca film gelap */
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
}

.hero-content h2 {
    color: #ffffff;
    font-size: 2.8em;
    font-weight: 600;
    margin-bottom: 15px;
    border-bottom: none;
    letter-spacing: 1px;
}

.hero-content p {
    color: #e1e4e5;
    font-size: 1.2em;
    margin-bottom: 35px;
}

/* Kotak Pencarian Raksasa */
.hero-search-box {
    display: flex;
    max-width: 650px;
    margin: 0 auto;
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 5px 25px rgba(0,0,0,0.3);
}

.hero-search-box input[type="text"] {
    flex: 1;
    border: none !important;
    padding: 18px 25px !important;
    font-size: 1.1em !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0 !important; /* Timpa margin bawaan eprints */
}

.hero-search-box button {
    background-color: #2c3e50 !important; /* Warna gelap ala UIN Palopo */
    color: #fff !important;
    border: none !important;
    padding: 0 35px !important;
    font-size: 1.3em !important;
    cursor: pointer;
    transition: background 0.3s !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

.hero-search-box button:hover {
    background-color: #2ebaae !important; /* Hover warna toska */
}

/* Styling Modern Grid untuk Halaman Depan */
.modern-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 20px 0;
}

.modern-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    padding: 25px;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.modern-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(46, 186, 174, 0.15);
    border-color: #2ebaae;
}

.modern-card .card-icon {
    font-size: 24px;
    color: #2ebaae;
    margin-bottom: 15px;
    background: rgba(46, 186, 174, 0.1);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.modern-card h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 8px;
    text-transform: none;
}

.modern-card p {
    font-size: 0.90rem;
    color: #7f8c8d;
    line-height: 1.5;
    margin: 0;
}

/* --- OVERRIDE MODERNISASI FORM SEARCH & ADVANCED SEARCH EPRINTS --- */

/* 1. Rapikan Tabel Utama */
table.ep_search_fields {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0 15px;
}

table.ep_search_fields th {
    font-weight: 600;
    color: #2c3e50;
    padding: 10px 15px 10px 0;
    text-align: right;
    vertical-align: top;
    width: 25%;
    border-bottom: none;
    line-height: 2.5;
}

table.ep_search_fields td {
    padding: 5px 10px;
    border-bottom: none;
    vertical-align: top;
}

/* 2. Kotak Teks & Simple Search (input#q) */
input.ep_form_text, input#q {
    width: 100%;
    max-width: 500px;
    padding: 12px 15px;
    border: 1px solid #d2d2d2;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #3c3b3b;
    background-color: #fafafa;
    transition: all 0.3s ease;
    display: inline-block;
    vertical-align: middle;
}

/* 3. Dropdown (Select) Umum & "Any of/All of" */
select.ep_form_select, td.ep_multi_input select {
    padding: 11px 15px;
    border: 1px solid #d2d2d2;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    background-color: #fafafa;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 5px;
}

/* 4. Multiple Select Box (Subjek/Kategori) */
select[multiple] {
    width: 100%;
    max-width: 600px;
    min-height: 180px; /* Agar daftarnya lega */
    padding: 10px;
}

/* Efek Fokus untuk Semua Input */
input.ep_form_text:focus, input#q:focus, select:focus {
    border-color: #2ebaae;
    background-color: #ffffff;
    box-shadow: 0 0 8px rgba(46, 186, 174, 0.2);
    outline: none;
}

/* 5. Checkbox List (Item Type, Status, Format) */
td.ep_multi_input table td {
    padding: 5px 15px 5px 0 !important;
}

input.ep_form_checkbox {
    transform: scale(1.2);
    margin-right: 8px;
    accent-color: #2ebaae; /* Mengubah warna centang jadi toska */
    cursor: pointer;
}

label {
    cursor: pointer;
    font-weight: 500;
    color: #555;
}

/* 6. Tombol Cari (Search & Reset) */
.ep_form_action_button, input[type="submit"], input[type="button"] {
    background-color: #2ebaae !important;
    color: #ffffff !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    border: none !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(46, 186, 174, 0.2) !important;
    transition: all 0.3s ease !important;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.ep_form_action_button:hover, input[type="submit"]:hover {
    background-color: #24998f !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(46, 186, 174, 0.3) !important;
}

/* Tombol Reset (Biar warnanya beda sedikit/abu-abu) */
input[name="_action_newsearch"] {
    background-color: #7f8c8d !important;
    box-shadow: none !important;
}
input[name="_action_newsearch"]:hover {
    background-color: #636e72 !important;
}

/* Wadah Tombol Agar Berada di Tengah */
.ep_search_buttons {
    text-align: center;
    margin: 25px 0;
}

/* ----- */
/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
		color: #5D5D5D;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* ePrints Search Box */

	.search-box{
	  width: 100%;
	  height: 50px;
	}

	.container-4{
	  overflow: hidden;
	  width: 100%;
	  vertical-align: middle;
	  white-space: nowrap;
	}

	.container-4 input#search{
	  width: 100%;
	  height: 50px;
	  border: 1px solid #d2d2d2;
	  float: left;
	  color: #3c3b3b;
	  padding-left: 15px;
	  padding-right: 60px;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  font-size: 14px;
	  font-weight: 400;
	  font-family: 'Montserrat', sans-serif;
	  letter-spacing: 0.07em;
	}

	.container-4 input#search::-webkit-input-placeholder {
	   color: #b5b5b5;
	}
	 
	.container-4 input#search:-moz-placeholder { /* Firefox 18- */
	   color: #b5b5b5;  
	}
	 
	.container-4 input#search::-moz-placeholder {  /* Firefox 19+ */
	   color: #b5b5b5;  
	}
	 
	.container-4 input#search:-ms-input-placeholder {  
	   color: #b5b5b5;  
	}

	.container-4 button.icon{
	  -webkit-border-top-right-radius: 4px;
	  -webkit-border-bottom-right-radius: 4px;
	  -moz-border-radius-topright: 4px;
	  -moz-border-radius-bottomright: 4px;
	  border-top-right-radius: 4px;
	  border-bottom-right-radius: 4px;
	 
	  border: none;
	  background: #2ebaae;
	  height: 50px;
	  width: 50px;
	  color: #fff;
	  opacity: 0;
	  font-size: 12pt;
	 
	  -webkit-transition: all .55s ease;
	  -moz-transition: all .55s ease;
	  -ms-transition: all .55s ease;
	  -o-transition: all .55s ease;
	  transition: all .55s ease;
	}

	.container-4:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon{
		outline: none;
		opacity: 1;
		margin-left: -50px;
	  }
	 
	  .container-4:hover button.icon:hover{
		background: #3c3b3b;
	  }

/* Custom CSS */

.list-group {
	*border-radius: 4px;
	*-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    *box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
	list-style: none;
	padding-left: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.35em;
	list-style: none;
	margin-bottom: 0;
	padding: 0;
	text-transform: uppercase;
}

.list-group li {
    line-height: 40px;
	border-bottom: 1px solid #dbdfe1;
}

.list-group-item {
	padding: 0 0 0 15px;
}
.list-group-item a {
	color: #3c3b3b;
}
.list-group-item a:hover {
	color: #2ebaae;
}
.list-group-item.active a{
	color: #fff;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-transform: uppercase;
  background-color: #2ebaae;
  padding: 1em 0 1em 15px;
  color: #ffffff;
  line-height: 2em;
}

.list-group-item:first-child {
    *border-top-left-radius: 4px;
    *border-top-right-radius: 4px;
	*border: 1px solid #dbdfe1;
}
.list-group-item:last-child {
	*border-bottom-left-radius: 4px;
    *order-bottom-right-radius: 4px;
}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}

	}

	body {
		background: #ffffff;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after, body.is-resizing *, body.is-resizing *:before, body.is-resizing *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body, select, textarea {
		font-family: "Raleway", sans-serif;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0.03em;
		line-height: 1.65;	
	}

		@media screen and (max-width: 1680px) {

			body, select, textarea {
				font-size: 14px;
			}

		}

		@media screen and (max-width: 1280px) {

			body, input, select, textarea {
				font-size: 10pt;
			}

		}

		@media screen and (max-width: 360px) {

			body, input, select, textarea {
				font-size: 9pt;
			}

		}

	a {
		text-decoration: none;
	}

		a:hover {
			color: #2ebaae;
		}

	strong, b {
		color: #3d4449;
		font-weight: 600;
	}

	em, i {
		font-style: italic;
	}


	h1, h2, h3, h4, h5, h6 {
		color: #3d4449;
		font-family: "Raleway", sans-serif;
		font-weight: 500;
		line-height: 1.5;
		margin: 0 0 1em 0;
	}

	h1 {
		font-size: 1em;
		margin: 0 0 0.5em 0;
		line-height: 1.3;
		text-align: none;
	}

	h2 {
		font-size: 1.75em;
	}

	h3 {
		font-size: 1.25em;
	}

	h4 {
		font-size: 1.1em;
	}

	h5 {
		font-size: 0.9em;
	}

	h6 {
		font-size: 0.7em;
	}

	@media screen and (max-width: 1680px) {

		h1 {
			font-size: 3.5em;
		}

	}

	@media screen and (max-width: 980px) {

		h1 {
			font-size: 3.25em;
		}

	}

	@media screen and (max-width: 736px) {

		h1 {
			font-size: 2em;
			line-height: 1.4;
		}

		h2 {
			font-size: 1.5em;
		}

	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	blockquote {
		border-left: solid 3px rgba(210, 215, 217, 0.75);
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: rgba(230, 235, 237, 0.25);
		border-radius: 0.375em;
		border: solid 1px rgba(210, 215, 217, 0.75);
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	
/* Section/Article */

	header p {
		font-family: "Raleway", sans-serif;
		font-size: 1em;
		font-weight: 400;
		letter-spacing: 0.075em;
		margin-top: -0.5em;
		text-transform: uppercase;
	}

	header.major > :last-child {
		border-bottom: solid 3px #f56a6a;
		display: inline-block;
	}

	header.main > :last-child {
		margin: 0 0 1em 0;
	}

/* Form */

	form {
		margin: 0 0 2em 0;
	}

	label {
		color: #3d4449;
		display: block;
	}

	
/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

/* List */

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1em 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0;
				}

				ul.icons li .icon {
					color: inherit;
				}

					ul.icons li .icon:before {
						font-size: 1.25em;
					}


		dl dd {
			margin-left: 1.8em;
		}

/* Wrapper */

	#wrapper {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		min-height: 100vh;
	}

/* Main */

	#main {
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-moz-flex-shrink: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-shrink: 1;
		flex-shrink: 1;
		width: 100%;
		margin-bottom: 50px;
	}

		#main > .inner {
			padding: 0 6em 0.1em 6em ;
			margin: 0 auto;
			max-width: 110em;
		}

		@media screen and (max-width: 1680px) {

			#main > .inner {
				padding: 0 5em 5em 5em ;
			}

		}

		@media screen and (max-width: 1280px) {

			#main > .inner {
				padding: 0 4em 0.1em 4em ;
			}

		}

		@media screen and (max-width: 736px) {

			#main > .inner {
				padding: 0 2em 0.1em 2em ;
			}

		}

/* Sidebar */

	#part_top {
		text-decoration: none;
		position: relative;
	}

	#sidebar {
		-moz-flex-grow: 0;
		-webkit-flex-grow: 0;
		-ms-flex-grow: 0;
		flex-grow: 0;
		-moz-flex-shrink: 0;
		-webkit-flex-shrink: 0;
		-ms-flex-shrink: 0;
		flex-shrink: 0;
		-moz-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
		-webkit-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
		-ms-transition: margin-left 0.5s ease, box-shadow 0.5s ease;
		transition: margin-left 0.5s ease, box-shadow 0.5s ease;
		background-color: #f5f6f7;
		font-size: 0.9em;
		position: relative;
		width: 26em;
	}

		#sidebar > .inner {
			padding: 2.22222em 2.22222em 2.44444em 2.22222em ;
			position: relative;
			width: 26em;
		}

			#sidebar > .inner > * {
				*border-bottom: solid 2px rgba(210, 215, 217, 0.75);
				*margin: 0 0 3.5em 0;
				padding: 0 0 25px 0;
			}

				#sidebar > .inner > * > :last-child {
					margin-bottom: 0;
				}

				#sidebar > .inner > *:last-child {
					border-bottom: 0;
					margin-bottom: 0;
					padding-bottom: 0;
				}

			#sidebar > .inner > .alt {
				background-color: #eff1f2;
				border-bottom: 0;
				margin: -2.22222em 0 4.44444em -2.22222em;
				padding: 2.22222em;
				width: calc(100% + 4.44444em);
			}

		#sidebar .toggle {
			text-decoration: none;
			-moz-transition: left 0.5s ease;
			-webkit-transition: left 0.5s ease;
			-ms-transition: left 0.5s ease;
			transition: left 0.5s ease;
			-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
			border: 0;
			display: block;
			height: 7.5em;
			left: 26em;
			line-height: 7.5em;
			outline: 0;
			overflow: hidden;
			position: absolute;
			text-align: center;
			text-indent: 7.5em;
			top: 0;
			width: 6em;
			z-index: 10000;
		}

			#sidebar .toggle:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			#sidebar .toggle:before {
				content: '\f0c9';
				font-size: 2rem;
				height: inherit;
				left: 0;
				line-height: inherit;
				position: absolute;
				text-indent: 0;
				top: 0;
				width: inherit;
			}
			
			#sidebar a.toggle:before {
				color: #f56a6a;
			}

		#sidebar.inactive {
			margin-left: -26em;
		}
	
		@media screen and (max-width: 1680px) {

			#sidebar {
				width: 24em;
			}

				#sidebar > .inner {
					padding: 1.66667em 1.66667em 1.33333em 1.66667em ;
					width: 24em;
				}

					#sidebar > .inner > .alt {
						margin: -1.66667em 0 3.33333em -1.66667em;
						padding: 1.66667em;
						width: calc(100% + 3.33333em);
					}

				#sidebar .toggle {
					height: 6.25em;
					left: 24em;
					line-height: 6.25em;
					text-indent: 5em;
					width: 5em;
				}

					#sidebar .toggle:before {
						font-size: 1.5rem;
					}

				#sidebar.inactive {
					margin-left: -24em;
				}
			
		}

		@media screen and (max-width: 1280px) {

			#sidebar {
				box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.175);
				height: 100%;
				left: 0;
				position: fixed;
				top: 0;
				z-index: 10000;
			}

				#sidebar.inactive {
					box-shadow: none;
				}

				#sidebar > .inner {
					-webkit-overflow-scrolling: touch;
					height: 100%;
					left: 0;
					overflow-x: hidden;
					overflow-y: auto;
					position: absolute;
					top: 0;
				}

					#sidebar > .inner:after {
						content: '';
						display: block;
						height: 4em;
						width: 100%;
					}

				#sidebar .toggle {
					text-indent: 6em;
					width: 6em;
				}

					#sidebar .toggle:before {
						font-size: 1.5rem;
						margin-left: -0.4375em;
					}

		}

		@media screen and (max-width: 736px) {

			#sidebar .toggle {
				text-indent: 7.25em;
				width: 7.25em;
			}

				#sidebar .toggle:before {
					color: #7f888f;
					margin-left: -0.0625em;
					margin-top: -0.25em;
					font-size: 1.1rem;
					z-index: 1;
				}

				#sidebar .toggle:after {
					background: rgba(222, 225, 226, 0.75);
					border-radius: 0.375em;
					content: '';
					height: 3.5em;
					left: 1em;
					position: absolute;
					top: 1em;
					width: 5em;
				}

		}

/* Header */

	#header {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		border-bottom: solid 5px #f56a6a;
		padding: 6em 0 1em 0;
		position: relative;
		margin-bottom: 20px;
	}

		#header > * {
			-moz-flex: 1;
			-webkit-flex: 1;
			-ms-flex: 1;
			flex: 1;
			margin-bottom: 0;
		}

		#header .logo {
			border-bottom: 0;
			color: inherit;
			font-family: 'Raleway', sans-serif;
			font-size: 12px;
			font-weight: 800;
			letter-spacing: 0.35em;
			padding: 0;
			text-transform: uppercase;
		}
		

		#header .icons {
			text-align: right;
			margin-top: 25px;
		}
		
		#header a.logo:hover, #header a.icons:hover {
			color: #2ebaae;
		}

		@media screen and (max-width: 1680px) {

			#header {
				padding-top: 1em;
			}

		}

		@media screen and (max-width: 736px) {

			#header {
				padding-top: 1.5em;
			}

				#header .logo {
					font-size: 12px;
					margin: 0;
				}

				#header .logo img {
					width: 90%;
				}

				#header .icons {
					/*height: 5em;
					line-height: 5em;
					position: absolute;
					right: -0.5em;
					top: 0;*/
					display: none;
				}

		}

/* Menu */

	#menu ul {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		color: #3d4449;
		font-family: 'Raleway', sans-serif;
		font-size: 11px;
		font-weight: 800;
		letter-spacing: 0.35em;
		list-style: none;
		margin-bottom: 0;
		padding: 0;
		text-transform: uppercase;
	}		
		
		#menu ul a, #menu ul span {
			border-bottom: 0;
			color: inherit;
			cursor: pointer;
			display: block;
			padding: 0.625em 0;
		}

			#menu ul a:hover, #menu ul span:hover {
				color: #2ebaae;
			}

			#menu ul a.opener, #menu ul span.opener {
				-moz-transition: color 0.2s ease-in-out;
				-webkit-transition: color 0.2s ease-in-out;
				-ms-transition: color 0.2s ease-in-out;
				transition: color 0.2s ease-in-out;
				text-decoration: none;
				-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
				position: relative;
			}

				#menu ul a.opener:before, #menu ul span.opener:before {
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
					text-transform: none !important;
				}

				#menu ul a.opener:before, #menu ul span.opener:before {
					-moz-transition: color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
					-webkit-transition: color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
					-ms-transition: color 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
					transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
					color: #9fa3a6;
					content: '\f078';
					position: absolute;
					right: 0;
				}

				#menu ul a.opener:hover:before, #menu ul span.opener:hover:before {
					color: #f56a6a;
				}

				#menu ul a.opener.active + ul, #menu ul span.opener.active + ul {
					display: block;
				}

				#menu ul a.opener.active:before, #menu ul span.opener.active:before {
					-moz-transform: rotate(-180deg);
					-webkit-transform: rotate(-180deg);
					-ms-transform: rotate(-180deg);
					transform: rotate(-180deg);
				}

	#menu > ul > li {
		border-top: solid 1px rgba(210, 215, 217, 0.75);
		*margin: 0.5em 0 0 0;
		padding: 1em 0 1em 15px;
		line-height: 1em;
	}
	
	
	#menu > ul > li:last-child {
		border-bottom: solid 1px rgba(210, 215, 217, 0.75);
	}

		#menu > ul > li > ul {
			color: #9fa3a6;
			display: none;
			margin: 0.5em 0 1.5em -1.5em;
		}
		
		#menu > ul > li > ul a:before {
			content: "\f054";
			font-family: FontAwesome;
			font-weight: normal;
			font-style: normal;
			text-decoration: inherit;
			-webkit-font-smoothing: antialiased;
			margin-right: 4px;
			color: #555555;
			font-size: 9px;
			position: relative;
			top: -1px;
		}

			#menu > ul > li > ul a, #menu > ul > li > ul span {
				font-size: 11px;
				font-weight: 400;
				color: #3c3b3b;
				
			}

			#menu > ul > li > ul > li {
				margin: 0.125em 0 0 0;
				padding: 1em 0 1em 25px;
				border-bottom: 1px solid;

			}

		#menu > ul > li:first-child {
			border-top: 3px solid;
			margin-top: 0;
			padding-top: 1em;
		}

/* Footer */

	#footer .copyright {
		color: #9fa3a6;
		font-size: 0.9em;
	}

		#footer .copyright a {
			-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
			-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
			-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
			transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
			border-bottom: dotted 1px;
			color: #f56a6a;
			text-decoration: none;
		}




/* Sembunyikan ikon medsos di header khusus untuk layar HP (lebar maksimal 768px) */
@media (max-width: 768px) {
    #header .social-buttons {
        display: none !important;
    }
}


/* --- MODERNISASI DAFTAR DOKUMEN (LATEST ADDITIONS & SEARCH RESULTS) --- */

/* Menghapus gaya jadul bawaan EPrints */
.ep_search_result, .ep_document_link {
    background: #fff;
    border: 1px solid #e1e4e5 !important; /* Ganti garis bawah dengan kotak */
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    transition: all 0.2s ease;
    display: block; /* Pastikan ia bertindak sebagai kotak mandiri */
}

/* Efek saat kotak disorot (Hover) */
.ep_search_result:hover, .ep_document_link:hover {
    box-shadow: 0 6px 18px rgba(46, 186, 174, 0.12);
    border-color: #2ebaae !important;
    transform: translateY(-2px);
}

/* Merapikan jarak antar paragraf di dalam kotak dokumen */
.ep_search_result p {
    margin-bottom: 5px;
}

/* Memperbesar dan menata judul dokumen agar lebih menonjol */
.ep_search_result a, .ep_name_citation {
    color: #2c3e50;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}

.ep_search_result a:hover {
    color: #2ebaae;
}

/* Tombol kecil seperti "Go to homepage" agar bergaya modern */
p > a[href="https://repositorynew.poltekkes-mks.ac.id/"] {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 20px;
    background: #2ebaae;
    color: #fff !important;
    border-radius: 25px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: background 0.3s ease;
}

p > a[href="https://repositorynew.poltekkes-mks.ac.id/"]:hover {
    background: #1b8279;
}

/* --- MODERNISASI TAMPILAN BROWSE (VIEWS) --- */

.ep_view_menu .ep_view_intro {
    font-size: 1.1em;
    color: #7f8c8d;
    margin-bottom: 25px;
    border-left: 4px solid #2ebaae;
    padding-left: 15px;
    font-family: 'Raleway', sans-serif;
}

/* Container utama menggunakan Flexbox Cerdas */
.ep_view_menu > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Desain Kartu Utama (Tahun, atau Induk Subjek/Divisi) */
.ep_view_menu > ul > li {
    /* Rahasia: Akan jadi grid jika banyak (Tahun), otomatis 100% full-width jika sedikit (Subjek) */
    flex: 1 1 200px; 
    background: #fff;
    border: 1px solid #e1e4e5;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03);
    transition: all 0.3s ease;
    color: #7f8c8d;
    font-size: 1em;
    font-weight: 600;
    text-align: left; /* Dikembalikan ke rata kiri agar susunan cabang rapi */
}

.ep_view_menu > ul > li:hover {
    box-shadow: 0 8px 25px rgba(46, 186, 174, 0.15);
    border-color: #2ebaae;
}

/* Teks Judul Utama (Misal: 2025 atau Poltekkes Makassar) */
.ep_view_menu > ul > li > a {
    display: inline-block;
    color: #2c3e50;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4em;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 5px;
    transition: color 0.3s ease;
}

.ep_view_menu > ul > li:hover > a {
    color: #2ebaae;
}

/* --- GAYA KHUSUS DAFTAR BERCABANG (Subjek & Divisi) --- */
/* Menata anak/cabang di dalam kartu utama agar seperti direktori folder */
.ep_view_menu ul ul {
    display: block !important;
    margin-top: 20px !important;
    padding-left: 10px !important;
    list-style: none !important;
    border-top: 1px dashed #e1e4e5;
    padding-top: 20px;
}

.ep_view_menu ul ul li {
    margin-bottom: 12px;
    font-size: 0.95em;
    font-weight: 500;
    position: relative;
    padding-left: 22px; /* Memberi ruang untuk ikon panah */
    color: #7f8c8d;
}

/* Menambahkan ikon panah elegan pada setiap sub-item */
.ep_view_menu ul ul li::before {
    content: "\f105"; /* Ikon angle-right FontAwesome */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #2ebaae;
}

.ep_view_menu ul ul li a {
    color: #34495e;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s ease;
}

.ep_view_menu ul ul li a:hover {
    color: #2ebaae;
}

/* --- MODERNISASI BROWSE BY AUTHOR (A-Z & TABEL) --- */

/* 1. Menyulap Kotak Navigasi A-Z */
.ep_toolbox {
    background: #fff;
    border: 1px solid #e1e4e5;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
}

.ep_toolbox_content {
    font-size: 0; /* Trik rahasia menyembunyikan karakter "|" bawaan EPrints */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

/* Tombol Huruf A-Z */
.ep_toolbox_content a, .ep_toolbox_content b {
    font-size: 14px; /* Memunculkan kembali teks hurufnya */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    background: #f8f9fa;
    border: 1px solid #d2d2d2;
    border-radius: 6px;
    color: #5D5D5D;
    text-decoration: none;
    font-weight: 700;
    transition: all 0.2s ease;
}

.ep_toolbox_content a:hover {
    background: #2ebaae;
    color: #fff;
    border-color: #2ebaae;
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(46, 186, 174, 0.2);
}

/* Huruf yang sedang aktif (Misal saat ini di huruf B) */
.ep_toolbox_content b {
    background: #2ebaae;
    color: #fff;
    border-color: #2ebaae;
    box-shadow: 0 4px 10px rgba(46, 186, 174, 0.3);
}

/* 2. Mempercantik Judul Huruf (Misal: h2 B...) */
.ep_view_menu h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2c3e50;
    font-size: 1.8em;
    margin-top: 10px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 3px solid #2ebaae;
    display: inline-block;
}

/* 3. Menghancurkan Tabel Kuno menjadi Grid Responsif */
table.ep_view_cols { display: block; width: 100%; }
table.ep_view_cols tbody { display: block; width: 100%; }
table.ep_view_cols tr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
    width: 100%;
}
table.ep_view_cols td { display: block; width: 100% !important; }

/* 4. Menata List Nama Author menjadi Kotak/Kartu */
.ep_view_cols ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ep_view_cols ul li {
    background: #fff;
    border: 1px solid #e1e4e5;
    padding: 12px 15px;
    margin-bottom: 10px;
    border-radius: 6px;
    transition: all 0.2s ease;
    color: #7f8c8d; /* Warna teks angka jumlah dokumen */
    font-size: 0.9em;
    display: flex;
    justify-content: space-between; /* Pisahkan nama dan angka ke kiri-kanan */
    align-items: center;
}

.ep_view_cols ul li:hover {
    border-color: #2ebaae;
    box-shadow: 0 4px 12px rgba(46, 186, 174, 0.1);
    transform: translateX(5px); /* Efek bergeser sedikit ke kanan saat disorot */
}

/* Desain Teks Nama Author */
.ep_view_cols ul li a {
    color: #2c3e50;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.1em;
    margin-right: 10px;
}

.ep_view_cols ul li:hover a {
    color: #2ebaae;
}

/* --- MODERNISASI KARTU DOKUMEN (PADA HALAMAN BROWSE/VIEWS) --- */

/* Menargetkan paragraf dokumen di dalam halaman views */
.ep_view_page p {
    background: #fff;
    border: 1px solid #e1e4e5;
    border-radius: 8px;
    padding: 18px 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    transition: all 0.2s ease;
    line-height: 1.6;
    color: #5D5D5D;
}

/* Efek Hover pada Kartu Dokumen */
.ep_view_page p:hover {
    box-shadow: 0 6px 18px rgba(46, 186, 174, 0.12);
    border-color: #2ebaae;
    transform: translateY(-2px);
}

/* Menata Nama Penulis (Author) */
.ep_view_page p .person_name {
    font-weight: 700;
    color: #2c3e50;
}

/* Menata Judul Dokumen (Link Italic) */
.ep_view_page p a {
    color: #2ebaae;
    font-weight: 600;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ep_view_page p a:hover {
    color: #1b8279;
    text-decoration: underline;
}

/* --- MEMPERCANTIK ELEMEN NAVIGASI DI ATASNYA --- */

/* Judul Abjad (Misal: D, H, S) */
.ep_view_page h2 {
    font-family: 'Montserrat', sans-serif;
    color: #2c3e50;
    font-size: 1.8em;
    margin-top: 35px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #2ebaae;
    display: inline-block;
}

/* Kotak "Group By" dan "Jump To" */
.ep_view_group_by, .ep_view_jump {
    background: #f8f9fa;
    border: 1px solid #d2d2d2;
    padding: 12px 20px;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 0.95em;
    color: #7f8c8d;
}

.ep_view_group_by_current {
    font-weight: 700;
    color: #2c3e50;
    background: #e1e4e5;
    padding: 4px 10px;
    border-radius: 4px;
}


/* --- CORPORATE FOOTER (3 KOLOM) --- */
.corporate-footer {
    background-color: #cdd6c5; /* Warna hijau sage lembut mirip contoh */
    padding: 50px 20px 20px 20px;
    margin-top: 40px;
}

.corporate-footer-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 0 auto;
    gap: 30px;
}

.corporate-col {
    flex: 1;
    min-width: 250px;
}

/* Kolom tengah (Alamat) butuh ruang lebih lebar */
.corporate-col-50 {
    flex: 2; 
}

.corporate-col h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2em;
    color: #2c3e50;
    margin-bottom: 25px;
    font-weight: 600;
    position: relative;
    padding-bottom: 12px;
}

/* Garis bawah pendek pada judul kolom */
.corporate-col h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45px;
    height: 2px;
    background-color: #2c3e50;
}

.corporate-col ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.corporate-col ul li {
    margin-bottom: 18px;
}

/* --- Animasi Hover & Tata Letak Tautan --- */
.corporate-col ul li a {
    color: #4a5568;
    text-decoration: none;
    font-size: 0.95em;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}

.corporate-col ul li a:hover {
    color: #2ebaae;
    transform: translateX(6px); /* Bergeser ke kanan saat disorot */
}

/* Penyelarasan letak ikon FontAwesome */
.corporate-col ul li a i {
    margin-top: 4px;
    color: #2c3e50;
    font-size: 1.1em;
    min-width: 20px; 
    text-align: center;
    transition: all 0.3s ease;
}

.corporate-col ul li a:hover i {
    color: #2ebaae;
    transform: scale(1.2); /* Ikon membesar saat disorot */
}

/* Animasi untuk Gambar (Powered By) */
.corporate-col img {
    max-width: 120px;
    height: auto;
    transition: all 0.3s ease;
}

.corporate-col a:hover img {
    transform: scale(1.08) translateY(-3px);
    filter: drop-shadow(0 4px 6px rgba(46,186,174,0.3));
}

/* --- ANIMASI GARIS MEMANJANG PADA JUDUL KOLOM (H4) --- */

.corporate-col h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2em;
    color: #2c3e50;
    margin-bottom: 25px;
    font-weight: 600;
    position: relative;
    padding-bottom: 12px;
    display: inline-block; /* Agar lebar elemen mengikuti panjang teks */
    cursor: pointer;
}

/* Garis bawah awal (pendek) */
.corporate-col h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45px; /* Panjang awal */
    height: 2px;
    background-color: #2c3e50;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Transisi elastis */
}

/* Saat kursor diarahkan ke judul (h4), garis memanjang 100% dari lebar area teks/kolom */
.corporate-col h4:hover::after {
    width: 100%; /* Memanjang penuh */
    background-color: #2ebaae; /* Berubah warna menjadi toska */
}

/* Opsional: Teks judul ikut berubah warna sedikit agar serasi */
.corporate-col h4:hover {
    color: #2ebaae;
}

su - eprints -c "/home/eprints3/bin/generate_static repositorynew"
systemctl restart apache2