/* Premium Theme Black & White from Blogg.se */
@import url("//static.blogg.se/themes/black-white/css/style.css");

@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Cambo');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');
@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One');

#nav .navheading {
	font-size: 10px;
	text-transform: uppercase;
}
#nav .navheading, #content .date-count, #content .category-count, #content .meta, #content .comment-header, #content .comment-meta, #content .response-by, #content .formbutton {
	font-family: "Droid Serif", sans-serif;
}

#content h3, .response-by, #content .commentform .formbutton, #content .comment-header { text-transform: none; }
#content .comment-meta, #content .tag-count, #content .date-count, #content .category-count { text-transform: uppercase; }

#header h1 { font-family: "Cambo", sans-serif; }
#header h1 a { text-transform: uppercase; }

#content h3, #content .date-count, #content .category-count {
	text-align: center;
}

#header .brand, #header .h-container { display: inherit; }

#back-top a, #sidr-btn a {
	color: #fff;
	background-color: #000;
}

#nav, #nav li ul { background-color: #171717; }
#nav .social-icons a:hover, #nav a, #nav { color: #FFF; }
#nav .social-icons a { color: #FFF; }

#header h1 a, #header h2 { color: #000; }
#header h1 a { font-size: 70px; }

body, input, textarea { font-size: 14px; }

#content .meta .comment-count,
#content .category-count,
#content .tag-count,
#content .response-by,
#content .comment-meta,
#content .date-count,
#content .meta {
	font-size: 10px;
}

body, input, textarea, #content .share-button span {
	font-family: "Droid Sans", sans;
}

.header { background-image: none; }

#content .article-wrap .entry, #content .entry-wrap, #content .comment, #content .commentform, .nav-container, #header .h-container { width: 850px; }

#nav #search input, #nav #search button {
	background-color: #fff;
}

.header {
	width: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	height: 200px;
	background-size: cover;
	background-color: #FFF;
}

.borka-container {
padding-bottom: 15px;
}

/* white section */
body {
	background-color: #fff;
	background-image: none;
}
a, a:hover, body {
	color: #000;
}
#content h3 a { color: #000; }

.post a,
#content .meta .category-count,
#content .meta .category-count a,
#content a.comment-header {
	color: #67CAFF;
}

#content .meta,
#content .date-count,
#content .comment .comment-meta,
#content .comment .response-by,
#header h2,
#content .meta a { color: #999; }

#content .response {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}
#content .response-by {
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}
.formbutton, input, textarea { border: 1px solid #999; }

#content .meta .comment-count .fa-comment,
#content .meta .facebook-count,
#content .meta .twitter-count,
#content .meta .likebtn__btn:before {
	background-color: #67CAFF;
	color: #fff;
}

#content h3 {
	font-family: "Playfair Display", sans-serif;
	font-size: 46px;
}

#content .formbutton {
	background-color: #fff;
}

/* black section */
#content .article-wrap:nth-of-type(4n+1),
#content .comment-wrap.odd,
#content .borka-container:nth-of-type(4n+2),
.form-wrap, .form-wrap input, .form-wrap textarea {
	background-color: #222;
	color: #FFF;
}

#content .article-wrap:nth-of-type(4n+1) h3 a { color: #FFF; }

#content .article-wrap:nth-of-type(4n+1) .comment-count .fa-comment,
.article-wrap:nth-of-type(4n+1) .post a,
#content .comment-wrap.odd a.comment-header,
#content .article-wrap:nth-of-type(4n+1) .meta .category-count,
#content .article-wrap:nth-of-type(4n+1) .meta .category-count a {
	color: #27f099;
}

#content .article-wrap:nth-of-type(4n+1) .meta,
#content .article-wrap:nth-of-type(4n+1) .date-count,
#content .comment-wrap.odd .comment .comment-meta,
#content .article-wrap:nth-of-type(4n+1) .meta a { color: #858585; }

#content .comment-wrap.odd .response {
    border-top: 1px solid #858585;
    border-left: 1px solid #858585;
    border-right: 1px solid #858585;
}
#content .comment-wrap.odd .response-by {
    border-bottom: 1px solid #858585;
    border-left: 1px solid #858585;
    border-right: 1px solid #858585;
}
.form-wrap .formbutton, .form-wrap input, .form-wrap textarea { border: 1px solid #858585; }

#content .article-wrap:nth-of-type(4n+1) .meta .comment-count .fa-comment,
#content .article-wrap:nth-of-type(4n+1) .meta .facebook-count,
#content .article-wrap:nth-of-type(4n+1) .meta .twitter-count,
#content .article-wrap:nth-of-type(4n+1) .meta .likebtn__btn:before {
	background-color: #27f099;
	color: #222;
}

#content .article-wrap:nth-of-type(4n+1) h3 {
	font-family: "Julius Sans One", sans-serif;
	font-size: 44px;
	text-transform: uppercase;
}

#content .form-wrap .formbutton {
	background-color: #222;
}