html,body {
    font-family: 'Tahoma', system-ui, -apple-system,'Segoe UI', Arial, sans-serif;
	font-size: 12px;
    background-image: url(https://jurnalet.brin.go.id/public/journals/1/journalThumbnail_en.jpg));
    background-repeat: repeat;
}

.navbar-brand>img {
    display: block;
    border-color: transparent
}


.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    border-bottom: 0px transparent; 
 }

.container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
    background-color: #8d3d3d;
    border-bottom: 3px solid #d8a8a8;
}

.container-fluid {
    background-color: #672324;
}

#main-navigation :hover{
    background-color: #d1a3ae;

}

#main-navigation :visited{
    background-color: #d1a3aa;

}



#sidemenu {
    background-color: #411a1a;
opacity: 1;
background-image:  linear-gradient(#551c1c 1.2000000000000002px, transparent 1.2000000000000002px), linear-gradient(90deg, #551c21 1.2000000000000002px, transparent 1.2000000000000002px), linear-gradient(#551c1c 0.6000000000000001px, transparent 0.6000000000000001px), linear-gradient(90deg, #551c1d 0.6000000000000001px, #551c1c 0.6000000000000001px);
background-size: 30px 30px, 30px 30px, 6px 6px, 6px 6px;
background-position: -1.2000000000000002px -1.2000000000000002px, -1.2000000000000002px -1.2000000000000002px, -0.6000000000000001px -0.6000000000000001px, -0.6000000000000001px -0.6000000000000001px;
    padding: 10px;
    color: #fff;

}

#sidemenu h2 {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

#sidemenu2 {
    background: #551c1e;
    padding: 10px;
    color: #fff;
     
}
#sidemenu2 h2 {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

#sidemenu3 {
background-color: #382d20;
opacity: 1;
background-size: 6px 6px;
background-image: repeating-linear-gradient(45deg, #540a0a 0, #540a0a 0.6000000000000001px, #382020 0, #382020 50%);
    padding: 10px;
    color: #fff;

     
}
#sidemenu3 h2 {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
#divmenu a {
    text-decoration: none;
}
#divmenu ul {
    list-style: none;
    padding: 5px;
    margin-top: 0;
}
#divmenu ul li {
    color: #1a1a1a;
    padding: 10px;
    border-bottom: 1px solid #d3d3d3;
    -webkit-transition: background 0.3s, color 0.5s, margin 1s;
    -moz-transition: background 0.3s, color 0.5s, margin 1s;
    transition: background 0.3s, color 0.5s, margin 1s;
}
#divmenu ul li:hover {
    background: #A3D1C6;
    border-left: 5px solid #f87703;
    color: #fff;
    margin-left: 15px;
}

a {
    color: #3D8D7A;
    text-decoration: none;
}

.alert-info {
    color: #fff;
    background-color: #EB8317;
    border-color: #7643a8;
}

.btn-primary {
    color: #fff;
    background-color: #973737;
    border-color: #973737;
}

.btn-primary:hover {
    color: #fff;
    background-color: #e55e5e;
    border-color: #e55e5e;

}

.header_view {
    z-index: 2;
    background: #3d448d;
}

.header_view a:hover {
background: #5e86e5;
}

.panel, .pkp_block {
border : 0px;
border-bottom: 0px;

}

/*footer*/


.col-md-2 img {
	width : 200px;
}

.detail-container {
    font-family: 'Tahoma', Geneva, Verdana, sans-serif;
    font-size: 11px;
    color: #212529;
    max-width: 1000px; /* Sesuaikan dengan kebutuhan website Anda */
    width: 100%;
    margin: 20px 0;
  }

  /* Pengaturan Baris menggunakan CSS Grid */
  .detail-row {
    display: grid;
    /* Membagi menjadi 3 kolom: Label (200px), Titik Dua (30px), dan Value (Sisa ruang/1fr) */
    grid-template-columns: 200px 30px 1fr; 
    padding: 12px 15px;
    align-items: start; /* Teks sejajar di atas jika ada yang panjang */
  }

  /* Warna selang-seling (Zebra striping) */
  .detail-row:nth-child(odd) {
    background-color: #f8f9fa; /* Warna abu-abu terang */
  }
  .detail-row:nth-child(even) {
    background-color: #ffffff; /* Warna putih */
  }

  /* Styling per kolom */
  .col-label {
    font-weight: bold;
  }

  .col-colon {
    text-align: center;
  }


