/* color scheme: tumblr */

body.cs1 {
    --bg: #fff;  /* post background */
    --bqt: #ededed;  /* blockquotes */
    --bdr: rgba(0,0,0,0.13);  /* post borders */
    --qst: #ededed;  /* questions */
    --pgs: rgba(0,0,0,0.25);  /* audio progress bar */
    --drk: #000;  /* text */
    --med: #535353;  /* gray text */
    --lgt: #595959;  /* faded text */
}

/* color scheme: dark mode */

body.cs2 {
    --bg: #222;  /* post background */
    --bqt: #323232;  /* blockquotes */
    --bdr: rgba(255,255,255,0.13);  /* post borders */
    --qst: #323232;  /* questions */
    --pgs: rgba(255,255,255,0.25);  /* audio progress bar */
    --drk: #fff;  /* text */
    --med: #b7b7b7;  /* gray text */
    --lgt: #b2b2b2;  /* faded text */
}

/* color scheme: low contrast */

body.cs3 {
    --bg: #444444;  /* post background */
    --bqt: #555555;  /* blockquotes */
    --bdr: rgba(255,255,255,0.13);  /* post borders */
    --qst: #555555;  /* questions */
    --pgs: rgba(255,255,255,0.25);  /* audio progress bar */
    --drk: #bfbfbf;  /* text */
    --med: #969696;  /* gray text */
    --lgt: #939393;  /* faded text */
}

/* color scheme: cement */

body.cs4 {
    --bg: #e9e9e9;  /* post background */
    --bqt: #d9d9d9;  /* blockquotes */
    --bdr: rgba(0,0,0,0.13);  /* post borders */
    --qst: #d9d9d9;  /* questions */
    --pgs: rgba(0,0,0,0.25);  /* audio progress bar */
    --drk: #000;  /* text */
    --med: #4c4c4c;  /* gray text */
    --lgt: #515151;  /* faded text */
}

/* color scheme: cybernetic */

body.cs5 {
    --bg: #222;  /* post background */
    --bqt: rgba(var(--RGBact),0.07);  /* blockquotes */
    --bdr: rgba(var(--RGBact),0.13);  /* post borders */
    --qst: rgba(var(--RGBact),0.07);  /* questions */
    --pgs: rgba(var(--RGBact),0.25);  /* audio progress bar */
    --drk: var(--act);  /* text */
    --med: rgba(var(--RGBact),0.65);  /* gray text */
    --lgt: rgba(var(--RGBact),0.65);  /* faded text */
}

body.cs5 article.notes-container {
	background: var(--bg);
}

body.cs5 article.post {
    box-shadow: none;
}

/* color scheme: canary */

body.cs6 {
    --bg: #f9fac8;  /* post background */
    --bqt: #e8e8bb;  /* blockquotes */
    --bdr: rgba(0,0,0,0.13);  /* post borders */
    --qst: #e8e8bb;  /* questions */
    --pgs: rgba(0,0,0,0.25);  /* audio progress bar */
    --drk: #000;  /* text */
    --med: #515140;  /* gray text */
    --lgt: #565746;  /* faded text */
}

/* color scheme: pastel */

body.cs7 {
    --bg: #fff;  /* post background */
    --bqt: rgba(var(--RGBact),0.1);  /* blockquotes */
    --bdr: rgba(var(--RGBact),0.2);  /* post borders */
    --qst: rgba(var(--RGBact),0.1);  /* questions */
    --pgs: rgba(var(--RGBact),0.25);  /* audio progress bar */
    --drk: var(--act);  /* text */
    --med: rgba(var(--RGBact),0.7);  /* gray text */
    --lgt: rgba(var(--RGBact),0.7);  /* faded text */
}

body.cs7 article.notes-container {
	background: var(--bg);
}

/* color scheme: blended light */

body.cs8 {
    --bg: rgba(255,255,255,0.1);  /* post background */
    --bqt: rgba(var(--RGBbgt),0.2);  /* blockquotes */
    --bdr: rgba(var(--RGBbgt),0.25);  /* post borders */
    --qst: rgba(255,255,255,0.15);  /* questions */
    --pgs: rgba(255,255,255,0.15);  /* audio progress bar */
    --drk: var(--bgt);  /* text */
    --med: rgba(var(--RGBbgt),0.8);  /* gray text */
    --lgt: rgba(var(--RGBbgt),0.7);  /* faded text */
}

