/*
Theme Name: Estate
Author: SiteOrigin
Author URI: http://siteorigin.com/
Theme URI: http://siteorigin.com/theme/estate/
Description: Estate is a clean, flexible business theme. It's well suited to business, portfolio and personal websites. One of Estate's best features is its Page Builder integration. Install Page Builder in a few clicks and you'll be able to create unique page layouts using a drag and drop interface. You can use this to create anything from menus for restaurant sites to marketing squeeze pages. Estate is an actively developed, continually updated theme.
Version: trunk
License: GNU General Public License 2.0
License URI: license.txt
Tags: custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, black, white, two-columns, right-sidebar, fixed-width, full-width-template

spritemapper.sprite_dirs = images/sprites
spritemapper.output_css = style.sprites.css
*/

@import "less/mixins";
@import "less/reset";

/* =Global
----------------------------------------------- */

/* Consistent fonts across all elements */

body {
	background: #f1f1f1;
	word-wrap: break-word;
}

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height: 1.5em;
	font-size: 14px;
}

/* Links */

a {
	color: #2a8fbd;

	&:visited {
	}

	&:hover,
	&:focus,
	&:active {
	}
}

/* Headings */

h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */

p {
	margin-bottom: 1.5em;
}
ul,
ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b,
strong {
	font-weight: bold;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code,
kbd,
tt,
var {
	font-family: "Courier New", Courier, mono;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em 0;
	width: 100%;
}
th {
	font-weight: bold;
}
button,
input,
select,
textarea {
/* Corrects font size not being inherited in all browsers */
	font-size: 100%;

/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	margin: 0;

/* Improves appearance and consistency in all browsers */
	vertical-align: baseline;
	*vertical-align: middle;
	.box-sizing(border-box);

}
button,
input {
/* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	line-height: normal;
/* Corrects inner spacing displayed oddly in IE6/7 */
	*overflow: visible;

}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	.rounded(3px);
	.button-style(#e6e6e6);
	.box-shadow(~"inset 0 1px 0 rgba(255, 255, 255, 0.8)");
	color: rgba(0, 0, 0, 0.8);

	/* Improves usability and consistency of cursor style between image-type 'input' and others */
	cursor: pointer;

	/* Corrects inability to style clickable 'input' types in iOS */
	-webkit-appearance: button;

	font-size: 0.75em;
	font-weight: 500;
	line-height: 1;
	padding: 0.75em 1.5em;
	color: #555;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	.button-style(lumlighten(#e6e6e6, 2%));
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {

}

input[type="checkbox"],
input[type="radio"] {
	.box-sizing(border-box);
	padding: 0;
	/* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	/* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-appearance: textfield;

	/* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	.box-sizing(border-box);
}

input[type="search"]::-webkit-search-decoration {
	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type=text],
input[type=email],
input[type=password],
textarea {
	.box-sizing(border-box);
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus {
	color: #111;
}

input[type=text],
input[type=email],
input[type=password] {
	padding: 3px;
}

textarea {
	/* Removes default vertical scrollbar in IE6/7/8/9 */
	overflow: auto;
	/* Improves readability and alignment in all browsers */
	vertical-align: top;
}

/* Alignment */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */

.assistive-text {
	clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.page-links{
	clear:both;
}

/* =General Layout
----------------------------------------------- */

@container_width: 1040px;

.container {
	width: @container_width;
	margin: 0 auto;
	.box-sizing(border-box);
}

/* =Masthead
----------------------------------------------- */

#masthead {
	background: #F1F1F1;

	hgroup {
		width: @container_width;
		margin: 0 auto;
		padding: 40px 0;

		.site-title {
			font-weight: bold;
			font-size: 28px;
			margin-bottom: 2px;
			line-height: 1;
			color: #3c3c3c;

			a{
				text-decoration: none;
				color: inherit;
			}
		}

		.site-description {
			color: #555;
			font-size: 13px;
		}
	}
}

/* =Menu
----------------------------------------------- */

.main-navigation {
	.gradient(#242424,#242424,#323232);
	.box-shadow(~"inset 0 1px 0 rgba(255,255,255,0.15)");

	border-top: 1px solid #101010;
	border-bottom: 1px solid #111111;

	.container {
		min-height: 49px;
	}

	.noise {
		/* Add the gradient noise */
		background: url(images/decoration/noise.png);
	}

	ul {
		.clearfix();
		font-size: 13px;
		list-style: none;
		margin: 0;
		padding-left: 0;
	}

	li {
		display:block;
		position: relative;
		float:left;

		&:last-child {
			margin-right: 0;
		}
	}

	a {
		position: relative;
		line-height: 1em;
		display: block;
		text-decoration: none;
		padding: 18px 30px;
		color: #E0E0E0;
		font-weight: 500;
	}

	a:before, li:last-child a:after {
		content: '';
		position: absolute;
		top: 0;
		height: 100%;
		width: 2px;
		background: url(images/decoration/menu-sep.png) repeat-y;
	}

	a:before {
		left: 0;
	}

	li:last-child a:after {
		right: 0;
	}

	ul {

		/* Second level menu items */
		ul {
			padding-top: 1px;
			display: none;
			position: absolute;
			top: 100%;
			left: 0;
			z-index: 99999;

			li {
				background: #222;
				float:none;

				&:first-child {
					/* A subtle little shadow */
					.box-shadow(inset 0 5px 0 rgba(0,0,0,0.15));
				}
			}

			a:before, a:after{
				display: none
			}
		}

		/* Third level menu items */
		ul ul {
			left: 100%;
			top: 0;

			li:first-child {
			/* A subtle little shadow */
				.box-shadow(inset 5px 0 0 rgba(0,0,0,0.15));
			}
		}

		ul a {
			.box-sizing(border-box);
			padding: 15px 30px;
			width: 180px;
			color: #CCC;
		}

		li:hover > ul {
			display: block;
		}
	}

	#searchform {
		float: right;
		margin: 10px 0 0 0;

		#s {
			outline: none;
			.rounded(4px);
			.bordered(#101010,#080808,#000000,#080808);
			padding: 6px 14px;
			border: 1px solid #222;
			.gradient(#2a2a2a,#1a1a1a,#2a2a2a);
			font-size: 12px;
			font-weight: bold;
			.box-shadow(inset 1px 1px 1px rgba(0,0,0,0.15));
			color: #CCC;
		}

		#searchsubmit {
			display: none;
		}
	}
}

/* =Layout
----------------------------------------------- */

#main {
	.box-sizing(border-box);
	.clearfix();
	width: @container_width;
	margin: 0 auto;
	padding: 30px;
	background: white;
	position: relative;

	#main-shadow {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		opacity: 0.3;
		pointer-events:none;
	}
}

