/*
 Theme Name:   Brian Dodd
 Theme URI:    http://briandoddonleadership.com
 Description:  A theme by Rolla Creative
 Author:       Rolla Creative
 Author URI:   http://rollacreative.com
 Template:     canvas
 Version:      0.0.1
 Text Domain:  dodd
*/

@import url("../canvas/style.css");

body, p, .widget, .widget p, .widget .textwidget, .entry, .entry p, #navigation, .post-more, .post-meta, ul.nav li a, #navigation ul.rss a, #navigation ul.cart a.cart-contents, #navigation .cart-contents #navigation ul.rss, #navigation ul.nav-search, #navigation ul.nav-search a {
	font-family: 'effra', 'Helvetica', Arial, sans-serif !important;
}

.widget p, .widget .textwidget, .entry, .entry p {
	font-weight: 200;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'lexia', 'Courier New', Courier, serif !important;
}

#header {
	background-position: 80% 10% !important;
	padding: 400px 0 0 0 !important;
	background: url('img/default-blue.jpg');
}

@-moz-document url-prefix() {
    #header {
	padding-top: 400px !important;
	padding-bottom: 0 !important;
    }
}

.projects-page #header {
	background: url('img/hear-watch.jpg') !important;
	background-position: 50% 10% !important;
}

.page-template-template-contact #header {
	background-position: 40% 10% !important;
}

a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button {
	font-weight: 600 !important;
}

#navigation, .post-meta, .post-meta .small, .post-meta .author {
	text-transform: uppercase !important;
}

#inner-wrapper {
	padding: 0 !important;
}

.nav-toggle {
	margin: 0 !important;
}

#content {
	padding-left: 1em;
	padding-right: 1em;	
}

article.post {
	margin: 0 0 40px;
	padding: 0 0 40px; 
	border-bottom: 1px solid #eee;
}

/* Jetpack share section */

div#content div.sharedaddy, #main div.sharedaddy, div.sharedaddy {
	background-color: #d4e1fc;
	padding: 0 10px;
	margin-bottom: 10px;
	border: 1px solid #bbb;
}

div.sharedaddy h3.sd-title {
	font-size: 20px !important;
}

.page #title-container, .archive #title-container, .post-type-archive-project #title-container {
	display:none;
}

.single-project #title-container {
	display:visible !important;
}

#title-container {
	position:absolute;
	top: 0;
	padding: 50px 0;
	text-align:center;
	background: rgba(0,0,0,0.6);
	z-index: 1;
	width: 100%;
}


#ebook {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:15px 0 10px 0 !important;
	background: rgba(255,255,255,0.8);
}


/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
    /* Desktop styles go below this line */
 
#logo { 
    float: left !important; 
    max-width: 35% !important;
    margin-right:0;
    padding: 2% !important;
}
 
#navigation { 
    max-width: 60% !important;
    float:right !important;
	padding-top: 2% !important;
    clear: none;
    }

#ebook .instructions {
	text-align:right; 
	padding-top: 5px;
}

#title-container h1 {
	margin: 0 10%;
	font-size: 3.5em;
	color: #fefefe !important;
}

}

/* MOBILE STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (max-width: 768px) {
    /* Mobile styles go below this line */
 
#logo { 
	text-align:center;
    max-width: 90% !important; 
	padding: 20px !important;
}

#ebook .instructions {
	text-align:left; 
	padding-top: 5px;
	border-bottom: 1px solid #aaa;
}

#ebook {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

#title-container h1 {
	font-size: 2.5em;
	color: #fefefe !important;
}


}