/*	pcom.css	Take color from here: https://www.colorhexa.com/013220	*/

* {margin:0;padding:0;}

a {text-decoration:none;}
a.tdu {text-decoration:underline;}
a.x{color:#333d1c;}
a:link {color:#333d1c;}
a:visited {color:#333d1c;}
a:focus {color:#333d1c;}
a:hover {color:#cd5c5c;}
a:active {color:#333d1c;}

body {
	color:#013220;
	background-color:#fffaf0;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:medium;
	padding:1vh;
}

/*	Wrapper	*/

div#a_wrapper {max-width:1200px;height:96vh;background:#426f70;margin:0 auto;}
div#a_wrapper {display:flex;flex-flow:column nowrap;}

@media screen and (max-width:650px) {
	div#a_wrapper {height:auto;}
}

/*	Header	*/

header {background:inherit;padding:1.5vh 2vh;display:flex;align-items:center;}
header h1 {font-size:145%;font-weight: normal;font-family: Georgia,Verdana,Geneva,Arial,Helvetica,sans-serif;background: inherit;color:#faebd7;text-shadow: 2px 2px 2px #213838;}
header p {font-size:82%;margin-top:.2em;padding-left:.1em;background:inherit;color: #fffaf0;}
header div#quick_search div#gts_tw {background:#fcf5eb;padding:0.5vh 1vh;display:flex;align-items:center;}
header div#quick_search input[type="search"]{flex:1 0 88%;border:none;font-size:15px;background:inherit;}
header div#quick_search input[type="image"]{flex:0 0 24px;}
header div#quick_search input[type="image"]:hover {box-shadow:2px 2px 2px #213838;}

@media screen and (max-width:650px) {
	header h1 span {display:inline-block;width:100%;}
	header h1 span:last-child {font-size:90%;}
}

@media screen and (max-width:899px) {
	header {flex-flow:column nowrap;text-align:center;}
	header div#quick_search {margin-top:1vh;}
}

@media screen and (min-width:900px) {
	header {flex-flow:row nowrap;}
	header div:first-child {flex:0 1 70%;}
	header div:last-child {flex:0 1 30%;}
}

/*	Nav and Main div	*/

div#nm {background:inherit;}

@media screen and (max-width:899px) {
	div#nm {display:flex;flex-flow:column nowrap;align-items:stretch;padding:1vh;flex:1 1 auto;overflow:auto;max-width:100%;}
}

@media screen and (min-width:900px) {
	div#nm {display:flex;flex-flow:row-reverse nowrap;align-items:stretch;padding:1vh;flex:1 1 auto;overflow:auto;}
}

/*	Nav	*/

nav {background:#bdcdce;padding:1vh;position:relative;}
nav h2 {font-family: Georgia,Verdana,Geneva,Arial,Helvetica,sans-serif;font-size: 115%;padding: 1vh;}
nav div section {padding-left:1vh;}
nav div section h3 {color:maroon;margin:1em auto;font-size:100%;}
nav div section ul {list-style:disc;margin:1em 0 1em 1em;}
nav div section ul li {margin:1ex 0;line-height:1.25;}
nav div section ul li::marker {color:#374949;}
nav div section ul li.mr::marker {color:#8c2300;}



nav div.alt_langs p {font-size:13px;}
nav div.alt_langs ul {list-style:none;display:flex;align-items:center;margin-bottom:1em;}

nav div.alt_langs ul li::after {content:"\0025B8";padding-left:0.25em;color:maroon;}
nav div.alt_langs ul li a {color:#013220;}
nav div.alt_langs ul li span {cursor:pointer;}
nav div.alt_langs ul li span:hover {color:#cd5c5c;}

@media screen and (max-width:899px) {
	nav div {display:flex;flex-flow:row wrap;justify-content:space-between;/*padding-right:2vh;*/}
	nav div section {flex:1 0 200px;}
	nav div section ul {margin-left:1em;}
	
	nav div.alt_langs {margin:2vh;font-size:14px;}
	nav div.alt_langs ul li {margin-right:2em;}
	
}

@media screen and (min-width:900px) {
	nav {flex:0 1 30%;margin-right:1vh;}
	nav div section ul {margin-left:2em;}
	
	nav div.alt_langs {position:absolute;bottom:2vh;left:2vh;font-size:15px;}
	nav div.alt_langs ul li {margin-right:1em;}
}

/* Main	*/

main {background:white;padding:1vh;position:relative;}

main button#top {position:fixed;bottom:0;right:0;z-index:1;}

main h2#heading {
	color: #800000;text-align: center;text-shadow: 1px 1px 1px #dcdcdc;
	font-family: Georgia,Verdana,Geneva,Arial,Helvetica,sans-serif;font-weight: normal;
	margin:1em auto;
	max-width:28em;
}

main h2#title {
	color: #800000;font-size:115%;
	font-family: Georgia,Verdana,Geneva,Arial,Helvetica,sans-serif;font-weight: normal;
	line-height:1.25;
	margin-top:2em;
	margin-left:-16px;
	display:flex;align-items:baseline;
}

main h2#title::before {content:"\002022";color:#426f70;display:inline-block;width:16px;font-size:115%;}


main div.m_wrap {margin:1em auto;max-width:40em;padding-bottom:1em;}
main dl {margin:1em 0;}
main dl dt {margin-left:-16px;display:flex;align-items:center;font-size:1.0625em;}
main dl dt::before {content:"\002022";color:indianred;display:inline-block;width:16px;font-size:14px;}
main dl dd {margin:1em 0;font-size:0.9375em;}
main h3 {font-size:1.125em;}
main p {margin:1em auto;line-height:1.25;}
main p.p1 {font-size:17px;}
main p.nla {color:red;text-align:center;}

main div#blurb p {font-size:14px;}

main div#catalog_list div {margin-top:0.5em;}
main div#catalog p.set {font-size:17px;margin:0.5em auto;}
main div#catalog_list p.set {font-size:15px;margin:0.5em auto;line-height:1.25;}

main div#catalog p.set_p {font-size:16px;margin:0.5em auto;}
main div#catalog_list p.set_p {font-size:15px;margin:0.25em auto;line-height:1.15;}

main div#catalog_list ul li.ls a:link {color:#333d1c;}
main div#catalog_list ul li.ls a:visited {color:#333d1c;}
main div#catalog_list ul li.ls a:focus {color:#333d1c;}
main div#catalog_list ul li.ls a:hover {color:#800000;}
main div#catalog_list ul li.ls a:active {color:#333d1c;}

main div#catalog_list ul li.ct a:link {color:#800000;}
main div#catalog_list ul li.ct a:visited {color:#800000;}
main div#catalog_list ul li.ct a:focus {color:#800000;}
main div#catalog_list ul li.ct a:hover {color:#333d1c;}
main div#catalog_list ul li.ct a:active {color:#800000;}

main div#catalog ul.ppv {margin:0.5em 0;list-style:none;font-size:14px;}
main div#catalog_list ul.ppv {margin:0.25em 0;list-style:none;font-size:15px;line-height:1.15;}

main form {background:#d4dedf;padding:1em;color:black;}
main form {font-size:0.875em;line-height:1.5;}
main form fieldset {padding:1em;margin-bottom:1em;}
main form fieldset div {display:flex;flex-flow:row nowrap;align-items:center;}
main form fieldset:nth-child(2) div {padding:0.25em 0;}
main form fieldset div input[type="checkbox"] {margin-right:0.5em;}
main form fieldset div input[type="radio"] {margin-right:0.5em;}
main form fieldset div input[type="text"] {width:100%;text-transform:uppercase;padding:3px;}
main form fieldset div label {padding-right:1em;}
main form fieldset div label:first-child {width:70px;}
main form fieldset div p {margin:0.75em 0;font-size:smaller;}
main form fieldset legend {color:maroon;padding-left:1em;padding-right:1em;}

main p#titcat {display:flex;justify-content:space-between;background:azure;}
main p#titcat.tit {flex-direction:row;}
main p#titcat.cat {flex-direction:row-reverse;}
main p#titcat span.foc {font-weight:bold;}
main p#titcat span.foc::after {content:"\0025BE";padding-left:16px;font-size:16px;}
main p#titcat span.nrm {font-weight:normal;}
main p#titcat span.nrm::after {content:"\0025B8";padding-left:16px;font-size:15px;}
main p#titcat span.blr {cursor:pointer;}
main p#titcat span.blr::after {content:"\0025B8";padding-left:16px;font-size:15px;}

main p.subheading {text-align:center;margin:1.5em 0;}
main p.instructions {text-align:center;margin:1.25em 0;color:#322001;color:#32012c;color:#200132;font-size:15px;}
main p.issn {font-size:14px;}
main p.japsat {font-size:14px;color:#5b5b5b;}
main p.jtaf {margin:2em 0 -1em 0;font-size:15px;}
main p.volsnote {font-size:14px;}
main p.kan {font-size:14px;}
main p.kraus {font-size:14px;}
main p.mm {font-size:14px;}

main span#inq_to {color:#cd5c5c;padding-right:0.5em;}

main ul {list-style:disc;margin:1em 0 1em 1em;max-width:35em;}
main ul li {margin:1ex 0;line-height:1.25;}

main ul.text li::marker {color:#cd5c5c;font-size:15px;}
main ul.text li:hover::marker {color:#426f70;}

main div.list ul {margin:1.5em 0 1.5em 1em;}
main div.list ul li div {margin-bottom:1em;}
main div.list ul li::marker {color:#cd5c5c;font-size:15px;}
main div.list ul li a:hover::after {content:"\00279D";padding-left:16px;font-size:15px;}
main div.list ul li:hover::marker {color:#426f70;}

main ul li.int::marker {color:#426f70;font-size:15px;}
main ul li.int a:hover::after {content:"\00279D";padding-left:16px;font-size:15px;}
main ul li.int:hover::marker {color:#cd5c5c;}

main ul li.ext::marker {color:#426f70;font-size:15px;}
main ul li.ext:hover::after {content:"\01F855";padding-left:16px;font-size:15px;}
main ul li.ext:hover::marker {color:#cd5c5c;}

@media screen and (max-width:899px) {
	main {}
}

@media screen and (min-width:900px) {
	main {flex:0 1 70%;overflow:auto;}
}

/*	Main addresses	

section.address.x {background:azure;}
section.address.x h3 {background:lightyellow;}
section.address.x div {background:mistyrose;}
section.address.x div p {background:azure;}
section.address.x div p:nth-child(3) {background:navajowhite;}

*/

section.address {margin-top:2em;}
section.address h3 {font-weight: normal;}
section.address h3::before {content:"\002022";color:#426f70;display:inline-block;width:16px;font-size:14px;}
section.address p {line-height:1.35;}

@media screen and (max-width:600px) {
	section.address {display:flex;flex-flow:column nowrap;}
	section.address div {margin-left:1em;}
	section.address div p:nth-child(3) {display:flex;flex-flow:column nowrap;}
}

@media screen and (min-width:601px) {
	section.address div {display:flex;flex-flow:row wrap;}
	section.address div p:first-child {flex:0 1 60%;}
	section.address div p:nth-child(2) {flex:0 1 40%;text-align:right;}
	section.address div p:nth-child(3) {flex:0 1 100%;margin-top:0;}
	section.address h3 {margin-left:-16px;display:flex;align-items:center;}
	section.address p#www {display:none;}
}

h3#publisher_name {font-weight:normal;}
h3#publisher_name {margin-left:-16px;display:flex;align-items:center;}
h3#publisher_name::before {content:"\002022";color:#426f70;display:inline-block;width:16px;font-size:14px;}
h3#publisher_name_x {font-weight:normal;}

p#interactions_x {display:flex;justify-content:space-between;font-size:0.875em;}
a.here_x {padding-left:1em;}

main ul#atoz, main ul#list_langs, main ul#pubs_filter {
	display:flex;flex-flow:row wrap;list-style:none;justify-content:center;max-width:100%;margin:1em auto;font-size:90%;
}
main ul#atoz li, main ul#list_langs li, main ul#pubs_filter li {
	background:#ffffff;border:1px dotted #c0c0c0;margin:3px;padding:0 3px;
}
main ul#list_langs li.h, main ul#atoz li.h, main ul#pubs_filter li.h {background:#ffffe0; color:#800000;cursor:pointer;}
main ul#list_langs li.n, main ul#atoz li.n, main ul#pubs_filter li { background:#ffffff; color:inherit;cursor:pointer;}

main ul#atoz li.dn {display:none;}

@media screen and (max-width:899px) {
	main ul#atoz li, main ul#list_langs li, main ul#pubs_filter li {
		font-size:100%;margin:0.25em;padding:0.25em 0.5em;
	}
}

/*	Changed 2021-07-28 to try to please google

main.x ul#atoz,main.x ul#list_langs,main.x ul#pubs_filter {max-width:100%;}

main ul#atoz,main ul#list_langs,main ul#pubs_filter {border:1px solid pink;max-width:90vw;}

main ul#atoz,main ul#list_langs,main ul#pubs_filter {text-align:center; font-size: 90%; margin: 1em 0;}
main ul#atoz li,main ul#list_langs li,main ul#pubs_filter li{background:#ffffff;border:1px dotted #c0c0c0;display:inline-block;margin:0 2px;padding:0 3px;}
main ul#atoz li.dn {display:none;}

main ul#list_langs li.h,main ul#atoz li.h,main ul#pubs_filter li.h{background:#ffffe0; color:#800000;cursor:pointer;}
main ul#list_langs li.n,main ul#atoz li.n,main ul#pubs_filter li{background:#ffffff; color:inherit;cursor:pointer;}
main ul#pubs_filter_x{text-align:center;}
main ul#pubs_filter_x li{cursor:pointer;display:inline-block;margin:0 1em;}

/*

/*	Main addresses	

section.address {margin-top:2em;}
section.address_x h3 {color:maroon;font-size:1.125em;}
section.address p {line-height:1.35;}
section.address ul li {list-style:none;line-height:1.5;}
section.address ul li span:first-child {display:inline-block;width:75px;}
section.address ul li span:last-child {font-size:0.9375em;}

*/

/*	Main listbysubject	*/

main.listbysubject section h3 {margin-top:1em;margin-bottom:1em;}
main.listbysubject section h3.plus, main h3.minus {margin-left:-1.5em;cursor:pointer;}
main.listbysubject section h3.plus {font-weight:normal;}
main.listbysubject section h3.plus::before {content:"+";display:inline-block;width:1.5em;font-size:16px;color:maroon;}
main.listbysubject section h3.minus::before {content:"-";display:inline-block;width:1.5em;font-size:16px;color:maroon;}
main.listbysubject section div.opn {display:flex;flex-flow:row nowrap;}
main.listbysubject section div.cls {display:none;}
main.listbysubject section div ul {flex: 1 1 50%;margin:0 0 0 1em;}
main.listbysubject section div ul:first-child {margin-right:1em;}

iframe {height:200px;width:800px;margin:0 auto;}



.crsp {cursor:pointer;}
.db {display:block;}
.dn {display:none;}
.fwb {font-weight:bold;}
.o0 {opacity: 0;}
.o3 {opacity: 0.3;}
.o1 {opacity: 1;}
.tac {text-align:center;}

@media print {
	
	/*	Wrapper	*/

	div#a_wrapper {width:640px;height:auto;background:#426f70;margin:0 auto;border:1px solid red;}
	div#a_wrapper {display:block;}

	/*	Header	*/

	header {background:inherit;padding:1.5vh 2vh;display:flex;align-items:center;}
	header h1 {font-size:125%;font-weight: normal;font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;background: inherit;color:black;text-shadow: unset;}
	header p {font-size:82%;margin-top:.2em;padding-left:.1em;background:inherit;color: black;}
	
	main {width:600px;background:lightyellow;margin:0 auto;}
	nav#index {display:none;}
	header#company div#quick_search {display:none;}
	section.address p#www {display:block;}
	
	iframe {display:none;}
}
