/*
Theme Name:   Harmony 2.0
Theme URI:    http://wordpress.org/extend/themes/harmony/
Author:       Hassan Derakhshandeh
Description:  Clean yet elegant child of TwentyTwelve.
Version:      1.1
License:      GNU General Public License
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready
Template: twentytwelve
*/

@import "../twentytwelve/style.css";

#page {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 20px;
}
.feature {
	position: relative;
}
.banner {
	position: absolute;
	right: 0;
}
.banner img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 0 7px 0 0;
	-moz-border-radius: 0 7px 0 0;
	border-radius: 0 7px 0 0;
}
.site-title {
	background: #e2a115;
	min-width: 250px;
	padding: 20px;
	float: left;
	position: relative;
	z-index: 10;
}
.site-header h1 {
	-webkit-border-radius: 7px 0 0 0;
	-moz-border-radius: 7px 0 0 0;
	border-radius: 7px 0 0 0;
}
.site-header h1 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	margin: auto;
}

@media (min-width: 600px) {
	.main-navigation {
		clear: both;
		background: url(images/menu-bg.png) repeat-x;
		-webkit-border-radius: 0 0 7px 7px;
		-moz-border-radius: 0 0 7px 7px;
		border-radius: 0 0 7px 7px;
		-webkit-box-shadow: 1px 1px 5px #999;
		-moz-box-shadow: 1px 1px 5px #999;
		box-shadow: 1px 1px 5px #999;
		padding-left: 20px;
		margin-top: 0;
		min-height: 44px;
		line-height: 44px;
		color: #aaa;
	}
	.main-navigation ul.nav-menu {
		border: none;
	}
	.main-navigation li {
		margin: 0;
	}
	.main-navigation a,
	.main-navigation li a	{
		color: #ccc;
		padding-right: 15px; padding-left: 15px;
	}
	.main-navigation li a:hover {
		background: url(images/menu-active.png) repeat-x;
	}
	.menu-search {
		float: right;
	}
	.menu-search div {
		background: #fff;
		margin: 5px 7px 0 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: inset 1px 1px 5px #999;
		-moz-box-shadow: inset 1px 1px 5px #999;
		box-shadow: inset 1px 1px 5px #999;
	}
	.menu-search #searchsubmit {
		background: transparent url(images/mag.png) no-repeat center center;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		text-indent: -999px;
		overflow: hidden;
	}
	.menu-search #s {
		background: transparent;
		border: none;
	}
}
@media (max-width: 720px) {
	.banner, .menu-search {
		display: none !important;
	}
	.site-title {
		width: 100%;
		padding: 20px 0 0 0;
	}
}

.showcase {
	padding: 1.714285714rem 0;
	line-height: 1.6;
}
.showcase h2 {
	font-size: 1.1rem;
	padding-bottom: 10px;
}

.showcase .widget {
	float: left;
	margin-right: 4%;
}
.showcase .widget:last-child {
	margin-right: 0 !IMPORTANT;
}
.showcase.count-2 .widget {
	width: 48%;
}
.showcase.count-3 .widget {
	width: 30.66%;
}
.showcase.count-4 .widget {
	width: 22%;
}
.showcase.count-5 .widget {
	width: 16.8%;
}

@media (max-width: 600px) {
	.showcase .widget {
		float: none;
		margin: 0;
		width: auto !important;
	}
}