@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
body {
    background-color: #ffffff;
    font-family:'Montserrat', sans-serif;
    min-width: 980px;
	color:#232323;
	margin-top:84px;
	
}

body.homejlk {
    background-color: #ffffff;
    font-family:'Montserrat', sans-serif;
    min-width: 980px;
	color:#232323;
	margin-top:434px;
	
}



#header, .hide{
	display:none;
}
.contentonhome{
	border-top:0px;
	padding-top:0px;
}
.mainonhome{
	padding:0px 0 0 5px;
	margin-top:0px;
}
.rightsidebaronhome{
	margin:10px 20px 0 10px;
}
#main h2{font-family:'Montserrat', sans-serif;color:#232323;text-align:center;}

#navbar{
	position:fixed;
	z-index:23;
	top:0;
	left:0;
	height:75px;
	width:80%;min-width:780px;
	min-width:780px;
	display:flex;
	color:#ffffff;
	text-align: center;
    border-bottom: 0;
    border-top: 0;
    line-height: normal;
    opacity: 1;
		
	display: flex; 
	flex-direction: row;
	align-items:stretch;
	justify-content: center;
	background:rgb(52, 124, 239);
	margin:0;
	padding:0 10% 0 10%;
	border:0px solid #ff0000;
	box-shadow:0px 2px 5px #333333;
	-moz-box-shadow:0px 2px 5px #333333;
	-webkit-border-radius:0px 2px 5px #333333;
}

#navbar::before {
	list-style: none;
    margin: 0;
	top:0;
    padding: 0;text-decoration: none;
	font-family:'Montserrat', sans-serif;
	text-transform: lowercase;
	display: flex; 
	flex-direction: row;
	align-items:center;
	justify-content: center;
	height:110px;
	background: #ffffff;
    content: url(https://gameupdate.online/j/logo-jurnal-110.jpg);
    border:1px solid rgb(52, 124, 239);
	border-top:0;
}


#navbar .menu {
    list-style: none;
    padding:0;
	height:100%;
	flex-grow:1;
	border:0px solid black;
}

ul.menu {
    margin: 0;
    padding: 0;text-decoration: none;
	font-family:'Montserrat', sans-serif;
	text-transform: lowercase;
	display: flex; 
	flex-direction: row;
	align-items:stretch;
	justify-content: flex-start;
}

#navbar .menu li {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: bold;
    padding: 0;
	text-shadow:0 0 0 #969696;
}

ul.menu li {
	margin:0;
    display:flex;
	flex-direction:row;
	align-items:stretch;
	justify-content:center;
}

#navbar ul.menu li:nth-child(2) {
    display: flex;
}

#navbar .menu li a {
	font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    color: #ffffff;
    padding: 0px 20px 0px 20px;
    border: 0;
	
    display: flex;
	align-items: center;
	background: rgb(52, 124, 239);
	justify-content: center;
	text-transform: lowercase;
}

#navbar .menu li a:hover,#navbar .menu li a:active{
	font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
	color: rgb(52, 124, 239);
    padding: 0px 20px 0px 20px;
    border: 0;
	
    display: flex;
	align-items: center;
	background: #ffffff;
	justify-content: center;
	text-transform: lowercase;
	transition:background 0.6s,color 0.6s;
}

ul#menu a{
	text-decoration: none;
	font-family:'Montserrat', sans-serif;
	text-transform: lowercase;
}

#homecon1 {
	width:100%;
	display: flex;
	flex-direction:row;
	align-items: stretch;
	justify-content: stretch;
	background: #ffffff;
}
#homecon1left{
	width:50%;
	min-width:250px;
	margin-right:1%;
	padding:10px;
	display: flex;
	flex-direction:column;
	align-items: stretch;
	justify-content: flex-start;
	background: #ffffff;
	border:1px solid #ff8a18;
}

#homecon1right{
	margin-left:1%;
	max-width:50%;
	display: flex;
	padding:10px;
	flex-direction:column;
	align-items: stretch;
	justify-content: flex-start;
	background: #ffffff;
	border:1px solid #ff8a18;
}

#content p{text-align:justify;}

#phome{
	margin:0;
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	color:#333333;
	text-align:justify;
}

#phome2{
	margin:10px 0 0 0;
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	color:#333333;
	text-align:justify;
}

