@charset "UTF-8";

/*---------------------------------------------------------------------------------

	Theme Name: Lovecraft Child
Text Domain: lovecraft-child
Template: lovecraft
	Theme URI: http://www.andersnoren.se/teman/lovecraft-wordpress-theme/
	Version: 1.17
Description: Child Theme Generated by <a href="http://wordpresschildthemes.com">http://wordpresschildthemes.com</a>.  Lovecraft is a beautiful two-column theme for bloggers. It features a responsive design, great typography, a full-width header image (which is replaced with the post thumbnail on single posts/pages), custom accent color support, custom logo support, editor style support, a Flickr widget, recent posts and recent comments widgets with thumbnails, and a full-width template. Included translations: Lovecraft is a beautiful two-column theme for bloggers. It features a responsive design, great typography, a full-width header image (which is replaced with the post thumbnail on single posts/pages), custom accent color support, custom logo support, editor style support, a Flickr widget, recent posts and recent comments widgets with thumbnails, and a full-width template. Included translations: Swedish/svenska.
	Tags: blog, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
	Author: Anders Norén
	Author URI: http://www.andersnoren.se
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

/* -------------------------------------------------------------------------------- */
/*	
/* -------------------------------------------------------------------------------- */


.blog-logo {
	min-width: 140px;
	font-size: 24px;
	margin-bottom: 1rem;
	font-weight:bold;
}
.blog-tagline {
    line-height: 1.4;
    margin: 0;
    text-align: center;
    font-size: initial;
}


@media screen and (max-width: 600px) {
	.blog-logo {
		min-width: 60px;
		font-size: initial;
			margin-bottom: initial;
	}
}


.toggle {
    outline: none;
}