/* color scheme: blended dark */

body.cs9 {
    --bg: rgba(0,0,0,0.1);  /* post background */
    --bqt: rgba(var(--RGBbgt),0.2);  /* blockquotes */
    --bdr: rgba(var(--RGBbgt),0.25);  /* post borders */
    --qst: rgba(0,0,0,0.1);  /* questions */
    --pgs: rgba(0,0,0,0.1);  /* audio progress bar */
    --drk: var(--bgt);  /* text */
    --med: rgba(var(--RGBbgt),0.8);  /* gray text */
    --lgt: rgba(var(--RGBbgt),0.7);  /* faded text */
}

body.cs8 .pagination a, 
body.cs9 .pagination a {
    background: var(--drk);
    color: var(--bg1);
}

body.cs8.gradient .pagination a, 
body.cs9.gradient .pagination a {
    color: var(--bg2);
}

body.cs8 .avatar-image a, 
body.cs9 .avatar-image a {
    background: var(--drk);
    border: 4px var(--drk) solid;
}

body.cs8 .avatar-image::before, 
body.cs9 .avatar-image::before {
    box-shadow: none;
}

body.cs8 .post-controls .like_button.liked,
body.cs9 .post-controls .like_button.liked { 
    color: var(--lgt);
}

body.cs8 .post-controls .like_button.liked:hover,
body.cs9 .post-controls .like_button.liked:hover { 
    color: var(--med);
}

/* ---------- BASICS ---------- */

body {
    margin: 0;
    padding-top: 55px;
    background: var(--bg1);
    font-family: var(--ft);
    font-size: var(--fsz);
    line-height: 140%;
    color: var(--drk);
    -webkit-font-smoothing: antialiased;
    background-attachment: fixed !important;
}

/* background types */

body.gradient { 
    background: linear-gradient(to bottom, var(--bg1) 5%, var(--bg2) 100%); 
}

body.full { 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

body.repeat { 
    background-repeat: repeat; 
}

body.bg-fixed {
    background-repeat: no-repeat;
}

body.bg-fixed.bf1 {
    background-position: top left;
}

body.bg-fixed.bf2 {
    background-position: top center;
}

body.bg-fixed.bf3 {
    background-position: top right;
}

body.bg-fixed.bf4 {
    background-position: center left;
}

body.bg-fixed.bf5 {
    background-position: center center;
}

body.bg-fixed.bf6 {
    background-position: center right;
}

body.bg-fixed.bf7 {
    background-position: bottom left;
}

body.bg-fixed.bf8 {
    background-position: bottom center;
}

body.bg-fixed.bf9 {
    background-position: bottom right;
}

/* links */

a, 
a > * { 
    text-decoration: none; 
    color: inherit; 
}

a.deactivated { 
    cursor: default !important; 
}

.quote-source a,
.post-reblog-item a,
.post-caption a { 
    text-decoration: underline; 
}

main img { 
    max-width: 100%; 
    margin: 0; 
    line-height: 0; 
}

/* inline code */

pre { 
    white-space: pre-wrap; 
    word-wrap: break-word; 
    margin: 1em 0;
}

code, 
kbd, 
pre, 
samp { 
    font-family: monospace, serif; 
    font-size: 1em; 
}

hr {
	border: none;
	height: 1px;
	background: var(--bdr);
	margin: 30px 0;
}

/* lists */

ul {
    padding-inline-start: 32px!important;
}

ul li {
    padding-left: 8px;
}

/* ---------- PAGE CONTAINER ---------- */

main {
    position: relative;
    margin-top: 54px;
    width: calc(var(--sbw) + var(--psz) + (var(--psp)*2) + 4px);
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

/* ---------- SIDEBAR ---------- */

section#sidebar {
    width: var(--sbw);
    height: calc(100vh - 55px);
    display: flex;
    align-items: center;
}

.sidebar {
    width: var(--sbw);
    margin-top: -27px;
    background: var(--bg);
    border-radius: 6px;
    box-shadow: 0 0 0 1px var(--bdr);
    position: fixed;
}

/* sidebar image */

.header-image { 
    overflow: hidden; 
    line-height: 0; 
    border-radius: 6px 6px 0 0; 
    height: var(--hdh);
}

.header-image img { 
    object-fit: cover;
    height: 100%;
    width: 100%;
}

/* avatar */

.avatar-image {
    display: inline-block;
    width: 100%;
    height: 72px;
    margin-top: -36px;
    margin-bottom: -5px;
    overflow: hidden;
    text-align: center;
    border-radius: var(--avs);
}

.avatar-image a { 
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    background: var(--bg);
    border: 4px var(--bg) solid;
    border-radius: var(--avs);
}

.avatar-image.avatar-0px a {
    display: inline-block !important;
    background: none !important;
    border: none !important;
    width: auto !important;
}

.avatar-image img {
    width: 64px;
    height: 64px;
    border-radius: var(--avs);
}

.avatar-image.avatar-0px img {
    width: auto !important;
    height: 72px !important;
}

.avatar-image::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: calc(50% - 36px);
    height: 36px;
    width: 72px;
    border-radius: var(--avs) var(--avs) 0 0;
    box-shadow: 0 0 0 1px var(--bdr);
}

