.item { position: relative; background: #fff; padding: 1.5em; padding-top: 0.5em; margin: 0 0 1.5em; width: 32.6%; min-height: 26em; overflow: hidden; margin-right: 1%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-position: center; }

.item .fakeLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; margin: 0; padding: 0; }

.item .h2Holder { margin: 0; position: absolute; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.66); padding: 0.5em; box-sizing: border-box; }

.item h2 { font-family: 'Atkinson Hyperlegible bold'; color: #8bbef7; font-size: 2em; line-height: 1em; margin: 0; width: 100%; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }

.item h2 a { color: inherit; text-decoration: none; }

.item h2 a:hover { text-decoration: underline; }

.item.writing h2 { color: #f47ec4; }

.item.about h2 { color: #8a7ef6; }

.item.journalblock ul, .item.weeknotesblock ul { padding-left: 0.5em; font-family: 'Atkinson Hyperlegible reg'; font-size: 1.2em; margin-top: 3em; line-height: 1.2em; margin-bottom: 0; }

.item.journalblock ul li, .item.weeknotesblock ul li { margin-bottom: 0.2em; margin-left: 0; }

.item.journalblock ul li a, .item.weeknotesblock ul li a { color: blue; }

.item.journalblock ul li .date, .item.weeknotesblock ul li .date { color: #666; font-size: 0.7em; }

.item .text_holder { font-family: 'Atkinson Hyperlegible reg'; width: 100%; text-align: center; margin-top: 0.5em; }

.item .text_holder .text { margin-top: 1em; text-align: left; font-size: 1.2em; line-height: 1.4em; }

.item .text_holder a { text-decoration: none; }

.item .text_holder a:hover { text-decoration: underline; }

.item .text_holder.bottomProjectLinks { position: absolute; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); padding: 0.8em 0; font-size: 1.2em; }

.item .image_holder { position: relative; overflow: hidden; background-image: radial-gradient(circle, transparent, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.6)); background-size: cover; background-position: center; background-repeat: no-repeat; }

.item .image_holder :hover img { opacity: 1; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

.item .image_holder img { max-width: 100%; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; opacity: 0; }

.item .about a { color: inherit; }

.item:nth-child(4n) { margin-right: 0; }

.item .title, .footer { text-align: center; }

@media only screen and (max-width: 700px) { .item { width: 100%; margin-right: 0; }
  .item:nth-child(2n) { margin-right: 0; }
  .item:nth-child(3n) { margin-right: 0; }
  .item:nth-child(4n) { margin-right: 0; } }

@media only screen and (min-width: 700px) { .item { width: 49.5%; }
  .item:nth-child(3n) { margin-right: 1%; }
  .item:nth-child(4n) { margin-right: 1%; }
  .item:nth-child(2n) { margin-right: 0; } }

@media only screen and (min-width: 900px) { .item { width: 32.6%; }
  .item:nth-child(2n) { margin-right: 1%; }
  .item:nth-child(4n) { margin-right: 1%; }
  .item:nth-child(3n) { margin-right: 0; } }

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