/*
Theme Name: Elaine Fraser v1.2.1
Theme URI: http://www.elainefraser.co
Description: 
Author: Will Foster
Author URI: http://www.willfosterphoto.com
Template: thematic
Version: 1.2.1
.
Produced and developed by Will Foster
www.willfosterphoto.com/contact
.

Google Fonts Used:

	font-family: 'Sanchez', serif;
	font-family: 'Open Sans', sans-serif;

*/

* { padding:0; margin:0; }

body { line-height:inherit;}

a { color: #3399cc; }
a:hover { color: #006699; }

*::selection {color:white;background:#59c6d3;}
*::-moz-selection {color:white;background:#59c6d3;}

img#wpstats{width:0px;height:0px;overflow:hidden}

body, input, textarea { color: #333; }

h2 { font-size: 2.5em;line-height: 2.5em;font-weight: 600;}
h3 { font-size: 1.6em; font-weight:100;line-height: 1.6em; margin:25px 0 15px 0;}
.single-post h2 {font-family: 'Open Sans', sans-serif; font-size: 2em; font-weight:900;line-height: 1em; text-transform:uppercase; margin: 25px 0; }
h4 { font-size: 2em; font-family: 'Open Sans',sans-serif; font-size: 2em; font-weight:400; line-height: 3em; text-transform:uppercase; }

li { margin-bottom:10px; }

#header { background-color:#59c6d3; /*background-position: center top;background-image: url('http://www.getstuffdonegroup.com/wp-content/uploads/2014/01/bg2.jpg'); background-size:100% auto; */ }

#scr_header { position:relative; z-index:300; display:none; background-color:#59c6d3; position:fixed; top:0; width:100%; margin: 0 auto;  }
#scr_branding { z-index:200; position:fixed; top:0; display:none; margin: 0 auto; width:100%; height:160px; background-position: top center; background: url('/wp-content/themes/elainefraser-v1/img/scr-bg.png') no-repeat top center;}
#scr_access { position:relative; z-index: 1000; }

#branding { padding:100px 0 0 0; height:100px; }

#access { }

#main { font-family: 'Open Sans',serif; font-size:1.4em; max-width:960px; width:95%; margin: 50px auto 300px auto; }

.logo {margin: 0 auto; display:block; max-width:960px; width:95%; }
.logo img { width: 100%; display:inline-block; max-width:682px; margin: 0 auto; }

#header .menu { display:block; margin:0 auto; font-family: 'Open Sans', sans-serif; font-size:14px; text-transform:uppercase; letter-spacing:2px; max-width:960px; width:95%; padding:50px 0; }
#header .menu ul { padding: 0; margin: 0 auto; display:inline-block; width:100%; }
#header .menu ul li { display: inline-block; padding:0; margin: 0 3% 0 0; text-align:center; }
#header .menu a { text-decoration:none; color: #fff; padding-left:5px;padding-right: 3px; }
#header .menu a:hover, #header .current_page_item a, #header .current_page_parent a { color: #789395; border-bottom: 3px solid white; }

#page-top ul {list-style:none;margin:0; padding:0;}

#page-top .menu { display:block; margin:0 auto; font-family: 'Open Sans', sans-serif; font-size:12px; text-transform:uppercase; letter-spacing:2px; }
#page-top .menu ul { padding: 0; margin: 0; display:inline-block; width:100%;}
#page-top .menu ul li { display: inline-block; padding:0; margin: 0 3% 0 0; text-align:center; }
#page-top .menu a { text-decoration:none; color: #333; padding-left:5px;padding-right: 3px; }
#page-top .menu a:hover, #header .current_page_item a, #header .current_page_parent a { border-bottom: 3px solid white; }
#page-top .menu li { margin: 0 50px 0 0; display:inline; }

#page-top { clear:both; margin-bottom:50px;}

.skip-link { display:none; }

#header-image img { width: 100%; max-width:960px; margin: 0 0 35px 0; }

h1.entry-title { font-weight:100; margin: 50px 0 100px; font-size: 50px; line-height: 60px; }

.widgetcontainer h3 { font-size: 1.6em; font-weight:100;line-height: 1.0em; margin:25px 0;}

.entry-content img { max-width:100%; height:auto; }

.book-image img { width: 100%; margin-bottom:100px; }
.book-image { width: 33%; margin-right: 3%; float:left; }
.book-text { width: 64%; float: left; }

.post-block { width:49%; float:left; margin: 0; }
.post-block { display: inline-block; position: relative; }

.post-block-nofeaturedimg { height:20%; max-height:350px; }
.post-block-nofeaturedimg a { display:block; }

.entry-content { float:left; margin-bottom:400px; width:100%; }

.page-template-default .entry-content { width:70%; }

/* Temporary Blog Roll Stuff */

.post-block-temp { color: #333; margin-bottom:25px; }
.post-words { }

/* End of Temporary Blog Roll Stuff */



#content { max-width:960px; width:100%;}

#content p { line-height:1.6em; }

#nav-above { display:none; }

#nav-below { clear: both; } 

.blog .content { margin-top: 50px;}

@media only screen and (min-width:960px) {

	.post-title { font-size:200%; line-height: 40px; width:90%; }
	
	.post-thumb img { -webkit-filter: /*grayscale(1) blur(1px) */ brightness(70%); z-index:-900 }
	.post-thumb img:hover { }
	.post-words { z-index:100; }
	
	.entry-meta {font-weight:100;}
	.entry-meta .author-block {display:block; font-size:160%; margin-bottom:20px; }
	.entry-meta .author-block a { color: #333; text-decoration:none; }
	.entry-meta .entry-date {display:block; font-size:120%; margin-bottom:30px;}

	.post-block {max-width:470px; width:100%; height: 100%; }
	.post-block:nth-of-type(2n+1) { clear: right; margin-left: 2%; margin-bottom: 2%; }
	.post-block:nth-of-type(1)  { max-width:960px; max-height:auto; width: 100%; height clear:right; margin:0 0 2% 0; }
	
	.post-block .post-words { position: absolute;top: 10%;left: 0;right: 0; width:100%;;line-height: 56px;font-weight: 100;color:white;padding:0 20px; }
	.post-block:nth-of-type(1) .post-words {position: absolute;top: 50%;left: 0;right: 0; width:100%; height:auto; font-weight: 100;color:white;margin-top: -60px;padding:0 20px;}
	.post-block:nth-of-type(1) .post-title {font-size:300%; line-height: 56px;}
	.post-block:nth-of-type(1) .post-date {font-size:150%;}
	
	.post-block .post-thumb img { max-width:960px; width:100%; }
	.post-block h2.post-title { display:block; }
	.post-block h3.post-date { display:block; }
	.post-block .post-thumb { display:block; }
	#content .post-thumb a img { margin-bottom: 0; padding: 0; }
	
	.post-words { }
	.post-block { margin-bottom: 2%; }

}

@media only screen and (max-width:959px) {
	
	.entry-content { width: 100%; display:block; float:none; }
	
}

@media only screen and (max-width:959px) and (min-width:501px) {

	.post-title { font-size:200%; line-height: 40px; width:90%; }
	
	.post-thumb img { -webkit-filter: /*grayscale(1) blur(1px) */ brightness(80%); z-index:-900 }
	.post-thumb img:hover { }
	.post-words { z-index:100; }
	
	.entry-meta {font-weight:100;}
	.entry-meta .author-block {display:block; font-size:160%; margin-bottom:20px; }
	.entry-meta .author-block a { color: #333; text-decoration:none; }
	.entry-meta .entry-date {display:block; font-size:120%; margin-bottom:30px;}

	.post-block  { max-width:960px; max-height:auto; width: 100%; height clear:right; margin:0 0 2% 0; }
	
	.post-block .post-words { position: absolute;top: 10%;left: 0;right: 0; width:100%;;line-height: 25px;font-weight: 100;color:white;padding:0 20px; }
	.post-block .post-words {position: absolute;top: 50%;left: 0;right: 0; width:100%; height:auto; font-weight: 100;color:white;margin-top: -60px;padding:0 20px;}
	.post-block .post-title {font-size:200%; line-height: 56px;}
	.post-block .post-date {font-size:100%;}
	
	.post-block .post-thumb img { max-width:960px; width:100%; }
	.post-block h2.post-title { display:block; }
	.post-block h3.post-date { display:block; }
	.post-block .post-thumb { display:block; }
	#content .post-thumb a img { margin-bottom: 0; padding: 0; }
	
	.post-words { }
	.post-block { margin-bottom: 2%; }


}

.entry-meta { }
.meta-sep { }

.edit-link { padding: 10px; position: fixed; bottom:0; right: 0; background: black; color: white; }
.edit-link a { color: white; } .edit-link a:hover { color: red; }

.contact-form textarea, .contact-form input[type='text'], .contact-form input[type='email'] {width:100%; max-width:400px !important; padding:4px 5px;font-size:110%; border:1px solid #ccc;}
.contact-form input[type='submit'] { cursor:pointer; font-family:'Open Sans',sans-serif; }
.contact-form label { font-family: 'Open Sans',sans-serif; font-weight:400!important; width:100%; max-width:400px; line-height: 30px; margin-top:15px; }
.contact-form label span { display:none; }
.contact-form input.pushbutton-wide { height:20px; width:100%; max-width: 300px; font-weight:900; font-size:25px; text-align:center; }

input:focus,textarea:focus,select:focus{ border:1px solid #fafafa; -webkit-box-shadow:0 0 6px #000; -moz-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000 }

.entry-utility { color: #666; background: #f8f8f8; border: 1px dotted #ddd; font: normal normal normal 13px/21px Arial, Verdana, sans-serif; padding: 21px; margin-bottom: 48px; clear:both; }
.author-profile { margin-top: 48px; }
.author-name { font-weight: 900; } .author-name a { color: #333; }

.post {width: 70%; float: left;}

#single-insert { width: 25%; margin:0 0 0 3%; display:block; float:right; padding:0 0 50px 0; border-left: 4px solid #333; }
#single-insert ul { display:block; margin:0; padding:0 }
#single-insert ul ul { margin:0 0 0 5px; padding: 0; } 
#single-insert ul li { display: block; margin-bottom:15px }
#single-insert .avatar { float:none; width: 150px; height: auto; margin: 15px 0; display:block; }
#single-insert .widgetcontainer { margin: 15px 15px 65px 15px; }
#single-insert .social span { display:block; }
}

#single-insert h3 { font-size: 15px; }

.contact-form h1 { }

abbr, acronym { border-bottom: 0; cursor: inherit; }

#comments-list { list-style-type: none; margin-left:0px; }


div.comment-meta { font-weight:100; margin-bottom:15px; font-size:120%; background-color:#59c6d3; padding:15px;}
div.comment-author { float: right; display:inline-block; padding:15px; margin: 0 0 35px 25px; background-color:#59c6d3; }
div.comment-author img { display:block; }
div.comment-author a.url { display:block; color: white; font-size: 70%; text-decoration: none;}
div.comment-author a:before { content:"by " }

div.comment-reply-link { font-size:150%; margin-bottom:100px; margin-left:15px;2px solid #dedede;padding:15px 40px 20px 40px ;background:#efefef;width:150px;border-radius:15px;text-align: center; }

div.comment-reply-link a { color: #333; text-decoration:none; }
div.comment-reply-link a:hover { color: #59c6d3; }

#comments div.comment { margin-bottom:100px; }
#comments ul.children { border-left: 5px solid #ddd; margin: 0 0 0 15px; padding-left:18px;list-style-type:none;}

div.comment-content { margin-left:15px; }

#respond { margin: 15px 0 50px 0; }

.welcome-lightbox { margin: 0 !important; padding: 0 !important; }
.welcome-lightbox h1.entry-title { margin: 0; }

.ec_product_details_social_media_icons img { width: inherit; } 
.ec_product_list_view_image img { padding:0; margin: 0; }

.alignright { float: right; margin-left:25px; }
.alignleft { float: left; margin-right:25px; }

#welcome-message { padding: 30px; }
#welcome-message h1 {font-weight: 100; font-size: 45px; font-family: 'Open Sans', sans-serif; line-height:50px; }
#welcome-message h3 {font-size: 25px; font-family: 'Open Sans', sans-serif;}
#welcome-message p {font-size:140%; line-height:160%; font-family: 'Open Sans', sans-serif; } 


/****************
 * Full Size **** 		(1280px and wider)
 ****************/

/*@media only screen and (min-width:800px) {

}

/**************
 * Mid Size ***		( 960px to 1280px)
 **************/

/*@media only screen and (max-width:1279px) and (min-width:960px) {}

/*********************
 * Small Screens *****		(800px to 960px)
 *********************/

@media only screen and (max-width:960px) {
	
	#scr_branding{ background: url('/wp-content/themes/elainefraser-v1/img/scr-bg.png') no-repeat top right; }
}

@media only screen and (max-width:1000px) {}

/********************
 * Mobile Devices ***	Anything below 800px
 ********************/

@media only screen and (max-width:800px) {
	
/*	.post-block:nth-child(2n+1) { clear: right; margin-left: 2%; margin-bottom: 2%; }
	.post-block:nth-child(1) { width: 100%; clear:right; margin:0 0 2% 0; }
	#header, #container { margin: 10px; padding: 0; }
	*/
	
	.menu { text-align: center;}
	.menu .menu-item { display: block !important; margin:0 0 20px 0 !important; }
	.page-template-default .entry-content {width: 100%;}
	#container { margin:5px; }
	#content { width: 100% !important; } 
	#single-insert { width:100%; padding-top:50px; background-color: white; }
	#single-insert .widgetcontainer { margin: 0 0 100px 0; } 
	
	#scr_header { display:none; }
	
	.post { width: 100%; float: none; margin:0 }
	#single-insert { width:90%; float:none; margin-left:0; }
	
	h1.entry-title {font-weight: 100; margin: 20px 0 50px;font-size: 50px;line-height: 60px;}


}

@media only screen and (max-width:500px) { /* Phone */
	
	/* hide unnecessary stuff for mobile */
	#footer #first, #footer #third { display:none;}
	body { width: 100%;}	
	#container,#content {overflow:inherit;}
		
	/*modify some stuff*/
	#wrapper, #main { width: 100% !important; max-width:960px;}	
	#footer #second { float: inherit; margin: 0 auto; width:90% !important; }
	.home .video-thumbnail img {width:100%;}
	.home .video-thumbnail { width:100%; height:auto;}
	#content-gallery {width:90%;}
	#content {width:90%;max-width:960px;}

	.home #content {padding: 0 0}
	#content {}
	
	.ngg-singlepic { width: 100%; max-width:100%; border: 0px;}

	.post-thumb img { float: left; width: 40%;  margin:0; padding:0;}
	.post-words { float: right; float: right;display: inline;width: 58%; margin:0; padding:0;}
	
	.post-title, .post-date { margin: 0!important; padding: 0!important;}
	
	.post-title { margin-top:3%; font-size: 150%; line-height: 140%; }
	.post-date { font-size:100%; line-height: 100%; }
	
	.post-block {width: 100%;overflow: hidden;margin: 0 3% 6% 0;}
	
	div.entry-content { margin:0;}
	

}

/*@media only screen and (max-width:725px) {
	
	.menu ul li { display: block; height: 50px;  }
	.menu a { padding-left:10px; border-left: 10px solid white; }
	.menu a:hover, .current_page_item a, .current_page_parent a { border-left: 10px solid black; border-bottom: 0px; padding-left:10px;  }

	
} */

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { 
	padding:5px;
	border: 1px solid black;
	font-family: 'Open Sans',serif;
    font-size: 1em;
	}

.product_meta span { display:block;}
.product_meta span span {display:inline;}