/*
 Theme Name:   Uppskattat
 Theme URI:    http://notedmedia.se
 Description:  Uppskattat Theme [based on Hueman]
 Author:       Daniel Melin
 Author URI:   http://melin.co
 Template:     hueman
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  uppskattat
*/

@import url(../hueman/style.css);

* {
}
body {
	background-color: #fff !important;
	color: #222 !important;
	font-size: 1.1em !important;
	font-weight: 400 !important;
}
h1.post-title.entry-title {
	font-size: 2.8em !important;
	font-weight: 900 !important;
	line-height: 1em !important;
	margin-bottom: 20px;
}

div.featured-image-related {
	width: 100%;
	height: 190px;
	background-position: 50% 50%;
	background-size: cover;
}
header#header > div.container {
	border-bottom: 3px solid #579ccf;
	margin-bottom: 15px;
}

div.related-inner a {
	font-weight: bold;
}

div.social-media-fb-like > div > span, div.social-media-fb-like > div > span > iframe {
	width: 100% !important;
}

blockquote:before {
	color: #579ccf !important;
}
@media screen and (max-width: 800px) {
	h1.post-title.entry-title {
		font-size: 1.8em !important;
	}
	div.strossle-middle {
		margin: 0px 15px;
	}
	div.featured-image-related {
		width: 100%;
		height: 30vw;
	}

	article.post {
		overflow: visible !important;
	}
	div.featured-image {
		height: 70vw;
		background-position: 50% 50%;
		background-size: cover;
		position: relative;
		margin-bottom: 15px;
	}
	body {
		background-color: #fff !important;
		font-size: 1.1em !important;
	}
	div.quads-location {
		position: relative !important;
		width: 100vw !important;
		text-align: center !important;
		margin-left: -15px !important;
		z-index: 999 !important;
	}
	blockquote div.quads-location {
		margin-left: -65px !important;
	}
}

header#header {
	background: none;
}

div.related-inner div.post-meta, a.post-comments, section#comments, p.post-tags, h4.heading, .sidebar-content > div.sidebar-top.group, .sidebar-content > ul.post-nav.group, section.content > div.page-title.pad.group, p.post-byline {
	display: none !important;
}

div.wp-caption {
	background: none !important;
	padding: 0 !important;
}
div.wp-caption img {
	width: 100%;
	height: auto;
}
div.wp-caption a {
	display: block;
	margin: 0;
	padding: 0;
}
div.wp-caption p {
	background: #f6f6f6;
	position: relative !important;
	margin-top: -8px !important;
	color: #000 !important;
	font-style: normal !important;
	padding: 3px !important;
}

div.quads-location {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

ins {
	background: none !important;
}


.embed-container, .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin-top: 15px;
}
.embed-container iframe, .embed-container object, .embed-container embed,
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


div.fb-video {
	width: 100%;
	max-width: 100%;
	background: #fc0;
}
div.fb-video > span, div.fb-video > span > iframe {
	width: 100% !important;
	max-width: 100% !important;
}