.avatar-image.avatar-0px::before {
    display: none !important;
}

/* title */

.sidebar-title {
    text-align: center;
    font-size: 1.375em;
    line-height: 1.2em;
    margin: 20px 15px 15px 15px;
    font-family: var(--tft);
    font-weight: var(--tfw);
}

.sidebar-title a { 
    display: block; 
}

/* description */

.sidebar-description {
    margin: 15px 15px;
    text-align: center;
}

.sidebar-description a { 
    text-decoration: underline; 
}

/* links */

.sidebar-links { 
    margin: 15px 15px 18px; 
    text-align: center;
}

.sidebar-links a {
    display: inline-block;
    color: var(--act);
    margin: 7px 8px 0;
    font-weight: 700;
}

.sidebar-links a.current-page { 
    border-bottom: 2px var(--act) solid; 
}

/* animation */

.avatar-image a:active, 
.sidebar-title a:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

/* ---------- POST CONTAINER ---------- */

section#posts { 
    width: calc(var(--psz) + 2px);
    padding-top: var(--psp); 
    z-index: 2;
}

/* posts */

article.post { 
    margin: 1px 1px calc(var(--psp) + 1px);
    background: var(--bg);
    width: var(--psz);
    box-shadow: 0 0 0 1px var(--bdr);
    border-radius: 6px;
    overflow: hidden;
    word-wrap: break-word;
}

/* ---------- POST HEADER ---------- */

.post-header {
    display: block;
    padding: 13px 15px 12px;
    font-size: 0.875em;
    font-weight: 700;
    border-bottom: 1px var(--bdr) solid;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--lgt);
}

.reblog-icon:before {
    font-size: 1.5em;
    line-height: 1em;
    content: "\EA09";
    float: left;
    margin: 0 4px 0 0;
}

/* ---------- REBLOG CHAINS ---------- */

.post-reblog-item {
    padding: 20px 20px 0;
    border-top: 1px var(--bdr) solid;
}

.post-reblog-item:first-child {
    border-top: none;
}

.reblog-item-avatar img {
    height: 25px;
    width: 25px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
}

