/* ----------------- lightbox ----------------- */

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

.tmblr-lightbox, #tumblr_lightbox {
background-color:rgba(247,187,195,0.85) !important;
z-index:999999999999!important;
}

/* ----------------- basic settings ----------------- */

body{
margin:0px;
padding:0px;
font-family: 'open sans', arial, sans-serif;
font-size:11px;
color:#343434;
background:#f7bbc3 url('https://assets.tumblr.com/images/x.gif?v=1');
background-attachment:fixed;
}

b, strong{
color:#1e1e1e;
}
a{
color:#f4a4af;
text-decoration:none;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-outs;
	transition: all 0.4s ease-in-out;
}

a:hover{
color:#edb0ce;
}

h1, h2, h3, h4, h5, h6{
font-family:'Leckerli One', cursive;
margin:5px 0px;
line-height:150%;
color:#c01408;
}



blockquote{
margin:10px 0;
padding:0 0 0 10px;
border-left:3px solid rgba(192,20,8,0.3);
}

underlined{
border-bottom:1px solid #343434;
}

pre{
white-space: pre-wrap;
background-color:rgba(247,187,195,0.3);
display:block;
padding:5px;
border-radius:5px;
}

ul{
margin-left:-20px;
}

ul li::before{
content:'\e12a';
font-family:'saturnicons';
color:#c01408;
position:absolute;
margin-left:-20px;
font-size:90%;
}

/* think about the people reading ur blog... dont make this smaller pls */
small, h5, h6, h4{
font-size:10px;
}

/*DONT REMOVE OR DESTROY MY CREDITS
LEAVE EVERYTHING WHERE IT IS*/
#c{
position:fixed;
bottom: 15px;
right: 10px;
text-align:center;
z-index:999999;
}
#c a{
background:#c01408;
font-size:12px;
color:#fff;
font-size:10px;
padding:5px 7px;
letter-spacing:1px;
text-decoration:none;
border-radius:5px;
margin:0px 3px;
}
#c a:hover{
background:#c01408;
box-shadow:2px 2px rgba(192,20,8, 0.5);
color:#fff;
letter-spacing:1px;
}

/* ----------------- scrollbar ----------------- */

::-webkit-scrollbar-thumb:vertical {
background-color: #c01408;
width:6px;
height:auto;
}
 
 
::-webkit-scrollbar-thumb:horizontal {
background-color: #c01408;
height:6px;
}
 
::-webkit-scrollbar {
height:6px;
width:6px;
background-color:#f7bbc3;
}

::selection {
    background-color:#c01408;
    color:white;
}    

::-moz-selection-{
background-color:#c01408;
color:white;
}

/* ----------------- tooltips ----------------- */

#s-m-t-tooltip {
max-width:150px;
padding:7px 12px;
margin:20px 14px 7px 10px;
background-color:rgba(192,20,8,0.9);
color:#fff;
font-style: normal;
font-size:11px;
line-height:140%;
letter-spacing:0px;
text-transform:none;
z-index:999999999;
border-radius:5px;
box-shadow:2px 2px rgba(192,20,8,0.5), 4px 4px rgba(192,20,8,0.2);
}

.wrapper{
width:calc(500px + 300px);
margin:0 auto;
}

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

aside{
width:170px;
background-color:#fff;
margin-top:140px;
position:fixed;
border-radius:10px;
overflow:hidden;
margin-right:calc(500px + 20px + 80px);
}

aside .avi{
max-width:150px;
padding:10px 10px 0 10px;
}

.avi img{
max-width:150px;
border-radius: 8px;
}

.description{
padding:10px;
text-align: center;
}

.links{
padding-top: 4px;
padding-bottom: 15px;
display:flex;
flex-direction:row;
justify-content: space-evenly;
}

.links .sf-heart-2{
font-size:20px;
padding:0px 6px;
}

.links a:nth-of-type(1){
color:#c01408;
}
.links a:hover:nth-of-type(1){
color:#edb0ce;
}

.links a:nth-of-type(2){
color:rgba(192,20,8);
}
.links a:hover:nth-of-type(2){
color:rgba(237,176,206);
}

.links a:nth-of-type(3){
color:rgba(192,20,8);
}
.links a:hover:nth-of-type(3){
color:rgba(237,176,206);
}

.links a:nth-of-type(4){
color:rgba(192,20,8, 0.6);
}
.links a:hover:nth-of-type(4){
color:rgba(237,176,206, 0.6);
}

.links a:nth-of-type(5){
color:rgba(192,20,8, 0.5);
}
.links a:hover:nth-of-type(5){
color:rgba(237,176,206, 0.5);
}

/* ----------------- postcontainer ----------------- */

.postcont{
width:calc(500px + 20px);
margin-left: 300px;
padding-top:140px;
}

/* ----------------- posts ----------------- */

