/* -----------------------------------------------
Journal local stylesheet.
Author:   David Stienstra
Version:  February 2020
PLEASE SAVE THIS FILE LOCALLY!
----------------------------------------------- */
body {
  background: #fff url(../assets/md5images/961c37f2ab33492ae1e28db4e14767ed.gif) repeat-x left top;
}
/* ---------------- Header ---------------- */
#amis #header {
    position: relative;  /* needed for logo positioning */
  height: auto !important; /* !important overrides mbl styling */
}
#amis #banner_image {
    display: block;
    width: 980px !important;
    height: auto !important;  /* avoids warping improperly sized header image / SUP-19994 */
}
#amis #banner_link { line-height: 0; } /* removes header/nav gap in mbl */
    /* --- Logo --- */
#amis #logo_image,
#amis #header a#logo_link {
  display: none;
}
#amis #header a#banner_link:focus img,
#amis #header a#logo_link:focus img {
  outline: 1px dashed #000;
}

/* Navigation */
/* ---------------- Navigation ---------------- */

#amis #navigation,
#amis #navigation #tabs {
	height: 36px;
	/* overflow: hidden; have seen issues with tabs extending below nav container */
	white-space: nowrap;
  background-color: #e1e1e1;
}

#amis #navigation #tabs,
#amis #navigation #tabs ul,
#amis #navigation #tabs ul li {
	padding: 0;
	margin: 0;
}

#amis #navigation #tabs,
#amis #navigation #tabs ul {
	display: flex;
	justify-content: flex-start;
	width: 100%;
}

#amis #navigation #tabs a {
	font: normal 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
	display: block;
	/*width: auto !important; fixes "my account" not fitting in container on page load (does it tho?)*/
	line-height: 36px;
	color: #323232;
	background-color: #e1e1e1;
	padding: 0 11px;
	margin: 0;
	border: 0;
}

#amis #navigation #tabs a:hover,
#amis #navigation #tabs a:active,
#amis #navigation #tabs a:focus {
	text-decoration: underline;
}

#amis #navigation #tabs a span { font-size: 12px; }	/* nav tab font size (default: 12px). Using font shorthand style specification causes display issue with My Account pages */

#amis #navigation #tabs li:last-child a { padding-right: 25px; }   /* hidden but expands to fit 240px #tabs for IE + FF */

#amis #sidebar ul#navlist li a:active, 
#amis #sidebar ul#navlist li a:focus {
  border-bottom: 1px solid #0d3f62;
}

/* Sidebar */
#amis #sidebar {
  margin-right: 10px;
  /*margin-left: 10px; */
}

#amis #sidebar #issn p {
  margin-right: 3px;
  margin-left: 3px;
}

#amis #sidebar ul#navlist li a:active,
#amis #sidebar ul#navlist li a:hover,
#amis #sidebar ul#navlist li a:focus {
    color: #000;
    background: transparent;
}

/* Main content */
    /* --- Headers --- */
#amis #main.text .article-list h1,    /* Current Issue - without cover art */
#alpha h1, #series-home h1 {   /* Journals with cover art */
  font: normal 22px 'Cairo', sans-serif; /* Current Issue */
}

#amis .article-list h2,   /* Article, or other doctype */
#coverart #alpha .article-list h2 {   /* Journals with cover art */
    font: normal 21px 'Cairo', sans-serif;
    background: transparent;   /* removes background and adds a line under doctype header */
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 0;
    margin-bottom: 25px;
}
    /* --- Editors and Cover art --- */
#coverart #beta {
    float: right; }
        /* Cover art */
#amis #coverart #beta .coverart-box h4 {
    font: normal 18px 'Cairo', sans-serif; /* default is 18px */
    color: #000;
    text-align: left;
    text-transform: none;
    border-bottom: 1px solid #bfbfbf; }
#amis #coverart #beta .coverart-box {
    font: normal 12px 'Cairo', sans-serif;
    border: 0; }
#amis #coverart #beta #coverart-box-container {
    border: 0; }
#coverart #beta { width: auto; }
#amis #coverart #beta dl  {
    margin-left: 0; }
#amis #coverart #beta #coverart-editors dt {
    font-size: 12px;
    padding-top: 10px; }
#amis #coverart #beta #coverart-editors dd {
    padding-top: 3px;
}
/* Replacing rule on line 227 to style all options and not break mobile PDF buttons */
/*#amis #main.text div.article-list .pdf { width: auto; }*/
#amis div.article-list .pdf,
#amis div.article-list .native,
#amis div.article-list .external,
#amis div.article-list .none .openurl,
#amis div.article-list .none,
#amis div.article-list .metadata-only {
 width: auto;
}

/* ---------------- Mobile ---------------- */
.mbl #amis {
    margin-top: 0; }
.mbl #navigation #tabs {
    display: none;
}
.mbl #amis #sidebar ul#navlist li a {
    padding: 6px 0px;
}
.mbl #amis #sidebar ul#navlist li {
    padding: 0px;
}
header#mobile-nav {
    font-size: 0;
    line-height: 0; }
.mbl #amis #header,
.mbl #amis #header a img,
.mbl #amis #navigation {
    width: 100% !important;
}
.mbl #amis #header #logo_image {
    display: none;
}
#amis #wrapper .text #myaccount thead tr th { color: #000; }

/* increase intro text font size EK 8/12/20 */

#amis #main.text #intro-text {font-size: 16px;}

/* submit button EK 8/12 */
#amis #main.text .aside p a.btn {float: left;}


/* Wrap intro text around image EK & JR 8/13/20 */

#amis #main.text #amis-introtext p#image img {
	display: block;
	float: right;
}

/* Add space between text in info box JR 8/21/20 */
#amis #main.text #beta_7-3 .aside #field_name.element p {padding-bottom: 7px;}