/*
Theme Name: mona
Theme URI: http://artbiz.ca
Author: Kim Bruce 
Author URI: http://artbiz.ca/
Description: Child theme for the David theme. The David theme for WordPress is a fully responsive theme that looks great on any device. Features include a showcase template for recent posts on a page, ability to change header and entry title fonts and links color, styling for post formats on both index and single views. Make it yours with a custom menu, header image, and background.
Version: 2.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
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, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: david
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Template: david
*/
@import url("../david/style.css");

/* =Basic structure
------------------------------------------------------------ *
/* Body, links, basics */

/* Small headers */
.archive-title span {
	padding-left: 42px;
	padding-left:3.0rem;
}	
/* Page structure */
.site {
	background-color: #f9f9f9;
}
.site-content {
	margin: 0 0 0 14px;
	margin: 0 0 0 1.0rem;
}
.widget-area {
	margin: 24px 0 0;
	margin: 0  ;
}
/* Header */
.site-header {
	padding: 14px 0 0 14px;
	padding:1.0rem 0 0 1.0rem;
}
.site-header h1,
.site-header h2 {
	text-align: left ;
}
.site-header h1, .site-title a {
	font-size: 24px;
	font-size: 1.71rem;
	line-height: 1.71;
	padding-top: 14px;
	padding-top: 1.0rem;
	font-weight:normal;
	letter-spacing: 2px;
	padding-left: 21px;
	padding-left:1.5rem;
}
.site-header h2, 
.site-description {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.0;
	color: #757575;
	padding-left: 42px;
	padding-left:3.0rem;
	letter-spacing: 2px;
	margin-bottom: 28px;
	margin-bottom: 2.0rem;
}
/* Navigation Menu */
.main-navigation {
	margin-top: 14px;
	margin-top: 1.0rem;
	margin-bottom: 28px;
	margin-bottom:2.0rem;
	text-align: left;
	width: 200px;
}
.main-navigation li {
	margin-top: 6px;
	margin-top: 0.857142857rem;
	font-size: 13px;
	font-size: 0.907142857rem;
	line-height: 0.857142857rem;
	width: 200px;
	border-bottom: 1px solid #ededed;
	padding-left:14px;
	padding-left: 1.0rem;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none ;
	border-bottom: none !important; 
	border-top: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
} 
#upper-navigation {
	display:none;
}
/* =Main content and comment content
-------------------------------------------------------------- */
.site-content article {
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1 );
	-moz-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1 );
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1 );
	-webkit-border-radius: 3px;
	padding: 40px;
	border-bottom: 0px solid #ededed
}
.widget-area .widget h3 {
	margin-bottom: 10px;
	margin-bottom: 0.714rem;
	font-size: 14px;	
	font-size: 1.0rem;	
	line-height: 1.0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.70rem;
}
.entry-header img.wp-post-image {
	border:none;
}
.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
/* =Showcase template
-------------------------------------------------------------- */
h1.showcase-heading {
	padding:0 0 1.0rem 0;
}
section.recent-posts .entry-summary {
	border-bottom: 0px solid #ddd;
	margin-top: 1.0rem;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1 );
	-moz-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1 );
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1 );
	-webkit-border-radius: 3px;
	padding: 30px 40px;
}
section.recent-posts .other-recent-posts  { 
	padding-top:2.0rem; 
}
section.recent-posts ol.other-recent-posts  { 
	padding-bottom: 0.0rem; 
}
.page-template-showcase-php section.recent-posts {
	float: left;
	margin:0;
	width: 100%;
}
/*=Plugins
-------------------------------------------------------------- */
.addthis_toolbox.addthis_default_style {
	line-height: 1.0rem;
}
/* =Media queries
-------------------------------------------------------------- */
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	
	.site-content {
		float: left;
	}
	.widget-area {
		float: right;
		clear:right;
	}
	.site-info, #footer-widget{
		margin-left: 14px;
		margin-left: 1.0rem;
	}
	#footer-widget-area {
		margin-left: 0;
	}
	#footer-widget-area .widget-area {
		float:left;
		clear:none;
		margin-right: 1.0rem;
		width: 31%;
		text-align: left;
	}
	#footer-widget{
		width: 62%;
		background: #fff;
		-webkit-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1 );
		-moz-box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1 );
		box-shadow: 0 0 10px rgba( 0, 0, 0, 0.1 );
		-webkit-border-radius: 3px;
		padding: 30px 40px;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 2.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: normal;
	}
	.menu-toggle {
		display: none;
	}
}

/* Minimum width of 1024 pixels. */
@media screen and (min-width: 1024px) {
	body {
		background-color: #f9f9f9;
	}
	body.custom-background-empty {
		background-color: #f9f9f9;
	}
}

@media screen and (max-width: 768px) {
	.widget-area .widget {
		padding-right:1.0rem;
		padding-left:0px;	
		padding-left: 0rem;
	}

	#page {
		padding: 0 1.0rem;
	}

	.main-navigation li {
		font-size: 12px;	
		font-size: .85714rem;	
		line-height: 1.0rem;	
		padding-left:0px;	
		padding-left: 0rem;
	}
}

@media screen and (max-width: 620px) {
	.site-header {
		padding: 2.142rem 0 2.0rem 0;
	}
	.site-header h1,
	.site-title a {
		padding: 14px 0 0 7px;
		padding: 1.0rem 0 0 .5rem;
	}
	.site-header h2,
	.site-description {
		padding: 14px ;
		padding: 1.0rem 0 0 1.0rem;
	}
	#upper-navigation {
		display:inline;
	}
	#upper-navigation .main-navigation {
		margin-top: 0 ;
	}
	.site-content {
		margin-left:0rem;
	}
}