#content p#phome3{
	margin:10px 0 0 0;
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	color:#333333;
	text-align:center;
}

#bigpiccon{
	position:absolute;
	top:74px;
	left:0;
	width:100%;
	min-width:780px;
	height:350px;
	border:0px solid red;
	overflow:hidden;
	box-shadow:0px 0px 2px #333333;
	-moz-box-shadow:0px 0px 2px #333333;
	-webkit-border-radius:0px 0px 2px #333333;
}

#bigpiccon img {
	width:100%;
	min-width:780px;
	min-height:360px;
	object-fit:cover;
	object-position: 50% 0%;
}

#bigpiccontxt{
	position:absolute;
	bottom:50px;
	left:50px;
	width:50%;
	min-width:300px;
	border:0px solid red;
}

#bigpiccontxt p{
	font-family:'Montserrat', sans-serif;
	font-size:1.5rem;
	color:#ffffff;
	text-align:left;
	font-weight:bold;
	-webkit-text-stroke: 0px black;
}

#content {border-top:0px solid #347cef;font-size:0.8em;}
#content a:link {color: #347cef;border:0;}
#content a:visited {color: #347cef;border:0;}
#content a:hover {color: #ff8a18;border:0;}


#journalDescription,#issueDescription{text-align:justify;border-bottom:2px solid #347cef;}
#content h3:first-of-type {
    color: #ffffff;
    background: #347cef;
    display: flex;
    justify-content: center;
    padding:1%;
    align-items: center;
	width:98%;
}

#articleTitle h3 {con
    color: #ffffff;
    background: #347cef;
    display: flex;
    justify-content: center;
    padding:1%;
    align-items: center;
	width:98%;
}

#articleAbstract p,#articleCitations p {text-align:justify;}

#rightSidebar {
    padding: 10px;
    margin: 20px 20px 0 10px;
	width:20%;
	
}
#sidebar div.block {
    font-size: 1em;
    padding: 0 10px 0 10px;
	display: flex;
	flex-direction:column;
	align-items:stretch;
	justify-content:center;
}
#sidebar div.block span.blockTitle {
    display: flex;
    padding: 10px;
    font-size: 1rem;
    flex-direction: row;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    justify-content: center;
    align-content: center;
    color: #ffffff;
    background: #ff8a18;
}
.blockTitle {
    font-weight: normal;
    text-shadow: 0 0 0 #fff;
}

#sidebar form table {
    border: 0px solid red;
    width: 100%;
}
#sidebar form table tbody {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}
#sidebar form table tbody tr {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: stretch;
    align-items: center;
}
#sidebar form table tbody tr td {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 0px solid green;
}
#sidebar form table tbody tr td input#sidebar-username,#sidebar form table tbody tr td input#sidebar-password {
    font-size: 1rem;
    border: 1px solid #ff8a18;
    border-radius: 5px;
    padding: 5px;
    flex-grow: 1;
    margin: 2px 0 2px 0;
    outline: none;
}
#sidebar input.button {
    font-size: 1rem;
    border: 0px solid #ff8a18;
    border-radius: 5px;
    padding: 10px;
	font-weight:bolder;
    margin: 2px 0 2px 0;
    background: #347cef;
    color: #ffffff;
    flex-grow: 1;
}

input.button.defaultButton,input.button{
    border: 1px solid #347cef;
    border-radius: 3px;
    padding: 3px;
	font-weight:bolder;
    background: #347cef;
    color: #ffffff;
}

#sidebar input.button:hover {
    font-size: 1rem;
	flex-grow: 1;
    border: 0px solid #ff8a18;
    border-radius: 5px;
    padding: 10px;
    margin: 2px 0 2px 0;
	background:#ff8a18;
	color:#ffffff;
	transition: background 0.6s;
}

input.button.defaultButton:hover,input.button:hover {
    border: 1px solid #ff8a18;
    border-radius: 3px;
    padding: 3px;
	background:#ff8a18;
	color:#ffffff;
	transition: background 0.6s, border 0.6s;
}

