
        /* Premium Theme Bon appetit from Blogg.se */
@import url("//static.blogg.se/themes/bon_appetit/css/style.css");

@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700');

body {
  background: url(https://static.blogg.se/themes/bon_appetit/img/bg1.jpg);
  font-family: "Quattrocento Sans",sans-serif;
  font-size: 14px;
}

a:hover,
h1 a:hover { color: #d51709; }

h1 a, 
h2 { color: rgba(213, 23, 9, 0.8); }
h3 {
  font-size: 28px;

}
#gototop { 
   color: rgba(255, 255, 255, 0.7);
   background: rgba(213, 23, 9, 0.8)
}

#header .inner, #goto { background: rgba(255, 255, 255, 0.7); }

h1 a{
    font-family: "Pacifico",sans-serif;
    color: rgba(213, 23, 9, 0.8);
  	font-size: 52px;

}

#container .headerimg {
  background: url(https://static.blogg.se/themes/bon_appetit/img/header2.png) center center;
  height: 338px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: 10px solid #FFF;
}
#container {
  height: 390px;
}

.fb_iframe_widget iframe {
	top: -4px;
}
#morebutton {
	background: #fff;
 	width: 960px;
	text-align: center;
	height: 40px;
	font-size: 28px;
 	margin: 0 auto;
    color: #d51709;
}
#morebutton a{
    color: #d51709;
}

#header h2 { line-height: 1.7em; margin-top: 20px; }
.social { text-align: center; margin: 10px 0 0; }
.social svg, #social svg { fill: #CCC; }
#social a { padding: 0 !important; display: inline-block !important; }
#social { text-align: right; }
#social svg { border-radius: 50%; }

@media only screen and (max-width: 959px) and (min-width: 768px) {
  #morebutton {
    width: 728px !important;
    padding: 10px !important;
  }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  #morebutton {
    width: 440px !important;
    padding: 10px !important;
  }
}
@media only screen and (max-width: 479px) {
  #morebutton {
    width: 280px !important;
    padding: 10px !important;
  }
}

.clear {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
  line-height: 0;
}

.like-container { display: block !important; text-align: center; margin-bottom: 10px; }
.likebtn { margin-right: 0px !important; }
.like-container .likebtn { margin-right: 0; }
.like-container .likebtn .likebtn__btn { 
  background: #CCC !important; 
}
.like-container .likebtn.clicked .likebtn__btn { 
  color: #CCC !important; 
  background: white !important;
}