html { font-size: 13px; }
body { font-family: 'Open Sans', sans-serif; }
a:hover  { text-decoration: none; color: rgb( 70, 74, 78) !important;}

h1, h2, h3, h4 { font-family: 'Abril Fatface', cursive; font-weight: normal !important;}
.categories .tag { font-family: 'Abril Fatface', cursive; font-size: 1.3em; text-transform: uppercase; }

h1 { margin-bottom: 0}
h3 { font-size: 1.3em; text-transform: uppercase; }
h4 { font-size: 1.2em; line-height: 1.4em; }


a.h1, a.h2, a.h3, a.h4 { font-family: 'Abril Fatface', cursive; font-size: 1.8em; font-weight: normal !important; display: block; color: rgb(33, 37, 41); } 
a.h2 { font-size: 1.2em; }
a.h3 { font-size: 1.3em; text-transform: uppercase; }
a.h4 { font-size: 1.2em; margin-bottom: 0.3em}

.navbar { padding: .4rem 1rem }

.preview .image img { max-width: 100%;  } /* min-height: 129px; */
.hero .image img { max-width: 100%; }
.article-image img { width: 100%;}
.preview .caption, .hero .caption { text-transform: uppercase; text-align: right; font-size: 0.7em; color: #888;}
.preview h2 { font-size: 1.2em; font-weight: bold; margin-bottom: 0.2em; margin-top: 0.2em;}
.preview .author { text-transform: uppercase; font-size: 0.9em;}

.hero .h1 { font-size: 1.8em; font-weight: bold; margin-bottom: 0.2em; padding-bottom: none; margin-top: 0.8em; text-align: center;}
.hero .author { text-transform: uppercase; font-size: 0.9em; text-align: center;}
.hero p { text-align: center; font-size: 1.1em; padding-top: 0.3em;}

.row.main { border-bottom: 1px solid #ccc; padding-bottom: 1em; margin-bottom: 1em;}

.navbar-brand { font-family: Verdana, Helvetica, Arial;  font-weight: bold; text-align: center; font-style: italic;}
.masthead { font-family: Verdana, Helvetica, Arial; font-size: 3em; font-weight: bold; text-align: center; font-style: italic;}
.mast-small img { max-width: 100%; }
.slogan { font-size: 1.3em; text-align: center;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #e26d0c !important}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .no-hover:hover { color: rgba(255,255,255,.5) !important}

.remaining-content a.category { display: block; color: #888; }

/*
.article-list { min-height: 119px;  }
.full_preview { min-height: 145px; }
*/

.page .brief-outline { font-size: 1.4em; font-style: none; color: #888}
.page .author { font-size: 0.9em; text-transform: uppercase;}
.page .date { font-size: 0.9em; text-transform: uppercase }
.page .doi { font-size: 0.9em;  display: block;  color: #888}
.page .hero { width: 100%; }
.page .caption { font-size: 1.2em; font-weight: normal; font-style: none; color: #888}
.page .content { font-size: 1.4em; line-height: 1.6em;}

.pager { margin: 0 auto; }
.pager a { display: inline-block; padding: 2px 4px; float }
.pager a.active { color: #000; }
.pager a.active:before, .pager a.active:after { content: '-'}


.back-issue-thumb img { width: 140px; height: 198px; color: #000}

/* Temporary Banner Ad place holders */
.tmp-ad { margin: 0 auto;  text-align: center; color: white; font-size: 1.5em; text-transform: uppercase; }
.tmp-ad > div { padding-top: 1.8em;}
/* Temporary Banner Ad place holders END */

.img-wrap img { float: left; padding: 0.3em 1em 0.3em 0}


.subheading { font-size: 1.2em; color: #888;   }