/* ------ custom styles ------ */
 
/* scrollbar */ 
 
::-webkit-scrollbar {height:10px; width:10px;}
::-webkit-scrollbar-corner {background:#cde2f0;}

::-webkit-scrollbar-track-piece {
background-color:#f1f4f6;
border:4px solid #cde2f0;
script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'
kofiWidgetOverlay.draw('fioblah', {
'type': 'floating-chat',
'floating-chat.donateButton.text': 'Tip Me',
'floating-chat.donateButton.background-color': '#ffffff',
'floating-chat.donateButton.text-color': '#323842'
  });
</script>
}
 
::-webkit-scrollbar-thumb {
width:10px; height:10px;
background-color:#a3b7ce;
border:4px solid #cde2f0;
}

/* text selection */
 


/* jquery ui tooltips */
 
.ui-tooltip-content {
padding:5px 8px;
letter-spacing:1px;
text-transform:uppercase;
font:11px/150% "Source Sans Pro",sans-serif;
background-color:#b5c5da;
color:#ffffff;
}

/* tumblr controls */
 
iframe#tumblr_controls,
.iframe-controls--desktop {
top:5px!important;
right:5px!important;
opacity:0.6!important;

}

iframe#tumblr_controls:hover, 
.iframe-controls--desktop:hover {
opacity:0.9!important;
}

/* lightbox */
 
#tumblr_lightbox,
.tmblr-lightbox {
background:rgba(205,226,240, 0.9)!important;
}
 
#tumblr_lightbox_center_image, 
#tumblr_lightbox_left_image, 
#tumblr_lightbox_right_image, 
.lightbox-image {
opacity:1!important;
box-shadow:20px 20px 60px rgba(0,0,0,0.3), -20px -20px 60px rgba(255,255,255,0.05)!important;
border-radius:0px!important;
padding:0px!important;
}
 
#tumblr_lightbox_caption, 
.lightbox-caption {
margin-top:20px!important;
color:#757575!important;
text-shadow:0 0 0 transparent!important;
font:normal 14px 'Source Sans Pro', sans-serif;
}
 
/* ------ basic styles ------ */
 
body {


background:url(https://64.media.tumblr.com/1a04876b0c2cc2213d80eff5060255ec/a5fcf15089dc9d83-7f/s2048x3072/301db9b23ac8ad2402f80e7256b3726816435901.gif) fixed repeat;

background-color:#cde2f0;
color:#757575;
text-align:justify;
font:400 14px/170% 'Source Sans Pro', sans-serif;
}
 
a {
color:#707070;
text-decoration:none;
transition:0.3s ease-in-out;
outline:0!important;
}
 
a:hover {
color:#7c8ea2;
}
 
pre, code {
font-family:consolas,monospace;
padding:15px;
display:block;
}

/* line dividers */

hr {
border:0px solid transparent;
border-bottom:1px solid #bbc6d4;
margin:1em 0;
height:0px;
width:100%;
}

/* lists, ordered and unordered */
 
ol li::before {
margin-left:-8px;
color:#506a70;
font-family:"Playfair Display",serif;
	font-weight:bold;
}

ul li::before {
background:#bdc1ae;
}

/* headings */

h1, h2, h3 {
font:bold 18px 'Playfair Display',serif;
color:#363636;
}

/* @ all the people who use <small> tags in your captions: get your shit together pls */

small, sup, sub {line-height:170%; font-size:13px;}
big {font-size:16px;}
 
blockquote {
margin:1em 0 1em 8px;
display:block;
padding-left:20px;
border-left:1px solid #bbc6d4;
}

blockquote img {max-width:100%!important; height:auto!important;}

/* ------ posts & container ------ */

main {
display:block;
width:calc(540px + 420px);
margin:120px auto;
-webkit-animation:fadein 1s;
animation:fadein 1s;
background:#dbe0e7;
border:1px solid #bbc6d4;
padding:10px 0 0;
box-shadow:20px 20px 60px rgba(0,0,0,0.15), -20px -20px 60px rgba(255,255,255,0.05);
}

/* --- posts container --- */
 
#postmargin, #pagination, #manual {
width:540px;
margin:60px 0 60px 360px;
-webkit-animation:fadein 1s;
animation:fadein 1s;
}
 
/* ------ posts ------ */
 
.posts {
width:540px;
border:1px solid #bbc6d4;
border-width:1px 0px;
margin:60px 0;
animation:fadein 1s;
-webkit-animation:fadein 1s;
}

.text a, 
.desc a,
footer a {
border-bottom:1px solid #707070;
}

.text a:hover, 
.tags a:hover,
.desc a:hover,
footer a:hover {
border-bottom-color:#7c8ea2;
}

.reblog_head {
margin:1em 0;
font-weight:600;
}

.reblog_user, 
.reblog_head a {
text-transform:lowercase;
color:#707070;
border-bottom:0px solid transparent;
}

a.reblog_user:hover, 
.reblog_head a:hover {
color:#7c8ea2;
}

span.reblog_user::after {
content:"deactivated";
margin-left:5px;
}

.reblog_head .ftr {
margin-right:6px;
}

.text p.rm {
background-image:linear-gradient(
    to bottom, 
    rgba(219,224,231,0), 
    rgba(219,224,231,1)
);
}

p.rm {
padding:50px 0px 0px 0px;
}
 
.text .read_more {
font:bold 14px/20px 'Playfair Display',serif;
text-transform:uppercase;
margin:10px 25px;
display:inline-block;
color:#363636;
border:0px solid transparent;
transition:0.5s ease-in-out;
}
 
.text .read_more:hover {
color:#7c8ea2;
}

/* photo & video posts */

[photoset-layout] {
grid-gap:4px;
}

.photo, .video {
padding:4px 0;
}

.photo {
transition:0.4s ease-in-out;
}







.caption {
border-top:1px solid #bbc6d4;
}

/* text, link, quote posts */
 
.quote {
letter-spacing:0px;
color:#363636;
font:bold 20px/150% 'Playfair Display',serif;
padding:20px;
}

.quote > span {color:#bdc1ae;}
 
.text.sourcez {
position:relative;
margin-top:4px;
padding:10px 20px 20px;
}
 
.headt, .llp {
padding:20px;
display:block;
color:#363636;
background:transparent;
font:bold 20px/30px 'Playfair Display',serif;
letter-spacing:0px;
text-transform:none;
position:relative;
}

.llp .ftr {
width:18px;
height:18px;
margin-right:15px;
display:inline-block;
vertical-align:middle;
margin-top:-3px;
}

.llp .wrap {
display:block;
}

.llp span.wrap.h {
font:normal 400 12px/20px "Source Sans Pro",sans-serif;
margin-top:10px;
padding-left:40px;
text-transform:uppercase;
}

.llp:hover {
padding-left:35px;
}

.text {
padding:0 20px;
}

.question ~ .text,
.headt ~ .text,
.llp ~ .text,
.aud ~ .text {
border-top:1px solid #bbc6d4;
}

/* ask posts */

div.asker {
height:20px;
text-align:center;
line-height:20px;
margin:20px 0;
}

.question .at {
padding:20px;
border-bottom:1px solid #bbc6d4;
}

.question .at p {
margin:0px;
}

.tri {
width:0px;
height:0px;
border-style:solid;
border-width:10px 10px 0 10px;
border-color:#bbc6d4 transparent transparent transparent;
display:inline-block;
position:absolute;
left:50%;
margin-left:-10px;
margin-top:0px;
}

.asker {
font-weight:600;
}

.asker .ftr {
display:inline-block;
vertical-align:middle;
width:16px;
height:16px;
margin-right:5px;
color:#506a70;
}

.asker a {color:#506a70;}
.asker a:hover {color:#7c8ea2;}

/* audio posts */

.aud {
position:relative; 
padding:20px;
margin-bottom:10px;
}
 
.musicinfo {
margin-left:0px;
overflow:hidden;
position:relative;
padding:0 50px 0 0;
text-align:left;
}

.musicinfo b {color:#506a70;}
 
.tplayer {
z-index:3;
width:30px;
height:30px;
position:absolute;
right:20px;
top:50%;
margin-top:-15px;
overflow:hidden;
transition:0.5s ease-in-out;
}

/* chat posts */
 
.line {
margin:20px 0px;
padding:0 20px;
}
 
.line span.name {
font-family:"Playfair Display",serif;
font-weight:bold;
display:block;
}

.line:nth-of-type(odd) span {color:#506a70;}
.line:nth-of-type(even) span {color:#bdc1ae;}
.line:first-child {border-top:0px solid transparent!important;}

/* ------ permalinks ------ */

.permalink {
display:block;
overflow:hidden;
border-top:1px solid #bbc6d4;
line-height:20px;
padding:10px 0px 3px; /* 3px border */
margin-bottom:-5px; /* add 2px bottom margin */
text-transform:uppercase;
font-size:12px;
letter-spacing:0.5px;
}

.pleft, .pctr {
float:left;
line-height:20px;
padding-bottom:13px; /* add 3px border */
}

.pctr {
margin-bottom:1px;
padding:0 10px 11px;
border-bottom:1px solid #bdc1ae;
}

.pleft,.count {
margin-bottom:0px;
background-size:100% 3px;
background-repeat:no-repeat;
background-position:left bottom;
background-image:linear-gradient(to right,#506a70,#bdc1ae);
padding:0 10px 13px;
}

.pleft a, .pleft span {
margin:0 5px;
}

.pleft a:first-of-type {
font-weight:600;
}

.pright {
float:right;
padding:0 15px 12px; /* add 2px bottom padding */
margin-bottom:1px; /* 3px bottom margin subtract 2px */
background-size:100% 1px;
background-repeat:no-repeat;
background-position:left bottom;
background-image:linear-gradient(to left,#506a70,#bdc1ae);
}

.permalink a .ftr, #manual .ftr {
width:16px; 
height:16px; 
margin:2px;
}

.pright a {
position:relative;
display:inline-block;
width:20px;
height:20px;
float:right;
}

.pright a.like {
margin-right:10px;
}

.permalink .like .like_button iframe {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
z-index:2;
opacity:0;
}
 
.permalink .like .like_button {position:relative;}
.permalink .like .like_button.liked + svg.ftr path {
fill:#bdc1ae;
stroke:#506a70;
}

.tags {




border-top:1px solid #bbc6d4;
padding:10px;
text-align:left;
}

.tags a {
margin:0 5px;
display:inline;
border-bottom:1px solid transparent;
font-size:12px;
}
 
/* post notes */

.postnotes {
border-bottom:1px solid #bbc6d4;
margin-top:-50px;
}

.nc {
border-bottom:1px solid #bbc6d4;
font-weight:600;
font-size:13px;
text-transform:uppercase;
}

span.count {
display:inline-block;
padding-bottom:11px;
margin-bottom:-1px;
float:none;
background-size:100% 1px;
padding-left:15px;
padding-right:15px;
}

ol.notes {
display:block; 
list-style:none; 
text-align:center;
padding:0;
}

ol.notes li {
display:inline-block;
vertical-align:middle;
line-height:0;
margin:0px;
}

ol.notes li:before {
content:""; 
display:none;
}

ol.notes span.action, ol.notes li blockquote {display:none;}

ol.notes li a.avatar_frame {
width:40px;
height:40px;
margin:0px;
overflow:hidden;
position:relative;
display:inline-block;
background:linear-gradient(45deg,#506a70,#bdc1ae);
}
 
ol.notes li img {
width:40px;
height:40px;
margin:0px;
transition:0.4s ease-in-out;
display:block;
}

ol.notes li a:hover img {
opacity:0.3;
filter:grayscale(100%) blur(1px);
-webkit-filter:grayscale(100%) blur(1px);
}

ol.notes li a:hover:before {opacity:1;} 

.more_notes_link_container a::before {
content:"+";
font-size:20px;
display:inline-block;
width:30px;
height:30px;
transition:0.4s ease-in-out;
}

.more_notes_link_container a:hover::before {
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
}

.more_notes_link_container a {
line-height:30px;
color:#ffffff;
background:linear-gradient(45deg,#506a70,#bdc1ae);
width:30px;
height:30px;
margin:6px;
overflow:hidden;
white-space:nowrap;
display:inline-block;
}

/* ------ pagination/manual load ------ */



#pagination, #manual {
border-bottom:1px solid #bbc6d4;
text-align:center;
}

#pagination a, #manual a, #pagination span, #manual span {
padding:10px 10px 11px;
display:inline-block;
background-size:100% 1px;
background-repeat:no-repeat;
background-position:left bottom;
margin-bottom:-1px;
}

#pagination span.current_page, #manual .load {
background-image:linear-gradient(to right,#506a70,#bdc1ae);
text-transform:uppercase;
font-weight:600;
}

#pagination a:hover {
padding:10px 15px 11px;
background-image:linear-gradient(to right,#bdc1ae,#bdc1ae);
}

#manual .load:hover {
padding:10px 25px 11px;
}

#pagination .ftr {
width:12px;
height:12px;
}

#manual .ftr {
display:inline-block;
vertical-align:middle;
margin-left:10px;
}

/* ------ sidebar ------ */

#sidebar {
position:absolute;
margin:60px 0 0 60px;
width:240px;
z-index:99999;
}

.side {
margin-bottom:60px;
}

.simg {
max-width:100%;
display:block;
}

.blogn {
color:#363636;
font:bold 16px/24px "Playfair Display",serif;
display:inline-block;
padding:15px 10px;
background-size:100% 1px;
background-repeat:no-repeat;
background-position:left bottom;
background-image:linear-gradient(to right,#506a70,#bdc1ae);
margin-bottom:-1px;
}

.blogn > svg {
display:inline-block;
vertical-align:middle;
margin-right:10px;
}

.desc, .sidebox, .side footer {
padding:15px 10px;
font-size:13px;
}

.desc,.sidebox {
border-top:1px solid #bbc6d4;
}

.tnav {
padding:10px 10px 20px;
counter-reset:navi;
}

.tnav a {
display:block;
text-transform:uppercase;
transition:0.5s ease-in-out;
line-height:20px;
padding:10px 0 0 30px;
color:#707070;
position:relative;
}
 
.tnav a::before {
font-family:"Playfair Display",serif;
font-weight:bold;
font-size:16px;
content:counter(navi, decimal-leading-zero);
counter-increment:navi;
position:absolute;
left:0;
margin-top:-2px;
color:#bdc1ae;
transition:0.5s ease-in-out;
}
 
.tnav a:hover {
color:#506a70;
padding-left:45px;
}

.tnav a:hover::before {
color:#506a70;
left:15px;
}

.tinfo {
text-align:left;
}

.tinfo span.stat {
display:block;
}

.tinfo span.stat b {
color:#363636;
}

.taff {
line-height:0;
padding:15px 10px 20px;
}

.taff a {
margin:5px 5px 0 0;
width:30px;
height:30px;
display:inline-block;
background:linear-gradient(45deg,#506a70,#bdc1ae);
}
 
.taff a img {
display:block;
transition:0.4s ease-in-out;
} 

.taff a:hover img {
opacity:0.6;
}

.tsc {
font-weight:normal;
position:relative;
text-align:center;
border-top:1px solid #bbc6d4;
border-bottom:1px solid #bbc6d4;
}

.tsc form {
height:40px;
}
 
.tsc form input[type="text"] {
line-height:20px;
height:20px;
padding:10px 0;
padding-left:10px;
color:#757575;
}
 
.tsc form button[type="submit"] {
width:24px;
height:24px;
z-index:5;
bottom:-1px;
right:0px;
padding:8px;
position:absolute;
background-size:100% 1px;
background-repeat:no-repeat;
background-position:left bottom;
background-image:linear-gradient(to left,#506a70,#bdc1ae);
color:#506a70;
transition:0.4s ease-in-out;
}

.tsc svg {
width:16px;
height:16px;
margin:4px;
}

.tsc form button:hover {
color:#bdc1ae;
}

/* --- footer --- */

.side footer {
text-transform:uppercase;
font-size:12px;
}

main > footer {
background:#bbc6d4;
color:#838586;
text-align:center;
padding:15px 30px;
font-size:12px;
text-transform:uppercase;
}

/* ------ navigation ------ */

#barz {
height:60px;
z-index:214748;
position:relative;
margin-top:-10px;

}
 
.barz {
width:100%;
position:absolute;
text-transform:uppercase;
padding:15px;
height:60px;
z-index:9999998;
display:block;
text-align:center;
background:#f6f6f6;


width:calc(540px + 420px);

font:normal 12px 'Source Sans Pro', sans-serif;
transition:0.4s ease-in-out;
box-sizing:border-box;
}
 
.abz {position:absolute;}
 
.stick {
top:0px;
position:fixed!important;

background:#b1c3d7;
width:calc(540px + 420px);
border-color:transparent;
}
 
.barz a {
margin:8px 0px;
line-height:14px;
display:inline-block;
overflow:hidden;
padding:0px 5px;
height:14px;
letter-spacing:1px;
color:#666666;
position:relative;
border-bottom:2px solid transparent;
transition:0.2s ease-in-out;
}
 
.barz a span {
padding:0px 5px;
position:relative;
display:inline-block;
transition:0.2s ease-in-out;
}
 
.barz a span::before {
position:absolute;
top:100%;
font-weight:600;
content:attr(data-hover);
color:;
-webkit-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
 
.barz a:hover span {
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);
}
 
.stick a span::before {color:#ffffff;}
 
.abz a {color:#666666;}
.stick a {color:#ffffff;}
 
#scrollToTop, #toggle, .ctags {cursor:help;}

/* ------ header ------ */

header {
width:calc(540px + 400px);
margin:0 10px;
display:block;
position:relative;
}
 
header img {
display:block;
width:100%;
}
 
.headerbox {
position:absolute;
z-index:1;
display:block;
width:380px;
opacity:0.85;
padding:20px;
text-align:center;
top:10px; bottom:0;
left:0; right:0;
margin:auto;
height:90px;
background:#b5c5da;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
 
.maint {
height:30px;
padding:10px;
text-transform:lowercase;
border-bottom:1px solid #becddf;
font:bold 24px/30px 'Playfair Display', serif;
color:#ffffff;
}
 
.subt {
color:#ffffff;
text-transform:uppercase;
font:normal 12px/20px 'Source Sans Pro', sans-serif;
letter-spacing:1px;
height:20px;
padding:10px 0px;
}

/* ------ subheader ------ */
 
#subhead {
margin:0 10px;
position:relative;
min-height:1px;
width:calc(100% - 20px);
box-sizing:border-box;
}

#updt {
margin-top:30px;
padding:0 35px 30px;
position:relative;
box-sizing:border-box;
border-bottom:1px solid #bbc6d4;
width:100%;
display:flex;
justify-content:center;
}

.subbox {
flex:1 1 0;
margin:0 15px;
}

.subbox img {
margin:0px;
max-width:100%;
display:block;
}

.sidet {
color:#363636;
font:bold 14px/20px "Playfair Display",serif;
border-bottom:1px solid #bbc6d4;
padding:10px 10px 0;
text-align:center;
}

.sidet > span {
margin-bottom:-1px;
padding:0 10px 11px;
display:inline-block;
background-size:100% 1px;
background-repeat:no-repeat;
background-position:left bottom;
background-image:linear-gradient(to right,#506a70,#bdc1ae);
color:#506a70;
}

.subcont {
text-align:justify;
font-size:13px;
padding:10px;
}

/* ------ mini version ------ */

.mini main {
width:calc(540px + 300px);
line-height:150%;
}

.mini header, .mini header img {
width:calc(540px + 280px);
}

.mini #barz,.mini .barz {


width:calc(540px + 300px);

}

.mini .stick {
width:calc(540px + 300px);
}

/* ------ responsive ------ */

#light {
position:fixed;
top:6px;
right:6px;
width:24px;
height:24px;
z-index:999998;
background:#dbe0e7;
box-shadow:20px 20px 60px rgba(0,0,0,0.15), -20px -20px 60px rgba(255,255,255,0.05);
color:#757575;
padding:10px;
transition:0.4s ease-in-out;
display:none;
}

#light .ftr {
transition:0.4s ease-in-out;
}

@media screen and (max-width:720px){
#sidebar, .mini #sidebar {
    background:#dbe0e7;
    box-shadow:20px 20px 60px rgba(0,0,0,0.15), -20px -20px 60px rgba(255,255,255,0.05);
}

.simg {
    display:block!important;
}
}

.open #light {
width:100%;
height:100%;
top:0px;
right:0px;
background:rgba(205,226,240,0.9);
}

.open #light .ftr {
position:fixed;
right:6px;
top:6px;
padding:10px;
background:#dbe0e7;
box-shadow:20px 20px 60px rgba(0,0,0,0.15), -20px -20px 60px rgba(255,255,255,0.05);
}
