/* Here follows min.css, as expanded and adapted by Patrick Mooney. */
/* Original copyright 2014 Owen Versteeg;  MIT licensed */
/* Changes copyright 2017- Patrick Mooney; same license as Owen's */

body, textarea, input, select {background:0; border-radius:0; font:16px sans-serif; margin:0}

.smooth {transition:all .2s}

.btn, .nav a {text-decoration:none}
.container {margin:0 20px; width:auto}

label > * {display:inline}
form > * {display:block; margin-bottom:10px}

.btn {background:#8a9a9a; border-radius:6px; border:0; color:#fff; cursor:pointer; display:inline-block; margin:2px 0; padding:12px 30px 14px}
.btn:hover {background:#778585}
.btn:active, .btn:focus {background:#99abab}
.btn-a {background:#00939a}
.btn-a:hover {background:#00838a}
.btn-a:active, .btn-a:focus {background:#00757a}
.btn-b {background:#86af49}
.btn-b:hover {background:#799e42}
.btn-b:active, .btn-b:focus {background:#6c8c3b}
.btn-c {background:#59c9d5}
.btn-c:hover {background:#50b4bf}
.btn-c:active, .btn-c:focus {background:#48a4ad}
.btn-sm {border-radius:4px; padding:10px 14px 11px}

.row {margin:1% 0; overflow:auto}.col {float:left}
.table, .c12 {width:100%}
.c11 {width:91.66%}
.c10 {width:83.33%}
.c9 {width:75%}
.c8 {width:66.66%}
.c7 {width:58.33%}
.c6 {width:50%}
.c5 {width:41.66%}
.c4 {width:33.33%}
.c3 {width:25%}
.c2 {width:16.66%}
.c1 {width:8.33%}

h1 {font-size:3em}
.btn, h2 {font-size:2em}

.ico {font:33px Arial Unicode MS, Lucida Sans Unicode}

.addon, .btn-sm, .nav, textarea, input, select {outline:0; font-size:14px}

textarea, input, select {padding:8px; border:1px solid #8a9a9a}
textarea:focus, input:focus, select:focus {border-color:#00939a}
textarea, input[type=text] {-webkit-appearance:none; width:13em}

.addon {padding:8px 12px; box-shadow:0 0 0 1px #8a9a9a}
.nav, .nav .current, .nav a:hover {background:#000; color:#fff}
.nav {height:24px; padding:11px 0 15px}
.nav a {color:#8a9a9a; padding-right:1em; position:relative; top:-1px}
.nav .pagename {font-size:22px; top:1px}
.btn.btn-close {background:#000; float:right; font-size:25px; margin:-54px 7px; display:none}

@media(min-width:1310px) {.container {margin:auto; width:1270px}}
@media(max-width:870px) {.row .col {width:100%}}
@media(max-width:500px) {
  .btn.btn-close {display:block}
  .nav {overflow:hidden}
  .pagename {margin-top:-11px}
  .nav:active, .nav:focus {height:auto}
  .nav div:before {background:#000; border-bottom:10px double; border-top:3px solid; content:''; float:right; height:4px; position:relative; right:3px; top:14px; width:20px}
  .nav a {padding:.5em 0; display:block; width:50%}
 }

table th, table td {padding:.5em; text-align:left}
table tbody > :nth-child(2n-1) {background:#b7cccc}
.msg {padding:1.5em; background:#9df6ff; border-left:5px solid #54d1de}
/* This is the end of Patrick Mooney's adaptation of min.css */


/* Here are the non-min.css based definitions. */
/* First, some basic definitions. */
body {
    background: white;
    max-width: 960px;
    margin: 0 auto; }

a:link {
    color: #1f4478;
    text-decoration: none;
    font-weight: bold;      /* font-variant: small-caps; */
    padding: 0;
    margin: 0; }
a:active { color:  #00939a; }
a:visited { color: #44883d; }

abbr, abbr[title] {
    border: none;
    text-decoration: none; }

address {
    margin-left: .5in;
    font-style: italic; }

code {
  font-family: monospace;   /* TODO: specify a font */
  white-space: pre; }

pre > code, code > pre {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: pre;
  background: #b7cccc;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }

hr {                        /* Sanitation. Thanks to GridLover */
    border: 1px solid;
    margin: -1px 0; }

em { font-style: italic; }  /* Sanitation. Thanks to GridLover */

em em, i em, em i, i i { text-decoration:underline; }

figure {
    display: table;
    margin-left: 1em;
    margin-top: 1em;
    margin-bottom: 1em; }

caption, figcaption {
    clear: both;
    font-style: italic;
    display:table-caption;
    caption-side: bottom; }

h2, h3, h4, h5, h6 { 
    page-break-after: avoid; 
    page-break-inside: avoid; }

h2 + *, h3 + *, h4 + *, h5 + *, h6 + * { 
    page-break-before: avoid;
    page-break-inside: avoid; }

p, td, div, aside, header, footer, article, blockquote, figure, dd, dl, dt, tfoot, main, ul, ol, nav, figcaption {
    orphans: 2;
    widows: 2; }


/* List handling */
ol > li, .numbered-list, .numbered-list > li { list-style-type: decimal; }

ol ol > li, .lettered-list, .lettered-list > li {list-style-type: lower-latin;}

ol ol ol > li  {list-style-type: lower-roman;}

ul > li {list-style-type: disc;}

ul ul > li {list-style-type: square;}

ul ul ul > li {list-style-type: circle;}

.undecorated-list li { list-style: none; }


/* Utility classes for layout */
.aside {
    margin-left: .5in;
    margin-right: .5in;
    font-style: normal;
    font-weight: normal; }

.center-figure {
    border: none;
    text-align: center; }

.center-figure:hover { background: none; }

.float-right {              /* TODO: use these parameters site-wide? */
    vertical-align: top;
    position: relative;
    float: right;
    left:.3in; }

.float-left {
    vertical-align: top;
    position: relative;
    left:-.3in; }

/* .float-right {
    margin: 3px 0 3px 5px; }    /* TODO: adjust these parameters */

.formula {
    text-align: center;         /* TODO: Make non-ugly */
    font-size: 90%;
    font-style: italic; }

/* .attrib {padding-left: 1in;      /* This class is for em-dash-preceded attributions of quotations. It's currently unimplimented but referenced. Maybe display: block; ? and/or first-line: 1em; ? TODO: Fix this, and see whether it should be swapped in or out.
         text-indent: -1em;
         padding-bottom: 16px;} */

.attrib {                   /* This version migrated from harvey.css. */
    padding-left: 1em;
    text-indent: -1em; }

.hidden { display: none; }

.line-header { font-weight: bold; }

.sidebar-right {
    display: inline;                /*    width: 28%; */
    float: right;
    padding: 0 16px;                /* TODO: Tweak all of this */
    padding-top: 0;
    margin-top: 0;
    text-align: center; }

.sidebar-right p { padding-right: 40px; }       /* TODO: Is this a hack? */

.sidebar-left {                                 /* TODO: tweak all of this */
    position: fixed;
    width: 300px;
    float: left;
    text-align: center; }

.info-box {                                     /* TODO: Make non-ugly */
    margin-left: 50px;
    margin-right: 50px;
    padding: 0px 10px;
    border: solid 2px black;
    background: #b7cccc; }

.block-center {
    margin: 0 auto;
    max-width: 95%; }

.block-center td, .block-center p, .block-center div, .block-center blockquote { text-align: center; }  /* TODO: make this be semantic, not detected. */


/* Miscellaneous extra layout needs */
.checklist-table {
    border: none;
    margin-left: auto;
    margin-right: auto;
    width: 95% }

.checklist-table td { vertical-align: bottom; }

.checklist-table td.checkmark-space {
    padding: 0px;
    vertical-align: bottom; }

.checklist-table td.checkmark-space span.checkmark-blank {
    display: table-cell;
    border-bottom: 1px solid black;
    width: 50px;
    text-align: right; }

table.rubric-table {            /* TODO: generalize this */
    border: 1px solid black;
    border-collapse: collapse; }

.rubric-table tbody > * { background: white; }

.rubric-table td, .rubric-table th {
    vertical-align: top;
    border: 1px solid black;
    padding: 4px; }

th dd {
    margin: 0px;
    font-weight: normal;
    font-style: italic; }

.display-frame {
       padding: 15px;
       border: 2px solid black;
       border-radius: 15px;
       background-color: #b7c6d5;
       background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(255,255,255,.5) 4px, rgba(255,255,255,.5) 7px);}


/* definitions for the navigation menu. Should I just replace this with a min.css navbar? */
nav#main { display: table; }

.nav_menu {                     /* TODO: play with size values throughout here. */
    position: fixed;
    width: 100%;
    max-width: 960px;
    text-align: justify;
    text-align-last: justify;
    background-color: #b7cccc;
    bottom: 0;
    z-index: 1000;
    border: 3px groove #e7e7e7;
    margin-bottom: 0; }

.nav_menu img {
    margin: 0 auto;
    line-height: 0;
    padding: 6px 12px; }

.nav_menu a {
    text-decoration: none;
    color: white; }

.nav_menu a:hover {
    border: none;
    background-color: rgba(0,0,0,0);
    border-radius: initial;
    box-shadow: initial; }

.nav_menu img:hover { background: #00939a; }

.container {
    padding-bottom: 70px;
    max-width: 960px; }

.simpleNav {
    text-align: center;
    font-size: 0.8rem;
    color: #333; }

#main-nav {                     /* TODO: do we really need this? */
    background: white;
    width: 100%;
    float: left;
    padding: 6px; }             /* margin-left: 50px;} */

#main-nav p, #main-nav li { color: #333; }


/* Define the look of some classes with semantic meaning */
.book-title, .journal-title, .album-title, .film-title, .newspaper-title, .magazine-title { font-style: italic; }   /* TODO: make sure each of these is <cite>, not <span>. Sigh. */

.reference {
    padding-left: .5in;
    text-indent: -.5in; }

.citation-list { list-style-type: none; }

.citation-list > li { padding-bottom: 16px; }   /* TODO: check this. */

.strikeout { text-decoration: line-through; }

.status {                                       /* TODO: make non-ugly */
    text-align: center;
    font-style: italic;
    min-width: 300px;
    margin: 0.5in auto 0; 
    clear:both; }

.csl-bib-body {
    line-height: 2;
    padding-left: 2em;
    text-indent:-2em; }


@media print {
 body { margin: 0.5in; }

 .hide-when-printing { display: none; }
}