/*
Theme Name: Lemley Chapel (2015)
Author: 
Author URI: 
Theme URI: 
License URI: 
Tags: 
Description: Responsive theme developed with the Bootstrap.
Version: 2.0
Text Domain: bs3
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
*/



/* Images */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.wp-caption { max-width: 100%;padding: 4px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0; }
.gallery-item a, .gallery-caption { width: 90%; }
.gallery-item a { display: block; }
.gallery-caption a { display: inline; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; }
.gallery-columns-1 .gallery-icon img { padding: 3%; }

/* Navigation */
.site-content nav { clear: both; line-height: 2; overflow: hidden; }
#nav-above { padding: 24px 0; padding: 1.714285714rem 0; }
#nav-above { display: none; }
.paged #nav-above { display: block; }
.nav-previous, .previous-image { float: left; width: 50%; }
.nav-next, .next-image { float: right; text-align: right; width: 50%; }
.nav-single + .comments-area, #comment-nav-above { margin: 48px 0; margin: 3.428571429rem 0; }


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
a { outline: none; color: rgb(63,39,54); }
a:hover { color: rgb(63,39,54); }

/* Assistive text */
.assistive-text, .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }
.main-navigation .assistive-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000; display: block; font-size: 12px; padding: 12px; position: absolute; top: 5px; left: 5px; z-index: 100000; /* Above WP toolbar */ }