.reblog-item-username { 
    color: var(--drk); 
    height: 25px;
    font-weight: 700; 
    line-height: 26px;
    font-size: 0.875em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.reblog-item-username a { 
    text-decoration: none; 
}

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

.post-reblog-item figure,
.post-caption figure {
    margin: 4px 0;
}

.post-reblog-item > *:last-child {
    margin-block-end: 1em;
}

.post-caption > *:first-child {
	margin-block-start: 1rem !important;
}

.post-quote .post-reblog-list,
.post-chat .post-reblog-list { 
    display: none; 
}

/* ---------- TEXT POSTS ---------- */

.post-reblog-item, .post-caption { 
    line-height: 1.6em; 
}

.post-caption { 
    padding: 5px 20px 0; 
}

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

/* headers */

article h1, 
article h2 {
    font-family: var(--ft);
    font-weight: 400;
    margin: .75em 0;
    line-height: 1.3;
}

h2.post-title { 
    font-size: 2em; 
    font-weight: 400; 
    padding: 20px 20px 0;
    margin: 0 0 -0.5rem 0;
    line-height: 140%;
    font-family: var(--tft);
    font-weight: var(--tfw);
}

.post-reblog-item h1, 
.post-reblog-item h2,
.post-caption h1, 
.post-caption h2 {
    line-height: 140%;
    margin: .75em 0;
}

.post-reblog-item h1, 
.post-caption h1 {
	font-size: 1.625rem;
}

.post-reblog-item h2, 
.post-caption h2 {
    font-size: 1.25rem;
}

article.post.alert h2.post-title {
    padding: 20px;
	font-size: 1.625rem;
}

/* blockquotes */

.post-reblog-list blockquote, 
.post-caption blockquote {
    border-left: 3px var(--bqt) 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 */

a.read_more {
    display: block;
    text-decoration: none;
    color: var(--act);
    font-weight: 700;
}

a.read_more::after {
    content: ' →';
}

/* npf styled text */

@font-face {
	font-family: Fairwater;
	src: url('https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45') format("woff2"),
		 url('https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e') format("woff");
		 font-weight: 400;
		 font-style: normal
}

p.npf_quirky {
	font-family: Fairwater, Georgia, Times, Times New Roman, serif;
	font-size: 1.6rem;
	line-height: 1.25em
}

p.npf_chat {
	font-family: Courier, monospace;
	font-size: 1rem;
	line-height: 1.25em;
}

p.npf_quote {
	font-family: Georgia, Times, Times New Roman, serif;
	font-size: 2.267rem;
	line-height: 1.25em;
}

/* npf color text */

.npf_color_joey { 
	color:#ff492f; 
}

.npf_color_monica { 
	color:#ff8a00; 
}

.npf_color_ross { 
	color:#00cf35; 
}

.npf_color_rachel { 
	color:#00b8ff; 
}

.npf_color_chandler { 
	color:#7c5cff; 
}

.npf_color_niles { 
	color:#ff62ce; 
}

/* ---------- MEDIA POSTS ---------- */

article:not(.has-date) .post-caption {
    padding: 5px 20px;
}

.ask-box-text {
    padding: 5px 20px 0;
    line-height: 1.6em;
    margin: 1em 0 0 0;
}

body.ask-page article:not(.has-date) .post-caption {
    padding: 0 20px 15px;
}

body.submit-page article:not(.has-date) .post-caption {
    line-height: 1.6em;
    margin: 1em 0 0 0;
    padding: 5px 20px 15px;
}

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

article.post [photoset-layout] img { 
    height: 100%; 
}

.image-container img,
figure.tmblr-full img {
    width: 100%;
}

figure.tmblr-full {
    margin-left: -20px;
    margin-right: -20px;
    line-height: 0;
    cursor: pointer;
}

figure:not(.tmblr-full) img {
    border-radius: 3px;
}

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

figure.tmblr-full video, 
img.high-res { 
    width: 100%; 
}

/* if media spacing */

section#posts.media-spacing .post-reblog-item > figure, 
section#posts.media-spacing .post-caption > figure {
    margin: 20px 0;
}

section#posts.media-spacing .post-content div.npf_row, 
section#posts.media-spacing .post div.npf_row, body div.npf_row,
section#posts.media-spacing figure.tmblr-full {
    margin-left: 0;
    margin-right: 0;
}

/* ---------- QUOTE POSTS ---------- */

.quote {
    margin: 20px;
	font-family: Georgia, Times, Times New Roman, serif;
    line-height: 1.3;
    quotes: "“" "”" "‘" "’";
    word-break: break-word;
}

.quote.short {
    font-size: 2.125rem;
}

.quote.medium {
    font-size: 1.5rem;
}

.quote.long {
    font-size: 1.4375rem;
}

p.npf_quote {
    margin: 1rem 0;
    font-size: 1.5rem !important;
	line-height: 140% !important;
}

.quote:before { 
    content: open-quote; 
    letter-spacing: 0.05em; 
}

.quote:after { 
    content: close-quote; 
}

.quote-source { 
    margin: 5px 20px 0;
}