/*--------- Testing ----*/
/*.content {
	width: 100%;
}

h2 {
	text-align: center;
}

.team {
	padding: 2em 0 2em 2.5em;
	margin: 0;
}

.member {
	margin: 1.5em 0 0.5em;
	padding: 0.73em;
	background: linear-gradient(
		83deg,
		var(--yellow) 0 97%,
		#fff0 calc(97% + 1px) 100%
	);
	position: relative;
	list-style: none;
	display: inline-block;
	transform: scale(0.85);
	transition: var(--trans);
}

.member:nth-of-type(even) {
	text-align: right;
	background: linear-gradient(
		-83deg,
		var(--yellow) 0 97%,
		#fff0 calc(97% + 1px) 100%
	);
}

.thumb {
	width: 13vmin;
	height: 13vmin;
	float: left;
	margin-right: 1.25em;
	background: linear-gradient(
		var(--deg),
		var(--dark) 0 70%,
		var(--yellow) 0% 100%
	);
	transform: rotate(-4deg);
	transition: var(--trans);
	border-radius: 0.25em;
	overflow: hidden;
	margin-left: -3em;
	padding: 0.5em;
}

.member:nth-of-type(even) .thumb {
	--deg: 86deg;
	float: right;
	margin-left: 2em;
	margin-right: -3em;
	transform: rotate(4deg);
}

.thumb img {
	width: 100%;
	height: 100%;
	border-radius: 0.25em;
	filter: grayscale(1);
	background: var(--dark);
}

.member:hover {
	transform: scale(1);
	transition: var(--trans);
	filter: drop-shadow(0px 20px 10px #088395);
}

.member:hover .thumb {
	padding: 0.1em;
	transition: var(--trans);
	transform: rotate(-1deg);
	--deg: -89deg;
}

.member:nth-of-type(even):hover .thumb {
	--deg: 91deg;
}

.member:hover .thumb img {
	filter: none;
	transition: var(--trans);
}

.description {
	padding-top: 1vmin;
}

.description p {
	padding: 0 2em;
	margin-bottom: 1em;
}

h3 {
	background: linear-gradient(182deg, #fff0 60%, var(--dark) 0 100%);
	display: inline;
	transform: rotate(-2deg);
	position: absolute;
	margin: 0;
	margin-top: -2.25em;
	left: 9vmin;
	padding: 0.5em 0.75em;
	color: var(--yellow);
	border-radius: 0.25em;
	font-size: 1.35em;
	transform-origin: left bottom;
}

.member:nth-of-type(even) h3 {
	left: inherit;
	right: 9vmin;
	transform: rotate(2deg);
	transform-origin: right bottom;
	background: linear-gradient(-182deg, #fff0 60%, var(--dark) 0 100%);
}

.member:hover h3 {
	transition: var(--trans);
	transform: rotate(0deg);
	background: linear-gradient(180deg, #fff0 59%, var(--dark) 0 100%);
}

.co-funder:after {
	content: "Editor In Chief";
	font-size: 1em;
	position: absolute;
	top: -1.5em;
	background: var(--yellow);
	right: 4em;
	transform: rotate(3deg);
	padding: 0.35em 0.75em 0.5em;
	border-radius: 0.25em;
	color: var(--dark);
	font-weight: bold;
}

.co-funder:nth-of-type(even):after {
	right: inherit;
	left: 4em;
	transform: rotate(-3deg);
}

.description p a {
	display: inline-block;
	margin: 0.5em 0 0 0;
	background: var(--dark);
	color: var(--yellow);
	padding: 0.1em 0.5em 0.35em;
	border-radius: 0.5em;
	text-decoration: none;
	transition: var(--trans);
}
.description p a:hover {
	transition: var(--trans);
	color: var(--dark);
	background: var(--yellow);
	font-weight: bold;
}

.description p a img {
	float: left;
	width: 22px;
	filter: invert(1);
	border-radius: 0.15em;
	padding: 2px;
	background: #fff;
	margin-right: 2px;
}