article{
margin:0 auto;
padding:10px;
border-radius:10px;
width:500px;
background-color:#fff;
margin-bottom:70px;
line-height:150%;
background-color:#fff;
}
 
article img{
max-width:100%;
height:auto;
}

/* ----------------- post info ----------------- */

.postinfo{
position:absolute;
margin-top:-20px;
margin-left:-25px;
z-index:999999999!important;
}

.postinfo .sf-heart-2{
font-size:30px;
}

.postinfo a{
color:#c01408;
}

.postinfo a:hover{
color:#c01408;
}



.loveletter{
width:30px;
height:25px;
position:absolute;
margin-top:-20px;
margin-left:-25px;
z-index:999999999!important;
background-color:#fff;
border-radius:5px;
box-shadow:0 0 3px #ddd;
}

.loveletter::before:{
content:'▼';
color:#666;
font-size:14px;
z-index:999;
position:absolute;
display:block;
left:0px;
top:0px;
overflow:hidden;
}

.loveletter::after{
content:'\e12a';
font-family:'saturnicons';
color:#c01408;
position:absolute;
font-size:14px;
left:8px;
top:5px;
}

.loveletter .sf-chevron-down{
font-size:30px;
top:-7px;
position:absolute;
color:#ddd;
}

/* ----------------- captions ----------------- */
 
.caprebloghead{
margin-top:5px;
height:22px;
}
 
.rebloghead{
height:22px;
margin-top:5px;
}
 
.cimg{
width:20px;
border-radius:5px;
float:left;
}
 
.user{
margin-left:7px;
padding:2px 5px;
position:absolute;
border-radius:5px;
letter-spacing:0.25px;
font-size:11px;
background:rgba(247,187,195,0.5);
color:#f4a4af;
}

.user:hover{
color:#f4a4af;
box-shadow:2px 2px #f4a4af;
}
 
.cap{
margin-top:5px;
margin-bottom:10px;
}
 
.cap:nth-last-of-type(){
margin-bottom:0px;
}
 
/* ----------------- chats ----------------- */

.line{
margin:10px 0px;
}

.line b{
color:#c01408;
padding:1px 3px;
border-radius:5px;
margin-right:5px;
background-color:rgba(247,187,195,0.4);
}
 
/* ----------------- quotes ----------------- */
 
.quote{
text-align:center;
font-size:25px;
line-height:130%;
font-family:'Leckerli One', cursive;
color:#c01408;
}
 
/* ----------------- audio ----------------- */
 
.playerwrap{
width:calc(500px - 20px);
height:80px;
padding:10px;
background-color:#f7bbc3;
border-radius:5px;
}
 
.player{
width:30px;
height:30px;
overflow:hidden;
background-color:#f2f2f2;
border:3px solid #c01408;
margin-left:22px;
margin-top:22px;
position:absolute;
z-index:1000;
}
 
.playerbg{
height:80px;
width:80px;
float:left;
}
 
.albumart{
position:relative;
z-index:1;
background-color:#fff;
height:80px;
width:80px;
overflow:hidden;
}
 
.overlay{
height:80px;
width:80px;
background-color:rgba(192,20,8, 0.5);
position:absolute;
z-index:999;
}
 
.audioinfo{
position:absolute;
margin-left:90px;
height:80px;
padding:5px;
color:#fff;
}
 
.sttl{
font-size:200%;
padding-bottom:5px;
text-shadow:2px 2px rgba(192,20,8, 0.2);
font-family:'Leckerli One', cursive;
color:#c01408;
}
 
.attl{
font-size:115%;
padding-bottom:5px;
line-height:200%;
}
 
/* ----------------- videos ----------------- */
 
.vd{
overflow:hidden;
background-color:#fff;
}
 
.video{
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
background-color:#fff;
}
 
.video iframe{
position: absolute;  
width: 100%;
height: 100%;
overflow:hidden;
top: 0;
left: 0;
}
 
/* ----------------- ask posts ----------------- */
 
#q{
width:calc(500px - 85px);
padding:10px;
background-color:rgba(247,187,195,0.3);
border-radius:5px;
margin-left:65px;
}

#q::before{
content:'◀︎';
color:rgba(247,187,195,0.3);
position:absolute;
margin-left:-20px;
font-size:110%;
}
 
#qimg{
position:absolute;
}
 
#qimg img{
border-radius:5px;
max-width:50px;
}
 
.replied{
margin-top:5px;
}
 
#ahead{
color:;
font-style:normal;
padding-bottom:10px;
width:100%;
height:18px;
margin-top:10px;
}
 
#ahead a{
margin-left:7px;
padding:2px 5px;
position:absolute;
border-radius:5px;
letter-spacing:0.25px;
font-size:11px;
background:rgba(247,187,195,0.5);
color:#f4a4af;
}
 
.light #ahead a{
color:#fff;
}
 
.replied{
margin-top:-10px;
}
 
#ahead a:hover{
background-color:;
box-shadow:2px 2px ;
}
 
