main > section.posts { grid-gap: var(--post-spacing); }
section.posts article { max-width: var(--post-width); }
section.posts article > div { padding: var(--content-padding); }
section article img { max-width: 100%; display: block; margin: auto; }
article div:empty, article p:empty { display: none!important; }
article iframe { width: 100%; }
article .post_pinned {
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 1.1em;
    text-transform: uppercase;
    color: rgb(var(--colour-accent));
}
article blockquote { margin: 0; padding: 0; }
article blockquote > blockquote { border-left: 1px solid rgb(var(--colour-accent)); margin-left: 5px; padding-left: 5px; }
article .text_block { display: contents; }
article .text_block > *:not(figure):not(.photo_block) { padding: var(--content-padding); }
article .title_block { justify-content: stretch; }
article .text_block figure { overflow: hidden; }
article .text_block figure img { width: 100%; }
article .text_block small { font-size: 1em; }
article .text_block p { margin: 0; align-self: center; }
article ol, article ul { list-style-position: inside; display: grid; grid-gap: 1em; padding-left: 1em; padding-right: 1em; margin: 0; }
sub { font-size: 1em; bottom: 0; line-height: 1em; }

/* photo block */
article .photo_block, article .npf_row {
  display: grid!important;
  grid-gap: var(--photoset-spacing);
  margin: 0!important;
  overflow: hidden;
  grid-auto-flow: column;
}
article figure.tmblr-full { padding: 0px!important; }
article .initialized_remove { display: none!important; }
article figure { cursor: pointer; font-size: 0; }
article figure img { object-fit: cover; object-position: center; height: 100%; width:100%; }

/* quote post */
article .quote_block {
    display: grid;
    grid-gap: var(--content-padding);
    padding: var(--content-padding);
}
article .quote_block > * { color: rgb(var(--colour-text)); padding: var(--content-padding); }
article .quote_block .qoute_source { font-weight: bold; }
article .quote_block .quote_content { background: rgba(var(--colour-accent), 0.5); }
.npf_quote { font-family: var(--body-font)!important; }

/* link block */
article .link_block {
    overflow: hidden;
    display: grid;
    grid-auto-flow: row;
    grid-gap: var(--content-padding);
    padding: var(--content-padding);
}

/* chat block */
article .chat_block, article .chat_block ul { display: contents; }
article .chat_block li { padding: var(--content-padding); }
article .chat_block .chat_label { font-weight: bold; }

/* ask block */
article .answer_block { display: contents; }
article .answer_block > * { padding: var(--content-padding); }
article .answer_replies {    }
article .answer_question {
    display: grid;
    grid-auto-flow: column;
    width: 100%;
    background: rgba(var(--colour-accent), 0.5);
}
article .answer_question * { padding: 0; }
article .answer_asker {
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    color: rgb(var(--colour-accent));
}

/* audio block */
article .audio_block {
    display: grid;
    align-items: center;
    justify-items: center;
    position: relative;
    overflow: hidden;
}
article .audio_block iframe { width: 100%; }
article .audio_block .audio_content {
    position: absolute;
    z-index: 999;
    padding: var(--content-padding);
    display: grid;
    grid-gap: var(--content-padding);
    align-items: center;
    justify-items: center;
}
article .audio_block .player {
    background: rgb(242, 242, 242);
    border-radius: 100%;
    padding: 10px;
    padding-right: calc(10px + 4px);
    padding-top: calc(10px + 2px);
    overflow: hidden;
}
article .audio_block .player .audio_player {
    overflow: hidden;
    height: 31px;
    width: 31px;
    background: rgb(242,242,242);
}
article .audio_block .track_info {
    display: grid;
    grid-gap: var(--content-padding);
    align-items: center;
    align-content: center;
    justify-items: center;
    color: rgb(255 255 255);
}
article .audio_block .track_info .track_artist { font-style: italic; }
article .audio_block .track_info .track_name { font-weight: bold; }
article .audio_block .album_art {
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: cover;
    position: relative;
}
article .audio_block .album_art img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
article .audio_block .album_art:before {
    width: 100%;
    height: 100%;
    z-index: 0;
    content: "";
    background: inherit;
    filter: blur(5px);
    position: absolute;
}
article .audio_block .album_art figure { visibility: hidden; }

/* video block */
article .video_block { display: flex; overflow: hidden; }
article .video_block, article .video_block > *, article .video_block iframe { max-width: 100%!important; }

/* post info */
article > .post_info {
    display: grid;
    grid-gap: var(--content-padding);
    grid-auto-flow: column;
    justify-content: left;
    align-content: start;
}
article .post_info a { letter-spacing: 1px; }
article .post_date, article .post_notecount { font-weight: bold; }
article .post_date { font-size: 1.1em; }
article .post_info a:not(:hover) { color: rgb(var(--colour-text)); }
article .post_date, article .post_notecount, article .post_source { white-space: nowrap; }

/* tags */
section.posts article.post > .post_tags {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    align-items: baseline;
    grid-gap: var(--content-padding);
}
article .post_tags a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1em;
}
article .post_source { min-width: max-content; }

/* post notes */
article .post_notes { flex-basis: 100%; }
ol.notes {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-auto-flow: row;
    grid-gap: var(--content-padding);
}
ol.notes li {
    margin: 0;
    display: grid;
    grid-gap: var(--content-padding);
    justify-content: left;
    align-items: center;
}
ol.notes blockquote {
    margin-left: var(--content-padding);
}
.notes li > .retags, ol.notes .avatar_frame, ol.notes li .clear { display: none; }