/* 
  Typography  
   includes headings, paragraphs, links 
*/

a:link {}
a:visited {}
a:hover {}
a:active {}

a.long-shadow
{
  margin-left: -10px;
}


form h1
{
  font-family: "HelveticaNeue-Light", sans-serif;
}

h1,
nav
{
  font-family: "HelveticaNeue-Light", sans-serif;
}

nav a,
a.logo
{
    text-decoration: none;
}

ul.ethos li:first-child
{
  font-weight: bold;
  font-style: italic;
}

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

.long-shadow 
{
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 5px;
  border: none;
  font: normal 30px/1 "Fredoka One", Helvetica, sans-serif;
  /*color: rgba(255,255,255,1);*/
  color: orange;
  text-align: left;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: 3px 3px 0 white, /* #0199d9 */
               4px 4px 0 white, 
               5px 5px 0 white, 
               6px 6px 0 white, 
               7px 7px 0 white;
}

.alt-shadow 
{
  font-size: 2.5em;
  background: lightgreen;
  padding: 20px;
  border-radius: 15px;
  text-shadow: 4px 4px 0px white; /* #0199d9 */
}
.vertical-nav
{
    font: normal 20px/1, HelveticaNeue-Light, sans-serif;
    color: white;
}

.answer a {
    color: crimson;
    text-decoration: none;
    font-weight: bold;
}

@media (max-width: 700px)
{
  .long-shadow
  {
    font: normal 50px/1 "Fredoka One", Helvetica, sans-serif;
  }
  .vertical-nav a:not(.long-shadow)
  {
    font-size: 1.5em;
  }
}