#sidebar div.block ul {
    background: #ffffff;
    color: #ffffff;
	padding:0;
	display: flex;
    justify-content: space-around;
    align-items: stretch;
    flex-direction: column;
}
#sidebar div.block ul a, #sidebar div.block ul a:visited {
    color: #ffffff;
    text-decoration: none;
	border: 0;
	flex-direction: column;
    justify-content: center;
	align-items:center;
    display: flex;
	padding:5px;
    background:#347cef;
	font-size:1rem;
}
#sidebar div.block ul a:hover,#sidebar div.block ul a:active {
    background: #ff8a18;
	border: 0;
	padding:5px;
	font-size:1rem;
	align-items:center;
    text-decoration: none;
	flex-direction: column;
    justify-content: center;
    display: flex;
	transition: background 0.6s;
}
#sidebar div.block ul li {
    margin: 5px 0 5px 0;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}
.jlksideblocklink,.jlksideblocklink:visited, .jlksideinfocontentlink,.jlksideinfocontentlink:visited {
    background: #347cef;
}
.jlksideblocklink:hover,.jlksideblocklink:active,.jlksideinfocontentlink:hover,.jlksideinfocontentlink:active {
    background: #ff8a18;
    transition: background 0.6s;
}
a.jlksideblocklinktransparent,a.jlksideblocklinktransparent:visited,a.jlksideblocklinktransparent:hover{
	background:transparent;border:0px solid black;display:flex;flex-direction:column;}
a.jlksideblocklinktransparent img {width:100px;margin:5px;align-self:center;}

a, a:link, a:visited {border:0;}

#containerfooter{
width:100%;
min-width:780px;
height:220px;
background: #ffffff;
border-top:10px solid #347cef;
margin:10px 0 0 0;
display:flex;
flex-direction:row;
justify-content:center;
align-items: stretch;
font-family:'Montserrat', sans-serif;
font-size:0.7rem;
}

#jlkfootersliceleft{
width:200px;
height:200px;
background: #ffffff;
margin:10px 5px 10px 10px;
display:flex;
flex-direction:row;
justify-content:center;
align-items: center;
border-right:2px solid #347cef;
}

#jlkfooterslicecenter{
flex-grow:1;
height:200px;
background:#ffffff;
margin:10px 5px 10px 5px;
display:flex;
flex-direction:column;
justify-content:center;
align-items: center;
text-align:center;
padding:0px 5px 0px 5px;
border-left:0px solid #347cef;
border-right:0px solid #347cef;
}

#jlkfootersliceright1{
width:200px;
height:200px;
background:#ffffff;
margin:10px 5px 10px 5px;
display:flex;
flex-direction:column;
justify-content:center;
align-items: stretch;
border:2px solid #347cef;
}

#jlkfootersliceright2{
width:200px;
height:200px;
background:#ffffff;
margin:10px 10px 10px 5px;
display:flex;
flex-direction:column;
justify-content:center;
align-items: stretch;
border:2px solid #347cef;
}


	   
#bigpiccontxt a#linkbigpiccon {
	border:2px solid #347cef;
	color:#347cef;
	background:#ffffff;
	transition: border 0.6s,background 0.6s,color 0.6s;
	font-family:'Montserrat', sans-serif;
	font-size:1.5rem;
	padding:10px;
	box-shadow:0px 0px 2px 1px #333333;
	-moz-box-shadow:0px 0px 2px 1px #333333;
	-webkit-border-radius:0px 0px 2px 1px #333333;
}

#bigpiccontxt a#linkbigpiccon:hover {
	border:2px dashed #ffffff;
	color:#ffffff;
	background:#347cef;
	transition: border 0.6s,background 0.6s,color 0.6s;
	font-family:'Montserrat', sans-serif;
	font-size:1.5rem;
	padding:10px;
	box-shadow:0px 0px 2px 1px #333333;
	-moz-box-shadow:0px 0px 2px 1px #333333;
	-webkit-border-radius:0px 0px 2px 1px #333333;
}

