.content-narrow {
    margin-top: 3rem;
    @include constrain_narrow;
}
.post-header {
    @extend %clearfix;
    padding-bottom: 2.6rem;
    border-bottom: 1px solid #efefef;
}
.hed-border {
    display: inline-block;
    border-bottom: 3px solid #efefef;
    width: auto;
}
.flex {
    @include breakpoint(gamma) {
        display: flex;
        justify-content: center ;
    }
}
article ul {
    list-style-type: none;
    @include fontsize(22);
    li:before {
        content: "";
        border: 2px #000 solid !important;
        border-radius: 50px;
        margin-top: 16px;
        margin-left: -12px;
        position: absolute;
    }
}
.archive article:after {
    display: block;
    content: "";
    margin: 4rem auto;
    padding-top: 1rem;
    border-top: 5px double lighten($body_font_color, 75);
    width: 30%;
}
.archive-list {
    @include constrain_narrow;
    text-align: left;
    ul {
        padding: 0;
        list-style-type: none;
    }
    li {
        margin-bottom: 2rem;
    }
    a { 
        text-decoration: none;
        color: lighten($body_font_color, 20);
        &:hover {
            color: $link_color;
        }
    }
    p {
        margin: 0;
        @include fontsize(20);
        font-style: italic;
    }
}
.post-linewrapper {
    margin-top: 1rem;
    padding-top: 1rem;
    display: inline-block;
    margin-left:  0;
    border-top: 2px solid darken($body_color, 8);
    float: left;
}
.star {
    color: transparent;  
    text-shadow: 0 0 0 lighten($body_font_color, 50);
    text-decoration: none;
    @include fontsize(22);
    padding: 0 6px 3px 6px;
    font-family: "Hiragino Kaku Gothic Pro", "Osaka", "Zapf Dingbats";
    &:hover {
        background: darken(#fff, 10);
    }
}
#breadcrumbs {
    @include fontsize(13);
    @include fancy_sans;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: lighten($body_font_color, 50);
    a {
        color: lighten($body_font_color, 50);
    }
}
.footnote p {
    @include fontsize(20);
}
pre{
    white-space: pre-wrap;    
}
.highlight {
    padding: 1rem;
    margin-bottom: 1em;
    // this clever bit comes from https://css-tricks.com/full-width-containers-limited-width-parents/
    // I tweaked it slightly to add a bit of margin
    width: 50vw;
    position: relative;
    left: 33%;
    right: 33%;
    margin-left: -20vw;
    margin-right: -20vw;
    pre {
    }
}
.go:before {
    content: "$ ";
}
code > .comment::after {
    display:none;
}