/** custom fonts **/
@font-face { font-family: "consola"; src: url('https://static.tumblr.com/wfsxfoo/2B4qukv6a/consolas.ttf'); }

:root {
/** iconsax defaults **/
--Iconsax-Size: 20px;
--Iconsax-Color: #9fb3c7;

/** glenthemes griddery **/
--Post-Columns: 2;

/** content sizing **/
--post-width: 400px;
--content-width: calc( 400px *2 + ( ( 2 - 1 ) * 30px ) );
--mid-width: calc( var(--content-width) + 240px);



/** theme options **/
--accent: #ee684b;
}


/** tumblr controls **/

iframe#tumblr_controls, .iframe-controls--desktop {
position: fixed!important;
top: 13px!important;
right: 12px!important;
   /** transform: scale(0.6); **/
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
z-index: 150000!important;
-webkit-filter: invert(0%);
filter: invert(0%);
}

.tmblr-iframe-overlay {margin: 0;}


/** tool tips **/

#s-m-t-tooltip {
z-index: 1000000000000000000000000000000000000000;
max-width: 300px;
background-color: rgba(0,0,0,0.8);
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
font-family: consolas,consola;
font-size: 8px;
padding: 4px 6px;
margin: 20px 0 0 10px;
border-radius: 0 7px 7px 7px;
}


/** scrollbar **/

