/*
====================================
Cascading Stylesheet File
Written by _<Your Name>_ on _<Date>_
====================================
*/

/* Load fonts. */
@font-face {
  font-family: raleway;
  src: url(./ttf/Raleway-VariableFont_wght.ttf);
  font-weight: normal;
}

@font-face {
  font-family: raleway;
  src: url(./ttf/Raleway-Italic-VariableFont_wght.ttf);
  font-weight: normal;
  font-style:italic;
}

@font-face {
  font-family: kurale;
  src: url(./ttf/Kurale-Regular.ttf);
  font-weight: normal;
}

/* Selectors and Formatting Directives go here */

/* Selectors and Formatting Directives go here */
html
{
    background-color: #888888;
    height:100%;
}

body
{
    margin:25px;
    /*background-color: #dddddd;*/
    background-color: white;
    max-width:900px;
    padding:.5in;
    border-style: solid;
    border-color:black;
    border-width: 1px;
    border-right-width:2px;
    border-bottom-width:2px;
    
    margin-left:auto;
    margin-right:auto;
}


h1
{
    text-align:center;

    /*
    border-bottom-style:solid;
    border-bottom-color:black;
    border-bottom-width:1px;
    */
}

h2
{
    display:inline-block;
}

h1, h2, h3
{
    font-family: 'kurale';
    font-weight: normal;
}

.section_contents
{
    margin-left: 25px;
    padding-left:10px;
    /*margin-bottom:10px;*/
    margin-bottom:100px;

    /*
    border-top-style:solid;
    border-top-color:black;
    border-top-width:1px;
    */

    border-left-style:solid;
    border-left-color:black;
    border-left-width:1px;

    /*background-color: #eeeeee;*/
}

p, .menu-item
{
  font-family: raleway;
}

.menu, .menu-h2
{
  text-align:center;
}

.menu
{
  border-bottom-style:solid;
  border-bottom-color:black;
  border-bottom-width:1px;

  border-top-style:solid;
  border-top-color:black;
  border-top-width:1px;
}

.menu-item
{
  background-color:#eeeeee;
  margin-left:5px;
  margin-right:5px;
  padding:10px;

  border-radius: 10px;
  
  border-bottom-style:solid;
  border-bottom-color:#dddddd;
  border-bottom-width:2px;

  border-right-style:solid;
  border-right-color:#dddddd;
  border-right-width:2px;

  text-align:center;
}

.menu .menu-item, .menu-h2 .menu-item
{
  line-height: 60px;
}

/*
.cards
{
  margin:auto;
  text-align: center;
}

.card
{
  background-color:white;
  padding:.25in;
  margin: .125in;
  display:inline-block;
  font-family: raleway;
}

.description
{
  font-family: brycefont;
}
*/

.icon
{
  width:150px;
  height:150px;
}

.steps
{
  text-align: center;
}

.step
{
  max-width:150px;
  display:inline-block;
  vertical-align: top;
  text-align:center;
  margin-bottom:25px;
}

.note
{
  margin:25px;
}

.Comparisons
{
  margin-left:auto;
  margin-right:auto;
}

.Comparisons td:first-child,
.Comparisons th:first-child
{
  padding:10px;
  text-align:right;
  padding-right:10px;
}

.Comparisons td:last-child,
.Comparisons th:last-child
{
  padding-left:10px;
}

.Comparisons th
{
  text-align: center;
}

h3
{
  margin-top:50px;
}

.section_contents > h3:first-child
{
  margin-top:0px;
  padding-top:25px;
}

#AudioTranscriptionLinkTable tr:nth-child(2n+2) td
{
  padding-bottom:50px;
}

.Transformation img
{
  max-width:300px;
}

.Transformation, .AlternativeTransformationOutput
{
  text-align: center;
}

.AlternativeTransformationOutput img
{
  max-width:100px;
}

.scrollbox
{
  max-height:500px;
  overflow-y:scroll;
  background-color:#eeeeee;
}


.AboutBryce
{
  width: 100%;
}

.AboutBryce div img
{
  width:100%;
}

.AboutBryce .column
{
  display:inline-block;
  max-width:49%;

  vertical-align: middle;
}

.AboutBryce .column p
{
  display:block;
  padding-left:5px;
  padding-right:5px;
}






/* Test */
.all
{
  background-color:#eeeeee;
}

.outbox
{
  display:inline-block;
}

.inbox
{
  display:block;
}

.outbox img
{
  width: 300px;
}

.red-highlight
{
  background-color:darkred;
  color:white;
  padding:5px;
}

.Testimonial
{
  margin-left:100px;
  margin-right:100px;
}

.Testimonial p
{
  font-style:italic;
  line-height: 30px;

}

p, .justify
{
  text-align: justify;
  text-justify: inter-word;
}

.Testimonial .Speaker, .Testimonial .Speaker-Title
{
  
}

.Testimonial .Speaker
{
    font-size:14pt;
    font-family: 'kurale';
    font-weight: Bold;
}

.Testimonial .Speaker-Title
{
    font-family: 'kurale';
    font-weight: normal;
    font-size:12pt;
    padding-bottom: 25px;
}

.montage_image
{
  width:100%;
}