#primary {
	.box-sizing(border-box);
	float: left;
	width: 67.5%;
	padding-right: 30px;
}

 #primary.panels-home {
	float: none;
	padding: 0;
	width: auto;
}

#secondary {
	.box-sizing(border-box);
	float: right;
	width: 32.5%;
	padding-left: 30px;
	border-left: 1px solid #EEE;
	font-size: 14px;

	.widget {
		margin-bottom: 40px;

		&:last-child {
			margin-bottom: 0;
		}

		.widget-title {
			font-size: 18px;
			font-weight: 500;
			color: #444;
			margin-bottom: 20px;
		}

		ul, ol {
			list-style: none;
			margin: 0;
			padding: 0;

			a {
				text-decoration: none;

				&:hover {
					text-decoration: underline;
				}
			}

			ul, ol {
				margin-left: 1em;
			}
		}

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

		/* Search input */
		#s, #searchsubmit {
			display: inline-block;
			font-size: 12px;
			padding: 7px 13px;
		}

		#searchsubmit {
			text-shadow: none;
			color: white;
			.rounded(2px);
			.button-style(#444);
			.box-shadow(~"inset 0 1px 0 rgba(255,255,255,0.15), 0 2px 2px rgba(0,0,0,0.15)");
		}
	}
}

/* =Archives
----------------------------------------------- */

