* {
	box-sizing: border-box;
	word-wrap: break-word;
}

body {
	@include body();
}

@include links();

blockquote {
	padding: $default_gutter;
	font-size: 20*$px;
	@include blockquote();
}

// Overridden from lists.scss
ul, ol {
	padding: 0;
	margin: 0 0 $phi*1em $phi*1em;
}

@include htags();

// content of layout/content-sidebar pasted here for easier modification

.content-area {
	float: left;
	margin: 0 (-$size__site-sidebar) 0 0;
	width: $size__site-main;
}
.pagination {
	padding: $phi * 1em;
}
.site-main {
	margin: 0 $size__site-sidebar 0 0;
}

.site-content .widget-area {
	float: right;
	overflow: hidden;
	width: $size__site-sidebar;
}

.footer-wrap {
	clear: both;
	width: $size__site-main;
}

// **-----
// CUSTOM STYLES
// **-----



// Header
.site-header {
	// max-width: total_site_width();
	// margin: 0 auto $default_gutter auto;

	@include sub_panel();
}

.site-branding {

	padding-top: $phi * 1rem;
	padding-bottom: $phi * 1rem;
	font-size: 0.5em;
	text-align:center;
	width:100%;
}

.site-title {
	font-weight: 700;
	color:#383838;

}

.site-title, .site-description {
	margin: 0;
	line-height: 1em;
	display: inline-block;
	vertical-align: bottom;
}

.site-description {
	margin-left: 0.5em;
	font-style: italic;
}

// Content
.site-content {
	max-width: total_site_width();
	margin: $default_gutter auto 0 auto;
}


//**** Posts & pages

// (hentry class covers both) plus their internal elements
.hentry, .comments-area, .page-header, .site-main .posts-navigation, .site-main .post-navigation, .paging-navigation {
	padding-left: $post_l_padding;
	padding-right: $post_r_padding;
	padding-top: $post_t_padding;
	padding-bottom: $post_b_padding;
	margin: 0 0 $default_gutter 0;

	@include main_panel();
}
//border for posts
.post ,.type-post{
	@include sticky_post();
}

.post-thumbnail {
	margin-top: $default_gutter;
	margin-right: -$post_r_padding;
	margin-bottom: $default_gutter;
	margin-left: -$post_l_padding;
	img {
		min-width: 100%;
		vertical-align: bottom;
	}
	@include post_thumbnail();
}

// Centers category headers
.page-header .page-title {
	text-align: center;
}

//**** Individual post styling

.entry-content {
	a img {
		// prevent gap below linked image
		vertical-align: bottom;
	}
	@include dotted_link;
}

// Center the post's title
.entry-header {
	text-align: center;
}

.entry-title {
	margin-top: 0;
	margin-bottom: $post_t_padding;
}

.entry-meta {
	display: inline-block;
	font-size: 18*$px;
	font-weight: 300;
	padding: 0.8em 1.2em;
	margin-bottom: $default_gutter;
	@include entry_meta();
}

.continue_btn {
	text-align: center;
}

.entry-content {
	a.more-link {
		font-size: 18*$px;
		font-weight: 700;
		display: inline-block;
		padding: 1em $phi * 1em;
		margin: 2em 0 .5em 0;
		&:before {
			font-family: "FontAwesome";
			content: "\f0a4";
			margin-right: 0.5em;
		}
		&:after {
			font-family: "FontAwesome";
			content: "\f0a5";
			margin-left: 0.5em;
		}
		@include more_link();
	}
}

.entry-footer {
	text-align: center;
	// margin: $post_b_padding 0 $post_b_padding / $phi 0;
	line-height: 3em;
	span {
		margin: 0 0.618em;
		padding: 0 0.618em;
		display: inline-block;
	}
	@include entry_footer();
}

.comment-list {
	list-style: none;
	margin: 0;
	padding: 0;
	.comment {
		padding: $default_gutter;
		@include comment();
	}
}



//**** Post footer icons

.cat-links:before {
	font-family: "FontAwesome";
	content: "\f07c";
	margin-right: 0.5em;
}

.tags-links:before {
	font-family: "FontAwesome";
	content: "\f02c";
	margin-right: 0.5em;
}

.comments-link:before {
	font-family: "FontAwesome";
	content: "\f075";
	margin-right: 0.5em;
}

// .edit-link:before {
// 	font-family: "FontAwesome";
// 	content: "\f040";
// 	margin-right: 0.5em;
// }

//**** Widgets

