@charset "UTF-8";
/*!
===========================================================================

  Version: 5.0.0
  Description: 2015 Portfolio.
  Author: Chris Monaccio
  Author URI: http://chrismonaccio.com

  Copyright: © 2015 Chris Monaccio

===========================================================================
*/
.project-grid:before, .row:before, .intro:before, ._quote-source:before, .project-grid:after, .row:after, .intro:after, ._quote-source:after {
  content: " ";
  display: table;
}
.project-grid:after, .row:after, .intro:after, ._quote-source:after {
  clear: both;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html, body {
  position: relative;
  min-height: 100%;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "azo-sans-web", sans-serif;
  font-size: 1em;
  background: #fff;
  overflow: auto;
}

body, button, input, select, textarea {
  color: rgba(255, 255, 255, 0.6);
}

a {
  color: rgba(255, 255, 255, 0.6);
}

a:visited {
  color: rgba(229.5, 229.5, 229.5, 0.6);
}

a:hover {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 2px;
  border: 0;
  border-top: 2px solid #ccc;
  margin: 2em 0;
  padding: 0;
}
@media only screen and (min-width: 48.4375em) {
  hr {
    margin: 4em 0;
  }
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul, ol {
  margin: 0 0 1em;
  padding: 0 0 0 1.2em;
}
@media only screen and (min-width: 40em) {
  ul, ol {
    padding: 0;
  }
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}
figure img {
  width: 100%;
  height: auto;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
  *overflow: visible;
}

table button, table input {
  *overflow: auto;
}

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?-1rwti9");
  src: url("../fonts/icomoon.eot?#iefix-1rwti9") format("embedded-opentype"), url("../fonts/icomoon.woff?-1rwti9") format("woff"), url("../fonts/icomoon.ttf?-1rwti9") format("truetype"), url("../fonts/icomoon.svg?-1rwti9#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-stache:before {
  content: "\e600";
}

.icon-beard:before {
  content: "\e604";
}

.icon-twitter:before {
  content: "t";
}

.icon-github:before {
  content: "g";
}

.icon-google-plus:before {
  content: "+";
}

.icon-linkedin:before {
  content: "l";
}

.icon-codepen:before {
  content: "c";
}

.icon-home:before {
  content: "\e602";
}

.icon-arrow-left:before {
  content: "\e601";
}

.icon-arrow-right:before {
  content: "\e603";
}

._heading.-page-title, ._heading.-section-title {
  font-size: 3em;
  line-height: 1.1em;
}

._heading.-article-title {
  font-size: 2.5em;
}

._heading.-employer, ._heading.-project-title {
  font-size: 2em;
}

._heading.-job-title, ._heading.-skill-group {
  font-size: 1.5em;
}

._heading.-quote-source-name, ._heading.-employment-period, ._heading.-notable-projects, ._heading.-role {
  font-size: 1.25em;
}

._heading.-quote-source-title {
  font-size: 1em;
}

._heading {
  font-family: "azo-sans-web", sans-serif;
  font-weight: 200;
  line-height: 1.2em;
  margin: 0 0 0.5em;
}
._heading.-section-title {
  text-align: left;
  text-transform: uppercase;
}
._heading.-page-title {
  color: #fff;
}
._heading.-project-title {
  text-align: center;
  padding: 0 1.5em;
}
._heading.-skill-group {
  font-weight: 700;
}
._heading.-employer {
  font-weight: 700;
  margin-bottom: 0.25em;
}
._heading.-job-title {
  font-weight: 500;
  margin-bottom: 1.5em;
}
._heading.-notable-projects, ._heading.-role {
  font-weight: 700;
  margin-bottom: 0.25em;
}
._heading.-employment-period {
  font-weight: 500;
  line-height: 1.4em;
  margin-bottom: 0;
}
._heading.-quote-source-name {
  margin-bottom: 0.25em;
}
[data-theme="1"] {
  background-color: #A8CABA; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5D4157), to(#A8CABA)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #5D4157, #A8CABA 800px); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #5D4157, #A8CABA 800px); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #5D4157, #A8CABA 800px); /* IE10 */
  background-image: -o-linear-gradient(top, #5D4157, #A8CABA 800px); /* Opera 11.10+ */
  background-image: linear-gradient(top, #5D4157, #A8CABA 800px);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#5D4157", EndColorStr="#A8CABA");
  background-repeat: no-repeat;
}
[data-theme="1"] ::-moz-selection {
  background: rgba(168, 202, 186, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="1"] ::selection {
  background: rgba(168, 202, 186, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="1"] ._nav-link a,
[data-theme="1"] ._nav-link a:visited,
[data-theme="1"] .social li a span {
  color: rgb(231.3857142857, 240.6142857143, 236.2714285714);
}
[data-theme="1"] ._heading {
  color: rgb(152.1518987342, 107.8481012658, 142.6582278481);
}
[data-theme="1"] .-project-title {
  color: #fff;
}
[data-theme="1"] ._project-hero:after {
  background: #A8CABA;
  opacity: 0.5;
  transition: all 0.5s ease;
}
[data-theme="1"] hr {
  border-color: rgb(152.1518987342, 107.8481012658, 142.6582278481);
}
[data-theme="1"] ._panel {
  color: #A8CABA;
  background: rgba(152.1518987342, 107.8481012658, 142.6582278481, 0.6);
}
[data-theme="1"] ._quote {
  color: #A8CABA;
  background: rgba(152.1518987342, 107.8481012658, 142.6582278481, 0.6);
}
[data-theme="1"] ._quote:after {
  border-left: 2em solid rgba(152.1518987342, 107.8481012658, 142.6582278481, 0.6);
}
[data-theme="1"] .job {
  border-color: rgba(93, 65, 87, 0.6);
}
[data-theme="1"] ._job-description {
  border-color: rgb(152.1518987342, 107.8481012658, 142.6582278481);
}
[data-theme="1"] ._employer-logo {
  background-color: rgb(152.1518987342, 107.8481012658, 142.6582278481);
}

[data-theme="2"] {
  background-color: #E6DADA; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#274046), to(#E6DADA)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #274046, #E6DADA 800px); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #274046, #E6DADA 800px); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #274046, #E6DADA 800px); /* IE10 */
  background-image: -o-linear-gradient(top, #274046, #E6DADA 800px); /* Opera 11.10+ */
  background-image: linear-gradient(top, #274046, #E6DADA 800px);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#274046", EndColorStr="#E6DADA");
  background-repeat: no-repeat;
}
[data-theme="2"] ::-moz-selection {
  background: rgba(230, 218, 218, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="2"] ::selection {
  background: rgba(230, 218, 218, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="2"] ._nav-link a,
[data-theme="2"] ._nav-link a:visited,
[data-theme="2"] .social li a span {
  color: white;
}
[data-theme="2"] ._heading {
  color: rgb(75.495412844, 123.8899082569, 135.504587156);
}
[data-theme="2"] .-project-title {
  color: #fff;
}
[data-theme="2"] ._project-hero:after {
  background: #E6DADA;
  opacity: 0.5;
  transition: all 0.5s ease;
}
[data-theme="2"] hr {
  border-color: rgb(75.495412844, 123.8899082569, 135.504587156);
}
[data-theme="2"] ._panel {
  color: #274046;
  background: rgba(255, 255, 255, 0.6);
}
[data-theme="2"] ._quote {
  color: #274046;
  background: rgba(255, 255, 255, 0.6);
}
[data-theme="2"] ._quote:after {
  border-left: 2em solid rgba(255, 255, 255, 0.6);
}
[data-theme="2"] .job {
  border-color: rgba(39, 64, 70, 0.6);
}
[data-theme="2"] ._job-description {
  border-color: rgb(75.495412844, 123.8899082569, 135.504587156);
}
[data-theme="2"] ._employer-logo {
  background-color: rgb(75.495412844, 123.8899082569, 135.504587156);
}

[data-theme="3"] {
  background-color: #e4e4d9; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#215f00), to(#e4e4d9)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #215f00, #e4e4d9 800px); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #215f00, #e4e4d9 800px); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #215f00, #e4e4d9 800px); /* IE10 */
  background-image: -o-linear-gradient(top, #215f00, #e4e4d9 800px); /* Opera 11.10+ */
  background-image: linear-gradient(top, #215f00, #e4e4d9 800px);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#215f00", EndColorStr="#e4e4d9");
  background-repeat: no-repeat;
}
[data-theme="3"] ::-moz-selection {
  background: rgba(228, 228, 217, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="3"] ::selection {
  background: rgba(228, 228, 217, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="3"] ._nav-link a,
[data-theme="3"] ._nav-link a:visited,
[data-theme="3"] .social li a span {
  color: white;
}
[data-theme="3"] ._heading {
  color: rgb(68.4315789474, 197, 0);
}
[data-theme="3"] .-project-title {
  color: #fff;
}
[data-theme="3"] ._project-hero:after {
  background: #e4e4d9;
  opacity: 0.5;
  transition: all 0.5s ease;
}
[data-theme="3"] hr {
  border-color: rgb(68.4315789474, 197, 0);
}
[data-theme="3"] ._panel {
  color: #215f00;
  background: rgba(255, 255, 255, 0.6);
}
[data-theme="3"] ._quote {
  color: #215f00;
  background: rgba(255, 255, 255, 0.6);
}
[data-theme="3"] ._quote:after {
  border-left: 2em solid rgba(255, 255, 255, 0.6);
}
[data-theme="3"] .job {
  border-color: rgba(33, 95, 0, 0.6);
}
[data-theme="3"] ._job-description {
  border-color: rgb(68.4315789474, 197, 0);
}
[data-theme="3"] ._employer-logo {
  background-color: rgb(68.4315789474, 197, 0);
}

[data-theme="4"] {
  background-color: #C04848; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#480048), to(#C04848)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #480048, #C04848 800px); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #480048, #C04848 800px); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #480048, #C04848 800px); /* IE10 */
  background-image: -o-linear-gradient(top, #480048, #C04848 800px); /* Opera 11.10+ */
  background-image: linear-gradient(top, #480048, #C04848 800px);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#480048", EndColorStr="#C04848");
  background-repeat: no-repeat;
}
[data-theme="4"] ::-moz-selection {
  background: rgba(192, 72, 72, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="4"] ::selection {
  background: rgba(192, 72, 72, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="4"] ._nav-link a,
[data-theme="4"] ._nav-link a:visited,
[data-theme="4"] .social li a span {
  color: rgb(218.1219512195, 147.8780487805, 147.8780487805);
}
[data-theme="4"] ._heading {
  color: #ae00ae;
}
[data-theme="4"] .-project-title {
  color: #fff;
}
[data-theme="4"] ._project-hero:after {
  background: #C04848;
  opacity: 0.5;
  transition: all 0.5s ease;
}
[data-theme="4"] hr {
  border-color: #ae00ae;
}
[data-theme="4"] ._panel {
  color: #480048;
  background: rgba(218.1219512195, 147.8780487805, 147.8780487805, 0.6);
}
[data-theme="4"] ._quote {
  color: #480048;
  background: rgba(218.1219512195, 147.8780487805, 147.8780487805, 0.6);
}
[data-theme="4"] ._quote:after {
  border-left: 2em solid rgba(218.1219512195, 147.8780487805, 147.8780487805, 0.6);
}
[data-theme="4"] .job {
  border-color: rgba(72, 0, 72, 0.6);
}
[data-theme="4"] ._job-description {
  border-color: #ae00ae;
}
[data-theme="4"] ._employer-logo {
  background-color: #ae00ae;
}

[data-theme="5"] {
  background-color: #FFEDBC; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ED4264), to(#FFEDBC)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ED4264, #FFEDBC 800px); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #ED4264, #FFEDBC 800px); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #ED4264, #FFEDBC 800px); /* IE10 */
  background-image: -o-linear-gradient(top, #ED4264, #FFEDBC 800px); /* Opera 11.10+ */
  background-image: linear-gradient(top, #ED4264, #FFEDBC 800px);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#ED4264", EndColorStr="#FFEDBC");
  background-repeat: no-repeat;
}
[data-theme="5"] ::-moz-selection {
  background: rgba(255, 237, 188, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="5"] ::selection {
  background: rgba(255, 237, 188, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="5"] ._nav-link a,
[data-theme="5"] ._nav-link a:visited,
[data-theme="5"] .social li a span {
  color: white;
}
[data-theme="5"] ._heading {
  color: rgb(245.8695652174, 159.1304347826, 176.3768115942);
}
[data-theme="5"] .-project-title {
  color: #fff;
}
[data-theme="5"] ._project-hero:after {
  background: #FFEDBC;
  opacity: 0.5;
  transition: all 0.5s ease;
}
[data-theme="5"] hr {
  border-color: rgb(245.8695652174, 159.1304347826, 176.3768115942);
}
[data-theme="5"] ._panel {
  color: #ED4264;
  background: rgba(255, 255, 255, 0.6);
}
[data-theme="5"] ._quote {
  color: #ED4264;
  background: rgba(255, 255, 255, 0.6);
}
[data-theme="5"] ._quote:after {
  border-left: 2em solid rgba(255, 255, 255, 0.6);
}
[data-theme="5"] .job {
  border-color: rgba(237, 66, 100, 0.6);
}
[data-theme="5"] ._job-description {
  border-color: rgb(245.8695652174, 159.1304347826, 176.3768115942);
}
[data-theme="5"] ._employer-logo {
  background-color: rgb(245.8695652174, 159.1304347826, 176.3768115942);
}

[data-theme="6"] {
  background-color: #24C6DC; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#514A9D), to(#24C6DC)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #514A9D, #24C6DC 800px); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #514A9D, #24C6DC 800px); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #514A9D, #24C6DC 800px); /* IE10 */
  background-image: -o-linear-gradient(top, #514A9D, #24C6DC 800px); /* Opera 11.10+ */
  background-image: linear-gradient(top, #514A9D, #24C6DC 800px);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#514A9D", EndColorStr="#24C6DC");
  background-repeat: no-repeat;
}
[data-theme="6"] ::-moz-selection {
  background: rgba(36, 198, 220, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="6"] ::selection {
  background: rgba(36, 198, 220, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="6"] ._nav-link a,
[data-theme="6"] ._nav-link a:visited,
[data-theme="6"] .social li a span {
  color: rgb(123.9448818898, 220.8897637795, 234.0551181102);
}
[data-theme="6"] ._heading {
  color: rgb(140.0649350649, 134.7012987013, 198.2987012987);
}
[data-theme="6"] .-project-title {
  color: #fff;
}
[data-theme="6"] ._project-hero:after {
  background: #24C6DC;
  opacity: 0.5;
  transition: all 0.5s ease;
}
[data-theme="6"] hr {
  border-color: rgb(140.0649350649, 134.7012987013, 198.2987012987);
}
[data-theme="6"] ._panel {
  color: #24C6DC;
  background: rgba(140.0649350649, 134.7012987013, 198.2987012987, 0.6);
}
[data-theme="6"] ._quote {
  color: #24C6DC;
  background: rgba(140.0649350649, 134.7012987013, 198.2987012987, 0.6);
}
[data-theme="6"] ._quote:after {
  border-left: 2em solid rgba(140.0649350649, 134.7012987013, 198.2987012987, 0.6);
}
[data-theme="6"] .job {
  border-color: rgba(81, 74, 157, 0.6);
}
[data-theme="6"] ._job-description {
  border-color: rgb(140.0649350649, 134.7012987013, 198.2987012987);
}
[data-theme="6"] ._employer-logo {
  background-color: rgb(140.0649350649, 134.7012987013, 198.2987012987);
}

[data-theme="7"] {
  background-color: #71b280; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#134e5e), to(#71b280)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #134e5e, #71b280 800px); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #134e5e, #71b280 800px); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #134e5e, #71b280 800px); /* IE10 */
  background-image: -o-linear-gradient(top, #134e5e, #71b280 800px); /* Opera 11.10+ */
  background-image: linear-gradient(top, #134e5e, #71b280 800px);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#134e5e", EndColorStr="#71b280");
  background-repeat: no-repeat;
}
[data-theme="7"] ::-moz-selection {
  background: rgba(113, 178, 128, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="7"] ::selection {
  background: rgba(113, 178, 128, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="7"] ._nav-link a,
[data-theme="7"] ._nav-link a:visited,
[data-theme="7"] .social li a span {
  color: rgb(179.1369863014, 213.8630136986, 187.1506849315);
}
[data-theme="7"] ._heading {
  color: rgb(36.1504424779, 148.407079646, 178.8495575221);
}
[data-theme="7"] .-project-title {
  color: #fff;
}
[data-theme="7"] ._project-hero:after {
  background: #71b280;
  opacity: 0.5;
  transition: all 0.5s ease;
}
[data-theme="7"] hr {
  border-color: rgb(36.1504424779, 148.407079646, 178.8495575221);
}
[data-theme="7"] ._panel {
  color: #71b280;
  background: rgba(36.1504424779, 148.407079646, 178.8495575221, 0.6);
}
[data-theme="7"] ._quote {
  color: #71b280;
  background: rgba(36.1504424779, 148.407079646, 178.8495575221, 0.6);
}
[data-theme="7"] ._quote:after {
  border-left: 2em solid rgba(36.1504424779, 148.407079646, 178.8495575221, 0.6);
}
[data-theme="7"] .job {
  border-color: rgba(19, 78, 94, 0.6);
}
[data-theme="7"] ._job-description {
  border-color: rgb(36.1504424779, 148.407079646, 178.8495575221);
}
[data-theme="7"] ._employer-logo {
  background-color: rgb(36.1504424779, 148.407079646, 178.8495575221);
}

[data-theme="8"] {
  background-color: #556270; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF6B6B), to(#556270)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #FF6B6B, #556270 800px); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #FF6B6B, #556270 800px); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #FF6B6B, #556270 800px); /* IE10 */
  background-image: -o-linear-gradient(top, #FF6B6B, #556270 800px); /* Opera 11.10+ */
  background-image: linear-gradient(top, #FF6B6B, #556270 800px);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#FF6B6B", EndColorStr="#556270");
  background-repeat: no-repeat;
}
[data-theme="8"] ::-moz-selection {
  background: rgba(85, 98, 112, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="8"] ::selection {
  background: rgba(85, 98, 112, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="8"] ._nav-link a,
[data-theme="8"] ._nav-link a:visited,
[data-theme="8"] .social li a span {
  color: rgb(135.0406091371, 148.9644670051, 163.9593908629);
}
[data-theme="8"] ._heading {
  color: #ffd1d1;
}
[data-theme="8"] .-project-title {
  color: #fff;
}
[data-theme="8"] ._project-hero:after {
  background: #556270;
  opacity: 0.5;
  transition: all 0.5s ease;
}
[data-theme="8"] hr {
  border-color: #ffd1d1;
}
[data-theme="8"] ._panel {
  color: #FF6B6B;
  background: rgba(135.0406091371, 148.9644670051, 163.9593908629, 0.6);
}
[data-theme="8"] ._quote {
  color: #FF6B6B;
  background: rgba(135.0406091371, 148.9644670051, 163.9593908629, 0.6);
}
[data-theme="8"] ._quote:after {
  border-left: 2em solid rgba(135.0406091371, 148.9644670051, 163.9593908629, 0.6);
}
[data-theme="8"] .job {
  border-color: rgba(255, 107, 107, 0.6);
}
[data-theme="8"] ._job-description {
  border-color: #ffd1d1;
}
[data-theme="8"] ._employer-logo {
  background-color: #ffd1d1;
}

[data-theme="9"] {
  background-color: #3f4c6b; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #606c88, #3f4c6b 800px); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #606c88, #3f4c6b 800px); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #606c88, #3f4c6b 800px); /* IE10 */
  background-image: -o-linear-gradient(top, #606c88, #3f4c6b 800px); /* Opera 11.10+ */
  background-image: linear-gradient(top, #606c88, #3f4c6b 800px);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#606c88", EndColorStr="#3f4c6b");
  background-repeat: no-repeat;
}
[data-theme="9"] ::-moz-selection {
  background: rgba(63, 76, 107, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="9"] ::selection {
  background: rgba(63, 76, 107, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="9"] ._nav-link a,
[data-theme="9"] ._nav-link a:visited,
[data-theme="9"] .social li a span {
  color: rgb(105.2, 123.4, 166.8);
}
[data-theme="9"] ._heading {
  color: rgb(151.8275862069, 160.9310344828, 182.1724137931);
}
[data-theme="9"] .-project-title {
  color: #fff;
}
[data-theme="9"] ._project-hero:after {
  background: #3f4c6b;
  opacity: 0.5;
  transition: all 0.5s ease;
}
[data-theme="9"] hr {
  border-color: rgb(151.8275862069, 160.9310344828, 182.1724137931);
}
[data-theme="9"] ._panel {
  color: #606c88;
  background: rgba(105.2, 123.4, 166.8, 0.6);
}
[data-theme="9"] ._quote {
  color: #606c88;
  background: rgba(105.2, 123.4, 166.8, 0.6);
}
[data-theme="9"] ._quote:after {
  border-left: 2em solid rgba(105.2, 123.4, 166.8, 0.6);
}
[data-theme="9"] .job {
  border-color: rgba(96, 108, 136, 0.6);
}
[data-theme="9"] ._job-description {
  border-color: rgb(151.8275862069, 160.9310344828, 182.1724137931);
}
[data-theme="9"] ._employer-logo {
  background-color: rgb(151.8275862069, 160.9310344828, 182.1724137931);
}

[data-theme="10"] {
  background-color: #49a09d; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5f2c82), to(#49a09d)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #5f2c82, #49a09d 800px); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #5f2c82, #49a09d 800px); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #5f2c82, #49a09d 800px); /* IE10 */
  background-image: -o-linear-gradient(top, #5f2c82, #49a09d 800px); /* Opera 11.10+ */
  background-image: linear-gradient(top, #5f2c82, #49a09d 800px);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#5f2c82", EndColorStr="#49a09d");
  background-repeat: no-repeat;
}
[data-theme="10"] ::-moz-selection {
  background: rgba(73, 160, 157, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="10"] ::selection {
  background: rgba(73, 160, 157, 0.75);
  color: #fff;
  text-shadow: none;
}
[data-theme="10"] ._nav-link a,
[data-theme="10"] ._nav-link a:visited,
[data-theme="10"] .social li a span {
  color: rgb(134.8283261803, 200.1716738197, 197.9184549356);
}
[data-theme="10"] ._heading {
  color: rgb(148.7586206897, 80.1724137931, 195.8275862069);
}
[data-theme="10"] .-project-title {
  color: #fff;
}
[data-theme="10"] ._project-hero:after {
  background: #49a09d;
  opacity: 0.5;
  transition: all 0.5s ease;
}
[data-theme="10"] hr {
  border-color: rgb(148.7586206897, 80.1724137931, 195.8275862069);
}
[data-theme="10"] ._panel {
  color: #49a09d;
  background: rgba(148.7586206897, 80.1724137931, 195.8275862069, 0.6);
}
[data-theme="10"] ._quote {
  color: #49a09d;
  background: rgba(148.7586206897, 80.1724137931, 195.8275862069, 0.6);
}
[data-theme="10"] ._quote:after {
  border-left: 2em solid rgba(148.7586206897, 80.1724137931, 195.8275862069, 0.6);
}
[data-theme="10"] .job {
  border-color: rgba(95, 44, 130, 0.6);
}
[data-theme="10"] ._job-description {
  border-color: rgb(148.7586206897, 80.1724137931, 195.8275862069);
}
[data-theme="10"] ._employer-logo {
  background-color: rgb(148.7586206897, 80.1724137931, 195.8275862069);
}

._quote {
  position: relative;
  padding: 1.25em 1.5em 1.75em 2.5em;
  margin: 4em 0 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.6);
  text-align: left;
}
._quote:before {
  position: absolute;
  top: 0;
  left: 0.25em;
  content: "“";
  font-size: 3em;
  line-height: normal;
}
._quote:after {
  position: absolute;
  display: inline-block;
  border-right: 1em solid transparent;
  border-left: 2em solid rgba(255, 255, 255, 0.6);
  border-bottom: 1.5em solid transparent;
  left: 4em;
  bottom: -1.5em;
  content: "";
}

._quote-source {
  margin: 2em 0;
}

._quote-source-photo {
  float: left;
  width: 72px;
  height: 72px;
  margin-right: 0.8em;
  border-radius: 36px;
  overflow: hidden;
}
._quote-source-photo img {
  width: 100%;
  height: 100%;
}

._quote-source-name-and-title {
  float: left;
  width: 100%;
  padding-top: 1em;
  text-align: left;
}
@media only screen and (min-width: 48.4375em) {
  ._quote-source-name-and-title {
    width: 70%;
  }
}

.-quote-source-name {
  font-weight: 700;
}

.-quote-source-title {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6) !important;
}

.row, .intro {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  transition: all 0.25s ease;
}
@media only screen and (min-width: 60em) {
  .row, .intro {
    max-width: 60em;
  }
}
@media only screen and (min-width: 80em) {
  .row, .intro {
    max-width: 80em;
  }
}

.column {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0 5%;
}
@media only screen and (min-width: 40em) {
  .column {
    float: left;
  }
}
.-collapse .column {
  padding: 0;
}
.column.-centered {
  float: none;
  margin: 0 auto;
}
.column .row, .column .intro {
  padding: 0;
}
.column .row .column:first-child, .column .intro .column:first-child {
  padding-left: 0;
}
.column .row .column:last-child, .column .intro .column:last-child {
  padding-right: 0;
}

@media screen and (min-width: 640px) {
  .-col-1-of-12 {
    width: 8.3333333333%;
  }
}

@media screen and (min-width: 640px) {
  .-col-2-of-12 {
    width: 16.6666666667%;
  }
}

@media screen and (min-width: 640px) {
  .-col-3-of-12 {
    width: 25%;
  }
}

@media screen and (min-width: 640px) {
  .-col-4-of-12 {
    width: 33.3333333333%;
  }
}

@media screen and (min-width: 640px) {
  .-col-5-of-12 {
    width: 41.6666666667%;
  }
}

@media screen and (min-width: 640px) {
  .-col-6-of-12 {
    width: 50%;
  }
}

@media screen and (min-width: 640px) {
  .-col-7-of-12 {
    width: 58.3333333333%;
  }
}

@media screen and (min-width: 640px) {
  .-col-8-of-12 {
    width: 66.6666666667%;
  }
}

@media screen and (min-width: 640px) {
  .-col-9-of-12 {
    width: 75%;
  }
}

@media screen and (min-width: 640px) {
  .-col-10-of-12 {
    width: 83.3333333333%;
  }
}

@media screen and (min-width: 640px) {
  .-col-11-of-12 {
    width: 91.6666666667%;
  }
}

@media screen and (min-width: 640px) {
  .-col-12-of-12 {
    width: 100%;
  }
}

.primary-nav {
  position: fixed;
  bottom: 0;
  right: 1em;
  z-index: 200;
}
.primary-nav ul {
  display: flex;
  flex-flow: column nowrap;
}
@media only screen and (min-width: 48.4375em) {
  .primary-nav {
    top: 1em;
    right: 2em;
  }
  .admin-bar .primary-nav {
    top: 3em;
  }
}

._bio-photo {
  width: 100px;
  height: 100px;
  margin-bottom: 2em;
}
._bio-photo img {
  border-radius: 50%;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 48.4375em) {
  ._bio-photo {
    width: 130px;
    height: 130px;
  }
}

._nav-link {
  display: block;
  margin-bottom: 0.75em;
}

._nav-link a,
._nav-link a:visited {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0;
  border-radius: 25px;
  background: rgba(0, 0, 0, 0.6);
  font-size: 1.125em;
  font-weight: 200;
  line-height: 50px;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-tap-highlight-color: transparent;
}
._nav-link a:hover, ._nav-link a:active, ._nav-link a:focus,
._nav-link a:visited:hover,
._nav-link a:visited:active,
._nav-link a:visited:focus {
  outline: none;
  background-color: rgba(255, 255, 255, 0.8);
  color: black;
  transform: scale(1.25);
  transition-duration: 250ms;
}
._nav-link a:active,
._nav-link a:visited:active {
  animation: button-tap 250ms cubic-bezier(0.23, 1, 0.32, 1);
}

#nav-link-home {
  order: 4;
}
@media only screen and (min-width: 48.4375em) {
  #nav-link-home {
    order: 1;
  }
}
#nav-link-home a {
  font-size: 1.6em;
  line-height: 1.85em;
  padding-left: 0.5em;
}

#nav-link-about {
  order: 3;
  margin-top: 3.25em;
}
@media only screen and (min-width: 48.4375em) {
  #nav-link-about {
    order: 2;
    margin-top: 0;
    margin-bottom: 3.25em;
  }
}
#nav-link-about a {
  font-size: 1.6em;
  padding-left: 0.5em;
}

#nav-link-next-project {
  order: 2;
}
@media only screen and (min-width: 48.4375em) {
  #nav-link-next-project {
    order: 3;
  }
}
#nav-link-next-project a {
  font-size: 1.8em;
  padding-left: 0.5em;
}

#nav-link-previous-project {
  order: 1;
}
@media only screen and (min-width: 48.4375em) {
  #nav-link-previous-project {
    order: 4;
  }
}
#nav-link-previous-project a {
  font-size: 1.8em;
  padding-left: 0.3em;
}

@keyframes button-tap {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
}
.primary-header {
  position: relative;
  width: 100%;
  z-index: 100;
}

.intro {
  padding: 2em 0 32px;
  margin: 0 auto;
}

._intro-copy {
  color: #fff;
  text-align: center;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  z-index: 10;
}
._intro-copy h1 {
  color: rgba(255, 255, 255, 0.6);
  font: 700 2.5em/1 "azo-sans-web", sans-serif;
  text-transform: uppercase;
  margin: 16px 0 0;
}
@media only screen and (min-width: 48.4375em) {
  ._intro-copy h1 {
    font-size: 3.5em;
  }
}
._intro-copy h2 {
  color: rgba(255, 255, 255, 0.6);
  font: 200 1.5em/1.25 "azo-sans-web", sans-serif;
  padding: 0 32px;
  margin: 16px auto 0;
}
@media only screen and (min-width: 480px) {
  ._intro-copy h2 {
    font-size: 1.75em;
  }
}
@media only screen and (min-width: 768px) {
  ._intro-copy h2 {
    font-size: 2em;
  }
}

.footer {
  width: 100%;
  padding: 3em 0 12em;
  color: #000;
}

.social {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  text-align: center;
  font-size: 0;
}
@media screen and (min-width: 960px) {
  .social {
    height: 54px;
    padding: 0;
    margin: 0 25px;
    list-style: none;
  }
}
.social li {
  display: inline-block;
  line-height: 34px;
}
.social li:first-child {
  margin-left: 0;
}
.social li:last-child {
  margin-right: 0;
}
.social li a {
  display: block;
  width: 50px;
  height: 50px;
  padding-top: 10px;
  margin: 2px 0;
  background: rgba(0, 0, 0, 0.6);
  font-size: 32px;
  text-align: center;
  text-decoration: none;
  transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
}
.social li a span {
  color: rgba(255, 255, 255, 0.6);
  transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
}
.social li a:hover, .social li a:active, .social li a:focus {
  outline: none;
  border-radius: 0;
  transform: scale(1.25);
  transition-duration: 250ms;
  background-color: rgba(255, 255, 255, 0.8);
}
.social li a:hover span, .social li a:active span, .social li a:focus span {
  color: #000;
}
.social li a.twitter {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  transform-origin: right;
}
.social li a.twitter .icon-twitter {
  padding-left: 2px;
}
.social li a.github {
  transform-origin: 100% center;
}
.social li a.github .icon-github {
  padding-left: 6px;
}
.social li a.codepen {
  transform-origin: 0% center;
}
.social li a.codepen .icon-codepen {
  padding-left: 2px;
}
.social li a.linkedin {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  transform-origin: left;
}
.social li a.linkedin .icon-linkedin {
  padding-left: 6px;
}

._sun {
  position: absolute;
  bottom: 36px;
  left: 50%;
  width: 30px;
  height: 28px;
  margin: 0 0 0 -15px;
  border-radius: 50%;
  background: #fff;
  transform: rotate(20deg);
  opacity: 0.75;
  box-shadow: inset 0 2px 5px rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 330px) and (min-height: 400px) {
  ._sun {
    bottom: 30px;
    width: 40px;
    height: 38px;
    margin-left: -20px;
  }
}
@media only screen and (min-width: 640px) {
  ._sun {
    bottom: 40px;
    width: 60px;
    height: 58px;
    margin-left: -30px;
  }
}
._sun:after {
  content: "";
  width: 30px;
  height: 28px;
  position: absolute;
  border-radius: 50%;
  box-shadow: inset 0 -2px 0 rgb(90, 96, 118);
}
@media only screen and (min-width: 330px) and (min-height: 400px) {
  ._sun:after {
    width: 40px;
    height: 38px;
  }
}
@media only screen and (min-width: 640px) {
  ._sun:after {
    width: 60px;
    height: 58px;
  }
}

.-setting {
  background-image: radial-gradient(ellipse 100% 100% at top, rgb(251, 191, 183) 30%, rgb(255, 171, 174) 50%, rgb(255, 143, 153) 70%, rgb(239, 123, 144) 80%, rgb(178, 105, 134) 100%);
}

.main-content {
  position: relative;
  display: block;
  margin-top: 2em;
  transition: all 2000ms cubic-bezier(0.23, 1, 0.32, 1);
}
.main-content.-fade-down {
  opacity: 0;
  transform: translateY(250px);
}

.container-section {
  max-width: 840px;
  padding: 64px 5% 5%;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}
.container-section.-adventures {
  max-width: 100%;
  padding: 0;
  background: none;
  box-shadow: none;
}
@media only screen and (min-width: 48.4375em) {
  .container-section {
    border-radius: 12px;
  }
}

article figure {
  max-width: 768px;
  margin: 32px auto;
}
article figure:last-child {
  margin-bottom: 0;
}
article p,
article ul,
article ol {
  font-size: 1em;
  margin-top: 0;
  line-height: 1.4em;
}
article ul ul,
article ol ol {
  font-size: 1em;
}
@media only screen and (min-width: 48.4375em) {
  article p,
  article ul,
  article ol {
    font-size: 1.25em;
    margin-top: 0;
  }
  article ul ul,
  article ol ol {
    font-size: 1em;
  }
}

.project-grid {
  padding: 0;
  margin: 0;
}

.project {
  display: block;
  position: relative;
  float: none;
  width: 100%;
  height: 0;
  padding-bottom: 50%; /* = width for a 1:1 aspect ratio */
  margin: 0;
  overflow: hidden;
}
.project a {
  display: block;
  color: #000;
  text-decoration: none;
  transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
@media only screen and (min-width: 640px) {
  .project {
    float: left;
    width: 50%;
    padding-bottom: 25%;
  }
}

.project-content {
  position: absolute;
  border-radius: 50%;
  height: 100%; /* = 100% - 2*10% padding */
  width: 100%; /* = 100% - 2*5% padding */
}

.table {
  display: table;
  height: 100%;
  width: 100%;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}

._project-hero {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 100;
  opacity: 0.8;
  filter: grayscale(1);
  transform: scale(1.25);
  transition: all 2000ms cubic-bezier(0.23, 1, 0.32, 1);
}
._project-hero img {
  position: absolute;
  display: block;
  width: 800px;
  height: 800px;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
  transition: all 2000ms cubic-bezier(0.23, 1, 0.32, 1);
}

.-project-title {
  position: relative;
  width: 100%;
  margin: 0;
  opacity: 0;
  z-index: 200;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.75);
  text-align: center;
  vertical-align: middle;
  transform: scale(2);
  transition: all 2000ms cubic-bezier(0.23, 1, 0.32, 1);
}

.-project-transition-07 a:hover .-project-title, .-project-transition-07 a:active .-project-title, .-project-transition-07 a:focus .-project-title {
  opacity: 1;
  transform: scale(1);
  transition-duration: 800ms;
}
.-project-transition-07 a:hover ._project-hero, .-project-transition-07 a:active ._project-hero, .-project-transition-07 a:focus ._project-hero {
  filter: grayscale(0);
  opacity: 1;
  transition-duration: 1000ms;
}
.-project-transition-07 a:hover ._project-hero img, .-project-transition-07 a:active ._project-hero img, .-project-transition-07 a:focus ._project-hero img {
  transform: scale(1);
  transition-duration: 1000ms;
}

.single-project .primary-header {
  width: 100%;
  padding-bottom: 0;
  margin-bottom: -44px;
  overflow: hidden;
}
.single-project .primary-header ._header-image {
  width: 100%;
  height: 100%;
  z-index: 100;
  text-align: center;
  overflow: hidden;
}
.single-project .primary-header ._header-image img {
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 364px;
}
@media only screen and (min-width: 48.4375em) {
  .single-project .primary-header ._header-image img {
    min-width: 800px;
  }
}
@media only screen and (min-width: 60em) {
  .single-project .primary-header ._header-image img {
    min-width: 1280px;
  }
}
.single-project .primary-header .intro {
  position: relative;
  width: 100%;
  margin-top: 8em;
  z-index: 200;
}
.single-project .-page-title {
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}
.single-project .container-content p:first-child {
  font-size: 1.125em;
}
@media only screen and (min-width: 40em) {
  .single-project .container-content p {
    font-size: 1.5em;
  }
  .single-project .container-content p:first-child {
    font-size: 1.75em;
  }
}

._panel {
  width: 100%;
  position: relative;
  padding: 1% 1.5em 1.75em 2.5em;
  margin: 1em 0 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.6);
  line-height: 1.5em;
  text-align: left;
}
@media only screen and (min-width: 40em) {
  ._panel {
    width: 25%;
    float: right;
  }
}

#skills .column {
  padding: 0 2.5%;
}

.employment-history {
  padding: 3em 0 0;
  margin: 0;
  list-style: none;
  font-size: 1em;
}

.job {
  position: relative;
  padding: 1em 0 2em;
}
.job:first-child {
  padding-top: 0;
}
.job:first-child ._employer-logo {
  top: -12px;
}
@media only screen and (min-width: 40em) {
  .job {
    padding: 0 0 3em 10em;
    margin: 0 0 0 8em;
    border-left: 10px solid;
  }
  .job:last-child {
    border-left-color: transparent;
    padding-top: 0;
  }
}

._job-description {
  padding-bottom: 2em;
  border-bottom: 1px solid;
}
.job:last-child ._job-description {
  padding-bottom: 0;
  border-bottom: none;
}
@media only screen and (min-width: 40em) {
  ._job-description {
    border-bottom: 0;
  }
}

._employer-logo {
  display: none;
  position: absolute;
  top: -8px;
  left: -80px;
  width: 150px;
  height: 150px;
  border-radius: 25px;
  margin: 0 auto 4em;
  overflow: hidden;
  transform: rotate(45deg);
}
._employer-logo.-early {
  width: 60px;
  height: 60px;
  left: -35px;
  border-radius: 10px;
}
._employer-logo img {
  position: absolute;
  display: block;
  width: auto;
  height: auto;
  top: -75px;
  left: -75px;
  z-index: 10;
  transform: rotate(-45deg);
}
@media only screen and (min-width: 40em) {
  ._employer-logo {
    display: block;
  }
}

.job:first-of-type ._employer-logo {
  width: 200px;
  height: 200px;
  border-radius: 45px;
}
.job:first-of-type ._employer-logo img {
  top: -45px;
  left: -45px;
}
@media only screen and (min-width: 40em) {
  .job:first-of-type ._employer-logo {
    position: absolute;
    left: -105px;
  }
}

.notable-projects li {
  padding: 0.25em 0;
}

.ir {
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.required {
  color: #E41736;
}

.-uppercase {
  text-transform: uppercase;
}

.-aligned-left {
  text-align: left;
}

.-aligned-right {
  text-align: right;
}

.-aligned-center {
  text-align: center;
}

.-floated-left {
  float: left;
}

.-floated-right {
  float: right;
}

.-floated-none {
  float: none;
}

.-absolute-left {
  position: absolute;
  left: 0;
}

.-absolute-right {
  position: absolute;
  right: 0;
}

.clf:before, .clf:after {
  content: "";
  display: table;
}

.clf:after {
  clear: both;
}

.clf {
  zoom: 1;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}

/*# sourceMappingURL=chrismonaccio.css.map */