/*----- TOOLTIPS -----*/

.tippy-tooltip.custom-theme {
background:rgba(0,0,0,.8);
color: #fff;
font-weight:normal;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.2em;
font-size: 0.9em;
border-radius:0px;
margin: 5px 0;
}

/*---- SCROLLBAR ----- */
::-webkit-scrollbar {
width: 5px; 
height: 5px;
background-color: #000000;
}
 
::-webkit-scrollbar-track {
background-color: #000000;
border-radius: 5px;}
 
::-webkit-scrollbar-thumb {
background:linear-gradient(to top, #242424, #242424);
min-height: 35px;
min-width: 35px;
border-radius: 5px;
}

/*----- BASIC STYLING -----*/

body {
font-family: 'Karla', sans-serif;
font-size: 15px;
color: #aaa;
background:#000000;

line-height: 160%;
word-wrap: break-word;
letter-spacing: 0.04em;
margin: 0;
padding: 0;
}

a {
color: #5cae53; 
text-decoration: none;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

a:hover {
color: #94e88c;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

blockquote {
padding: 0 0 0 1em;
border-left: 1px solid #2e2e2e;
margin: .5em .5em .5em 1.5em;
}

ul {list-style-type:circle; padding: 0 0 0 2em;}
ol {list-style-type: decimal-leading-zero; padding: 0 0 0 2em;}
li::marker {color:#94e88c;}

h1, h2, h3, h4, h5 {
letter-spacing: 0.06em;
line-height: 145%;
font-weight: bold;
}

h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}

h1 {color:#fff; margin:1em 0 0 .5em; padding-top:.5em; padding-bottom:.5em;}
h1 a {color:#fff;}

small {font-size: 0.9em;}
big {font-size: 1.1em;}

b, strong {
color:#4dc459;
font-weight:800;
}

b a:hover {
color:#94e88c;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

hr {
height: 1px;
border: none;
box-shadow: none;
background-color: #2e2e2e;
}

pre {
line-height: inherit;
font-size: inherit;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.tmblr-iframe-compact .tmblr-iframe--unified-controls {
z-index: 999999999!important;
opacity:0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.tmblr-iframe-compact .tmblr-iframe--unified-controls:hover {
opacity:1;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

/*---- HEADER ----*/
header {
position:fixed;
top:0;
left:0;
right:0;
height:50px;
background:#252525;
border-bottom:1px solid #2e2e2e;
z-index:999;
}

header nav {display:flex; justify-content:center; margin-top:1em; margin-left:400px;}

header nav i {
font-size:1.4em;
color:#4dc459;
margin-right:1.5em;

-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

header nav a:last-of-type i {margin-right:0;}

header nav i:hover {
color:#94e88c;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.navcr i {color:#fff;}

#totop i {
position:fixed;
top:15px;
left:0;
margin-left:385px;
font-size:1.4em;
color:#94e88c;

z-index:9999999999;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

#totop i:hover {
cursor: help;
color:#4dc459;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

/*---- SIDE NAME ----*/

#side-wrap {
background:#252525;
position:fixed;
top:0;
left:0;
bottom:0;
width:70px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:2em;
border-right:1px solid #2e2e2e;
z-index:99999;
}

.headername {
transform:translateY(-50%);
display:flex;
justify-content:center;
align-items:center;
}

.headername b {
display:flex;
justify-content:flex-start;
transform:rotate(-90deg);
font-size:1.1em;
color:#fff;
white-space:nowrap;
letter-spacing:.5em;
text-transform:uppercase;

}

.title-img {
position:fixed;
left:8px;
top:15px;
width:50px;
z-index:9999999;
}

.title-img img {
width:50px;
height:50px;
background:linear-gradient(to right, #242424, #242424);
padding:2px;
border-radius:100%;
}

.credit {
position:fixed;
bottom:15px;
left:25px;
z-index:999999999;
}

.credit i {
font-size:1.5em;
color:#4dc459;

-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.credit i:hover {color:#94e88c;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

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

#sidebar {
position:fixed;
left:70px;
top:0;
width:300px;
background:#252525;
}

.title {
text-align:center;
padding:2em .5em 2em .5em;
display:flex;
justify-content:center;
align-items:center;
background:rgba(0,0,0,.1);
width:100%;
}

.title-text {
width:100%;
}

.title a {
font-size:1.4em;
letter-spacing:2px;
font-weight:800;
color:#4dc459;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.title a:hover {
color:#94e88c;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}


#side-img {padding:.5em .5em 0 .5em;}
#side-img img {border-radius:0px}


/*----- CAROUSEL ----*/

#container {
position:fixed;
left:70px;
top:0;
bottom:0;
background:#252525;
width:300px;
border-right:1px solid #2e2e2e;
z-index:99999999;
min-height: 100vh;
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
}

#carousel {
position:relative;
overflow: hidden;
height: 600px;
margin-right:400px;
}

.p-wrapper {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.4s ease-in-out;
}

#button_a:checked ~ #carousel .p-wrapper {
-webkit-transform: translateY(0);
transform: translateY(0); 
}

#button_b:checked ~ #carousel .p-wrapper {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); 
}

#button_c:checked ~ #carousel .p-wrapper {
-webkit-transform: translateY(-200%);
transform: translateY(-200%); 
}

#button_d:checked ~ #carousel .p-wrapper {
-webkit-transform: translateY(-300%);
transform: translateY(-300%); 
}

#button_e:checked ~ #carousel .p-wrapper {
-webkit-transform: translateY(-400%);
transform: translateY(-400%); 
}


#button_b:checked ~ #carousel .p-wrapper {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); 
}

#button_c:checked ~ #carousel .p-wrapper {
-webkit-transform: translateY(-200%);
transform: translateY(-200%); 
}

#button_e:checked ~ #carousel .p-wrapper {
-webkit-transform: translateY(-300%);
transform: translateY(-300%); 
}


#button_b:checked ~ #carousel .p-wrapper {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); 
}

#button_c:checked ~ #carousel .p-wrapper {
-webkit-transform: translateY(-200%);
transform: translateY(-200%); 
}

#button_d:checked ~ #carousel .p-wrapper {
-webkit-transform: translateY(-300%);
transform: translateY(-300%); 
}