::-webkit-scrollbar { width: 14px; }
::-webkit-scrollbar-track-piece { background-color: #1b1a1a; }

::-webkit-scrollbar-thumb:vertical {
width: 6px;
border: 4px solid #1b1a1a;
background: #ee684b;
border-radius: 100px;
}

/** text selection **/

::selection {
color: #ffffff; /** text selection text **/
background-color: #ee684b; /** text selection bg **/
}

::-moz-selection {
color: #ffffff; /** text selection text **/
background-color: #ee684b; /** text selection bg **/
}

::-webkit-selection {
color: #ffffff; /** text selection text **/
background-color: #ee684b; /** text selection bg **/
}

/** basics **/

body {
background-color: #1b1a1a;
background-image: url(https://64.media.tumblr.com/876907479106e39e2b16e88cd4686f91/648f705e6db264aa-37/s2048x3072/0c4bd2cd334efb863eca3558b6ac923c601b1839.jpg);
background-attachment: fixed;

font-family: Nunito;
font-size: 12px;
}

a { text-decoration: none; }

p:first-child { margin-top: 0; }
p:last-child { margin-bottom: 0; }

.centrer {
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}


/** ============= STRUCTURE ============== **/

.top {
width: calc( var(--mid-width) + 60px );
margin: 0 auto;
position: relative;
background-color: var(--accent);
z-index: 100;
}

.header {
background-image: url(https://assets.tumblr.com/images/x.gif?v=1);
background-color: var(--accent);
background-size: cover;
background-position: center;
}

.top .header {
/** header = half **/
width: calc( var(--mid-width) + 60px );
height: 350px;
background-size: cover;
}

/** nav = fixed **/
.top-nfix {margin: 89px auto 0 auto;}

/** header = full **/
.top-hfull {width: 100%;}
.top-hfull .header { width: 100%; }

/** header = none **/
.top-hnone .header { display: none; height: 0; margin: 0; }

/** nav = fixed, header = full **/
.top-nfix-hfull {margin: 59px auto 0 auto;}

/** nav = fixed, header = none **/
.top-nfix-hnone {margin: 59px auto 0 auto;}

/** nav = fixed, header = half **/
.top-nfix-hhalf .header { 
border: 10px solid #1b1b1b; 
margin: 0 -10px;
}

.header-fade {
background: linear-gradient(0deg, rgba(27,26,26,1) 0%, rgba(27,26,26,0) 100%);
width: 100%;
height: 60px;
margin-top: -60px;
position: absolute;
display: none;
}

.hf-nstx-hfull { display: block; }
.hf-nfix-hfull { display: block; }


/** ========= MIDDLE SECTION STYLING =========== **/

.mid {
width: 100%;
margin: 0 auto;
}

.mid-contents {
margin: 0 auto;
width: var(--mid-width);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.mid-side {
order: 1;
width: 200px;
margin-bottom: 40px;
}

.mid-side-align-right { order: 3; }

.mid-cont {
order: 2;
width: var(--content-width);
}

/** ============ SIDEBAR ============== **/

.sidebar {
position: sticky;
top: 90px;
width: 200px;
margin-bottom: -10px;
}

.sbtop {
display: table;
margin: 30px 0 30px 0;
}

.sbtop-img {
width: 60px;
height: 60px;
border-radius: 100px;

display: table-cell;
vertical-align: middle;
}

.sbtop-txt {
display: table-cell;
vertical-align: middle;
height: 60px;
padding-left: 20px;
width: 120px;
font-size: 12px;
font-weight: 800;
color: #525252;
}

.sbtop-full .sbtop-img {
width: 200px;
height: auto;

}

.sbtop-full .sbtop-txt { display: none; }

.sbinfo {margin-bottom: 30px;}

.sb-header {
font-weight: 800;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
color: var(--accent);
padding-left: 20px;
line-height: 14px;
margin-bottom: 5px;
}

.sb-header:before {
content: " ";
display: inline-block;
margin: 1px 10px 0 -20px;
width: 10px;
height: 10px;
background-color: var(--accent);
position: absolute;
}

.sbinfo-desc {
font-size: 12px;
text-align: left;
border-left: 1px solid var(--accent);
margin: 0 0 30px 4px;
padding: 0 0 0 15px;
color: #85c8be;
line-height: 20px;
}

.sbinfo-desc a { transition: 0.3s ease-in-out; color: #85c8be;border-bottom: 1px solid var(--accent); }
.sbinfo-desc a:hover { color: var(--accent); }
.sbinfo-desc i,em { font-style: italic; }
.sbinfo-desc b,strong { font-weight: 700; color: var(--accent); }

.sbnav { margin-top: -5px; }

.sbnav-link {
width: 180px;
padding: 10px 10px 10px 10px;
margin-top: 5px;
border-radius: 5px;
display: table;
transition: 0.2s ease-in-out;
background-color: #1b1b1b;
color: #bbde65;
}

.sbnav-link:hover {
background-color: #ee684b;
color: #ffffff;
}

.sbnav-icon {
transition: 0.2s ease-in-out;
padding-right: 10px;
display: table-cell;
width: 10px;
vertical-align: middle;
float: none;
line-height: 12px;
--Iconsax-Size: 14px;
--Iconsax-Color: #ee684b;
}

.sbnav-link:hover .sbnav-icon { 
--Iconsax-Color: #ffffff; 
}

.sbnav-txt {
font-size: 9px;
letter-spacing: 1px;
line-height: 12px;
font-weight: 700;
text-transform: uppercase;
display: table-cell;
vertical-align: middle;
border-left: 1px solid #dddddd;
padding-left: 10px;
}

.sbnav-link:hover .sbnav-txt {
border-left: 1px solid #ffffff;
}


/** NAVIGATION LINKS 

.navi {
margin: 0 auto;
height: 60px;
line-height: 60px;
background-color: #292e2a;
z-index: 100;
}

.navi-nstx, .navi-nstxf {
width: calc( var(--mid-width) + 0px);
padding: 0 30px;
position: sticky;
top: -0.5px;
}

.navi-nfix {
width: 100%;
top: 0;
left: 0;
position: fixed;
}

.navi-nstx-hfull { 
margin-top: -30px; top: -1px; 
 
}

.navi-nstxf-hfull { width: calc( 100% - 60px ); }
.navi-nstxf-hnone { width: calc( 100% - 60px ); }
.navi-nstxf-hhalf { width: calc( var(--mid-width) + 60px); top: -1px; }

.navi-content {
width: var(--mid-width);
margin: 0 auto;
height: 60px;
overflow: hidden;
}

.navi-links, input#q-searchbar {
font-family: karla;
}

.navi-links a, input#q-searchbar {
color: #bbbbbb;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
float: left;
transition: 0.4s ease-in-out;
}

.navi-links a:hover {color: #ffffff;}

.navi-links-bar {
float: left;
height: 60px;
}

.navi-wde .navi-links-bar { margin: 0 20px; }
.navi-nrw .navi-links-bar { margin: 0 12px; }
.navi-nil .navi-links-bar { display: none; }
.navi-nil .navi-links a { margin: 0 24px 0 0; }

.nlb {
width: 1px;
height: 20px;
background-color: var(--accent);
transform: rotate(20deg);
margin: 20px 0 0 0px;
pointer-events: none;
}

.nlb2 {
position: relative;
width: 100px;
z-index: 9;
}

.sbar {
margin-left: -100px;
position: relative;
z-index: 10;
}

#q-searchbar {
padding: 6px 0 6px 0;
margin: 19px 0 0 -4px;
width: 70px;
border: 0;
outline: 0;
font-family: karla;
font-size: 12px;
background-color: #292e2a;
color: #bbbbbb;
}

input#q-searchbar {
color: #ffffff;
margin: 18px 0 0 0;
}

#q-searchbar::placeholder { color: #bbbbbb; }

.navi-profile {
float: right;
font-weight: 700;
color: #ffffff;
}

.naviprf-250-c1, .naviprf-400-c1 {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.naviprf-250-c1 {max-width: 200px;}

.navi-pfp {
float: right;
width: 24px;
height: 24px;
margin: 18px 0 18px 18px;
border-radius: 30px; 
}
**/
/** =============== INVALID POP-UP ============= **/

.invalid {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
text-align: center;
background-color: rgba(0,0,0,0.8);
backdrop-filter: blur(10px);
z-index: 10000;
display: none;
}

.invalid-sq {
width: 500px;
position: fixed;
right: calc(50% - 200px);
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
font-size: 14px;
line-height: 22px;
text-align: left;
font-size: 12px;
}

.invalid-h1 {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
line-height: 30px;
text-transform: none;
}

.invalid-tou {
background-color: rgba(0,0,0,0.3);
padding: 20px;
margin-top: 20px;
}

.invalid-sq b { color: #f0b541; font-weight: 800; }
.invalid-sq a { color:#bbb;border-bottom:2px solid #777;transition:0.2s; }
.invalid-sq a:hover { color: #fff; border-bottom: 2px solid #fff; }

/** show the messages **/
.invalid-show { display: block; }
.invalid2-nstxf-hnone { display: block; }
.invalid3-nstxf-hhalf { display: block; }
.invalid4-p700-c3 { display: block; }
.invalid4-p500-c3 { display: block; }
.invalid4-p400-c3 { display: block; }
.invalid4-p700-c2 { display: block; }
.invalid4-p500-c2 { display: block; }


/** ============== POST CONTENT ============== **/

.content {
margin: 30px 0 0 -30px;
width: calc(var(--content-width) + 30px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.entry {
width: var(--post-width);
margin-left: 30px;
margin-bottom: 30px;
height: auto;
border-radius: 50px;
}

/** tag & search pages **/

.entry-st {
padding: 30px;
border-radius: 5px;
--Iconsax-Size: 24px;
--Iconsax-Color: #fff;
background-color: var(--accent);
width: calc( var(--post-width) - 60px);
}

.entry-st-header {
color: #fff;
font-size: 24px;
font-weight: 700;
}

.entry-st-info {
margin-top: 10px;
color: #fff;
}

/** post structure **/

.entry-top {
background-color: #1b1b1b;
border-radius: 5px 5px 0 0;
padding: 15px 15px;
width: calc(var(--post-width) - 30px);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
--Iconsax-Size: 14px;
--Iconsax-Color: var(--accent);
border-bottom: 1px solid var(--accent);
color: #9a9898;
}

.entry-top .iconsax {margin: -2px 8px 0 0;}

.etop-src {float: right; color: #9a9898;}
.etop-src .iconsax { float: right; margin: -2px 0 0 8px; }
.etop-src a { color: #9a9898; }
.etop-src b { color: var(--accent); margin: 0 2px; font-weight: 400; }

.entry-media {
width: var(--post-width);
background-color: #1b1b1b;
overflow: hidden;
}

.entry-btm {
width: calc(var(--post-width) - 40px);
min-height: 15px;
margin-top: 0;
border-radius: 0 0 5px 5px;
padding: 15px 20px;
border-top: 1px solid var(--accent);
background-color: #1b1b1b;
}

.entry-pinned {
margin: 0 0 0 20px;
padding: 4px 0 3px 2px;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 8px;
border-radius: 5px 5px 0 0;
width: 50px;
text-align: center;
background-color: #ee684b;
color: #ffffff;
}

.ebtm-notes a {
transition: 0.3s ease-in-out;
color: #9a9898;
}

.ebtm-notes a:hover { color: var(--accent); }

.ebtm-act {
float: right;
margin: -7.5px -5px 0 0;
}

.actbtn {
color: #9a9898;
font-size: 10px;
display: inline-block;
width: 25px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
transition: 0.4s ease-in-out;
font-family:'cappuccicons';
cursor: pointer;
position: relative;
z-index: 10;
}

.ctrllik {
float: left;
margin-right: 3px;
position: relative;
}

.like_button {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 10;
}

.like_button iframe {
width: 100% !important;
height: 100% !important;
}

.likebtnx {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
transition: 0.3s;
}

.likebtnx:before {
content: '\eb04';
transition: 0.4s ease-in-out;
}

.like_button.liked + .likebtnx:before {
color: var(--accent);
content: '\eb03';
}

.like_button:hover + .likebtnx:before {
  color: var(--accent);
}

.actbtn:hover { color: var(--accent); }

.entry-text {
background-color: #1b1b1b;
padding: 0 30px 30px 30px;
width: calc( var(--post-width) - 60px);
}

.entry-txt { /** for text posts **/
background-color: #1b1b1b;
padding: 30px 0 0 0;
}

.entry-capt {
background-color: #1b1b1b;
padding: 30px;
}

.captno { display: none; }

/** date style **/

.dstyle { display: none; }
.dstyle-aa { display: inline-block; }
.dstyle-bb { display: inline-block; }
.dstyle-cc { display: inline-block; }
.dstyle-dd { display: inline-block; }
.dstyle-ee { display: inline-block; }
.dstyle-ff { display: inline-block; }
.dstyle-gg { display: inline-block; }
.dstyle-hh { display: inline-block; }

/** post tags **/

.entry-tags {
margin-top: 10px;
width: calc(var(--post-width) - 30px);
}

.entry-tags-tog {
display: none;
}

.entry-tags-shw {
display: block;
opacity: 1;
}

.entry-tags-perma {
display: block;
opacity: 1;
}

.entry-tags {

}

.entry-tags-nil { display: none; opacity: 0; pointer-events: none; }

.entry-tag {
display: inline-block;
overflow: hidden;
max-width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 10px;
padding: 3px 5px;
margin: 4px 6px 0 0;
border-radius: 3px;
transition: 0.3s ease-in-out;
color: #bbde65;
background-color: #000000;
}

.entry-tag:hover {
background-color: #ee684b;
color: #ffffff;
}

.showtags-nil, .showtags-shw {
display: none;
}


.entry-tags a {
color: #bbde65;
font-size: 10px;
transition: 0.3s ease-in-out;
margin-right: 8px;
background-color: #000000;
border-radius: 3px;
line-height: 24px;
padding: 3px 7px;
}
.entry-tags a:hover {
background-color: #ee684b;
color: #ffffff;
}


/** ============ POST STYLING ============== **/

/** photo & photoset posts **/

.entry-photo {
margin: 0 auto;
width: var(--post-width);
height: auto;
display: block;
}

.entry-photoset { width: var(--post-width); }
.photoset-grid { padding-bottom: 0; }

[photoset-layout] {
width: var(--post-width);
grid-gap: 0px;
overflow: hidden;
}

[photoset-layout] div {cursor: pointer;}
[photoset-layout] img {border-radius: 0;}

/** photoset lightbox - thanks @shythemes! **/

.tmblr-lightbox, #tumblr_lightbox {
background: rgba(3,3,3,0.6)!important;
backdrop-filter: blur(10px)!important;
z-index: 10000!important;
}

#vignette, .vignette {
opacity: 0!important;
}

.lightbox-image, #tumblr_lightbox img {
box-shadow: none!important;
border-radius: 0!important;
max-width: none;
}

/** text posts **/

.entry-title {
 font-weight: 700;
 color: var(--accent);
 padding-top: 30px;
 font-size: 20px;
 margin-bottom: -15px;
}

.entry-body {
color: #9a9898;
font-size: 12px;
line-height: 20px;
}

.entry-body a {
color: #bbde65;
border-bottom: 1px solid var(--accent);
transition: 0.3s ease-in-out;
}

.entry-body a:hover {
color: #c7c7c7;
border-bottom: 1px solid #c7c7c7;
}

.entry-body b,strong { 
color: var(--accent); 
font-weight: 700;
}

.entry-body i,em {
font-style: italic;
color: #a0a0a0;
}

.entry-body blockquote {
margin-left: 15px;
padding-left: 15px;
border-left: 1px solid var(--accent);
}

.entry-body h1, .entry-body h2 {
font-size: 18px;
font-weight: 700;
color: var(--accent);
margin: 20px 0 0 0;
padding-bottom: 4px;
margin-bottom: 10px;
}

.entry-body h2 { font-size: 14px; }

.entry-body ul { 
list-style-type: square;
margin-left: -10px;
}

.entry-body ol {
list-style-type: lower-roman;
margin-left: -10px;
}

.entry-body li { margin: 5px 0; }

pre {
padding: 10px 15px;
word-wrap: break-word;
display: block;
background-color: #eaeaea;
color: #333333;
white-space: normal;
font-family: consolas, consola, sans-serif;
font-size: 11px;
}

.entry-body img {
height: auto!important;
max-width: 100%;
}

/** npf text colours **/
/** credit to @unwrapping: https://unwrapping.tumblr.com/post/177292830752/fun-with-text-colors-from-tumblrs-web-dashboard **/
.npf_color_joey {color:#ff492f;}
.npf_color_monica {color:#ff8a00;}
.npf_color_chandler {color:#973ff4;}
.npf_color_phoebe {color:#fcf01d;}
.npf_color_rachel {color:#00b8ff;}
.npf_color_ross { color:#00cf35; }
.npf_color_niles { color:#ff62ce; }
.npf_color_frasier { color:#001935; }
.npf_color_mr_big { color:#000c1a; }

.npf_quote {
background-color: #ee684b;
padding: 20px 30px;
margin: 15px -30px;
font-family: Nunito!important;
font-size: 18px;
color: #ffffff;
}

/** reblog chains **/

.entry-reblog {
margin-top: 20px;
}

.entry-reblog:first-child { margin-top: 0; }

.reblog-user {
font-weight: 800;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
color: var(--accent);
padding-left: 20px;
line-height: 14px;
margin-bottom: 5px;
}

.reblog-user a {
color: var(--accent);
}

.reblog-user:before {
content: " ";
margin: 1px 10px 0 -20px;
width: 10px;
height: 10px;
background-color: var(--accent);
position: absolute;
}

.reblog-deactiv {
font-weight: 400;
font-style: italic;
color: #a0a0a0;
margin-left: 4px;
}

.entry-reblog-txt {
border-left: 1px solid var(--accent);
margin-left: 5px;
padding-left: 15px;
}

/** read more, embed, other in-post stuff **/

.read_more, .tmblr-truncated-link, .ans_rbgans .read_more, .ans_rbgans .tmblr-truncated-link {
padding: 5px 8px 5px 8px!important;
text-align: center;
text-shadow: none!important;
transition: 0.3s ease-in-out;
border-radius: 5px;
border: 0px solid #fff!important;
background-color: var(--accent);!important;
color: #fff!important;
}

.read_more:after {content: " ...";}

.read_more:hover, .tmblr-truncated-link:hover, .ans_rbgans .read_more:hover, .ans_rbgans .tmblr-truncated-link:hover {
border: 0px solid #fff!important;
background-color: #000000;!important;
color: #bbde65!important;
}

.tmblr-full, .tmblr-embed {
margin: 0!important;
}

.tmblr-full video {
width: 170px!important;
height: auto!important;
overflow: hidden!important;
object-fit: cover;
}


.entry-250 .entry-txt .tmblr-full video, .entry-250 .entry-txt .embed_iframe { width: 190px!important; height: 190px; }
.entry-400 .entry-txt .tmblr-full video, .entry-400 .entry-txt .embed_iframe { width: 340px!important; height: 340px; }
.entry-500 .entry-txt .tmblr-full video, .entry-500 .entry-txt .embed_iframe { width: 440px!important; height: 440px; }
.entry-700 .entry-txt .tmblr-full video, .entry-700 .entry-txt .embed_iframe { width: 640px!important; height: 640px; }

.entry-250 .entry-reblog-txt .tmblr-full video, .entry-250 .entry-reblog-txt .embed_iframe { width: 150px!important; height: 150px; }
.entry-400 .entry-reblog-txt .tmblr-full video, .entry-400 .entry-reblog-txt .embed_iframe { width: 320px!important; height: 320px; }
.entry-500 .entry-reblog-txt .tmblr-full video, .entry-500 .entry-reblog-txt .embed_iframe { width: 420px!important; height: 420px; }
.entry-700 .entry-reblog-txt .tmblr-full video, .entry-700 .entry-reblog-txt .embed_iframe { width: 620px!important; height: 620px; }



.entry figure {margin: 0!important; }

.tmblr-full img {
max-width: 100%!important;
height: auto!important;
}

/** audio posts **/

.entry-audio {
width: var(--post-width);
height: var(--post-width);
backdrop-filter: blur(8px);
background-color: rgba(27,27,27,0.6);
}

.aud-albumart {
margin: 0 auto 30px auto;
width: 180px;
height: 180px;
}

.aud-albumart-img {
width: 180px;
height: 180px;
display: block;
z-index: 5;
position: absolute;
}

.aud-albumart-nil {
width: 180px;
height: 180px;
line-height: 180px;
text-align: center;
background-color: #ee684b;
--Iconsax-Size: 40px;
--Iconsax-Color: #ffffff;
}

.custom_audio_buttons {
position: absolute;
z-index: 100;
width: 180px;
height: 180px;
line-height: 197px;
background-color: rgba(255,255,255,0.0);
opacity: 0;
text-align: center;
transition: ease-in-out 0.3s;
overflow: hidden;
}

.custom_audio_buttons svg {
width: 30px;
height: 30px;
stroke: #fff;
cursor: pointer;
}

.custom_audio_error_icon svg {
stroke: #fff;
}

.entry-audio:hover .custom_audio_buttons {
opacity: 1;
background-color: rgba(0,0,0,0.2);
backdrop-filter: blur(3px);
}

.aud-info {text-align: center;}

.aud-track {
font-weight: 700;
font-size: 18px;
color: var(--accent);
padding: 0 20px 0px 20px;
}

.aud-artist {
color: #9a9898;
font-size: 10px;
margin-top: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.aud-bgimg {
width: var(--post-width);
height: var(--post-width);
}

.aud-bg {
width: var(--post-width);
height: var(--post-width);
background-color: #ee684b;
position: absolute;
}

.audprogress {
height: 4px;
margin: 30px 0;
border-radius: 10px;
}

.custom_audio_seekbar {
border-radius: 10px;
display: block;
position: absolute;
height: 4px;
	background-color: #1b1b1b;
	cursor: pointer;
	transition: 0.6s;
	width: calc(var(--post-width) - 200px);
	margin: 0 100px;
}

.custom_audio_seekbar_progress {
	width: 0;
	height: 100%;
	display: block;
	background : var(--accent);
	transition: 0.2s;
	border-radius: 10px;
}

.aud500 .aud-albumart { width: 200px; height: 200px; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.aud500 .aud-albumart-img { width: 200px; height: 200px; }
.aud500 .aud-albumart-nil { width: 200px; height: 200px; line-height:200px; }
.aud500 .custom_audio_buttons { width: 200px; height: 200px; line-height: 225px; }



.aud400 .aud-albumart { width: 160px; height: 160px; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.aud400 .aud-albumart-img { width: 160px; height: 160px; }
.aud400 .aud-albumart-nil { width: 160px; height: 160px; line-height:160px; }
.aud400 .custom_audio_buttons { width: 160px; height: 160px; line-height: 185px; }

.aud700 .aud-albumart { width: 300px; height: 300px; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.aud700 .aud-albumart-img { width: 300px; height: 300px; }
.aud700 .aud-albumart-nil { width: 300px; height: 300px; line-height: 300px; }
.aud700 .custom_audio_buttons { width: 300px; height: 300px; line-height: 330px; }
.aud700 .custom_audio_buttons svg { width: 40px; height: 40px; }

.aud250 .aud-albumart { width: 250px; height: 250px; }
.aud250 .aud-albumart-img { width: 250px; height: 250px; }
.aud250 .aud-albumart-nil { width: 250px; height: 250px; line-height:250px; }
.aud250 .custom_audio_buttons { width: 250px; height: 250px; line-height: 275px; }

.aud250 .entry-audio {
width: var(--post-width);
height: auto;
backdrop-filter: blur(0px);
background-color: rgba(255,255,255,0.5);
border-bottom: 0 solid var(--accent);
}

.aud250 .centrer { top: 0;transform: none;}
.aud250 .aud-albumart {margin: 0 auto 0 auto;width: 250px;height: 250px;}
.aud250 .aud-albumart-img {width: 250px;height: 250px;}
.aud250 .aud-info {padding: 20px 30px; background-color: #1b1b1b;}
.aud250 .aud-track {margin-bottom: 10px;padding: 0 10px;}
.aud250 .aud-bgimg {height: 0;}
.aud250 .aud-bg {height: 0;position: absolute;}
.aud250 .audprogress {display: none;}



/** link post **/

.link-name {
background-color: #ee684b;
color: #ffffff;
padding: 20px 30px;
font-weight: 700;
line-height: 24px;
font-size: 16px;
}

.link-host {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
margin-top: 10px;
line-height: 10px;
}

/** chat post **/

.chat-title {
background-color: #1b1b1b;
color: var(--accent);
font-weight: 700;
padding: 30px 30px 0 30px;
font-size: 14px;
text-align: center;
}

.chat-log {
background-color: #1b1b1b;
width: calc(var(--post-width) - 60px);
padding: 30px;
height: auto;
display: block;
}

.entry-chatline {
font-size: 12px;
display: table;
width: 100%;
margin: 10px 0;
line-height: 18px;
}

.entry-chatline:first-child { margin-top: 0; }
.entry-chatline:last-child { margin-bottom: 0; }

.chatline1, .chatline3, .chatline4, .chatline5, .chatline6, .chatline7, .chatline8, .chatline9, .chatline10, .chatline11, .chatline12, .chatline13, .chatline14, .chatline15, .chatline16 .chatline17, .chatline18, .chatline19, .chatline20 {
width: auto;
margin-right: 50px;
}

.chatline2 {
text-align: left;
width: calc( 100% - 50px );
margin-left: 50px;
}

.chatbub1, .chatbub3, .chatbub5, .chatbub7, .chatbub9, .chatbub11, .chatbub13, .chatbub15, .chatbub17, .chatbub19, .chatbub4, .chatbub6, .chatbub8, .chatbub10, .chatbub12, .chatbub14, .chatbub16, .chatbub18, .chatbub20 {
float: left;
padding: 10px 15px;
border-radius:  0 15px 15px 15px;
background-color: #4b4949;
color: #bcb7b7;
}

.chatbub2 {
float: right;
padding: 8px 15px;
border-radius: 15px 15px 0 15px;
background-color: #ee684b;
color: #ffffff;
}

.entry-chatlabel {
letter-spacing: 1px;
font-size: 10px;
font-weight: 700;
margin-right: 4px;
text-transform: uppercase;
letter-spacing: 1px;
display: inline;
float: left;
line-height: 18px;
}

/** video posts **/

.entry-vid { display: none; }
.vid250-250 { width: 250px!important; height: auto!important; display: block; }
.vid400-400 { width: 400px!important; height: auto!important; display: block; }
.vid500-500 { width: 500px!important; height: auto!important; display: block; }
.vid700-700 { width: 700px!important; height: auto!important; display: block; }





/** quote posts **/

.entry-quote {
padding: 30px;
background-color: #ee684b;
}

.entry-quotesrc {
color: #ffffff;
font-weight: 800;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: left;
padding-left: 20px;
line-height: 14px;
margin-bottom: 5px;
}

.entry-quotesrc:before {
content: " ";
display: inline-block;
margin: 1px 10px 0 -20px;
width: 10px;
height: 10px;
background-color: #ffffff;
position: absolute;
}

.entry-quotetxt {
color: #ffffff;
font-size: 26px;
margin: 0 0 20px 0;
}

.quoteshort { font-size: 24px; line-height: 34px; }
.quotemedium { font-size: 20px; line-height: 26px; }
.quotelong { font-size: 16px; line-height: 24px; }

.entry-quotesrc a { color: #ffffff; }


.entry-250 .entry-quotetxt { font-size: 16px; }
.entry-400 .entry-quotetxt { font-size: 16px; }


/** answer posts **/

.entry-answer {
padding: 30px;
background-color: #1b1b1b;
}

.ans-ask-pfp {
width: 30px;
height: 30px;
position: absolute;
margin: 10px 0 0 0;
}

.ans-ask-bub:before { /** bubble triangle **/
content: " ";
background-color: #ee684b;
width: 20px;
height: 20px;
position: absolute;
margin: -4px 0 0 -25px;
transform: rotate(45deg);
z-index: 0;
}

.ans-ask-bub {
margin-left: 50px;
width: calc(var(--post-width) - 150px);
padding: 20px;
background-color: #ee684b;
color: #ffffff;
}

.ans-ask-bubline {
border-bottom: 1px solid #ffffff;
margin: 0 0 10px 0;
padding: 0 0 10px 20px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
}

.ans-ask-bubline a { color: #ffffff; font-weight: 700; }

.ans-ask-bubline:before {
content: " ";
display: inline-block;
margin: 1px 10px 0 -20px;
width: 10px;
height: 10px;
background-color: #ffffff;
position: absolute;
}

.ans-ask-bubqn {
line-height: 18px;
}

/** answer posts for 250px size **/



.entry-250 .entry-answer {
padding: 30px;
background-color: #1b1b1b;
}

.entry-250 .ans-ask-pfp {
width: 30px;
height: 30px;
position: relative;
margin: 0 0 0 0;
}

.entry-250 .ans-ask-bub:before { /** bubble triangle **/
content: " ";
background-color: #ee684b;
width: 20px;
height: 20px;
position: absolute;
margin: -4px 0 0 -25px;
transform: rotate(45deg);
z-index: 0;
margin: -25px 0 0 15px;
}

.entry-250 .ans-ask-bub {
margin: 20px 0 0 -30px;
width: 210px;
padding: 20px;
background-color: #ee684b;
color: #ffffff;
}

.entry-250 .ans-ask-bubline {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 10px;
position: absolute;
color: #9a9898;
border-bottom: 0 solid transparent;
padding: 0 0 10px 0;
margin: -76px 0 0 55px;
line-height: 35px;
}

.entry-250 .ans-ask-bubline a { color: #9a9898; }
.entry-250 .ans-ask-bubline:before {display: none;}
.entry-250 .ans-ask-bubqn {line-height: 18px;}
.entry-250 .ans-ask-bubl { display: none; }



/** ============= FOOTER ============== **/

/** pagination **/

.footer {
margin: 0 auto;
width: calc( var(--mid-width) );
padding: 30px 30px 80px 30px;
text-align: center;
font-size: 12px;
line-height: 20px;
border-bottom: 10px solid var(--accent);
background-color: #292e2a;
color: #ffffff;
}

.footer-fix { width: calc( 100% - 60px ); }
.footer-stxf { width: calc( 100% - 60px ); }

.jump_page {
margin: 0 5px;
padding: 0 10px;
color: #bbbbbb;
transition: 0.3s ease-in-out;
}

.jump_page:hover { color: #ffffff; }

.current_page {
margin: 0 15px;
font-weight: 700;
color: var(--accent);
}

.next_page, .previous_page {
letter-spacing: 1px;
padding-bottom: 2px;
margin: 0 5px;
padding: 0 10px;
transition: 0.3s ease-in-out;
color: #767676;
cursor: not-allowed;
}

.pagi {
color: #ffffff;
cursor: pointer;
}

.pagi:hover {
color: var(--accent);
}

.jump_page:before, .current_page:before, .next_page:before {
position: absolute;
content: " ";
width: 1px;
height: 20px;
background-color: var(--accent);
transform: rotate(20deg);
margin: 0 0 0 -17px;
pointer-events: none;
}

.footer-line {
font-size: 9px;
text-transform: uppercase;
letter-spacing: 1px;
}

.footer-info {margin: 0 20px;}

.footer-info:before {
content: " ";
display: inline-block;
margin: 8px 10px 0 -24px;
width: 5px;
height: 5px;
background-color: var(--accent);
position: absolute;
}

.footer-info:first-child:before { display: none; }

.footer-info a { color: #bbbbbb; }

/** permalink pages **/

.entry-perma {
background-color: #1b1b1b;
border-radius: 5px;
padding: 30px;
width: calc( var(--post-width) - 60px );
}

.eperma-notes {
color: var(--accent);
font-size: 18px;
font-weight: 700;
}

.eperma-info {
margin: 10px 0 10px 0;
line-height: 20px;
}

.eperma-tags {
display: block;
width: calc( var(--post-width) - 60px );
}

.eperma-postnotes {
padding: 15px 0 0 0;
margin: 15px 0 0 0;
border-top: 1px solid var(--accent);
max-height: 300px;
overflow-y: auto;
}

.eperma-postnotes a { border-bottom: 1px solid transparent; }
.eperma-postnotes a:hover { border-bottom: 1px solid transparent; }

.eperma-postnotes ol {
list-style-type: none;
margin: 0;
padding: 0;
}

.eperma-postnotes ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
border-radius: 100px;
border-bottom: 0px solid transparent;
}

.eperma-postnotes::-webkit-scrollbar-track-piece { 
background-color: #1b1b1b; 
}

.eperma-postnotes::-webkit-scrollbar-thumb:vertical {
border: 4px solid #1b1b1b;
}