/* ---------- LINK POSTS ---------- */

a.link {
    background: var(--qst); 
    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: 0.875em;
    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; 
}

.link-excerpt { 
    margin: 15px 0 0 0;  
    font-size: 0.875em;
    line-height: 1.5; 
}

/* npf links */

.npf-link-block {
	margin: 1em 0;
    border: 1px solid var(--bdr);
}

.npf-link-block a {
    text-decoration: none;
}

.npf-link-block .title {
    font-size: 1.75em;
	line-height: 140%;
    max-height: 5.8em;
}

.npf-link-block.has-poster .title {
    text-align: center;
}

.npf-link-block.no-poster .title {
    padding: 20px 20px 0;
    font-weight: var(--tfw);
}

.npf-link-block .bottom {
    padding: 10px 20px 15px;
	line-height: 1em;
}

.npf-link-block .bottom .site-name {
    margin-top: 0;
	font-size: 0.875em;
	color: var(--lgt);
	line-height: 140%;
}

.npf-link-block .bottom .description {
    margin-bottom: 15px;
	font-size: 1em;
	line-height: 140%;
    max-height: 2.8em;
}

/* ---------- CHAT POSTS ---------- */

.chat { 
    margin: 10px 20px -0.5em; 
    font-family: Courier, monospace;
}

.chat-line { 
    padding: 0.5em 0; 
}

.chat-label { 
    font-weight: 700; 
    margin-right: 5px; 
}

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

.audio_player {
	width: 100%;
	cursor: pointer;
}

.seek-art {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    border-bottom: 1px var(--bdr) solid;
}

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

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

.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: var(--fsz);
    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: calc(var(--psz) - 105px);
}

.audio_player.album_art .audio_info {
    max-width: calc(var(--psz) - 190px);
}

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

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

#question { 
    margin-bottom: -19px; 
}

#answer { 
    margin-top: 38px; 
}

.post-answer .post-reblog-list .post-reblog-item:first-child {
    margin-top: -19px;
}

.ask-content {
    position: relative;
    background: var(--qst);
    margin: 19px 80px 19px 19px;
    padding: 20px;
    border-radius: 3px;
}

.question > *:last-child {
}

div.ask-body > *,
div.ask-content > *:not(div.ask-body) {
    margin-bottom: 0;
}

div.ask-body > figure {
    margin-top: 1em;
}

div.ask-content > p:empty {
    display: none;
}

p.asker { 
    color: var(--med); 
    margin-bottom: 1em !important;
    font-size: 0.875rem;
    margin-top: 0; 
}

.ask-content:after {
    content: '';
    position: absolute;
    right: -16px;
    top: 13px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-left-color: var(--qst);
}

img.ask-avatar {
    float: right;
    top: 0;
    margin-right: 20px;
    border-radius: 3px;
    width: 40px;
    height: 40px;
}

.post-answer .post-reblog-list > .post-reblog-item:first-child {
    border-top: 1px var(--bdr) solid;
    margin-top: 20px;
    padding-top: 20px;
}

/* ---------- POST FOOTER ---------- */

.post-metadata {
    width: calc(100% - 40px);
    padding: 0 20px;
    margin-top: 25px;
    margin-bottom: 13px;
}

a.meta-item { 
    color: var(--lgt); 
    margin-right: 10px; 
}

a.meta-item:hover { 
    color: var(--med); 
}

/* pinned posts */

a.pinned-label {
    cursor: initial !important;
    color: var(--act) !important; 
    font-weight: 700;
}

.pinned-label::before {
    content: "\EA07";
    float: left;
    margin: 0px -4px -4px -10px;
    font-size: 2em;
}

/* main footer */

.post-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    clear: both;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: calc(100% - 40px);
    height: auto;
    padding: 0 20px 15px 20px;
    color: var(--lgt);
}

.post-footer a { 
    font-weight: 700;
}

.post-footer a:hover { 
    color: var(--med); 
}

.post-footer a.post-notes {
    margin-left: 1px;
}

.post-footer > div { 
    display: inline-block; 
}

.post-controls .control .like_button::before, 
.post-controls .control .reblog_button::before {
    display: block;
    line-height: 1;
}

