/* Theme Shopaholic from Blogg.se */
@import url("//static.blogg.se/themes/shopaholic/assets/css/style.css");

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,900');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');

body, 
a,
.container .content .header p.datum,
.container .content .header p.category,
.container .content .body,
.container .content .body *,
.container .content .body .social .left p,
.container .content .body .social .right p, 
header .bottom span,
.container .nav ul,
.likebtn__count {
  font-family: "Lato", sans-serif; 
}

header .text p,
.container .content .header p.heading {
  font-family: "Poiret One", sans-serif; 
  font-weight: bold;
}

#header { background-image: url(https://cdn3.cdnme.se/4915131/9-3/img_6689_5ff891cb2a6b22bdcd12198f.jpg); }

body { background-color: #FFF; }

.container .content .body *,
.container .content .body {
  color: rgba(89, 37, 68, 1);
}

header .text p { color: rgba(230, 212, 212, 1); }


.container .content .body .social .right p,
.container .content .body .social .left p,
.container .content .header p.heading,
.container .nav ul,
.container .nav a,
.likebtn__count {
  color: rgba(102, 33, 71, 1);
}

.social span, 
.social a, 
.facebook-top:before, 
.twitter-top:before, 
.instagram-top:before, 
.bloglovin-top:before, 
.rss-top:before,
.social .right a:before, 
.social .right span:before,
.social .left a:before, 
.social .left span:before { 
  color: #888;
}

.container .content .header p.category,
.container .content .header p.category a,
.container .content .header p.datum {
  color: rgba(158, 158, 158, 1);
}

.container .content .body .social,
.container .nav,
#content .commentz {
  border-bottom: 1px solid #d2cfcf;
}


.container .content .header p.datum,
.container .nav ul,
header .bottom span,
.container .content .body .social .right p,
.container .content .body .social .left p,
.container .content .header p.category,
.container .content .body,
.container .content .body * {
  font-weight: 300;
}

.likebtn.liked .likebtn__btn:before, .container .content .body a, .container .content .body a:hover  { color: #000 !important; }

body,
.container .content .body,
.container .content .body * {
  font-size: 16px;
}

.container .content .header p.heading { font-size: 40px; }

.container .content .header p.datum,
.container .content .header p.category { font-size: 12px; }

article.item { overflow: hidden; }


#navigation ul.menu > li#blog-search {
  float: right; 
  margin-top: -4px;
  width: 170px;
}

#blog-search input[type="search"] {
  width: 80%;
  float: left;
  border: 0 none;
  padding: 4px 6px 4px 8px;
  height: 32px;
  box-shadow: none;
  font-size: 16px;
  color: rgba(89, 37, 68, 1);
  font-family: "Lato", sans-serif; 
  display: block; 
  outline: none; 
  border-bottom: 1px solid #d2cfcf;
  border-left: 1px solid #d2cfcf;
  border-top: 1px solid #d2cfcf;
}

#blog-search button {
  width: 20%;
  float: left;
  border: 0 none;
  color: white;
  background-color: #888;
  font-size: 21px;
  display: block;
  cursor: pointer;
  height: 32px;
}

i.fa-search:before {
  content: "\f002";
  display: inline-block;
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
  width: 100%;
}

#blog-search form:after { clear: both; content: ""; }

@media screen and (max-width: 768px) {
  #navigation ul.menu > li#blog-search {
    float: none;
    width: 100%;
    margin-top: 4px;
  }  
  #navigation { height: 98px; }
}
@media screen and (min-width: 40em) {
  #navigation { padding-right: 0 !important; }
}