/* Navigation Menu */
.main-navigation { margin-top: 24px; margin-top: 1.714285714rem; text-align: center; }
.main-navigation li { margin-top: 24px; margin-top: 1.714285714rem; font-size: 12px; font-size: 0.857142857rem; line-height: 1.42857143; }
.main-navigation a { color: #5e5e5e; }
.main-navigation a:hover, .main-navigation a:focus { color: #21759b; }
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: none; }
.main-navigation ul.nav-menu.toggled-on, .menu-toggle { display: inline-block; }

/* Banner */
section[role="banner"] { margin-bottom: 48px; margin-bottom: 3.428571429rem; }

/* Sidebar */
.widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 48px; margin-bottom: 3.428571429rem; word-wrap: break-word; }
.widget-area .widget h3 { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
.widget-area .widget p { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.widget-area .textwidget ul { list-style: disc outside; margin: 0 0 24px; margin: 0 0 1.714285714rem; }
.widget-area .textwidget li { margin-left: 36px; margin-left: 2.571428571rem; }
.widget-area .widget a { color: #757575; }
.widget-area .widget a:hover { color: #21759b; }
.widget-area .widget a:visited { color: #9f9f9f; }
.widget-area #s { width: 53.66666666666%; }


/* =Main content and comment content
-------------------------------------------------------------- */
.comments-link a, .entry-meta a { color: #757575; }
.comments-link a:hover, .entry-meta a:hover { color: #21759b; }
article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; }
.entry-content, .entry-summary, .mu_register { line-height: 1.714285714; }
.entry-content blockquote, .comment-content blockquote { margin-bottom: 24px; margin-bottom: 1.714285714rem; padding: 24px; padding: 1.714285714rem; font-style: italic; }
.entry-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; }
.entry-content code, .comment-content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 2; }
.entry-content pre, .comment-content pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; }
.entry-content pre code, .comment-content pre code { display: block; }
.entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym { border-bottom: 1px dotted #666; cursor: help; }
.entry-content address, .comment-content address { display: block; line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem; }
img.alignleft, .wp-caption.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; }
img.alignright, .wp-caption.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; }
img.aligncenter, .wp-caption.aligncenter { clear: both; margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; }
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-content dl, .comment-content dl { margin: 0 24px; margin: 0 1.714285714rem; }
.entry-content dt, .comment-content dt { font-weight: bold; line-height: 1.714285714; }
.entry-content dd, .comment-content dd { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-content table, .comment-content table { border-bottom: 1px solid #ededed; color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.714285714rem; width: 100%; }
.entry-content table caption, .comment-content table caption { font-size: 16px; font-size: 1.142857143rem; margin: 24px 0; margin: 1.714285714rem 0; }
.entry-content td, .comment-content td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; }
.site-content article { border-bottom: 4px double #ededed; margin-bottom: 72px; margin-bottom: 5.142857143rem; padding-bottom: 24px; padding-bottom: 1.714285714rem; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.page-links { clear: both; line-height: 1.714285714; }
.mu_register h2 { color: #757575; font-weight: normal; }

/* =Archives
-------------------------------------------------------------- */
.archive-meta { color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin-top: 22px; margin-top: 1.571428571rem; }


/* =Single image attachment view
-------------------------------------------------------------- */
.image-attachment div.attachment { text-align: center; }
.image-attachment div.attachment p { text-align: center; }
.image-attachment div.attachment img { display: block; height: auto; margin: 0 auto; max-width: 100%; }
.image-attachment .entry-caption { margin-top: 8px; margin-top: 0.571428571rem; }


@-ms-viewport {
 width: device-width;
}
@viewport {
 width: device-width;
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
body.template-front-page .site-content,  body.attachment .site-content,  body.full-width .site-content { width: 100%; }
#respond form input[type="text"] { width: 46.333333333%; }
#respond form textarea.blog-textarea { width: 79.666666667%; }
.author-avatar { float: left; margin-top: 8px; margin-top: 0.571428571rem; }
.author-description { float: right; width: 80%; }
.commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; }
.entry-header .entry-title { font-size: 22px; font-size: 1.571428571rem; }
.entry-page-image { float: right; margin-bottom: 0; width: 47.916666667%; }
.main-navigation ul.nav-menu,  .main-navigation div.nav-menu > ul { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; display: inline-block !important; text-align: left; width: 100%; }
.main-navigation ul { margin: 0; text-indent: 0; }
.main-navigation li a,  .main-navigation li { display: inline-block; text-decoration: none; }
.main-navigation li a { border-bottom: 0; color: #6a6a6a; line-height: 3.692307692; text-transform: uppercase; white-space: nowrap; }
.main-navigation li a:hover,  .main-navigation li a:focus { color: #000; }
.main-navigation li { margin: 0 40px 0 0; margin: 0 2.857142857rem 0 0; position: relative; }
.main-navigation li ul { margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.main-navigation li ul ul { top: 0; left: 100%; }
.main-navigation ul li:hover > ul,  .main-navigation ul li:focus > ul,  .main-navigation .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; width: inherit; }
.main-navigation li ul li a { background: #efefef; border-bottom: 1px solid #ededed; display: block; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; padding: 8px 10px; padding: 0.571428571rem 0.714285714rem; width: 180px; width: 12.85714286rem; white-space: normal; }
.main-navigation li ul li a:hover,  .main-navigation li ul li a:focus { background: #e3e3e3; color: #444; }
.main-navigation .current-menu-item > a,  .main-navigation .current-menu-ancestor > a,  .main-navigation .current_page_item > a,  .main-navigation .current_page_ancestor > a { color: #636363; font-weight: bold; }
.menu-toggle { display: none; }
.site { margin: 0 auto; max-width: 960px; max-width: 68.571428571rem; overflow: hidden; }
.site-content { float: left; width: 65.104166667%; }
.site-header h1,  .site-header h2 { text-align: left; }
.site-header h1 { font-size: 26px; font-size: 1.857142857rem; line-height: 1.846153846; margin-bottom: 0; }
.template-front-page .site-content,  .template-front-page article { overflow: hidden; }
.template-front-page.has-post-thumbnail article { float: left; width: 47.916666667%; }
.template-front-page .widget-area .widget,  .template-front-page.two-sidebars .widget-area .front-widgets { float: left; width: 51.875%; margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.template-front-page .widget-area .widget:nth-child(odd) { clear: right; }
.template-front-page .widget-area .widget:nth-child(even),  .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { float: right; width: 39.0625%; margin: 0 0 24px; margin: 0 0 1.714285714rem; }
.template-front-page.two-sidebars .widget,  .template-front-page.two-sidebars .widget:nth-child(even) { float: none; width: auto; }
}


/* =Print
----------------------------------------------- */
@media print {
body { background: none !important; color: #000; font-size: 10pt; }
footer a[rel=bookmark]:link:after,  footer a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ }
a { text-decoration: none; }
.entry-content img,  .comment-content img,  .author-avatar img,  img.wp-post-image { border-radius: 0; box-shadow: none; }
.site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; }
.site-header { margin-bottom: 72px; margin-bottom: 5.142857143rem; text-align: left; }
.site-header h1 { font-size: 21pt; line-height: 1; text-align: left; }
.site-header h2 { color: #000; font-size: 10pt; text-align: left; }
.site-header h1 a,  .site-header h2 a { color: #000; }
.author-avatar,  #colophon,  #respond,  .commentlist .comment-edit-link,  .commentlist .reply,  .entry-header .comments-link,  .entry-meta .edit-link a,  .page-link,  .site-content nav,  .widget-area,  img.header-image,  .main-navigation { display: none; }
.wrapper { border-top: none; box-shadow: none; }
.site-content { margin: 0; width: auto; }
.entry-header .entry-title,  .entry-title { font-size: 21pt; }
footer.entry-meta,  footer.entry-meta a { color: #444; font-size: 10pt; }
.author-description { float: none; width: auto; }

}