/**
 * plugins/themes/hioaSiteIndex/hioaSiteIndex.css
 *
 * Copyright (c) 2013-2014 Simon Fraser University Library
 * Copyright (c) 2003-2014 John Willinsky
 * Copyright (c) 2014 Eirik Hanssen, Oslo and Akershus University College of Applied Sciences
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * hioaSiteIndex theme
 *
 */
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+SC&family=Inter&family=Karla&family=Open+Sans&family=Pathway+Gothic+One&family=Pavanam&family=Titillium+Web&family=Zen+Kaku+Gothic+New&display=swap');
a:link {
    text-decoration: underline;
    color: #2b5a05;
	font-size: 13px;
}

a:visited {
	color: #057A16;
}

a:hover {
    color: #145F0B;
    background: transparent;
}

a:focus {
    background-color: #2c6d09;
	color: #ffffff;
}

#header a img, #pageFooter a img {border: none;}

a:active {
    background-color: #05560a;
    color: white;
}

#breadcrumb a:hover {color: black; text-decoration: underline;}

body {
    width: 1080px !important;
    max-width: 80em;
    margin: 0 auto;
	background-image: url("jap2.jpeg");
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	display: table;
}

#container {
    margin: 0 auto;
	display: table;
}

#footer {
    background-color: #fbfbfb;
}
#navbar {
    border:none;
    text-align: center;
    background-color: #112a0d;
	box-sizing: border-box;
	padding: 0;
	padding-right: 12em;
	padding-right: 12rem;
	margin-top:17px;
	font-size: 1em;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 50em) {
	#navbar {
		padding-right: 0;
	}
}
#navbar ul {
    display: block;
    background: transparent;
}
#navbar li {
    padding: 0;
}
#navbar li + li {
	margin-left: .25em;
    margin-left: .25rem;
}
#navbar li a {
    text-decoration: none;
	padding: .5em .75em;
    padding: .5rem .75rem;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
	text-transform: none;
	font-family: 'Titillium Web', sans-serif;
	letter-spacing: 0.05em;
	font-size:13px;
}
#navbar .menu li a:hover {
    background-color: #14a159;
    color: white;
}

#navbar .menu li a:focus {
    background-color: #14a159;
    color: white;
}

#navbar li.currentPage a {
    background-color: #064224;
    color: white;
    font-weight: bold;
}
#main {
    background-color: white;
	/*background-image: url("http://wallpapersknock.com/wp-content/uploads/2015/04/bubbles-web-background-in-light-color.jpg");*/
    color: 176d09;
    margin-left: 0;
    margin-right: 0;
	width: 100%;
    padding: 0;
    border: 0px solid gray;
    border-top: none;
	float: right;
}
/*
#main > *:not(#navbar) {
    background-color: white;
    margin-right: 1rem;
    margin-left: 1rem;
    box-sizing: border-box;
}*/
#breadcrumb, #main > h2 {
	margin-left: 1em;
	margin-left: 1rem;
	
}
#content {
	font-size: .75em;
    font-size: .75em;
    line-height: 1.80em;
    margin: 0;
	margin-right: 16em;
	margin-right: 12rem;
	margin-left: 1.18em;
	margin-left: 1rem;
    border-top: none;
	text-align:justify;
}

#main h2 {
	display: block;
	font-size: 1.1em;
	margin-top: 1em;
	margin-left: .5em;
	margin-left: 1rem;
	margin-right: 6em;
	margin-right: 12rem;
	margin-bottom: .25em;
	margin-bottom: .5rem;
	font-family: 'Titillium Web', sans-serif;
}

#main h4,
#content h4 {
	/*margin: .75em 1em 0.25em 0em;*/
	font-family: 'Titillium Web', sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0.03em;
}

#content h4.tocSectionTitle {
	margin-right: 0;
}

#issues h4 {
font-weight: bold;
font-size: 1.3em;
font-family: 'Open Sans', sans-serif;
float: left;
margin: 0;
}
h4 + p {
	margin-top: 0;
}
  