.jhomebox {
	border:0px dashed #ffffff;
	color:#ffffff;
	background:#ff8a18;
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	padding:10px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.jhomeboxquotes {
	border:4px dashed #ffffff;
	color:#347cef;
	background:#c4f5ea;
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	padding:10px;
	margin:10px 0 10px 0;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	justify-content:center;
	flex-grow:1;
}

.jhomeboxquotesrow {
	border:4px dashed #ffffff;
	color:#347cef;
	background:#c4f5ea;
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	padding:10px;
	margin:10px 0 10px 0;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:stretch;
	justify-content:center;
	flex-wrap:wrap;
	flex-grow:1;
}

.jlksideblocktitle{
	font-family:'Montserrat', sans-serif;
	font-size: 1rem; 
	text-decoration: none; 
	height: 40px; 
	margin: 10px 0 10px 0; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	color: #ffffff; 
	background: #ff8a18;
}

#customblock-SidebarLink a.jlksideblocklink,#customblock-ISSNBlock a.jlksideblocklink{
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	text-decoration: none; 
	height: 30px; 
	margin: 0px 0px 5px; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	color: #ffffff; 
	background: rgb(52, 124, 239);
}
#customblock-SidebarLink a.jlksideblocklink:hover,#customblock-ISSNBlock a.jlksideblocklink:hover{
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	text-decoration: none; 
	height: 30px; 
	margin: 0px 0px 5px; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	color: #ffffff; 
	background: rgb(255, 138, 24);
	transition: background 0.6s;
}

#customblock-SidebarLink a.jlksideinfocontentlink,#customblock-ISSNBlock a.jlksideinfocontentlink{
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	text-decoration: none; 
	padding: 5px; 
	margin: 0px 0px 5px; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	color: #ffffff; 
	background: rgb(52, 124, 239);
}
#customblock-SidebarLink a.jlksideinfocontentlink:hover,#customblock-ISSNBlock a.jlksideinfocontentlink:hover{
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	text-decoration: none; 
	padding: 5px; 
	margin: 0px 0px 5px; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	color: #ffffff; 
	background: rgb(255, 138, 24);
	transition: background 0.6s;
}

#homecon1 a.linkcfpblue{
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	text-decoration: none; 
	height: 30px; 
	margin: 5px; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	color: #ffffff; 
	background: rgb(52, 124, 239);
}
#homecon1 a.linkcfpblue:hover{
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	text-decoration: none; 
	height: 30px; 
	margin: 5px; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	color: #ffffff; 
	background: rgb(255, 138, 24);
	transition: background 0.6s;
}

#homecon1 a.linkcfporange{
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	text-decoration: none; 
	height: 30px; 
	margin: 0px; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	color: #ffffff; 
	background: rgb(255, 138, 24);
}
#homecon1 a.linkcfporange:hover{
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	text-decoration: none; 
	height: 30px; 
	margin: 0px; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	color: #ffffff; 
	background: rgb(52, 124, 239);
	transition: background 0.6s;
}

#homecon1 a.linklogo{
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	text-decoration: none; 
	height: 100px; 
	margin: 5px; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	color: #ffffff; 
	background: transparent;
}

#homecon1 a.linklogo30{
	font-family:'Montserrat', sans-serif;
	font-size:1rem;
	text-decoration: none; 
	height: 30px; 
	margin: 5px; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	color: #ffffff; 
	background: transparent;
}

#homecon1 a.linklogo img,#homecon1 a.linklogo30 img{
	height:100%;
}

#jhomeboximg img {
	width:100%;
}

#pageFooter{
	margin:0;
	padding:0;
	border:0px solid green;
	width:100%;
}

.tocTitle a {
	text-align:justify;
}

.rowboxinfo,.colboxinfo {
	width:100%;
	border:4px dashed #ffffff;
	color:#347cef;
	background:#c4f5ea;
	font-family:'Montserrat', sans-serif;
	padding:10px;
	margin:10px 0 10px 0;
	text-align:center;
	display:flex;
}
.rowboxinfo{
	flex-direction:row;
	justify-content:stretch;
	align-items:center;
}
.colboxinfo{
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.rowboxinfoleft,.rowboxinforight{
	border:0px dashed red;
	color:#232323;
	background:transparent;
	font-family:'Montserrat', sans-serif;
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:5px;
}
.rowboxinforight{flex-grow:1;align-items:stretch;}
.rowboxinfoleft.morethanonerow{
	justify-content:flex-start;
	align-items:center;
}
.rowboxinfoleft img {width:75px;}

.colboxinfotop{
	border:0px dashed red;
	color:#232323;
	background:transparent;
	font-family:'Montserrat', sans-serif;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	margin:0 0 5px 0;
}
#issueCoverImage {display:flex;flex-direction:column;justify-content:center;align-items:center;}
#issueCoverImage img {max-width:500px;height:auto;}