/* User Provided Stylesheet */

p {text-align: justify;}

.bd-main .bd-content .bd-article-container {
    max-width: 81em;  /* default is 60em */
}

html {
    --pst-font-family-base: Verdana, var(--pst-font-family-base-system);
    --pst-font-family-heading: Cambria, Georgia, Times, var(--pst-font-family-base-system);
    --pst-font-family-monospace: Courier, var(--pst-font-family-monospace-system);
}

/*--------------------------------------------------------------------*\ 
Styling for Table of Contents 

- Ensures that menu items in the table of contents are big enough for readers

\*--------------------------------------------------------------------*/ 

#site-navigation li > a {
    font-size: 1.1em;
  }
  
/*-------------------------------------------------------------------*\
Styling for Embedded Videos (iframes) 

- Ensures that videos can resize to suit the screen the book is read from.
- Also ensures that videos are horizontally centered.

/*--------------------------------------------------------------------*/ 

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

iframe {
    margin: auto;
    display:block;
}
/*----------------------------------------*/

/*--------------------------------------------------------------------*\

Styling for Tables

- Improves styling of tables over the default Markdown standard
- Adds borders to tables, and allows a rows to be highlighted when hovered

\*--------------------------------------------------------------------*/ 

th, td {
    border: 1px solid #999999 !important; 
    text-align: center; 
    padding: 10px
  }
  
th {
    font-weight: bold; 
    background-color: #EEEEEE;
}
  
table caption {
    color: black; 
    text-align: center;
}
  
table caption .footnote {
    color: #666666; 
    text-align: left; 
    font-size: smaller;
}
  
tr:hover {
    /*background-color: #ffff00;*/
    font-weight: bold;
}