#rightSidebar, #leftSidebar {height: auto;}
#rightSidebar {
	font-size: .65em;
	box-sizing: border-box;
	border:none;
	position: relative;
	padding: 3.0rem 0rem;
	padding-bottom: 1em;
	width: 14.67em;
	width: 11rem;
	margin: 0;
	margin-left: -16em;
	margin-left: -12rem;
	box-sizing: border-box;
	line-height: 1.5em;
	z-index: 10;
	/*background-color: #f4f4f4;*/
	line-height: 1.5em;
	
}
#rightSidebar td {
    display: block;
    padding: 0;
    margin: 0;
	}
#sidebar div.block span.blockTitle {
	display: block;
	background-color:#112a0d;
	color:white;
	font-weight:bold;
	padding: 0.5em 0 0.5em 0.5em;
	font-size: 1.1em;

}
#rightSidebar div.block span.blockSubtitle {
	font-weight: bold;
	background-color: #112a0d;
    padding: 0.5em 0 0.5em 0.5em;
    color: white;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

#sidebar div.block {
	font-size: 1em;
	padding-top: .75rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 0rem;
	}
#rightSidebar tr > td:first-child {
    /*margin-top: 0.5rem;*/
	
}
#rightSidebar td input[type="text"],
#rightSidebar td input[type="password"],
#rightSidebar td input[type="submit"],
#rightSidebar td select,
#sidebarLanguageToggle select#languageSelect,
#sidebarLanguageToggle input.button {
    width: 100%;
    padding: .25rem;
    box-sizing: border-box;
}

.button.defaultButton {color: black; background-color: #ddd; padding: .2rem 1rem;}

#rightSidebar table {
    width: 100%;
    padding: 0;
    margin: 0;
	
}
#sidebarLanguageToggle input.button {
    margin-top: .5rem;
}
/* Site index header START */

#header {
    width: 100%;
    /*background-color: #ccc;*/
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    /*background-color: #718ba8;*/
    position: relative;
    z-index: 1;
    background-color: #112a0d;
    position: relative;
    min-height: 113px;
	box-sizing: border-box;
}

#header a {display: block; text-decoration: none; margin: 0; padding: 0;}

#header {
   /* background-image: url("./open-access-transp-bg-609x113_without_OA-icon.png");*/
    background-position: top right;
    background-repeat: no-repeat;
    /* Fill height, keep aspect ratio for width */
    background-size: auto 100%;
}
#header::before {
	content: "";
	top: auto;
	left: auto;
	bottom: 0.25rem;
	right: 4rem;
	margin: auto;
	position: absolute;
	z-index: -1;
	width:3rem;
	height: 3rem;
	/*background-image: url(openAccessIcon78x122.png);*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
#headerTitle {
    /*background-image: url("./hioalogo-en-semi-transp113x113.png");*/
    background-position: 1rem center;
    background-repeat: no-repeat;
    box-sizing: border-box;
	padding-left: 1em;
	padding-left: 2rem;
    height: 113px;
}

#header h1 {
	font-size: 1em;
	font-size: 1rem;
	padding-top: .4em;
	padding-top: 1rem;
	padding-right: .2em;
	padding-right: .5rem;
    display: block;
    line-height: 1em;
   /* padding-left: 113px;*/
    font-weight: bold;
    font-family: 'Encode Sans SC', sans-serif;
    text-shadow: 0 0 5px black;
	text-align: left;
	min-height: 113px;
	box-sizing: border-box;
	color:white;
}
#content h3 {
    margin: 0em 1em 0.25em 0em;
    padding-top: 0.75em;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: bold;
    font-size: 1.7em;
	line-height: 1.5em;
	letter-spacing: 0.02em;
}
/*#headerTitle a {color: white;}*/

/* Site index header END */

/**
 * Issue cover image
 */

/*#issueCoverImage img {
	display: block;
	border: 0;
}
.issueCoverImage img {
	border: 0;
	float: left;
	width: 100px;
	margin: 0.5em 1em 0.5em 0;
	box-shadow: 2px 1px 6px #aaa;
}

.tocCoverImage img {
	padding: 2px;
	border: 1px solid #464646;
}

#issueCoverImage a:link, .issueCoverImage a:link {
}

#issueCoverImage a:active, .issueCoverImage a:active {
}

#issueCoverImage a:visited, .issueCoverImage a:visited {
}

#issueCoverImage a:hover, .issueCoverImage a:hover {
}*/

