/* ICALL (proceedings.upi.edu/icall, OJS 3.5 default theme)
   Diadaptasi dari styleSheet.css situs lama proceedings2.upi.edu/index.php/ical (OJS 3.1.2.4, arsip 2025-10-09).
   Warna: teal #53B8BB (header/footer, via baseColour tema + footer di sini), hijau tua #003638 (judul blok). */

/* ---------- footer ---------- */
.pkp_structure_footer_wrapper {
	background: #53B8BB !important;
}

.pkp_structure_footer {
	color: #000;
}

.pkp_footer_content {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	column-gap: 20px;
	row-gap: 20px;
	align-items: start;
	padding-top: 2rem;
}

.footer-index {
	grid-column: 1 / 4;
	text-align: center;
}

.footer-left {
	grid-column: 1 / 2;
}

.footer-left img {
	width: 70%;
	max-width: 380px;
	height: auto;
}

.button-footer,
.pkp_structure_footer a.button-footer {
	background-color: #fff;
	border: none;
	color: #53B8BB;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin-top: 30px;
	cursor: pointer;
	padding: 12px 25px;
	border-radius: 20px;
}

.button-footer:hover,
.pkp_structure_footer a.button-footer:hover {
	background-color: #003638;
	color: #fff;
	box-shadow: 1px 2px 2px 2px #eee;
}

.footer-center {
	grid-column: 2 / 3;
}

.footer-center a {
	text-decoration: underline;
	color: #003638;
}

.footer-right {
	grid-column: 3 / 4;
}

#contacts-img img {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 5px;
}

.footer-copy {
	grid-column: 1 / 4;
	text-align: center;
	padding: 10px;
}

/* situs lama menyembunyikan logo "Platform & workflow by OJS/PKP" */
.pkp_brand_footer {
	display: none;
}

@media (max-width: 767px) {
	.pkp_footer_content {
		grid-template-columns: 1fr;
	}
	.footer-index,
	.footer-left,
	.footer-center,
	.footer-right,
	.footer-copy {
		grid-column: 1 / 2;
	}
}

/* ---------- sidebar: judul blok bar hijau tua, item menu abu ---------- */
.pkp_block .title {
	display: block;
	background-color: #003638;
	color: #fff;
	padding: 10px;
	text-align: center;
	font-weight: 700;
}

.pkp_block .content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #000;
}

.pkp_block .content ul li {
	background-color: #eee;
	color: #000;
	display: block;
	padding: 12px;
	margin: 0 0 1px;
}

.pkp_block .content ul li:hover {
	background-color: #ccc;
}

.pkp_block .content ul li a {
	color: #000;
	display: block;
	text-decoration: none;
}