/*
Theme Name:     Södermalms Olje & värme - Child Theme
Description:    
Author:         Tobias Forsell
Template:       Impreza

(optional values you can add: Theme URI, Author URI, Version)
*/



.post-meta {font-variant: small-caps; color: maroon; }
.post-meta-key {color: green; font-weight: bold; font-size: 110%; margin-top: 50px;}

@import url("../Impreza/style.css");

.g-hr-h:before, .g-hr-h:after {
display: inline-block;
content: "";
height: 1px;
width: 100%;
margin-top: 7px;
vertical-align: top;
position: relative;
background-color: #eeeeee;
}

.g-hr-h:before {
left: 0px;
margin-left: 0px;

}

.whitetext {
    color: #fff;
}

.l-main {
    margin-top: 70px;
}

/*
* Blocket
*/

.w-pagehead {
text-align: left;
}

div.blocket_feed {
	overflow: hidden;
	margin-top: 20px;
	text-align: center;
}

div.blocket_feed div.item_row {
	overflow: hidden;
	margin-bottom: 10px;
}
div.blocket_feed a.item {
	display: inline-block;
	vertical-align: top;
	/* float: left; */
	width: 22%;
	margin: 5px 1%;
	padding: 5px 5px 20px 5px;
	overflow: hidden;
	border-top: 2px solid rgb(63,74,85);
	border-bottom: 2px solid rgb(63,74,85);
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	border-radius: 5px;
	color: #fff;
	
	background-color: #9E9E9E;
}

@media only screen and (min-width: 900px) and (max-width: 1000px) {
	div.blocket_feed a.item {
		width: 30%;
	}
}

@media only screen and (min-width: 620px) and (max-width: 720px) {
	div.blocket_feed a.item {
		width: 30%;
	}
}

@media only screen and (min-width: 500px) and (max-width: 620px) {
	div.blocket_feed a.item {
		width: 46%;
	}
}

@media only screen and (min-width: 330px) and (max-width: 500px) {
	div.blocket_feed a.item {
		width: 80%;
		margin: 10px 10%;
	}
}

@media only screen and (max-width: 330px) {
	div.blocket_feed a.item {
		width: 100%;
		margin: 10px 0;
	}
}

.mailbutton {
    font-size: 22px!important;
    color: #fff;
    background-color: #2d913f!important;
    padding: 10px 20px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
    display: block;
    text-align: center;
}

div.blocket_feed img.item_image {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

div.blocket_feed a.item:hover {
	border-color: white;
	background: rgb(28,33,38) url(images/blocket-hover-background.png) repeat-x center bottom;
}

div.blocket_feed a.item h4.item_title {
	padding: 0 20px;
	font-size: 13px;
	font-weight: bold;
	font-style: 1.3em;
	line-height: 1.3em;
	margin: 0 0 10px;
}

div.blocket_feed a.item:hover h4.item_title {
	color: white;
}

div.blocket_feed a.item p.item_desc {
	font-size: 1em;
	line-height: 1em;
	margin: 0;
	padding: 0 20px;
}

div.blocket_feed div.powered-by {
	background-color: rgb(37,45,53);
	padding: 5px;
	margin: 10px;
	text-align: center;
}

li.w-nav-item.level_1 {
  display: inline-block;
}