/* -----------------------------------------------
Journal local stylesheet.
Author:   David Stienstra
Version:  MONTH 2017
PLEASE SAVE THIS FILE LOCALLY!
----------------------------------------------- */


/* ---------------- Header ---------------- */

#romj #header {
	position: relative;  /* needed for logo positioning */
  height: auto !important; /* !important overrides mbl styling */
}

#romj #banner_image {
	display: block;
	width: 980px !important;
	height: auto !important;  /* avoids warping improperly sized header image / SUP-19994 */
}

#romj #banner_link { line-height: 0; } /* removes header/nav gap in mbl */

	/* --- Logo --- */

#romj #logo_image { /* include an image for accessibility */
	display: none;
}

#romj #header a#banner_link:focus img,
#romj #header a#logo_link:focus img {
		outline: 1px dashed #000;
}

	/* --- Highlighted sidebar links --- */

#romj #sidebar ul#navlist {
	border-top: none; }	 /* border added by ir-custom.css by default */
#romj #sidebar ul#navlist li:first-child a {
	border-top: 1px solid #ececc4; /* border is removed if #navlist has no content */
}

#romj #sidebar ul#navlist li a {
	color: #3f1a0a;
	transition: background 0.3s ease;
	font-weight: normal;
	background: #fafada;
	border-bottom: 1px solid #ececc4;
}
		/* Sidebar link colors */
#romj #sidebar ul#navlist li a:active,
#romj #sidebar ul#navlist li a:hover,
#romj #sidebar ul#navlist li a:focus {
	color: #3f1a0a;
	background: #fafada;
}

	/* --- Headers --- */

#romj .article-list h2,   /* Article, or other doctype */
#coverart #alpha .article-list h2 {   /* Journals with cover art */
	font: normal 21px ;
	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 */
#romj #coverart #beta .coverart-box h4 {
    font: normal 18px Verdana, Helvetica, Arial, sans-serif; /* default is 18px */
    color: #000000;
    text-align: left;
    text-transform: none;
    border-bottom: 1px solid #bfbfbf; }

#romj #coverart #beta .coverart-box {
	font: normal 12px Verdana, Helvetica, Arial, sans-serif;
	border: 0; }

#romj #coverart #beta #coverart-box-container {
	border: 0; }

#coverart #beta	{ width: auto; }

#romj #coverart #beta dl  {
	margin-left: 0; }

#romj #coverart #beta #coverart-editors dt {
	font-size: 12px;
	padding-top: 10px; }

/* Replacing rule on line 227 to style all options and not break mobile PDF buttons */
/*#romj #main.text div.article-list .pdf { width: auto; }*/
#romj div.article-list .pdf,
#romj div.article-list .native,
#romj div.article-list .external,
#romj div.article-list .none .openurl,
#romj div.article-list .none,
#romj div.article-list .metadata-only {
 width: auto;
 line-height: 1.2em;
}
#bepress a:focus {
		outline: 1px dashed #000;
}

/* Styling author guidelines HTML page BG 5/5/2020 */
#romj #main.text #romj_authorguidelines ul li ul {margin-top:.4em; margin-bottom:0px;}
#romj #main.text #romj_authorguidelines h4 {padding-bottom:.5em;}
#romj #main.text #romj_authorguidelines h5 {padding-bottom:.3em;}
#romj #main.text #romj_authorguidelines p.notation {font-size:11px; margin-left:14px; margin-top:-10px}
#romj #main.text #romj_authorguidelines p.top {font-size:11px;}

/* ---------------- Mobile ---------------- */

.mbl #romj {
	margin-top: 0; }

.mbl #navigation #tabs {
	display: none;
}

.mbl #romj #sidebar ul#navlist li a {
	padding: 6px 0px;
}

.mbl #romj #sidebar ul#navlist li {
	padding: 0px;
}

header#mobile-nav {
	font-size: 0;
	line-height: 0; }

.mbl #romj #header,
.mbl #romj #header a img,
.mbl #romj #navigation {
	width: 100% !important;
}

.mbl #romj #header #logo_image {
	display: none;
}