/*
Theme Name: CornerStone Mark I
Theme URI: http://indastruct.com/cornerstone
Author: IndaStruct.com
Author URI: http://indastruct.com
Description: Simple and Basic WordPress Theme.
Version: 170802
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, microformats, sticky-post, theme-options
Text Domain: cornerstone-mark-i
*/

/* basic setting */ 
html 	{ margin: 0; padding: 0; background-color: #fff; font-family: Sans-serif, serif; font-size: 16px; font-weight: 300; }
body 	{ margin: 0 auto; padding: 0; color: #444; }

a 		{ text-decoration: none; color: #d33; }
img 		{ max-width: 100%; height: auto; }

h1 	{ font-size: 2.5rem; font-weight: 700; }
h2 	{ font-size: 1.75rem; font-weight: 700; }
h3 	{ font-size: 1.25rem; font-weight: 700; }
h4 	{ font-size: .75rem; font-weight: 700; }
h5 	{ font-size: .75rem; font-weight: 700; }
h6 	{ font-size: .75rem; font-weight: 700; }

blockquote 		{ max-width: calc(100% + 2rem); margin: 2em 0 2em -1rem; padding: 1em; background-color: #ddd; }
blockquote:before 	{ content: ' '; background: url("img/icon-quote.png") no-repeat left top/contain content-box; display: inline-block; width: 2rem; height: 2rem; }

hr 	{ 	display: block; border: 0; height: 1px; width: 75%; margin: 3rem auto;
		background-image: linear-gradient(to right, rgba(128,128,128,0), rgba(128,128,128,0.75), rgba(128,128,128,0));
	}

/* site */
	#site-header, #site-footer
						{ padding: 1rem 0; background-color: #ddd; clear: both; }
	#site-top-button 	{ line-height: 1em; }
	.site-title 		{ font-size: 1rem; font-weight: 700; margin: 0; }
	.site-title a		{ color: #000; }
	.site-description 	{ font-size: .75rem; color: #aaa; margin: 0; }
	#site-info p 		{ margin: 0; }
	#site-info * 		{ color: #aaa; }

/* menu */
	.menu_container 		{ color: #999; }
	.menu_container > li 
						{ margin: 0 .25em; padding: .5em; }
	.menu_container a 	{ color: #666; }
	.current-menu-item 	{ font-weight: 700; border-left: 2px solid #666; }

/* list */
	.list-item 			{ clear: both; padding: 1em 0; overflow: hidden; }
	.list-item:hover 	{ box-shadow: 0 2px 1px -2px #666, 0 -2px 1px -2px #666; }
	h2.entry-title 		{ margin: 0; font-size: 1.25rem; font-weight: 400; }
	.list-meta, .list-meta * 
						{ font-size: .75rem; color: #999; }

/* entry */
	.single .entry-header, 	.single .entry-footer,
	.page .entry-header, 	.page .entry-footer
						{ margin: 2rem 0; }
	.single .entry-header, .page .entry-header  	
						{ margin: 2rem auto; padding-bottom: 3rem; text-align: center; border-bottom: 1px solid #ddd; }
	h1.entry-title 		{ 	margin: 2rem auto; max-width: 728px; font-size: 2.25rem; 
							font-weight: 300; line-height: 1.25em; text-transform: uppercase;
							word-break: keep-all;
						}
	.sticky .entry-title 	{ font-size: 2.5rem; }
	.entry-content 		{ font-size: 1.2rem; font-weight: 400; line-height: 1.75em; clear: both; }
	.entry-content h1 	{ font-size: 2.25rem; 	font-weight: 300; 	line-height: 1.5em; margin: 2em 0 2rem; }
	.entry-content h2 	{ font-size: 2rem; 		font-weight: 300; 	line-height: 1.5em; margin: 2em 0 2rem; }
	.entry-content h3 	{ font-size: 1.5rem; 	font-weight: 300; 	line-height: 1.5em; margin: 2em 0 2rem; }
	.entry-content h4 	{ font-size: 1.25rem; 	font-weight: 300; 	line-height: 1.5em; margin: 2em 0 2rem; }
	.entry-content h5 	{ font-size: 1.25rem; 	font-weight: 300; 	line-height: 1.5em; margin: 2em 0 2rem; }
	.entry-content h6 	{ font-size: 1.25rem; 	font-weight: 300; 	line-height: 1.5em; margin: 2em 0 2rem; }
	.entry-content ul , .entry-content ol 
						{ list-style-type: square; margin: 2rem 0; }

	.entry-content pre 	{ 	font-size: .8em; line-height: 1.25em; padding: 1em; 
							overflow-x: scroll; background-color: #eee;
						}
						
	.entry-main 			{ margin-bottom: 2rem; width: 100%; }
	.entry-footer 		{ font-size: .85rem; }
	
	/* Header meta */
		#header-author-meta 	{ font-size: .85rem; color: #999; }
		#entry-author-meta 	{ padding: 1rem 0; }
		#author-pic 			{ padding:1rem; }
	/* image */
		.alignright, .alignleft, .aligncenter 	
							{ max-width: 300px; }
		.wp-caption 			{ max-width: 100%; margin: 2rem auto; height: auto; }
		.wp-caption-text, .gallery-caption 
							{ font-size: .75em; color: #888; margin: 0; line-height: 1em; }
							
	/* entry-tag */
		.entry-tag 		{ margin-right: 1em; color: #666; padding: .25em .5em; background-color: #ddd; font-weight: 700; }
		.entry-tag a 	{ color: #666; }
	
/* comments */
	h3#reply-title 			{ font-size: .75rem; }
	.comments 				{ list-style-type: none; padding-left: 0; font-size: .9rem; }
	.comments .children 		{ list-style-type: none; clear: both; }
	.comments .children .children 
							{ padding-left: 0; }
	.comment-respond 		{ margin: 2rem 0; }
	.comment 				{ margin: 1rem 0; clear: both; overflow: hidden; } 
	.comment-author 			{ font-weight: 700; }
	.comment-avatar 			{ display: inline-block; float: left; width: 32px; margin-right: 1em;  }
	.comment-main 			{ display: inline-block; float: right; }
	.comment-date 			{ font-size: .9em; color: #999; }
	.comments .bypostauthor .comment-author 
							{ color: #d33; }

/* navigation */
	.navigation 	{ clear: both; }
	.page-numbers 	{ margin: 0 .25em; padding: 0 .25em; color: #888; font-weight: 700; }
	.current 		{ border-bottom: 2px solid #666; }
	
/* searchform */
	.search-form 	{ 	display: block; padding: .25rem; background-color: #fff; 
						font-size: 1rem; box-shadow: 0 0 .25rem #ccc; }
	.search-form label 
					{ 	display: inline-block; width: calc(100% - 3rem); height: 2rem; }
	.search-form .search-field 
					{ 	display: block; margin: 0; border: 0; vertical-align: top; width: 100%; height: 2rem; }
	.search-form .search-submit
					{ 	display: inline-block; border: 0; padding: .35rem; 
						width: 2rem; height: 2rem; vertical-align: top; 
						background: url("img/icon-search.png") no-repeat left top/contain content-box; }
	
/* widget */
	#inner-top-widget-area
					{ padding-bottom: 2rem; }
	#outer-bottom-widget-area .widget
					{ box-sizing: border-box; }
	.widget-area 	{ maring: 2rem 0; padding: 1rem 0; font-size: .9rem; font-weight: 400; line-height: 1.75em; }
	.widget * 		{ color: #888; }
	.widget a 		{ text-decoration: underline; }
	.widget-title 	{ font-size: .85rem; }
	.widget ul 		{ list-style-type: square; padding-left: 1.5em; }
	
/* top-button */
	.top-button 		{ display: inline-block; margin: 0; width: 1.25rem; height: 1.25rem; cursor: pointer; }
	#top-button-menu 	{ background: url("img/icon-menu.png") no-repeat left top/contain; }
	
/* screen-reader-text */
	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
			white-space: nowrap;
		height: 1px;
		width: 1px;
		overflow: hidden;
	}

	.screen-reader-text:focus {
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		color: #21759b;
		display: block;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: bold;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000; /* Above WP toolbar. */
	}
	
/* etc */
	.fullwidth 	{ display: block; max-width: 100%; padding: 1rem 0; }
	.inner 		{ max-width: 760px; margin: 0 auto; padding: 1rem; }
	
/* ------------------------------------------ */

@media screen and ( min-width: 728px ) {
	/* menu */
		.menu_container > li 	{ float: left; }
		.current-menu-item 	{ font-weight: 700; border-bottom: 2px solid #666; border-left: 0; }
	/* widget */
		/* outer-bottom-widget-area */
			#outer-bottom-widget-area .widget 	{ width: 50%; float: left; padding-right: 2rem; }
	/* for right float element */
		.cs_float_right 	{ float: right; margin-left: 2rem; }
		
}

/* ------------------------------------------ */

/* border */
	/* border-radius */
		.borderradius_300 	{ border-radius: 3rem; }
		
/* clear */
	.clear_both 	{ clear: both; }

/* color */
	.color_aaa 	{ color: #aaa; }
	
/* display */
	.display_none 			{ display: none; }
	.display_inlineblock 	{ display: inline-block; }


/* float */
	.float_right 	{ float: right; }

/* font */
	.fontsize_75 	{ font-size: .75rem; }
	.fontsize_80 	{ font-size: .8rem; }
	
/* list */
	.liststyle_none 	{ list-style: none; }
	
/* margin */
	/* left */
		.marginleft_100 	{ margin-left: 1rem; }
		
/* overflow */
	.overflow_auto 	{ overflow: auto; }
	
/* padding */
	/* padding vertical */
		.padding_100_0 	{ padding: 1rem 0; }
	/* padding-left */
		.paddingleft_0 	{ padding-left: 0; }
		
/* text */
	/* text-align */
		.textalign_center 	{ text-align: center; }