@import url(fonts.css);
@import url(setup.css);
/*
 
 Scott Horsfall / @scoh
 main.css
 
*/
/*
 
 Scott Horsfall / @scoh
 variables.css
 
*/
/*
 
 Scott Horsfall / @scoh
 mixins.css
 
*/
/* line 13, sass/main.scss */
html, body {
  min-height: 100%;
  height: 100%;
}

/* line 15, sass/main.scss */
body {
  font: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  color: black;
  background: white;
}
/* line 21, sass/main.scss */
body#permalink {
  background: rgba(0, 0, 0, 0.1);
}

/* line 26, sass/main.scss */
ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
/* line 31, sass/main.scss */
ul li {
  display: inline-block;
}

/* line 36, sass/main.scss */
a {
  text-decoration: none;
}

/* line 38, sass/main.scss */
nav {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9000;
  padding: 20px 5%;
  background: rgba(255, 255, 255, 0.65);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: .5em;
  line-height: 1em;
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(10px);
}
/* line 51, sass/main.scss */
#permalink nav {
  background: white;
  -webkit-backdrop-filter: blur(0px);
}
/* line 55, sass/main.scss */
#permalink nav .row {
  max-width: 960px;
  margin: 0 auto;
}
/* line 62, sass/main.scss */
nav li:not(last-child) {
  padding-right: 10px;
}
/* line 66, sass/main.scss */
nav a {
  color: #3c3c3c;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
}
/* line 72, sass/main.scss */
nav a:hover {
  color: #d45c3b;
}
/* line 76, sass/main.scss */
nav a.site-title {
  font-weight: 600;
  font-size: 1.33em;
}

/* line 84, sass/main.scss */
#grid {
  max-width: 90%;
  margin: 120px auto;
}

/* line 90, sass/main.scss */
#grid:hover .grid-item {
  opacity: .25;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
/* line 94, sass/main.scss */
#grid:hover .grid-item:hover {
  opacity: 1;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
}

/* line 102, sass/main.scss */
#grid[data-columns]::before {
  content: '4 .column.size-1of4';
}

/* line 106, sass/main.scss */
.column {
  float: left;
  font-size: 0;
}

/* line 107, sass/main.scss */
.size-1of4 {
  width: 25%;
}

/* line 109, sass/main.scss */
.grid-item {
  position: relative;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
/* line 115, sass/main.scss */
.grid-item:hover {
  cursor: pointer;
  z-index: 2;
  opacity: 1;
}
/* line 120, sass/main.scss */
.grid-item:hover .notes {
  opacity: 1;
}
/* line 124, sass/main.scss */
.grid-item:hover img {
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}

/* line 135, sass/main.scss */
div.notes {
  position: absolute;
  width: 90%;
  left: 5%;
  top: 36%;
  z-index: 5;
  opacity: 0;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
}
/* line 149, sass/main.scss */
div.notes a {
  color: white;
}
/* line 152, sass/main.scss */
div.notes a:hover {
  opacity: .85;
}
/* line 155, sass/main.scss */
div.notes .numbers {
  font-size: 8em;
  letter-spacing: 0px;
  line-height: 1em;
  font-weight: 800;
  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
}
/* line 163, sass/main.scss */
div.notes .actions a {
  letter-spacing: 2px;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-transition: letter-spacing 0.2s ease;
  -moz-transition: letter-spacing 0.2s ease;
  -o-transition: letter-spacing 0.2s ease;
  transition: letter-spacing 0.2s ease;
}
/* line 169, sass/main.scss */
div.notes .actions a:hover {
  letter-spacing: .5em;
  opacity: 1;
}

/* line 177, sass/main.scss */
.image-container {
  position: relative;
  z-index: 1;
}

/* line 182, sass/main.scss */
img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
/* line 187, sass/main.scss */
.grid-item img {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* line 196, sass/main.scss */
#permalink-content {
  width: 90%;
  max-width: 960px;
  margin: 0 auto;
  padding: 100px 0 0;
}
/* line 202, sass/main.scss */
#permalink-content #photo-col {
  font-size: 0;
}
/* line 205, sass/main.scss */
#permalink-content #photo-col img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
/* line 212, sass/main.scss */
#permalink-content #text-col {
  padding: 40px;
  background: white;
  position: relative;
}
/* line 217, sass/main.scss */
#permalink-content #text-col .caption {
  font-size: .8em;
  margin-bottom: 12px;
  font-weight: 400;
  color: #3c3c3c;
}
/* line 224, sass/main.scss */
#permalink-content #text-col #post-info {
  font-size: .75em;
  font-weight: 600;
  color: #3c3c3c;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-bottom: 8px;
  border-bottom: 1px solid #3c3c3c;
}
/* line 237, sass/main.scss */
#permalink-content ol.notes {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 62px;
  bottom: 40px;
  left: 40px;
  right: 40px;
  overflow-y: scroll;
  font-size: .65em;
  text-transform: uppercase;
}
/* line 250, sass/main.scss */
#permalink-content ol.notes a.avatar_frame {
  display: none;
}
/* line 254, sass/main.scss */
#permalink-content ol.notes::-webkit-scrollbar {
  opacity: 0;
  width: 2px;
}
/* line 259, sass/main.scss */
#permalink-content ol.notes::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.1);
}
/* line 264, sass/main.scss */
#permalink-content ol.notes li {
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.025);
  color: rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
/* line 280, sass/main.scss */
#permalink-content ol.notes li a {
  color: rgba(0, 0, 0, 0.2);
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
/* line 285, sass/main.scss */
#permalink-content ol.notes li:hover, #permalink-content ol.notes li:hover a {
  color: #3c3c3c;
}