/* Archives START */

#issues h3,
h4.tocSectionTitle {
	border-bottom: 1px solid #97aec0;
	/*#b1dccf;*/
	margin-top: 0em;
}
#issues .issueCoverImage {
	float: left;
}

#issues div.separator,
.tocArticle + div.separator {
	margin: 0;
	border: none;
}
.issue {
	float: left;
	clear: left;
	margin-top: 1rem;
}
.issueCoverImage img {
	padding: 0.3px;
	margin-right: 1rem;
	margin: 0em 1.5em 1em 0;
	box-shadow: 2px 1px 6px #aaa;
}
.tocCoverImage img {
	padding: 2px;
	border: 1px solid #464646;
}
.tocAuthors,
.tocTitle {
	margin-left: 1rem;
	padding-left: 0;
	font-weight: 600;
}
.tocAuthors {
	/*margin-top: .5rem;*/
	font-style: italic;
	padding-left: 20px;
}
.tocArticleCoverImage.showCoverImage {
	min-width: 60px;
	padding-left: 0;
}
table.tocArticle:nth-child(odd) tr {
 background-color:#BFD7C9;
}
table.tocArticle:nth-child(even) tr {
 background-color:#F2F3F2;
}

#issueCoverImage img,
#articleCoverImage img {
	display: block;
	margin: auto;
	padding: 5px;
	border: 1px solid gray;
	max-width: 95%;
	height: auto;
	position: relative;
	left: -5px;
}
.tocCoverImage a,
#issueCoverImage a,
.issueCoverImage a {
	padding: 0;
	background-color: transparent;
}
.tocCoverImage a:hover img,
#issueCoverImage a:hover img,
.issueCoverImage a:hover img {
	box-shadow: 0 0 .25rem #A9D0EF;
}

/* Archives END */

/**
 * Table of contents
 */

.tocArticle {
	width: 100%;
	padding: 5px 0;
}

.tocArticleCoverImage {
	display:none;
}
.tocArticleCoverImage.showCoverImage {
	display: table-cell;
	width: 15%;
}
.tocCoverImage {
	width: 100%;
}
.tocCoverImage img {
	border: 0;
	width: 100%;
}

.tocArticleTitleAuthors {
	width: 80%;
}
.tocArticleTitleAuthors.showCoverImage {
	width: 65%;
	padding-left: 10px;
}
.tocAuthors {
	padding-left: 10px;
}

#articleFullText a {
	display: inline-block;
	margin: .25em;
	padding: .5em 1em;
	font-weight: bold;
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	border: 1px solid black;
	border-radius: .3em;
	background-color: black;
	color: white;
	text-decoration: none;
	line-height: 1.60em;
}

#articleFullText a:hover {
	background-color: #54a660;
	box-shadow: 0 0 .5em black;
}

/* FOOTER START */

#pageFooter {
	font-size: .95em;
	margin-top: 3.53em;
	margin-top: 3rem;
	margin-bottom: 1.18em;
	margin-bottom: 1rem;
}
#commonPageFooterContent,
#journalPageFooterContent {
    float: left;
    margin: 0;
    border: 0;
}
#commonPageFooterContent {
    width: 66%;
}
#journalPageFooterContent {
    width: 33%;
}
#pageFooterContentWrapper {
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 1.18em;
	margin-bottom: 1rem;
	border-top: 2px solid #aaa;
	margin-top: 2.65em;
	margin-top: 2.25rem;
}
#commonPageFooterContent {
    clear: left;
}
#journalIssn {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    border-bottom: 2px solid #006699;
}

/* If #journalIssn that has it's own border, is present, #pageFooterContentWrapper doesn't need the border and margin */
#journalIssn + #pageFooterContentWrapper {border-top: none; margin-top: 0;}

#commonPageFooterContent,
#hostedBy,
#cookiePolicy,
#journalPageFooterContent {
    width: 100%;
    clear: both;
    float: left;
}

