/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Body */
body { background: #f0f0f0; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure { margin-bottom: 1rem; }

/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

/** Lists */
ul, ol { margin-left: 2rem; }

li > ul, li > ol { margin-bottom: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 300; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: scroll; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(960px - (2rem * 2)); max-width: calc(960px - (2rem * 2)); margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; }

@media screen and (max-width: 960px) { .wrapper { max-width: -webkit-calc(960px - (2rem)); max-width: calc(960px - (2rem)); padding-right: 1rem; padding-left: 1rem; } }

/** Clearfix */
.wrapper:after { content: ""; display: table; clear: both; }

.mdl-layout__drawer-button i { color: black; background-color: rgba(255, 255, 255, 0.5); }

.mdl-card__title-text { background-color: rgba(255, 255, 255, 0.5); padding: 0px 0 1rem 0px; }

.mdl-card__title { height: 100%; width: 100%; padding: 0; }

.site-title { color: #000; text-decoration: none; transition: color .3s ease-out; width: 100%; text-align: center; margin-left: -24px; text-size: 120%; }

.site-title:hover { color: #fff; }

.post-block, .info-block { background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; }

.post-block a, .info-block a { text-decoration: none; }

.post-block .post-card, .info-block .post-card { -webkit-transition: all 0.3s; transition: all 0.3s; height: 15rem; position: relative; }

.post-block .post-card:hover, .info-block .post-card:hover { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }

.post-block .post-card:hover img, .info-block .post-card:hover img { -webkit-filter: brightness(104%); filter: brightness(104%); }

.post-block .post-card__fade, .info-block .post-card__fade { position: absolute; bottom: 0; width: 100%; height: 2rem; background: url(data:image/svg+xml;base64,alotofcodehere); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(70%, white)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%); }

/* bit at the top for a pull quote, description, citation or something like that */
.info-block { background: #F0E68C; padding: 1rem; }

.post { background: #fff; padding: 1rem; margin: 1rem 0 1rem 0; }

.post figure { display: table; width: 0; }

.post figcaption { display: table-caption; caption-side: bottom; background-color: #b3d4fc; font-weight: bold; }

footer .mdl-mini-footer__link-list a { cursor: pointer; transition: color .2s ease-in; }

footer .mdl-mini-footer__link-list a:hover { color: #fff; }

footer .copyright { margin-top: 2rem; }

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