/* ----------------- tags ----------------- */

.below{
width:500px;
margin-top:15px;
}
 
.below .sf{
font-size:10px;
}
 
.bl a{
margin:10px 7px 0 0;
border-radius:5px;
padding:4px 5px;
font-weight:600;
color:#c01408;
background:rgba(247,187,195,0.5);
}

.bl a:hover{
box-shadow:2px 2px #c01408;
}
 
/* ----------------- tags ----------------- */
 
.tags{
font-style:italic;
margin-top:7px;
}
 
.tags a{
color:#f4a4af;
padding-right:5px;
text-decoration:none;
}

 
/* ----------------- permalink page notes ----------------- */
 
.notecont{
width:calc(500px + 20px);
}
 
#note{
margin:0 auto;
padding:10px;
border-radius:10px;
width:500px;
background-color:#fff;
margin-bottom:70px;
line-height:150%;
margin:0 auto;
}

.notes li{
line-height:20px;
}
ol.notes, .notes li{width:calc(500px - 10px); list-style:none; margin:0px 0 -1px 5px; padding:5px}
.notes a{
padding:1px 5px;
border-radius:5px;
letter-spacing:0.25px;
font-size:11px;
background:rgba(247,187,195,0.5);
color:#f4a4af;
}
.notes img, a.avatar_frame{
display:none;
}

.notes li::before{
content:'\e12a';
font-family:'saturnicons';
color:#c01408;
position:absolute;
font-size:13px;
margin-left:-18px;
}
/* ----------------- pagination ----------------- */
 
#pagi{
width:500px;
padding:10px;
margin:0 auto;
margin-top:50px;
margin-bottom:150px;
overflow:hidden;
text-align:center;
}
 
#pagi a{
padding:5px 10px;
border-radius:5px;
margin:10px;
font-weight:bold;
background-color:#c01408;
color:#fff;
}
 
#pagi a:hover{
color:#c01408;
background-color:#fff;
}
 
.current_page{
padding:5px 10px;
background-color:#fff;
border-radius:5px;
margin:10px;
font-weight:bold;
color:#c01408;
}

/* ----------------- funky fonts this theme is able to display ----------------- */

@font-face {
font-family: Calluna;
src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
font-weight: 700;
font-style: italic
}

@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; font-size:20px;}
p.npf_chat{font-family:Courier;}
p.npf_quote{font-family:Calluna;}



/* ------- Loveletter Updates Tab CSS by baechys.tumblr.com ------- */

/* Instructions:
- remove #c01408 and insert a hexcode if you're NOT using this updates tab with the theme Momo by baechys.tumblr.com 
- you can match options like the font, text-color and font-size to the theme you're currently using!
- editing is allowed but please keep it somewhat close to the version i provided!*/

.updates{
position:fixed;
top:10px;
left:10px;
}

.udheart{
padding:5px;
font-size:15px;
color:#c01408; /* change color of hearts here */
background-color:#fff;
border-radius:5px;
width:15px;
height:15px;
}

.udcont{
width:150px;
padding:7px;
border-radius:5px;
margin-left:-235px;
background-color:#fff;
margin-top:10px;
transition:0.5s ease-in-out;
font-size:11px;
color:#343434;
}

.udcont:nth-of-type(1){
 transition:0.3s ease-in-out;
 -webkit-transition:0.3s ease-in-out;
 -moz-transition:0.3s ease-in-out;
 -o-transition:0.3s ease-in-out;
}

.udcont:nth-of-type(2){
 transition:0.4s ease-in-out;
 -webkit-transition:0.4s ease-in-out;
 -moz-transition:0.4s ease-in-out;
 -o-transition:0.4s ease-in-out;
}

.udcont:nth-of-type(3){
 transition:0.5s ease-in-out;
 -webkit-transition:0.5s ease-in-out;
 -moz-transition:0.5s ease-in-out;
 -o-transition:0.5s ease-in-out;
}

.udcont p{
margin-top:5px;
margin-bottom:10px;
}

.udcont p:last-of-type(){
margin-bottom:0px;
}

.udcont li::before{
margin-left:-18px;
font-size:100%;
margin-top:3.3px;
}

.udheart:hover .udcont{
margin-left:-5px;
}

.udhead .sf{
font-size:90%;
}

.udhead{
font-weight:bold;
color:#c01408;
background-color:#f7bbc3;
border-radius:5px;
padding:2px 3.5px;
line-height:130%;
}

.udheart:hover .udc{
margin-left:-5px;
}

/* dont touch this! */

.udc{
width:150px;
margin-left:-235px;
margin-top:10px;
transition:0.5s ease-in-out;
font-size:11px;
text-align:center;
}

.udc a{
color:#fff;
background-color:#c01408;
font-weight:bold;
padding:2px 5px;
border-radius:5px;
font-size:9px;
letter-spacing:0.25px;
}
