/*! The cannonical version of this stylesheet is main.scss */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(//themes.googleusercontent.com/static/fonts/robotocondensed/v9/b9QBgL0iMZfDSpmcXcE8nMrfajfqx5pse9BUPMmpr-I.woff) format("woff"); }
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed Regular"), local("RobotoCondensed-Regular"), url(//themes.googleusercontent.com/static/fonts/robotocondensed/v9/Zd2E9abXLFGSr9G3YK2MsNxB8OB85xaNTJvVSB9YUjQ.woff) format("woff"); }
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(//themes.googleusercontent.com/static/fonts/robotocondensed/v9/b9QBgL0iMZfDSpmcXcE8nPZRQUbYfRc-1FWT9T9EE8M.woff) format("woff"); }
body {
  font-family: Helvetica,Arial,sans-serif;
  padding: 0;
  margin: 0;
  color: #222222; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Condensed';
  font-weight: 700; }

header {
  background-color: #007acc;
  color: white;
  text-align: center;
  font-size: 120%;
  padding: 0.3em; }
  header h1 {
    font-size: 375%;
    margin: 0;
    font-weight: 100; }
  header h2 {
    margin: 0.2em;
    color: #e0f3ff; }

.contact-info {
  text-align: center;
  padding: 0.5em; }

.contact-info > span + span:before {
  content: "\b7\a0";
  font-size: 16px;
  padding: 0.2em; }

a:link, a:visited {
  color: #007acc; }

a:hover {
  color: #00cc7a; }

a:active {
  color: #00663d; }

.phone-areacode:before {
  content: "("; }

.phone-areacode:after {
  content: ") "; }

.phone-lastfour:before {
  content: "- "; }

section h1 {
  background-color: #004c80;
  color: white;
  font-weight: 400;
  padding: 0.5em;
  margin: 0; }

article, footer p {
  max-width: 800px;
  margin: auto; }

section > ul {
  margin: 0.5em; }

.work {
  list-style-type: none;
  padding-left: 0; }
  .work > li {
    padding: 0  0 0.5em 0; }
  .work .work-name, .work .city, .work .date {
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-weight: 700;
    font-size: 110%; }
  .work .date {
    float: right; }
    .work .date .start:after {
      content: " \2014"; }
  .work .description {
    padding: 0.5em 0.5em 0 0.5em; }
  .work .title {
    font-weight: bold; }
  .work .title:after {
    content: "."; }
  .work .details {
    margin: 0.5em 1em 0 1em;
    list-style-type: disc; }

#experience .work-name:after {
  content: ", "; }

.schools {
  padding-left: 0;
  list-style-type: none; }
  .schools > li {
    margin-top: 0.5em; }
  .schools .school-name, .schools .degree-type, .schools .city {
    font-weight: 700; }
  .school-name:after, .schools .degree-type:after, .extra-info:after {
    content: ", "; }
  .schools .gpa:before {
    content: "GPA: "; }
.education .degrees {
  list-style-type: disc; }

.skills .skill-types {
  padding-left: 0;
  display: table;
  list-style-type: none; }
  .skills .skill-types > li {
    display: table-row; }
  .skills .skill-types .type {
    font-weight: bold;
    display: inline-block; }
  .skills .skill-types .type-entries {
    display: table-cell; }
    .skills .skill-types .type-entries li {
      display: inline; }
    .skills .skill-types .type-entries li:after {
      content: ", "; }
    .skills .skill-types .type-entries li:last-child:after {
      content: ""; }

.appstore-badge {
  display: none;
  margin-top: 10px; }

.pdf-link {
  position: absolute;
  right: 1em;
  top: 1em;
  max-width: 12em;
  color: #99d6ff; }
  .pdf-link span + span:before {
    content: " \b7\a0";
    text-decoration: none; }
  .pdf-link a:link, .pdf-link a:visited {
    color: #ccebff; }
  .pdf-link a:hover {
    color: #00ff99; }

@media print {
  header h1 {
    font-size: 200%; }
  header h2 {
    font-size: 120%; }

  section h1 {
    padding: 0.1em 0.5em; }

  section > ul {
    margin: 0 0.5em 0.2em 0; }

  .contact-info {
    font-size: 90%; }

  section {
    font-size: 90%; }

  .description {
    font-size: 90%; }

  footer {
    display: none; }

  a:link, a:visited {
    color: #222222;
    text-decoration: none; }

  .pdf-link {
    display: none; } }
header {
  padding-top: 1em; }

@media screen {
  .side-projects li {
    position: relative; }

  .appstore-badge {
    display: block; }

  footer {
    background-color: #eee;
    padding: 0.5em;
    color: #666;
    font-size: 70%; } }
@media screen and (min-width: 480px) {
  .side-projects .work {
    margin-right: 155px; }

  .appstore-badge {
    position: absolute;
    margin-top: 0;
    top: 0;
    right: -145px; }

  header {
    padding-top: 0.3em; } }