/* My customizations. 

List of posts
=============

This contains things like Research Highlights.

Markup should be:

<section>
  <header><h2>Research Highlights</h2></header>
  <article class="posts">
    <div>
      <!-- May have additional structure from notebooks etc. -->
      <div class="image"><img></div>
      <h3 id="Negative-Mass-Hydrodynamics">...</h3>
      <p>Negative mass is...</p>

       ...

      <p class="button"><a href="...">Read more...</a></p>
    </div>
  </article>
</section>
 
Post
====

This contains things like Research Highlights.

Markup should be:

<header class="main-header">
</header>
<section>
  <div class="post">
    <!-- May have additional structure from notebooks etc. -->
    <div id="notebook">
      ...
      <img>
    </div>
  </div>
</section>

Page
====

This contains things like Research Highlights.

Markup should be:

<header class="main-header">
</header>
<section>
  <div class="page">
    <!-- May have additional structure from notebooks etc. -->
    <div id="notebook">
      ...
      <img>
    </div>
  </div>
</section>

*/
/* Stretching the definition of campus. New term? */
/* Overrides for IPython formatting.
*/
div.prompt {
  padding: 0;
  font-size: 13px;
  background: initial;
  min-width: initial;
  margin-right: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.rendered_html ul {
  margin: 0;
  padding: 0 0em 0em 2em; }

.rendered_html ul ul {
  margin: 0;
  padding: 0 0em 0em 2em; }

.rendered_html ul ul ul {
  margin: 0;
  padding: 0 0em 0em 2em; }

.rendered_html ul li {
  margin: 0;
  padding: 0; }

.rendered_html ul ul li {
  margin: 0;
  padding: 0; }

.rendered_html ul ul ul li {
  margin: 0;
  padding: 0; }

.rendered_html #Table-of-Contents ~ ul {
  margin: 0;
  padding: 0 2em 0em 2em; }

.rendered_html #Table-of-Contents ~ ul li {
  list-style: none;
  padding: 0; }

/* Local Variables: */
/* mode: scss */
/* css-indent-offset: 2 */
/* End: */
header.major > :last-child {
  border-bottom: solid 3px #c60c30;
  display: inline-block;
  margin: 0.5em 0 2em 0;
  padding: 0 0.75em 0.5em 0; }

.main-header {
  height: auto;
  min-height: 142px; }

/* Improvements for code snippets so they do not overflow. */
div .inner_cell {
  width: 100%;
  max-width: 100%;
  /* New: to fix long text. */ }

pre {
  overflow: auto;
  white-space: pre-wrap; }

/* Improvements for MathJaX so it does not overflow. */
div .MathJax_Display {
  overflow: auto; }

/* Image at top of posts should never be too large */
img {
  display: inline-block;
  max-width: 100%; }

/* Margin notes 
   https://github.com/washingtonstateuniversity/
           WSUWP-Plugin-HTML-Component-Embed/issues/2
*/
div:has(.marginnote) .post {
  padding-right: 20%; }
  div:has(.marginnote) .post .marginnote {
    position: absolute;
    width: 16%;
    right: 0;
    font-size: .75rem;
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    padding-left: 1%;
    color: blue; }

div .posts {
  /* Do something different here...*/ }

/* Reduce font size for quarter divisions */
.quarters h1 {
  font-size: 1.8em;
  font-size: 1.8rem; }

.quarters h2 {
  font-size: 1.6em;
  font-size: 1.6rem; }

.quarters h3 {
  font-size: 1.4em;
  font-size: 1.4rem; }

.quarters h4 {
  font-size: 1.2em;
  font-size: 1.2rem; }

.quarters h5 {
  font-size: 1.0em;
  font-size: 1.0rem; }

.quarters h6 {
  font-size: 0.8em;
  font-size: 0.8rem; }

/* Post lists */
.posts div#notebook img:nth-of-type(1) {
  max-width: 100%;
  max-height: 300px; }

/* Posts */
.post div#notebook img:nth-of-type(1) {
  max-width: 50%;
  max-height: 300px; }
.post div#notebook div.prompt {
  padding: 0;
  /* No borders in post list. */
  margin-right: 0; }

/* Pages */