.widget {
	// padding-left: $widget_l_padding;
	// padding-right: $widget_r_padding;
	// padding-top: $widget_t_padding;
	// padding-bottom: $widget_b_padding;
	margin-left: $default_gutter*2;
	margin-bottom: $default_gutter;


}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
	li {

		         a{padding: 0.50em 0 0.50em 1em;
		  	display: block;
			border-radius: 3px;}
		@include widget-divider;
		&.page_item_has_children, &.menu-item-has-children {
			padding-bottom: 0;
			border: none;
		}
		// Default widget list item icon
		&:before {
			// margin-left: -2em;
			// margin-right: 1em;
			// font-family: "FontAwesome";
			// content: "\f02e";
		}
		// Prevent excessive, layout breaking nesting indentation levels
		li li li {
			padding-left: 0;

		}
		ul li a{ margin-left:1em;}
	}
	.children li:first-of-type, .sub-menu li:first-of-type {
		// margin-top: 0.75em;
		@include widget-divider-top;
	}

}

input.search-field {
	box-sizing: border-box;
	width: 100%;
}

// Widget icons

// .widget_pages ul, .widget_nav_menu ul {
// 	li:before {
// 		content: "\f15c";
// 	}
// 	.children, .sub-menu {
// 		li:before {
// 			content: "\f101";
// 		}
// 	}
// 	.children .children, .sub-menu .sub-menu {
// 		li:before {
// 			content: "\f105";
// 		}
// 	}
// }

// Footer
.footer-wrap {
	padding-top: $phi * 1em;
	padding-bottom: $phi * 1em;
	max-width: total_site_width();
	margin: 0 auto;
	@include site_footer();
}




//**** Responsive layout adjustments

@media (max-width: total_site_width()) {

	// Output headings at smaller size
	@include htags(0.9);

	// redeclare variables to be smaller
	$default_h_padding: $phi * $phi * 1rem;
	$default_v_padding: $default_h_padding;

	// Posts and widgets horizontal padding
	$post_l_padding: $default_h_padding;
	$post_r_padding: $post_l_padding;

	// Posts and widgets vertical padding
	$post_t_padding: $default_h_padding / $phi;
	$post_b_padding: $post_t_padding;

	.hentry, .comments-area, .page-header, .site-main .posts-navigation, .site-main .post-navigation, .paging-navigation {
		padding-left: $post_l_padding;
		padding-right: $post_r_padding;
		padding-top: $post_t_padding;
		padding-bottom: $post_b_padding;
	}

	.post-thumbnail {
		margin-top: $default_gutter;
		margin-right: -$post_r_padding;
		margin-bottom: $default_gutter;
		margin-left: -$post_l_padding;
	}

	.entry-title {
		margin-bottom: $post_t_padding;
	}

	.footer-wrap {
		padding: $phi * 1em;
	}

}

@media (max-width: 900*$px) {

	// Single col layout
	.content-area {
		float: none;
		margin: 0;
		width: 100%;
	}

	.site-main {
		margin: 0;
	}

	.site-content .widget-area {
		float: none;
		overflow: hidden;
		width: 100%;
	}

	.widget {
		margin-left: 0;
		margin-bottom: $default_gutter;
	}

}

@media (max-width: 600*$px) {

	@include htags(0.8);

}

@media (max-width: 400*$px) {

	@include htags(0.7);

	// redeclare variables to be smaller
	$default_h_padding: $phi * 1rem;
	$default_v_padding: $default_h_padding;

	// Posts and widgets horizontal padding
	$post_l_padding: $default_h_padding;
	$post_r_padding: $post_l_padding;
	$widget_l_padding: $default_h_padding;
	$widget_r_padding: $widget_l_padding;

	// Posts and widgets vertical padding
	$post_t_padding: $default_h_padding / $phi;
	$post_b_padding: $post_t_padding;
	$widget_t_padding: $default_h_padding;
	$widget_b_padding: $widget_t_padding;

	.hentry, .comments-area, .page-header, .site-main .posts-navigation, .site-main .post-navigation, .paging-navigation {
		padding-left: $post_l_padding;
		padding-right: $post_r_padding;
		padding-top: $post_t_padding;
		padding-bottom: $post_b_padding;
	}

	.post-thumbnail {
		margin-top: $default_gutter;
		margin-right: -$post_r_padding;
		margin-bottom: $default_gutter;
		margin-left: -$post_l_padding;
	}

	.entry-title {
		margin-bottom: $post_t_padding;
	}

	.widget {
		padding-left: $widget_l_padding;
		padding-right: $widget_r_padding;
		padding-top: $widget_t_padding;
		padding-bottom: $widget_b_padding;
	}

}