[class^="panel_"] {
overflow: auto;
position: relative;
width:300px;
height: inherit;
padding:1em;
}

#navigation {
position:relative;
display:flex;
justify-content:space-around;
width:100%;
flex-direction:row;
background:rgba(0,0,0,.1);
padding:1.5em 1em 1em 1em;
}

[class^="label_"] {
cursor: help;
text-align: center;
transition: all 0.3s ease;
color:#5cae53;

}

#navigation i {
font-size:1.4em;
}

[class^="label_"]:hover {
color:#4dc459;
}

#button_a:checked ~ #navigation .label_a,
#button_b:checked ~ #navigation .label_b,
#button_c:checked ~ #navigation .label_c,
#button_d:checked ~ #navigation .label_d,
#button_e:checked ~ #navigation .label_e {
cursor: default;
color:#fff;

}

/*----- CAROUSEL COMMON ----*/

.desctitle {
display:block;
width:100%;
text-align:center;
padding:0 .5em .5em .5em;
border-bottom:1px solid #2e2e2e;
}

.desctitle b {
display:inline-block;
vertical-align:top;
margin-top:2px;
text-transform:uppercase;
letter-spacing:3px;
font-weight:normal;
font-size:1.1em;
color:#4dc459;
}

.desctitle i {
display:inline-block;
vertical-align:bottom;
margin-top:4px;
margin-right:.5em;
font-size:1.3em;
color:#fff;

}

/*------ PANEL A ------*/

.desctext {padding:0 1em; width:100%; text-align:center;}

.desctext p:last-of-type {margin-bottom:0;}