#pageFooter img.hioaFooterLogo {
    float: left;
	margin-right: 1.18em;
    margin-right: 1rem;
}

#hostedByHioaLSB {display: table;}
#hostedByHioaLSB span {display: table-cell; vertical-align: middle;}

@media screen and (min-width: 720px) {
    #cookiePolicy {
        width: auto;
        max-width: 35%;
        clear: none;
        float: right;
    }
    #hostedBy {max-width: 65%;}
}

/* FOOTER END */

/* Narrow layout */

@media screen and (max-width: 50em) {
	/* narrow HEADER START*/
	#header {
		position: relative;
		height: 4rem;
	}
	#headerTitle h1 {
		padding-right: 4rem;
		font-size: 1rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
		text-shadow: 0 0 2px black;
	}
	#header a {
	}
	/* narrow HEADER END */
	#navbar {
		margin-right: 0rem;
		padding-right: 0;
		border-right: none;
		border-left: none;
	}
	#content,
	#breadcrumb {
		margin-right: 1rem;
	}
	/* menuToggle START */
	#menuToggle {
		box-sizing: border-box;
		position: absolute;
		z-index: 5;
		top: 0;
		bottom: 0;
		right: .25rem;
		margin: auto 0;
		width: 3.5rem;
		height: 3.5rem;
		border: 1px solid gray;
		border-radius: .25rem;
		background-color: #d7d6d6;
	}
	#obscureLayer {
		z-index: 3;
	}
	.showMenu #obscureLayer {
		display: block !important;
	}
	#menuToggle:hover {
		background-color: #ddd;
		box-shadow: 0 0 .5rem white;
	}
	#menuToggle::before,
	#menuToggle::after {
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		content: "";
		width: 75%;
		box-sizing: border-box;
		z-index: 0;
	}
	#menuToggle::before {
		height: 75%;
		border-top: .4rem solid black;
		border-bottom: .4rem solid black;
	}
	#menuToggle::after {
		height: .4rem;
		border-radius: .2rem;
		background-color: black;
	}
	.showMenu #menuToggle::after {
		background-color: orange;
	}
	.showMenu #menuToggle {
		background-color: white;
	}
	#rightSidebar {
		display: none;
		margin: 0 auto;
		position: absolute;
		z-index: 10;
		right: .75em;
		width: 15rem;
		box-sizing: border-box;
		border-radius: .25rem;
		box-shadow: 0 0 .5rem rgba(0,0,0,0.5);
		background-color: #14a159;
		padding-bottom: 1em;
	}
	.showMenu #sidebar #rightSidebar {
		display: block;
		background-color: #14a159;
		
	}
	
	
	/* menuToggle END */
}
/* Narrow Layout END */

@media screen and (max-width: 30em) {
	#headerTitle {background-size: auto 75%;}
	#headerTitle h1 {
		padding-left: 85px;
		font-size: 1.5rem;
		/* Base font-size on viewport vidth if supported */
		font-size: 7vw;
	}
	.hioaFooterLogo {
		display: none;
	}
	.showMenu #sidebar #rightSidebar {
		right: 1rem;
		left: 1rem;
		width: auto;
	}
}
/* Ultra Narrow Layout END */

/* MISC */
#inlinePdfResizer {
	min-height: 600px;
}

/* Journal blocks */

#content .journalBlocks .journalLocalizedTitle {
    padding-top: .75rem;
}

.journalDescription {
    display: none;
}
.journalLinks {
    position: absolute;
    bottom: 0;
}
.journalBlock {
    padding: 1em;
    padding-top: 0;
    margin-top: .5em;
    margin-bottom: .5em;
    min-height: 11em;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.journalBlock::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    background-color: #f8f5f5;
    z-index: -1;
}

@media screen and (min-width: 65em) {
    .journalBlock {
        width: 50%;
        float: left;
        min-height: 12em;
    }
    
    .journalBlock:nth-child(2n) {
        padding-left: 1.5em;
    }
    .journalBlock:nth-child(2n+1)::after {
        right: .5em;
    }
    .journalBlock:nth-child(2n)::after {
        left: .5em;
    }
}