.post-controls .reblog_button:before { 
    content: "\EA08"; 
}

.post-controls .like_button:before { 
    content: "\EA04"; 
}

.post-controls .control {
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: middle;
    font-size: 1.75em;
    margin-left: 4px;
    height: 1em;
    width: 1em;
    overflow: hidden;
    margin-left: 6px;
    cursor: pointer;
}

.post-controls .like_button iframe {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
}

.post-controls .control .like_button:hover, 
.post-controls .control .reblog_button:hover {
    color: var(--med);
}

.post-controls .like_button.liked.interacted:after, 
.post-controls .like_button.liked:before { 
    content: "\EA05"; 
}

.post-controls .like_button.liked, 
.post-controls .like_button.liked:hover { 
    color: var(--act); 
}

/* ---------- PERMALINK NOTES CONTAINER ---------- */

article.notes-container {
    overflow: hidden;
    background: var(--qst);
}

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: 0.875rem;
    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(--drk);
    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;
    text-align: center;
}

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

.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(--bdr);
    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);
}

/* ---------- PAGINATION ---------- */

.pagination {
    margin: 0 0 var(--psp) 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.pagination a {
    display: inline-block;
    background: var(--act);
    color: var(--bg);
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 700;
}

.prev:not(:link), 
.next:not(:link) {
    visibility: hidden;
}

.prev::before {
    content: "\EA01";
    display: inline-block;
    transform: rotate(180deg);
    margin-right: 5px;
}

.next::after {
    content: "\EA01";
    display: inline-block;
    margin-left: 5px;
}

section#posts[aria-busy="true"]::after {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: var(--psp);
    color: rgb(var(--RGBbgt));
    font-weight: 700;
}

body.endless-scroll .pagination {
    display: none;
}

/* ---------- SIDEBAR LOCATION LAYOUTS ---------- */

main.s-right { 
    flex-direction: row-reverse; 
}
    
main.s-above { 
    flex-direction: column; 
    justify-content: flex-start; 
    width: calc( var(--psz) + 2px );
    padding-top: var(--psp);
    max-width: calc( 100vw - (var(--psp)*2));
}

main.s-above section#sidebar { 
    height: auto; 
    width: var(--psz); 
    max-width: 100vw; 
}

main.s-above .sidebar { 
    position: relative; 
    width: var(--psz); 
    margin-top: 0; 
    max-width: calc( 100vw - (var(--psp)*2));
}

main.s-above section#posts, 
main.s-above section#sidebar, 
main.s-above article.post { 
    max-width: calc( 100vw - (var(--psp)*2)); 
}

/* ---------- TUMBLR TOP BAR / IFRAME ---------- */

.tmblr-iframe-compact .tmblr-iframe--unified-controls { 
    width: 100% !important;
}

.iframe-controls--phone-mobile,
.tmblr-iframe--app-cta-button,
.tmblr-iframe:not(#new-tumblr-controls) {
    visibility: hidden !important;
    display: none !important;
}

.iframe-container,
iframe#new-tumblr-controls {
    position: fixed;
    top: 0;
    left: 0;
    height: 54px;
    width: 100% !important;
    background: var(--bg1);
    z-index: 10;
}

.iframe-container {
    border-bottom: 1px var(--bdr) solid;
}

.tmblr-iframe-pushdown {
    padding-top: 55px !important;
}

/* ---------- ICON FONTS ---------- */

.playbtn:before, 
.pausebtn:before, 
.errorbtn:before {
    font-family: tumblr-icons,Blank;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}

.tmblr-icon::before, 
.link-wrapper .link-title:after, 
.logo-wrapper .search-wrapper .search-field-label:before, 
.post-controls .like_button.liked.interacted:after, 
.post-controls .like_button.liked:before, 
.post-controls .like_button:before, 
.post-controls .reblog_button:before, 
.reblog-link .reblog-icon:before, 
.reblog-link .reblog_sm:before,
.reblog-list .post-reblog-header .post-avatar.sub-icon-reblog:after, .reblog:not(.original_post) .avatar_frame:after,
.like .avatar_frame:after,
.pinned-label::before,
.prev::before,
.next::after {
    font-family: "optica-icons","Blank";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
}

/* ---------- IMAGE ALT ID ---------- */