article.sticky{
/* Style a sticky post */
}

.page-header {
	h1 {
		font-size: 24px;
		font-weight: 500;
		margin-bottom: 25px;
	}
}


/* =Entry Content
----------------------------------------------- */

/* Styles for actual content */


.entry {
	margin-bottom: 60px;

	&:last-child {
		margin-bottom: 0;
	}

	.entry-header {
		margin-bottom: 25px;

		.entry-thumbnail {
			margin-bottom: 20px;
			line-height: 0;

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

		.entry-title {
			color: #333;
			font-weight: 500;
			font-size: 22px;
			margin-bottom: 2px;

			a {
				color: inherit;
				text-decoration: none;
			}
		}

		.entry-meta {
			font-size: 12px;
			color: #999;

			a {
				color: #777;
				text-decoration: none;
			}
		}
	}

	.entry-content {
		margin-bottom: 25px;
	}

	footer.entry-meta {
		color: #999;

		a {
			color: #777;
			text-decoration: none;
		}
	}
}

.single .entry {
	margin-bottom: 30px;
}

.entry-content{
	.clearfix();

	line-height: 1.6em;
	color: #555;

	a{

	}

	p,
	& > ul,
	& > li,
	& > dl{
		margin: 25px 0;
		margin: 1em 0;
	}

	& > *:last-child{
		margin-bottom: 0;
	}

	& > *:first-child{
		margin-top: 0;
	}

	blockquote{
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		margin-left: 1.5em;

		cite{
			font-family: "Droid Sans", sans-serif;
			font-weight: bold;
		}

		cite a{
		}
	}

	pre{
		background: white;
		font-family: "Courier New", Courier, mono;
		border: 1px solid #E0E0E0;
		padding: 10px;

		box-shadow: 0 1px 2px rgba(0,0,0,0.09);

		overflow-x: auto;
	}

	code{
		font-family: "Courier New", Courier, mono;
	}

	sup,
	sub{
		height: 0;
		line-height: 1;
		vertical-align: baseline;
		position: relative;
	}

	sup {
		bottom: 1ex;
	}

	sub {
		top: .5ex;
	}

	.gallery-caption{

	}

	.gallery{
		margin: 25px 0 !important;

		.gallery-item{
			margin-bottom: 0 !important;
			margin-top: 0 !important;
		}

		.gallery-icon{
			line-height: 0;
			margin-bottom: 0 !important;
		}

		img{
			border: none !important;
		}

		.gallery-caption{
			margin: 10px !important;
			padding-left: 0 !important;
		}
	}

	table{
		width: 100%;
	}

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

/* WordPress Images */

	.wp-caption{
		max-width: 100%;
		margin: 5px 0 30px 0;
		border: 1px solid #E0E0E0;
		padding: 8px;
		box-shadow: 0 1px 2px rgba(0,0,0,0.09);

		.box-sizing(border-box);

		text-align: center;
	}

	.wp-caption:first-child{
		margin-top: 25px;
	}

	.wp-caption p.wp-caption-text{
		margin: 0;
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}

	.alignleft {
	/* This is also styled on a global level */
		margin: 0 0 1.5em 1.5em;
	}

	.alignright {
	/* This is also styled on a global level */
		margin: 0 1.5em 1.5em 0;
	}

	img.wp-smiley {
		border: none;
		margin-bottom: 0;
		margin-top: 0;
		padding: 0;
	}

	ul{
		list-style-type: square;
	}

	ol{
		list-style-type: decimal;
	}

	ol ol{
		list-style-type: upper-alpha;
	}

	ol ol ol{
		list-style-type: lower-roman;
	}

	ul li,
	ol li{
		margin-left: 1.5em;
	}

	dl dt{
		margin-bottom: 5px;
		font-weight: bold;
	}

	dl dd{
		margin-bottom: 10px;
		padding-left: 20px;
	}

	h1,h2,h3,h4,h5,h6{
		margin: 1em 0;
	}

	h1 {
		font-size: 1.8em;
	}

	h2 {
		font-size: 1.65em;
	}

	h3 {
		font-size: 1.5em;
	}

	h4 {
		font-size: 1.35em;
	}

	h5 {
		font-size: 1.2em;
	}

	h6 {
		font-size: 0.9em;
	}

	embed,
	iframe,
	object {
		max-width: 100%;
	}
}

/* =Page Templates
----------------------------------------------- */

body.page-template-template-full-php #primary {
	width: 100%;
	padding-right: 0;
}

