/* G E N E R A L  P O S T  S T Y L I N G
---------------------------------------------------*/

/* POST LINKS 
------------------------------*/
/*body .post.neue-quote .container.dark-bg a,
body .post.quote-post .container.dark-bg a,
body .post .dark-bg a {
    color: rgba(255,255,255,0.75);
    border-bottom: 1px solid var(--accent);
} */
.post .inner a {
    color: var(--textLink);
    border-bottom: 1px solid rgba(var(--textLinkHoverRGB),0.25);
}
.post .inner a:hover {
    color: var(--textLinkHover);
    border-bottom: 3px solid var(--textLink);
}/*
body .post.neue-quote .container.dark-bg a:hover,
body .post.quote-post .container.dark-bg a:hover,
body .post .dark-bg a:hover {
    color: inherit;
    border-bottom: 3px solid var(--linkt);
} */

/* POST INF0
/  timestamp & source 
------------------------------*/
 .post-info {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.5rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 2rem;
    padding: 0.25rem 0;
}
.post-info a,
.post-date-notes p a,
.post-date-notes strong {
    color: var(--bodyText);
    border: 0 none transparent;
    transition: all 0.2s ease;
}
.post-info a:hover,
.post-date-notes p a:hover {
    font-weight: 700;
    color: var(--accent2);
    border: 0 none transparent;
}
.post-info > div {
    width: 40%;
}
.post-info > .post-date {
    text-align: left;
}
.post-info > .post-from {
    text-align: right;
}
.post-date-notes {
    text-align: center;
    padding: 0.25rem 0;
}
.post-date-notes p {
    font-size: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
}
/* POST SIZE
------------------------------*/

#content-area {
    width: 100%;
    max-width: 500px;
    margin-bottom: 2rem;
    /*z-index: 2;*/
}
.post {
    width: 100%;
    margin: var(--double) 0;
    font-weight: 300;
}
.post > .inner { 
    width: 100%;
    margin: 0;
    background: var(--postBG);
    /*border: 1px solid var(--border);
    border-bottom: 0 none transparent;
    box-shadow: 0 0 0 1px #e6e6e6;
    border-radius: 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-bottom: 0 none transparent;*/
}
.post > .inner {
    padding: var(--full);
}


/* P O S T  T Y P E S
---------------------------------------------------*/
/* PHOTO POST 
------------------------------*/
article.neue-photoset.post .post-reblog-header,
article.photo-post.post .post-reblog-header,
article.neue-photoset.post .original-post-header,
article.photo-post.post .original-post-header {
    margin-top: var(--full);
}
/*article.photo-post.post .container * {
    line-height: 0;
}*/
article.photo-post.post .container > .inside {
    display: block;
    position: relative;
}/*
article.photo-post.post .container > .inside:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(175,175,175,0.15);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(175,175,175,0.20);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(175,175,175,0.20);
    box-shadow: inset 0px 0px 0px 1px rgba(175,175,175,0.20);
}*//*
article.photo-post.photoset-post.post .container > .inside:after {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    content: initial;
    overflow: hidden;
    background-color: transparent;
    -webkit-box-shadow: inset 0px 0px 0px 0px transparent;
    -moz-box-shadow: inset 0px 0px 0px 0px transparent;
    box-shadow: inset 0px 0px 0px 0px transparent;
}*/
/* TEXT POST 
------------------------------*/
h2.post-title { 
    margin: 0;
    line-height: 1.25;
}
.post.text-post h2.post-title.title-spacer {
    margin-bottom: var(--half);
}