.desctext a {border-bottom:2px solid #2e2e2e;}

.desctext a:hover {border-bottom:2px solid #4dc459;}

/*------ PANEL B ------*/

.aboutsec {
width:100%;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
padding:.5em 0 .5em 0;
}

.aboutsec li {
padding:1em .5em 1em .5em;
width:50%;
display:flex;
justify-content:flex-start;
align-items:center;
}

.aboutsec i {
font-size:1.4em;
color:#94e88c;
margin-right:.5em;
padding:0;

}

.aboutsec b {
color:#fff;
font-weight:normal;
}

/*------ PANEL C ------*/

.statslow {
display:flex;
justify-content:space-evenly;
flex-wrap:wrap;
padding:.5em 0 .5em 0;
}

.statslow li {
width:100%;
padding:.8em;
border-bottom:1px solid #2e2e2e;
display:flex;
justify-content:space-between;
align-items:center;
}

.statslow li:last-of-type {border-bottom:0px;}
.statslow li:first-of-type {margin-top:.5em;}

.statslow i {
font-size:1.4em;
color:#94e88c;
margin-right:.3em;
padding:0;

}

.statslow span {
text-align:right;
font-weight:normal;
color:#fff;
}

.statslow b {font-weight:bold; color:#4dc459;}

/*------ PANEL D ------*/

.navsec {
display:flex;
justify-content:space-around;
align-items:center;
flex-wrap:wrap;
padding:1em 0 0 0;
}

.navsec a {
width:50%;
padding:.5em .5em 1em .5em;
display:flex;
justify-content:flex-start;
align-items:center;
}

.navsec i {
display:inline-block;
vertical-align:bottom;
font-size:1.4em;
color:#94e88c;
margin-right:.3em;
padding:0;

-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.navsec b {
color:#fff;
font-weight:normal;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.navsec a:hover b {
color:#94e88c;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.navsec a:hover i {
color:#fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

/*------ PANEL E ------*/

.blogsec {
display:flex;
flex-direction:column;
justify-content:space-evenly;
align-items:center;
flex-wrap:wrap;
padding:.5em 0 .5em 0;
}

.blogsec li {
width:100%;
padding:.5em;
display:flex;
justify-content:flex-start;
align-items:center;
gap:.5em;
border-bottom:1px solid #2e2e2e;
}

.blogsec li:last-of-type {border-bottom:0;padding-bottom:0;}

.blogsec img {
width:40px;
height:40px;
border-radius:100%;
padding:2px;
background:linear-gradient(to right, #242424, #242424);
}

.blogsec .blogtext {
margin-left:.5em;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
}

.blogtext b {
color:#4dc459;
font-weight:bold;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.blogtext:hover b {
color:#fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.blogtext span {
color:#fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.blogtext:hover span {
color:#4dc459;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

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

main {
position: relative;
width: calc(250px + 500px + 150px);
margin: auto;
}

section {
position: relative;
width:500px;
margin-left:400px;
}

article {
width: 100%;
position: relative;
margin: 50px auto;
background:#252525;
border-radius:0px;

border:1px solid #2e2e2e;
}

article:first-of-type {margin-top:80px;}

.postcontainer {padding:.5em;}

.posts li, .posts blockquote, figure, video, iframe, .video, .video iframe, figure.tmblr-embed.tmblr-full, figure.tmblr-embed.tmblr-full iframe, .caption iframe {max-width: 100%;}

/*----- CAPTIONS -----*/

.caption {
list-style-type: none;
padding:1em;
}

.caption p {padding:.5em;}

.caption a {border-bottom:2px solid #2e2e2e;}
.caption a:hover {border-bottom:2px solid #4dc459;}

.text-caption:first-of-type {margin-top:0;}

a.read_more {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
color: #4dc459;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
 
a.read_more:hover {
color: #94e88c;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.user-icon {
display: inline-block;
vertical-align: middle;
width: 2.5em;
height: 2.5em;
margin:.5em 1em .5em 0;
border-radius:30px;
padding:4px;
background:linear-gradient(to right, #242424, #242424);
}

.ask-icon {
display: inline-block;
vertical-align: middle;
width: 2.5em;
height: 2.5em;
margin:.5em 1em 0 1em;
border-radius:30px;
padding:4px;
background:linear-gradient(to right, #242424, #242424);
}

.username {
display: inline-block;
vertical-align: middle;
font-weight: bold;
}

.username a {
padding:8px;
border-radius:0px;
color:#fff;
background:linear-gradient(to right, #242424, #242424);
border-bottom:2px transparent;

-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.username a:hover {
color:#8ce8a3;
background:linear-gradient(to right, #242424, #242424);
border-bottom:2px transparent;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.deactive::after {
content: '(deactivated)';
margin-left: 1em;
opacity: 0.75;
color: #aaa;
}

p.tmblr-attribution {margin-top: 1em !important;}

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

h1.post-title {margin-top: 0;}

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

a.link-wrap {
display: block;
border-radius:0px;
background:linear-gradient(to right, #242424, #242424);
}
.link {padding: 1.5em;}

.link {color:#fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.link:hover {color:#94e88c;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.link-host, .link-txt {margin-top: 1.5em;}

.npf-link-block {
margin-top: 1.5em; 
background-color: inherit;
border: 1px solid inherit;
color: inherit;
}

/*----- PHOTO -----*/

img {
margin: 0;
display: block;
height: auto;
max-width: 100%;
}
 
.photo img {width: 100%;}
.vignette, #vignette {opacity: 0;}
.tmblr-lightbox, #tumblr_lightbox {background-color: rgba(130, 130, 130, 0.75) !important;}
 
.lightbox-image, #tumblr_lightbox img {
box-shadow: none !important;
border-radius: 0 !important;
max-width: none;
}

#tumblr_lightbox_caption, .lightbox-caption {
color: #fff !important;
font-family: inherit;
margin-top: 1em !important;
}

/*----- PHOTOSET -----*/

.post-content div.npf_row, .post div.npf_row, body div.npf_row {
margin-left: 0 !important;
margin-right: 0 !important;
}

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

.quote {
line-height: 160%;
font-size: 1.25em;
padding:1em;
background:linear-gradient(to right, #242424, #242424);
color:#fff;
border-radius:0px;
}

.quote p:first-of-type {margin-top: 0;}
.quote p:last-of-type {margin-bottom: 0;}

.source {text-align:center; padding:1em; color:#fff;}

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

.chat {padding: 0; margin: 0;}
.chat li {list-style-type: none; margin-top: 1em; padding:1em;}
.chat li:first-of-type {margin-top: 0;}
.chat li:last-of-type {margin-bottom:1em;}

.chat li:nth-child(odd) {
color:#fff;
background:linear-gradient(to right, #242424, #242424);
border-radius:0 0px 0px 0px;
}

.chat li:nth-child(even) {
text-align:right;
color:#fff;
background:linear-gradient(to left, #242424, #242424);
border-radius:0px 0px 0 0px;
}

.chatter {font-weight: bold; color:#4dc459;}

p.npf_chat, p.npf_chat b {font-family: inherit;}

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

.ask-wrap .asking {
display: inline-block;
vertical-align: middle;
}

.ask-wrap .asking {
color:#fff;
text-transform:lowercase;
font-weight: bold;
}

.asking a {
color:#8ce8a3;
border-bottom:2px solid #4dc459;
}

.asking a:hover {
color:#4dc459;
border-bottom:2px solid #8ce8a3;
}

.ask-wrap {
background:linear-gradient(to right, #242424, #242424);
border-radius:0px;
}

.ask-wrap .sub {
display: inline-block;
margin-top:.5em;
margin-right:.5em;
font-weight: normal;
color:#fff;
}

.question {
padding:1em;
color:#fff;
}
.question p:first-of-type {margin-top: 0;}
.question p:last-of-type {margin-bottom: 0;}

/*----- AUDIO -----*/
 
.audiopost {
padding: 1em;
background:linear-gradient(to right, #242424, #242424);
border-radius:0px;
}
 
.album-art {
z-index: 1;
display: inline-block;
vertical-align: middle;
float: right;
width: 100px;
height: 100px;
border-radius:0px;
}

.audio-player-wrap {
width: 100px;
height: 100px;
display: inline-block;
}
 
.button {
width: 30px;
height: 30px;
overflow: hidden;
position: relative;
z-index: 2;
margin: 7px;
}
 
.audiobox {
background-color: #f2f2f2;
z-index: 3;
position: absolute;
margin: 28px 0 0 28px;
border-radius: 50%;
}
 
.audioinfo {
display: inline-block;
height: 100px;
max-width: calc(100% - 100px);
margin-left:70px;
display: flex;
justify-content: center;
flex-direction: column;
box-sizing: border-box;
padding-left: 2em;
}

.audioinfo li {
list-style-type: none;
color:#fff;
}
.track {
font-weight: bold;
}

/*----- INFO -----*/

.info {
text-align:left;
padding:.5em;
border-radius:0px 0px 0 0;
background:rgba(0,0,0,.1);
}

.info a {
display: inline-block;
vertical-align: middle;
color:#fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.info a:hover {
color:#94e88c;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

#info-text {
display:inline-block;
text-transform:uppercase;
font-size:.9em;
vertical-align:top;
margin-top:3px;
margin-left:.5em;
padding-right:8px;
color:#94e88c;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.info a:hover #info-text {color:#fff;}

.info-right {
float:right;
}

.info i, .info-bottom i {
font-size:1.3em;
padding:5px 0 5px 5px;

}

.pin-post #info-text {
font-weight:bold;
}

.info-bottom {
display:flex;
justify-content:space-between;
padding:.5em;
background:rgba(0,0,0,.1);
}

.info-bottom a {display:inline-block;}

.info-bottom i {margin-right:.5em; margin-left:.3em;}

.rightinfo {float:right;}
.leftinfo {float:left;}

#copybutton {cursor:help;}

.likeb {
position: relative;
display: inline-block;
}
 
.likeb .like_button iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
opacity: 0;
}

.like_button iframe {width: 100% !important; height: 100% !important;}
.likeb .liked + .actual-button i {
color:#96e3b2;
}

.tags {
padding:.3em;
background:#252525;
border-radius:0 0 0px 0px;
overflow:auto;
display:flex;
align-items:center;
white-space:nowrap;
}

.tags::-webkit-scrollbar {
width: 3px; 
height: 3px;
background-color:transparent;
}
.tags::-webkit-scrollbar-track {
background-color:transparent;
border-radius: 5px;}
.tags::-webkit-scrollbar-thumb {
background:linear-gradient(to right, #242424, #242424);
min-height: 5px;
min-width: 5px;
border-radius:10px;
}

.tags i {
font-size:1.2em;
color:#fff;
padding:8px;
border-radius:0px;

}
   
.tags a {
display:inline-block;
vertical-align:top;
margin-top:.2em;
margin-left:.5em;
margin-right: 0.75em;
padding:.3em;
font-size:.9em;
border-radius:0px;
color:#5cae53;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.tags a:hover {
color:#94e88c;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

/*---- POST NOTES -----*/

.notes {margin:0;}

.notes .notestitle {
display:flex;
justify-content:center;
align-items:center;
padding:.5em;
background:rgba(0,0,0,.1);
}

.notestitle b {
text-align:center;
color:#fff;
margin-left:.5em;
}

.notestitle i {
font-size:1.3em;
color:#94e88c;

}

ol.notes {
max-width: 100%;
padding: 1em;
margin:0;
text-transform:lowercase;
}

ol.notes li.note {padding: 0.5em 0; list-style-type: none;}

ol.notes li.note img.avatar {
margin-right: 1em;
vertical-align: middle;
display: inline-block;
width: 1.25em;
height: 1.25em;
border-radius:100%;
}

/*----- TAG / DAY PAGE ----*/

.tagpage {padding:1em 0 1em 0;}

.tagpage span {padding-left:1em;}

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

#page-navigation {
position:relative;
margin-left: 400px;
text-align: center;
width:500px;
padding:1em 0 1em 0;
margin-bottom:2em;
}

#page-navigation b {color:#fff;}

#page-navigation span {
display:inline-block;
vertical-align:top;
font-size:.9em;
margin:0 10px 0 10px;
text-transform:uppercase;
letter-spacing:1.5px;
color:#94e88c;
}

#page-navigation i {
border-radius:0px;
font-size:1.4em;
color:#fff;

-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

#page-navigation i:hover {
color:#94e88c;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

/*---- RESPONSIVENESS ----*/

@media only screen and (max-width: 900px) {

.tmblr-iframe-compact .tmblr-iframe--unified-controls {display:none;}
header nav {margin:1em auto;}
#container {display:none;}
main {width:100%;}
section {margin:auto;}
#totop i {margin-left:85px;}

#page-navigation {margin:auto auto 2em auto;}
 
}
 
@media only screen and (max-width:700px) {

section {width:95%;}
#side-wrap {display:none;}
.title-img {display:none;}
#totop i {display:none;}

.info-right {display:none;}
#page-navigation {width:95%;}

}