.tmblr-full .tmblr-alt-text-helper {
    bottom: 20px !important;
    background-color: var(--drk) !important;
    color: var(--bg) !important;
    padding: 1px 7px !important;
}

body.cs8 .tmblr-full .tmblr-alt-text-helper,
body.cs9 .tmblr-full .tmblr-alt-text-helper {
    background-color: #222 !important;
	color: #fff !important;
}

/* ---------- THEME CREDIT ---------- */

body.credit1 a.theme-credit2, 
body.credit1 a.theme-credit3, 
body.credit2 a.theme-credit1, 
body.credit2 a.theme-credit3, 
body.credit3 a.theme-credit1, 
body.credit3 a.theme-credit2 {
    display: none; 
}

a.theme-credit1, 
a.theme-credit2 { 
    position: fixed; 
    display: block;
    bottom: 10px; 
    right: 10px; 
}

a.theme-credit1 {
    line-height: 0;
    height: 26px;
    width: 26px;
}

a.theme-credit1 svg { 
    height: 26px; 
    width: 26px; 
}

.fill { 
    fill: rgb(var(--RGBbgt));
    stroke: rgb(var(--RGBbgt));
    stroke-width: 20;
    stroke-miterlimit: 10;
}

a.theme-credit2 {
    color: rgb(var(--RGBbgt));
    font-weight: 700;
    font-size: 0.875rem
    line-height: 1em;
}

/* ---------- FONT & TYPE CASE OVERRIDE ---------- */

body.font-override .sidebar-title, 
body.font-override h2.post-title, 
body.font-override .quote, 
body.font-override .npf_quote, 
body.font-override .chat { 
    font-family: var(--ft) !important;
}

body.uppercase-links .sidebar-links a, 
body.uppercase-links a.theme-credit2 {
    text-transform: uppercase;
    font-size: 0.8em;
    line-height: 140%;
}

/* ---------- TUMBLR FAVORIT FONT ---------- */

@font-face {
    font-family: 'Favorit';
    src: url('https://assets.tumblr.com/fonts/favorit/FavoritTumblr-85.eot');
    src: url('https://assets.tumblr.com/fonts/favorit/FavoritTumblr-85.eot?#iefix') format('embedded-opentype'),
         url('https://assets.tumblr.com/fonts/favorit/FavoritTumblr-85.woff') format('woff'),
         url('https://assets.tumblr.com/fonts/favorit/FavoritTumblr-85.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Favorit';
    src: url('https://assets.tumblr.com/fonts/favorit/FavoritTumblr-Medium.eot');
    src: url('https://assets.tumblr.com/fonts/favorit/FavoritTumblr-Medium.eot?#iefix') format('embedded-opentype'),
         url('https://assets.tumblr.com/fonts/favorit/FavoritTumblr-Medium.woff') format('woff'),
         url('https://assets.tumblr.com/fonts/favorit/FavoritTumblr-Medium.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
}

/* ---------- ICON FONTS ---------- */

@font-face {
	font-family: tumblr-icons;
	font-style: normal;
	font-weight: 400;
	src: url('https://assets.tumblr.com/fonts/tumblr-icons/tumblr-icons_e24c07a0f2ea4f19997f508adc0110e4.eot') format("embedded-opentype"),
		 url('https://assets.tumblr.com/fonts/tumblr-icons/tumblr-icons_e24c07a0f2ea4f19997f508adc0110e4.woff2') format("woff2"),
		 url('https://assets.tumblr.com/fonts/tumblr-icons/tumblr-icons_e24c07a0f2ea4f19997f508adc0110e4.woff') format("woff"), 
		 url('https://assets.tumblr.com/fonts/tumblr-icons/tumblr-icons_e24c07a0f2ea4f19997f508adc0110e4.ttf') format("truetype"),
		 url('https://assets.tumblr.com/fonts/tumblr-icons/tumblr-icons_e24c07a0f2ea4f19997f508adc0110e4.svg') format("svg");
}

@font-face {
	font-family: optica-icons;
	src: url('https://static.tumblr.com/wkjmpnm/qaro1ddjb/optica-icons.eot');
}

@font-face {
	font-family: optica-icons;
	src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff");
}