/* Premium Theme Ao no Sekai from Blogg.se */
@import url("//static.blogg.se/themes/sekai/css/newstyle.css");

@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');
@import url('https://fonts.googleapis.com/css?family=Delius+Unicase');
@import url('https://fonts.googleapis.com/css?family=Domine:400,700');

body {
    background: #333 url(https://static.blogg.se/themes/sekai/img/bg_blue.jpg) !important;
    font-family: "Domine", sans-serif;
   	font-size: 14px;
}
.social svg { fill: #333; }

.header { background: url(https://cdn2.cdnme.se/4275624/8-3/tharokmap2024bbw_66cccf67e087c3651e78829e.jpg) no-repeat top center; }

#categories li a { color: #ccc; }
#categories { background: rgba(0,0,0, 0.12); }

#side li a, .entry-meta .month, .entry-meta .year, .entry-meta .clock { color: #aaa;
    font-family: "Delius Unicase", sans-serif !important;

}
a, .entry .entry-meta, #side span { color: #fff; }
#social svg { fill: #fff; border-radius: 50%; }
#social { text-align: center; margin-top: 10px; }
#social a { display: block; }

#header h1 { margin-top: 95px; }

#header {	
	height: 300px;
	background:  url("//static.blogg.se/themes/sekai/img/arrow.png") no-repeat top center;
}
.entrybody img {
	max-width: 100%;
}
 .entry .entry-meta .count {
  background: url("https://static.blogg.se/themes/sekai/img/star.png") no-repeat center top;
}
#header h1, #content h3, #side li a {
    font-family: "Raleway", sans-serif;
}
.entry .entry-meta, #side span {
    font-family: "Delius Unicase", sans-serif;
  
}
#content h3 {
  font-size: 36px
}
#side li a, #side li span {
  font-size: 16px
}
#header.has_image_header {
  background-image: none !important;
  background-repeat: no-repeat !important;
  background-position: center 53px !important;
  height: 353px;
  margin-bottom: 53px;
}
#header.has_image_header h1, #header.has_image_header h2 { display: none; }



@media only screen and (max-width: 767px) {
  #header {
  	height: 160px;
  }
  #header h1 {
  	margin-top: 30px !important;
  }
}

@media screen and (max-width: 480px) {
  #header {
  	height: 100px;
  }
  #header h1 {
  	margin-top: 10px !important;
  }
  #content h3 {
  	font-size: 1.3em;
  }
  .entry .entry-meta {
 	width: 40px;
    margin-left: -70px;
  }
  .entry .entry-meta .count {
    background: white;
    height: auto;
    border-radius: 50%;
    padding: 8px 0;
  }
  .entry .post {
  	font-size: 0.85em;
  }
}

@media screen and (max-width: 660px) {
  .entry .entry-meta .count {
    background: white;
    height: auto;
    border-radius: 50%;
    padding: 8px 0;
  }
  .entry .entry-meta {
  width: 40px;
    margin-left: -70px;
  }
}

.like-container {
  display: inline-block !important;
  margin-left: 0px;
  float: right;
}
.like-container .likebtn .likebtn__btn {
  background: #6C7174 !important;
}

.like-container .likebtn { margin-right: 0; }
.like-container .likebtn .likebtn__btn { 
  background: #6C7174 !important; 
}
.like-container .likebtn.clicked .likebtn__btn { 
  color: #6C7174 !important; 
  background: white !important;
}