/* =Navigation
----------------------------------------------- */

.site-content {

	.site-navigation {
		margin: 0 0 30px;
		overflow: hidden;
	}

	.nav-previous {
		float: left;
		width: 50%;
	}

	.nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}

}

/* =Comments
----------------------------------------------- */

#comments-title, #reply-title {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 1em;
}

#comments {

	max-width: 680px;
	margin: 40px auto 0 auto;

	.commentlist {
		margin: 0 0 40px 0;
		list-style: none;

		.children {
			list-style: none;
			margin-left: 95px;
		}

		article {
			padding: 20px;
			margin-bottom: 30px;
			background: #F9F9F9;

			.avatar {
				float: left;
			}

			.comment-author, .awaiting-moderation, .comment-meta, .comment-content {
				margin-left: 75px;
			}

			.comment-author{
				color: #666;
				font-size: 14px;
				font-weight: bold;
				line-height: 1em;
				margin-bottom: 5px;

				a{
					color: inherit;
					text-decoration: none;
				}

				cite {
					font-style: normal;
				}
			}

			.comment-meta {
				font-size: 13px;
				color: #999;
				line-height: 1em;
				margin-bottom: 10px;

				a{
					color: inherit;
					text-decoration: none;
				}

				.support {
					display: inline-block;
					margin-left: 15px;
				}
			}

			.awaiting-moderation {
				display: block;
				margin-bottom: 10px;
			}
		}

		.bypostauthor{
			/* Change the comment by the post author */
		}
	}
}



#commentform{

	label {
		margin-top: 2px;
		display:block;
		float: left;
		width: 25%;
	}

	input, textarea {
		float: left;
		width: 75%;
		padding: 10px;
		font-size: 13px;
	}

	textarea {
		padding: 10px;
	}

	input {
		padding: 7px 10px;
	}


	p {
		.clearfix();
		margin-bottom: 20px
	}

	p.form-submit {
		margin-bottom: 0;
	}

	#submit {
		padding: 10px 30px;
		width: auto;
	}

	.form-allowed-tags, .form-allowed-tags code, .comment-notes {
		font-size: 0.8em;
		color: #999;
	}

	.logged-in-as{
		font-size: 0.8em;
		color: #999;
		margin-bottom: 10px;
		text-align: right;
	}

	.required {
		color: #A40802;
	}
}

/* =Sidebars and Asides
----------------------------------------------- */

#footer-widgets {
	.clearfix();

	max-width: 100%;
	padding: 0 15px;

	aside.widget {
		font-size: 15px;
		.box-sizing(border-box);
		float: left;
		padding: 30px 15px;
		margin-bottom:0;
		color: #999;

		.widget-title {
			font-size: 15px;
			color: #CCC;
			margin-bottom: 20px;
		}

		a {
			color: #777;
		}
	}
}

#colophon {
	background: #404040;

	.container {
		position: relative;
		background: #333;

		#footer-shadow {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: auto;
			pointer-events:none;
		}
	}

}

#site-info {
	background: #383838;

	.container {
		font-size: 13px;
		.clearfix();
		background: #2c2c2c;
		padding: 15px;
		text-align: center;

		color: #CCC;

		a {
			color: #EEE;
			text-decoration: none;
		}
	}
}

@import "less/slider";
@import "less/widgets";