/* slidy.css
Copyright (c) 2005-2010 W3C (MIT, ERCIM, Keio), All Rights Reserved.  W3C liability, trademark, document use and software licensing rules apply, see: http://www.w3.org/Consortium/Legal/copyright-documents; http://www.w3.org/Consortium/Legal/copyright-software
*/

html,body,div
{
  margin: 0;
  padding: 0;
  border: 0;
}

body
{
  color: black;
  background-color: white;
  font-family: Georgia, serif;
  font-size: 14pt; 
  height: 90vh;
  width: 100vw;
  display: grid;
}

a {text-decoration: none}
a:link {color: black}
a:visited {color: black}
a:active {color: black}
a:hover {color: black}

table, td, th {
    border: 2px solid black;
    border-collapse: collapse;
}

td,th { padding: 0.5em }

img {
  height: 80vh;
  width: auto;
}

h1 {
  font-size: 2em;
  font-weight: bold;
  padding-top: 15%;
  padding-bottom: 2em;
}

h2 {
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 1em;
}

div.slide {
  margin-top: 2.5%;
  background-color: transparent;
  display: grid;
  place-items: center;
}

.single {
  grid-template-columns: 1fr;
  place-self: center;
}

.double {
  grid-template-columns: auto auto;
  grid-template-rows: 1fr;
  grid-column-gap: 5%;
  align-self: center;
  justify-self: center;
}

.titlepage {
  grid-template-columns: 30% 70%;
  grid-column-gap: 10px;
  text-align: center;
  
}

div.toolbar {
  position: fixed; z-index: 200;
  top: auto; bottom: 0; left: 0; right: 0;
  height: 1.2em; text-align: right;
  padding-left: 1em;
  padding-right: 1em; 
  font-size: 60%;
  color: black;
  background-color: #ffffff;
  border-top: solid 1px #c0c0c0;
}

div.slidy_toc {
  position: absolute;
  z-index: 300;
  width: 50%;
  max-width: 30em;
  height: 30em;
  overflow: auto;
  top: auto;
  right: auto;
  left: 1em;
  bottom: 2em;
  padding: 1em;
  background: #f0f0f0;
  border-style: solid;
  border-width: 1px;
  font-size: 60%;
}


div.slidy_toc.toc_heading {
  text-align: center;
  width: 100%;
  margin: 0;
  margin-bottom: 1em;
  border-bottom-style: solid;
  border-bottom-color: black;
  border-bottom-width: 1px;
}

/*
 hide images for work around for save as bug
 where browsers fail to save images used by CSS
*/
img.hidden { display: none; visibility: hidden }
div.initial_prompt { display: none; visibility: hidden }

  div.slide {
     visibility: visible;
  }
  div.handout {
     border-top-style: solid;
     border-top-width: thin;
     border-top-color: black;
  }

@media screen {
  .hidden { display: none; visibility: visible }

  div.slide.hidden { visibility: visible }
  div.handout.hidden { visibility: visible }
  div.background { display: none; visibility: hidden }
  body.single_slide div.initial_prompt { visibility: visible }
  body.single_slide div.background { visibility: visible }
  body.single_slide div.background.hidden { visibility: hidden }
  body.single_slide .invisible { visibility: hidden }
  body.single_slide .hidden { display: none; visibility: hidden }
  body.single_slide div.handout { display: none; visibility: hidden }
}