/* QUOTE POST
------------------------------*/
/*.neue-quote {outline: 3px solid red;}*/
.post.neue-quote .container,
.post.quote-post .container {
    /*font-family: "Source Serif Pro", serif;*/
    padding: var(--ohalf);
    /*color: var(--quotet);*/
}/*
.post.neue-quote .container.dark-bg,
.post.quote-post .container.dark-bg {
    background-color: var(--accent3);
}
.post.neue-quote .container.light-bg,
.post.quote-post .container.light-bg {
    background-color: var(--accent2);
}
.post.neue-quote .container.medium-bg,
.post.quote-post .container.medium-bg {
    background-color: var(--accent);
}
.post.neue-quote .container.dark-border,
.post.quote-post .container.dark-border {
    border: var(--quart) solid var(--accent3);
}
.post.neue-quote .container.light-border,
.post.quote-post .container.light-border {
    border: var(--quart) solid var(--accent2);
}
.post.neue-quote .container.medium-border,
.post.quote-post .container.medium-border {
    border: var(--quart) solid var(--accent);
}*/
.quote-text {
    font-weight: 100;
/*    font-style: italic;*/
/*    letter-spacing: 0.5px;*/
    line-height: 1.25;
    word-break: break-word;
    margin-bottom: var(--full);
}
.quote-text:only-child {
    margin-bottom: 0;
}
.quote-text.short,
.quote-text.short p {
    font-size: 2rem;
}
.quote-text.medium,
.quote-text.medium p {
    font-size: 1.5rem;
}
.quote-text.long,
.quote-text.long p {
    font-size: 1rem;
    line-height: 1.25;
}
.quote-source {
    font-weight: 100;
    font-size: 1rem;
    line-height: 1.25;
    width: 75%;
}
.grid-view .quote-source {
    width: 100%;
}
.quote-source * {
    font-weight: 100;
}
.post.neue-quote .container *,
.post.quote-post .container *{
    color: inherit;
}
.quote-source::before { 
    content: "\2014\00A0";
}
.neue-quote .quote-source::before,
.neue-quote .quote-text::before,
.neue-quote .quote-text::after {
    content: "";
}
.quote-text:before {
    content: open-quote;
    margin-right: -0.2em;
}
.quote-text:after {
    content: close-quote;
    margin-left: -0.2em;
}
.quote-text.has-paragraph:before,
.quote-text.has-paragraph:after {
    content: none;
    display: none;
}
.quote-text.has-paragraph p:first-of-type:before,
.quote-text.has-paragraph p:only-child:before {
    content: open-quote;
    margin-right: -0.2em;
}
.quote-text.has-paragraph p:last-of-type:after,
.quote-text.has-paragraph p:only-child:after {
    content: close-quote;
    margin-left: -0.2em;
}
.neue-quote .quote-text.has-paragraph p:first-of-type:before,
.neue-quote .quote-text.has-paragraph p:only-child:before,
.neue-quote .quote-text.has-paragraph p:last-of-type:after,
.neue-quote .quote-text.has-paragraph p:only-child:after {
    content: "";
    display: none;
}
.quote-text p + br {
  display: none;
}


