/*
Theme Name: dali
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: 3.0.1
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");

/* =Repeatable patterns
-------------------------------------------------------------- */
#page {
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 0 2.0rem;
}
/* =Basic structure
------------------------------------------------------------ *
/* Small headers */
.archive-title {
	padding-left: 0px;
	padding-left:0rem;
}
/* Page structure */
.site-content {
	margin: 0 ;
	margin: 0 ;
	padding-right:0px;
}
.widget-area {
	margin: 24px 0 0;
	margin: 0  ;
}
/* Header */
.site-header {
	padding: 0;
	height: auto;
}
.site-header h1, .site-header h2 {
	text-align: right;
	padding-right: 240px
}
.site-header h1,.site-title a {
	padding-left: 0px;
	padding-left:0rem;
}
.site-header h2,.site-description {
	padding-left: 0px;
	padding-left:0rem;
}

/* Navigation Menu */
.main-navigation {
	margin-top: 28px;
	margin-top: 2.0rem;
	text-align: left;
	width:200px;
	padding-right: 0rem;
	margin-bottom: 28px;
	margin-bottom: 2.0rem
}
.main-navigation a, .widget-area .widget li {
	outline: none;
	font-size:0.857142857rem;
	font-family: 'Open Sans', sans-serif;
}
.site-content {
	padding-top: 2.5rem
}
.entry-content h1,.comment-content h1,.entry-content h2,.comment-content h2,.entry-content h3,.comment-content h3,
.entry-content h4,.comment-content h4,.entry-content h5,.comment-content h5,.entry-content h6,.comment-content h6,
.entry-header .entry-title, .entry-header .entry-title a{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #616265;
}
.site-content article {
	border-bottom: 0px solid #ededed
}
.archive-header {
	margin-bottom: 0
}
/* Sidebar */
.widget-area .widget {
	padding-left:0px;
	padding-left: 0rem;
}
/* Footer */
#footer-widget, .site-info {
	margin-left:0;
}
footer[role="contentinfo"] {
	border-top: 0px solid #ededed;
}
/* Social Links */
.social-links {
  clear: both;
  margin: 14px auto;
}
/* =Media queries
-------------------------------------------------------------- */
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.site {
		margin: 0 auto;
		max-width: 800px;
		max-width: 57.1428571rem;
		overflow: hidden;
	}
	.site-content {
		float: left;
		padding-right:0px;
		margin-left: 0px;
	}
	.widget-area {
		float: right;
		clear:right;
	}
	.site-info, #footer-widget, #footer-widget-area  {
		margin-left: 0px;
		margin-left: 0rem;
		text-align: left;
	}
	.main-navigation li {
		margin-top: 5px;	
		margin-top: 0.857142857rem;	
		font-size: 14px;	
		font-size: 1.0rem;	
		line-height: 1.0rem;	
		width: 180px;	
		padding-left:0px;	
		padding-left: 0rem;
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		left:10px;
		z-index:10000;
	}
	.main-navigation ul li:hover {
		border-bottom: none;
	}
	.main-navigation li ul ul {
		top:100%;
		left:0;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		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;
		line-height: 2.0;
		white-space: wrap;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation li ul li a {
		background: #ededed;
		display: block;
		border-bottom: 1px solid #ededed;
		font-size: 12px;
		font-size: 0.8571428rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
		margin:0
	}
	.main-navigation li ul li a:hover {
		background: #ededed;
		color: #ccc
	}
	.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: #616265;
		font-weight: normal
	}
	.menu-toggle {
		display: none;
	}
}

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

@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;
	}
	.main-navigation li ul {
		position: relative;
	}
}

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