/* REBLOG CHAINS
------------------------------*/
.original-post-item,
.post-reblog-item {
    border-top: 1px solid rgba(var(--mainTextRGB),0.1);
    margin-top: var(--full);
    padding-top: var(--full);
}
.post-caption > *:last-child,
.post-reblog-body > *:last-child,
.original-post-body > *:last-child {
    margin: 0;
}
.post-caption > *:only-child {
    margin-top: var(--half);
}
.original-post-item *,
.post-reblog-item * {
    font-size: initial;
}
/*rebloggers info */
.original-post-item,
.post-reblog-item:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
.original-post-header,
.post-reblog-header {
    margin-bottom: var(--tquart);
}
.original-item-avatar,
.reblog-item-avatar {
    display: inline-block;
    vertical-align: middle;
    padding-right: var(--tquart);
}
.original-item-avatar img,
.reblog-item-avatar img {
    height: var(--ohalf);
    width: var(--ohalf)
}
.original-item-username,
.reblog-item-username { 
    color: var(--posterLink); 
    display: inline-block;
    vertical-align: middle;
    font-weight: 700; 
    font-size: var(--tquart);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.post .inner .original-item-username a,
.post .inner .reblog-item-username a { text-decoration: none; color: var(--posterLink); border-color: transparent; }

.post .inner .original-item-username a:hover,
.post .inner .reblog-item-username a:hover { text-decoration: none; color: var(--accent1); border-color: transparent; }

.original-item-username .deactivated, 
.reblog-item-username .deactivated { cursor: default; }

.original-post-body figure,
.post-reblog-body figure,
.post-caption figure {
    line-height: 1.0;
}
.original-post-body figure img,
.post-reblog-item figure img,
.post-caption figure img{
    display: block;
}
.quote-post .post-reblog-list,
.chat-post .post-reblog-list { display: none; }

p.tmblr-attribution { display: none !important; }

/* headers */
/*
h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Serif Pro', serif;
    font-weight: 700;
}
article h1, article h2 {
    font-weight: 700;
    margin: .75em 0
}
*/
/* POST FOOTER
------------------------------*/
.post-metadata {
    /*background-color: rgba(255, 255, 255, 0.5);*/
    background-color: rgba(var(--postControlsBgRGB), var(--postfooterOP));
    margin-top: 2px;
    /*border-top: 1px solid rgba(var(--mainTextRGB), 0.1);
    border-bottom: 1px solid rgba(var(--mainTextRGB), 0.1);*/
    padding-right: 16px;
    text-align: center;
    padding: 0.5rem 0.6875rem 0.5rem 1rem;
}
.post-metadata .post-controls {
    display: flex;
}
.post-metadata .post-controls > div {
    width: 50%;
}
.post-metadata .col-halfo {
    /*display: inline-block;
    width: 50%;*/
    text-align: left;
}
.post-metadata .col-halfs {
    /*display: inline-block;
    width: 50%;*/
    text-align: right;
    position: relative;
}
.post-metadata a,
.post-metadata a > * {
    color: var(--postControlsTXT);
    font-weight: 600;
    border-bottom: 0 none transparent;
}
.post-metadata a:hover,
.post-metadata a:hover *,
.post-metadata .control.reblog:hover svg,
.post-metadata .tag-wrap a:hover, 
.post-metadata .tag-wrap a:hover > *{
    color: var(--accent1);
    stroke: var(--accent1);
    border-bottom: 0 none transparent;
}
.post-metadata .control.like:hover svg{
    stroke: var(--like);
}
.post-controls .control.like .liked + .icon-wrap svg {
    stroke: var(--like);
}
.post-metadata .control.like:hover .liked + .icon-wrap svg {
    stroke: var(--accent1);
    fill: transparent;
}
.post-metadata 
.post-controls .control {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.0;
    cursor: pointer;
    margin: 0 2px;
}
.post-controls .control.like,
.post-controls .control.reblog { 
    position: relative;
}
.post-controls .control.info {
    display: none;
}
.post-controls .control .icon-wrap {
    display: block;
    line-height: 0;
    padding: 5px;
}
.post-controls .notes .icon-wrap {
    padding-left: 0;
}
.post-controls .control .icon-wrap svg {
    width: 20px; 
    height: 20px;
    stroke: var(--postControlsTXT);
}/*
.post-controls .control:hover .icon-wrap svg {
    stroke: var(--accent);
}
.post-controls .control.like:hover .icon-wrap svg {
    fill: var(--lightest);
}*/
.post-controls .control.notes span {
    display: inline-block;
    vertical-align: middle;
}
.control.notes .note-count,
.control.notes .note-count-style {
    padding-top: 1px;
}
.post .tags-bubble,
.post .info-bubble {
    position: absolute !important;
    top:100%;
    left:50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 999999999999999999999999;
    cursor: auto;
    width: 120%;
    width: calc(100% + 80px);
}
.post .tags-bubble .inner,
.post .info-bubble .inner {
    background: var(--mainText);
    display: inline-block;
    min-width: 125px;
    padding: 1rem;
    padding-bottom: 1.1rem;
}
.post .tags-bubble > .inner::after,
.post .info-bubble > .inner::after {
    content: " ";
    position: absolute;
    bottom: 95%;  /* At the top of the tooltip */
    right: 120px;
    border-style: solid;
    border-color: var(--mainText) transparent;
    border-width: 0 5px 10px;
}
.post .info-bubble a,
.post .tags-bubble .tag a {
    color: var(--postBG);
}
.post .tags-bubble .tag a:hover {
    color: var(--accent1);
}
.info-bubble {
    color: var(--postBG);
    text-align: center;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.info-bubble span {
    display: block;
}
.post-controls .reblog_button,
.post-controls .like_button {
    position: absolute;
    top: 0;
    left: 0;
    width:30px;
    height: 30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter: alpha(opacity=00);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}/*
.post-controls .control:hover .icon-wrap svg.reblog-icon {
    fill: transparent;
}
.post-controls .liked + .icon-wrap svg {
    fill: var(--linkt) #d75f45;  
    stroke: var(--darkest);
}*/
.post-controls .tags-button .close-tag {
    display: none;
}
.post-footer .tags-wrap {
    text-align: center;
  padding: var(--quart) var(--full) 0;
  text-align: center;
}
/*
.grid-view .post-metadata + .tags-wrap {
    display: none;
}
*/
.post-footer .tags-wrap .tag a {
    color: var(--tags);
    border: 0 none transparent;
    font-weight: 300;
    font-size: 0.9em;
    transition: all 0.5s ease;
    padding: 0.1rem;
    /*text-shadow: 0px 0px 5px #fafafa;*/
}
.post-footer .tags-wrap .tag a:hover {
  color: var(--accent2);
}

span.aes {
    display: none;
}
body.blog .post div.npf_row,
body.blog .post div.npf_row .npf_col,
body.blog .post div.npf_row .npf_row *,
body.blog .post div.npf_row .npf_col figure,
body.blog .post div.npf_row .npf_col figure img,
body.blog .post-content div.npf_row + div.npf_row,
body.blog .post-content div.npf_row + figure.tmblr-full,
body.blog .post div.npf_row + div.npf_row,
body.blog .post div.npf_row + figure.tmblr-full,
body.blog div.npf_row + div.npf_row,
body.blog div.npf_row + figure.tmblr-full,
body.blog .post div.npf_row .npf_col:last-child,
body.blog .post div.npf_row figure.tmblr-full:last-child,
body.blog div.npf_row .npf_col:last-child,
body.blog div.npf_row figure.tmblr-full:last-child { 
    position: relative;
    display: block;
    margin: initial;
    padding: initial;
    background: initial;
}
body.blog .post div.npf_row,
body.blog .post div.npf_row + div.npf_row {
    display: flex;
    align-items: stretch;
    margin: 0 -0.125rem;
}
body.blog .text.post div.npf_row:last-of-type {
    margin-bottom: -0.25rem !important;
}
body.blog .post .inner figure {
    margin-top: 0.25rem !important;
}
body.blog .text.post .inner figure:first-of-type {
    margin-top: -0.25rem !important;
}
body.blog .neue-photoset.post .inner figure, 
body.blog .neue-photoset.post .inner figure:first-of-type {
    margin-top: 0 !important;
}
body.blog .post .inner .post-blog-header + figure,
body.blog .post .inner p:empty + figure{
    margin-top: 0 !important;
}
body.blog .post div.npf_row .npf_col figure {
    margin: 0 !important; 
    height: 100%;
}
body.blog .post .inner div.npf_row + figure,
body.blog .post .inner figure + div.npf_row {
    margin-top: 0.25rem !important;
}

body.blog .post div.npf_row .npf_col {
    padding:0 0.125rem 0.25rem !important;
}
body.blog .post div.npf_row > figure {
    margin: 0.125rem 0 !important;
}
body.blog .post .inner figure {
    position: relative;
}/*
body.blog .post .inner figure:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(175,175,175,0.15);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(175,175,175,0.20);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(175,175,175,0.20);
    box-shadow: inset 0px 0px 0px 1px rgba(175,175,175,0.20);
}*/
body.blog .post .inner figure + p,
body.blog .post .inner figure + blockquote,
body.blog .post .inner figure + h1,
body.blog .post .inner figure + h2,
body.blog .post .inner figure + h3,
body.blog .post .inner figure + h4,
body.blog .post .inner figure + h5,
body.blog .post .inner figure + h6,
body.blog .post .inner div.npf_row + p,
body.blog .post .inner div.npf_row + blockquote,
body.blog .post .inner div.npf_row + h1,
body.blog .post .inner div.npf_row + h2,
body.blog .post .inner div.npf_row + h3,
body.blog .post .inner div.npf_row + h4,
body.blog .post .inner div.npf_row + h5,
body.blog .post .inner div.npf_row + h6 {
    margin-top: var(--full);
}

.post .inner .video-player {
    width: 100%;
    overflow: hidden !important;
}
/* blockquotes */
/*
.post-reblog blockquote, .post-caption blockquote {
    border-left: 3px var(--blockquote) solid;
    margin: 1em 0 1em 0.25em;
    padding-left: 20px;
}
*/
/* ask box text */
/*
.ask-box-text {
    padding: 5px 20px 0;
    margin: 0.5em 0 0em 0;
}
*/
/* read more */
/*
p.read_more_container {
    text-align: center;
    width: calc(100% + 30px);
    margin: 0 -15px;
    height: 30px;
    line-height: 30px;
}

a.read_more {
    display: block;
    height: 30px;
    width: 100%;
    text-decoration: none;
    color: var(--med);
}

a.read_more::before,
a.read_more::after {
    content: '';
    background-image: url('https://assets.tumblr.com/images/post_form/truncated_divider.svg');
    height: 30px;
    width: calc(50% - 64px);
    background-size: cover;
    opacity: 0.3;
}

a.read_more::before {
    float: left;
    background-position: center left;
}

a.read_more::after {
    float: right;
    background-position: center right;
}
*/
/* ---------- MEDIA POSTS ---------- */
/*
article:not(.has-date) .post-caption {
    padding: 0px 20px 10px;
}
body.ask-page article:not(.has-date) .post-caption,
body.submit-page article:not(.has-date) .post-caption {
    padding: 20px;
}

div.post-inner img { max-width: 100%;  height: auto; }

.photoset-container { line-height: 0; }

img.high-res { width: 100%; }

figure.tmblr-full video { max-width: 100% ; }

/* inline photosets HUOM */
/*
article div.npf_row {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0;
    overflow: hidden;
    line-height: 0 !important;
}

div.npf_row+div.npf_row, div.npf_row+figure.tmblr-full { margin-top: 4px; }

figure.tmblr-full {
    margin-inline-start: 0;
    margin-inline-end: 0;
}

div.npf_row figure.tmblr-full {
    -ms-flex: 1;
    flex: 1;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    overflow-y: hidden;
    padding-left: 2px;
    padding-right: 2px;
}

article div.npf_row:last-child { margin-bottom: 20px; }

div.npf_row figure[data-enable-lightbox="1"] { cursor: pointer; }

div.npf_row figure.tmblr-full:last-child {
    padding-left: 2px;
    padding-right: 0;
}

div.npf_row figure.tmblr-full:first-child {
    padding-left: 0;
    padding-right: 2px;
}

div.npf_row img { height: auto; }



/* ---------- LINK POSTS ---------- */
/*
a.link {
    background: var(--question); 
    display: block;
    position: relative;
}

.link-thumbnail { position: relative; }

.link-thumbnail img { width: 100% !important; }

.link-thumbnail::after {
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.4),transparent 50%);
    background-image: linear-gradient(rgba(0,0,0,0.4),transparent 50%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.link-text-wrapper { padding: 20px; }

.link-host {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.link-container.thumb .link-host {
    margin: 20px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.link-title { margin: 0; font-weight: 700; line-height: 1.16; font-style: italic;}
.link-excerpt { margin: 15px 0 0 0;  font-size: 14px; line-height: 1.5; }

/* ---------- CHAT POSTS ---------- */
/*
.chat { 
    margin: 10px 20px; 
}

.chat-line { padding: 0.5em 0; }
.chat-label { font-weight: 700; margin-right: 5px; }

/* ---------- AUDIO POSTS ---------- 

.audio_player {
	background: var(--question);
	width: 100%;
	cursor: pointer;
}

.seek-art {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
}

.audio_player .seekbar {
	min-width: 200px;
	flex-grow: 1;
	height: 85px;
	background: var(--question);
}

.audio_player .seekbar_progress {
	background : var(--progress);
	height: 100%;
	width: 0;
}

.post.audio .seek-art img { height: 85px; width: 85px; cursor: default; }

.audio_buttons {
    position: absolute;
    display: block;
    font-size: 40px;
    text-align: center;
    width: 30px;
    height: 30px;
    margin-top: -56px;
    margin-left: 25px;
}

.play_button .playbtn:before,
.pause_button .pausebtn:before { display: block; line-height: 30px; }
.play_button .playbtn:before { content: "\EA68"; }
.pause_button .pausebtn:before { content: "\EA62"; }

.audio_info {
    position: absolute;
    height: 42px;
    font-size: 15px;
    line-height: 21px;
    margin-top: -63px;
    margin-left: 80px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    pointer-events: none;
    user-select: none;
    max-width: 395px;
}

.audio_player.album_art .audio_info {
    max-width: 310px;
}

.audio_info > div {
    max-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
}

*/
article.audio-post.post .post-caption,
article.audio-post.post .post-reblog-header {
    margin-top: var(--full);
}
.post .audio-player iframe,
.post .audio-player iframe.tumblr_audio_player {
    width: 100%;
    height: 85px;
    display: block;
}
.post .audio-player iframe.spotify_audio_player {
    height: 80px;
}
.post .audio-player {
    line-height: 1.0;
}

/* ---------- ANSWER POSTS ---------- */

#question-container { margin-bottom: var(--half); }
/*#answer-container { margin-top: 38px; }*/

#question-container,
#answer-container {
    display: flex;
}
#answer-container img.asker-avatar {
    order: 2;
    margin-left: var(--full);
}
#question-container img.asker-avatar {
    margin-right: var(--full);
}
.post-question {
    width: 100%;
    position: relative;
}
#question-container .post-question {
    background-color: var(--mainText);
    padding: var(--full) 1.25rem;
}
#question-container .post-question,
#question-container .post-question p,
#question-container .post-question p a,
#question-container .post-question p span {
    color: var(--postBG);
}
#question-container .post-question p.asker {
    color: rgba(var(--postbgRGB),0.5);
}
#answer-container .post-question {
    background-color: rgba(var(--mainTextRGB), 0.15);
    padding: var(--full) 1.25rem;
}
#answer-container .post-question p.asker,
#answer-container .post-question p.asker a {
    color: var(--mainText)
}
#answer-container .post-question p.asker span {
    color: rgba(var(--mainTextRGB), 0.5);
}
#answer-container .answerer:empty + span::before {
    color: #000;
}
#answer-container .answerer:empty {
    display: none;
}
#question-container .answerer:empty + span::before,
#answer-container .answerer:empty + span::before {
    content: "Deactivated blog ";
}
#question-container .asker,
#answer-container .asker {
    font-size: 0.75em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: var(--quart);
}
/*
#question-container > *, 
#answer-container > *{
    max-width: 50%;
    display: inline-block;
    border: 3px solid #EEE;
}*
/*.post-answer .post-reblog-list .post-reblog-item:first-child {
    margin-top: -19px;
}

.post-question {
    position: relative;
    background: var(--darkest);
    margin: 19px 80px 19px 19px;
    padding: 20px;
    border-radius: 3px;
}

.post-question p { margin-top: 0; margin-bottom: 0; }
p.asker { color: var(--med); margin-bottom: 1em; }
*/
.post-question:after {
    content: '';
    position: absolute;
    top: 1.75rem;
    height: 1rem;
    width: 1rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#question-container .post-question:after {
    left: -0.5rem;
    background-color: var(--mainText);
}
#answer-container .post-question:after {
    right: -0.5rem;
    background-color: rgba(var(--mainTextRGB), 0.15);
}
img.asker-avatar {
    width: 2.5rem;
    height: 2.5rem;
    margin-top: var(--full);
}

/* ---------- POST FOOTER ---------- *//*
.post-footer-wrapper {
    margin: 0 0 30px 0;
}
/*   post info   *//*
.post-footer {
   /* position: relative;
    width: 100%
    height: auto;
    padding: 0 5px;
    padding-top: 8px;
    color: var(--dark);
    font-size: 8px;
    font-size: 0.5rem;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;*//*
}

.post-footer a { color: var(--accent);;}
.post-footer a:hover { color: var(--lightest); background: var(--accent);;}
.post-footer a.post-notes { margin-left: 1px; }


/*   tags    
.post-metadata {
    width: 100%;
    padding: 5px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 13px;
    font-size: 0.8rem;
    text-align: center;
    font-weight: 300;
    letter-spacing: 1px;
}

a.meta-item { color: var(--dark); margin-right: 10px; text-shadow: 1px 1px 5px #fff; }
a.meta-item:hover { color: var(--accent);; }*/


/* pinned posts */
/*
.pinned-label {
    background: var(--blockquote);
    border-radius: 100%;
    padding: 5px 4px 1px 2px;
    margin: -3px -7px -3px 10px;
    cursor: default !important;
}

.pinned-label::before {
    content: "\EA07";
    font-size: 38px;
    color: var(--med);
    margin-left: -6px;
}

.tippy-box[data-theme~='pinned'] {
    background-color: var(--blockquote);
    color: var(--med);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}
.tippy-box[data-theme~='pinned'] > .tippy-arrow::before {
    border-top-color: var(--blockquote);
    transform: scale(0.9);
}

/* ---------- PERMALINK NOTES CONTAINER ---------- */
/*
article.notes-container {
    background: var(--question);
    overflow: hidden;
}

article.notes-container ol.notes {
    list-style-type: none;
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    padding: 7px 0;
    font-size: 14px;
    color: var(--med);
}

article.notes-container ol.notes img.avatar {
    height: 25px;
    width: 25px;
    border-radius: 2px;
}

ol.notes a.avatar_frame {
    display: block;
    float: left;
    margin: -2px 12px 0 0;
    border-radius: 2px;
}

ol.notes li {
    min-height: 23px;
    margin: 0;
    padding: 10px 15px;
}

ol.notes .note a {
    color: var(--dark);
    font-weight: 700;
}

.reblog-list .post-reblog-header .post-avatar.sub-icon-reblog:after, 
.reblog:not(.original_post) .avatar_frame:after,
.like .avatar_frame:after {
    float: right;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    margin-top: 15px;
    margin-left: -8px;
}

.reblog-list .post-reblog-header .post-avatar.sub-icon-reblog:after, 
.reblog:not(.original_post) .avatar_frame:after {
    content: "\EA08";
    background-color: #56bc8a;
    font-size: 15px;
    line-height: 15px;
}

.like .avatar_frame:after {
    content: "\EA05";
    background-color: #d95e40;
    font-size: 10px;
    text-align: center;
    line-height: 1.6;
}

ol.notes blockquote {
    border-left: 2px solid var(--border);
    font-size: inherit;
    line-height: 1.4;
    margin: 5px 15px 0 40px;
    quotes: none;
    padding: 0 0 0 10px;
}

ol.notes .note blockquote a {
    font-weight: 400;
    color: var(--med);
}



*/
ol.notes {
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: var(--mainText);
    font-weight: 300;
}
ol.notes * {
    font-size: 0.5rem;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 0;
}
ol.notes a { color: var(--accent2); font-weight: 700; }
ol.notes a:hover {
    border-bottom: 0;
}
ol.notes li a.avatar_frame,
ol.notes li span.action {
    display: inline-block;
    vertical-align: middle;
}
ol.notes li a.avatar_frame {
    width: 1rem;
    height: auto;
    margin-right: 0.5rem;
    border: 0;
}
ol.notes li a.avatar_frame img {
    display: block;
    width: 100%;
    height: auto;
}
ol.notes li {
    padding: 0.5rem;
    background-color: rgba(var(--postbgRGB), 0.75);
    margin: 0.25rem 0 ;
}
ol.notes li.with_commentary blockquote {
    margin-left: 1.05rem;
    margin-top: 0.33rem;
    padding: 0.33rem 0.66rem;
}
ol.notes li.with_commentary blockquote a {
    color: var(--mainText);
    font-weight: 300;
}
ol.notes li.with_commentary blockquote a:hover {
    color: var(--accent1);
}
ol.notes li.more_notes_link_container {
    padding: 0;
    margin: 1rem 0;
    background-color: transparent;
}
ol.notes li a.more_notes_link {
    background-color: var(--mainText);
    background-image: none;
    border: 0;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--postBG);
    padding: 0;
    display: inline-block;
    line-height: 1.0;
    padding: 1em 1.5em;
    cursor: pointer;
    text-shadow: 0 0 transparent;
    transition: all .5s ease;
    margin: 0 0.25em;
}
ol.notes li a.more_notes_link:hover {
    background-color: var(--accent1);
}

.post .inner blockquote br + br {
    display: none;
}
.post-reblog-list span {
    color: inherit !important;
}


.chat .chat-line .chat-label {
    font-weight: 700;
    color: var(--accent1);
}
.chat .chat-line {
    padding: var(--tquart) var(--full);
}
.chat .chat-line:nth-child(odd) {
    background-color: rgba(var(--mainTextRGB),0.1);
}