/*   
Theme Name: Lamby Lamington
Theme URI: http://waysideviolet.com
Description: A typographically beautiful, writing-focused theme.
Author: Bravery Transmedia
Author URI: http://braverymedia.co
Version: 2.0
Tags:

License:
License URI:
*/

/* 
	* Fonts from Google Fonts 
	* http://google.com/fonts
*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700,200italic,400italic|Playfair+Display:900,900italic);
   

/*
	* Styles adapted from Gridless version 2.0
	
	* Credit is left inline and big thanks to Nicolas Gallagher and Jonathan Neal
	
	* Across this document we use safe CSS hacks: http://mathiasbynens.be/notes/safe-css-hacks
	* Selectors beggining with an underscore (_selector: property) target only IE6
	* Selectors beggining with an asterisk (*selector: property) target only IE6 and IE7
*/

/* HTML5 display definitions
---------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog {
	display: block;
}

/* Corrects inline-block not defined in IE6/7/8 and FF3 */
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

/* Ensures content is hidden from all presentations, including screenreaders */
[hidden] {
	display: none;
	visibility: hidden;
}

/* Base structure
---------------------------------------- */

/*
	* The body will work like a 'div#wrapper' (for this to work, the 'body' needs to have a set width)

	* To add a background to the PAGE, set it in the 'html' element
	* To add a background to the WRAPPER, set it in the 'body' element
*/
*, *:after, *:before {
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
	background: #f8f8f5;
	height: 100%;
	font-size: 100%;
	overflow-y: scroll; /* Force a scrollbar in non-IE */
	overflow-x: hidden;
	width: 100%;
	max-width: 100%;
	-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */
	-ms-text-size-adjust: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	max-width: 95%;
}


body, button, input, select, textarea {
	font: 1.188em/1.625 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 19px base font */
	color: #6b6b6b;
}

/* Add and/or remove tags as your baseline grid needs */
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, h4, h5, h6, img, figure, figcaption, button, hr {
	margin: 0 0 1.625em;
}

/* Headings/small
---------------------------------------- */

/*
	* Font sizes are based on the golden ratio of 16
	* See this for the modular scale: ow.ly/5jGl6
	* Line-heights and margins are adjusted to keep a 26px (1.625em) vertical rhythm across elements 
*/

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: 900;
	font-family: "Playfair Display", "Georgia", "Times New Roman", serif;
	color: #484848;
}

h1, h2.post-title {
	font-size: 2.858em; /* 60px */
	line-height: 1.1471em;
	margin: 0 0 0.3824em;
}

h2 {
	font-size: 2.625em; /* 42px */
	line-height: 1.2381em;
	margin: 0 0 0.619em;
}

h3 {
	font-size: 1.625em; /* 26px */
	line-height: 1em;
	margin: 0 0 1em;
}

small {
	font-size: 0.625em; /* 10px */
	margin: 0 0 2.6em;
}

/* Preformatted text and code
---------------------------------------- */

/* Allows line wrapping of 'pre' */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

pre, code, kbd, samp {
	font: 1em/1.625em Menlo, Consolas, 'DejaVu Sans Mono', Monaco, 'Courier New', Courier, monospace;
}

/* Tables
---------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
}

tr, th, td {
	padding-right: 1.625em;
}

/* Forms
---------------------------------------- */

form {
	margin: 0;
}

fieldset {
	border: 0;
	padding: 0;
}

textarea, .contact-form textarea {
	overflow: auto;
	vertical-align: top;
	width: 100% !important;
}

legend {
	border: 0;
	*margin-left: -7px;
}

button, input, select, textarea {
	vertical-align: baseline;
	*vertical-align: middle;
}

button, input {
	line-height: normal;
	*overflow: visible;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	border: none;
	background: #333;
	color: #f8f8f5;
	font-size: 1em;
	border-radius: 50px;
	padding: .25em 1em;
	-moz-transition: background .4s;  
	-o-transition: background .4s; 
	-ms-transition: background .4s; 
	-webkit-transition: background .4s; 
	transition: background .4s;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background-color: #5698bd;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */
table button, table input {
	*overflow: auto;
}

input[type="text"], input[type="search"], input[type="email"], textarea {
	border: 1px solid #dadada;
	-moz-transition: border .4s;  
	-o-transition: border .4s; 
	-ms-transition: border .4s; 
	-webkit-transition: border .4s; 
	transition: border .4s;
	padding: .5em;
	font-size: .95em;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="text"]:hover, 
input[type="search"]:focus,
input[type="search"]:active,
input[type="search"]:hover, 
textarea:focus,
textarea:active,
textarea:hover {
	border: 1px solid #aaa;
}
.contact-form {
	line-height: 1;
}
	.contact-form div {
		line-height: .5em;
		margin-bottom: 1.6em;
	}
	.contact-form label {
		margin: 0 0 0 0;
	}
	
/* Quotes
---------------------------------------- */

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

blockquote, q, cite {
	font-style: italic;
}

blockquote {
	padding-left: 1.625em;
	border-left: 1px solid #ddd;
}

blockquote > p {
	padding: 0;
}

/* Lists
---------------------------------------- */

ul, ol {
	list-style-position: inside;
	padding: 0;
}

li ul, li ol {
	margin: 0 1.625em;
}

dl dd {
	margin-left: 1.625em;
}

/* Links
---------------------------------------- */

a, a:visited {
	text-decoration: none;
	color: #5698bd;
	-moz-transition: color .4s;  
	-o-transition: color .4s; 
	-ms-transition: color .4s; 
	-webkit-transition: color .4s; 
	transition: color .4s;
}

a:hover {
	color: #777;
}

a:focus {
	outline: thin dotted;
}

/* Better CSS outline suppression: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
	outline: none;
}

/* Figures
---------------------------------------- */

figure {
	margin: 0;
}

/* Embedded content
---------------------------------------- */

img, object, video {
	max-width: 100%; /* Automatically scales images larger than the container. Consider this first: http://unstoppablerobotninja.com/entry/fluid-images/ */
	/* _width: 100%; /* IE6 doesn't support max-width, so we just use width. If the image is larger than the container, just uncomment this. If it is smaller than the container, uncomment and change the 100% value to an absolute one */
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic; /* Improve IE's resizing of images: css-tricks.com/ie-fix-bicubic-scaling-for-images */
}

/* Corrects overflow displayed oddly in IE9 */
svg:not(:root) {
	overflow: hidden;
}

/* Abbreviations
---------------------------------------- */

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

/* Marked/inserted/deleted text
---------------------------------------- */

mark {
	background: #ff0;
}

ins {
	text-decoration: none;
	background: #ff9;
}

del {
	text-decoration: line-through;
}

/* Others
---------------------------------------- */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-bottom: 1px solid #ddd;
}

strong, b, dt {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

var, address {
	font-style: normal;
}

/* Position 'sub' and 'sup' without affecting line-height: gist.github.com/413930 */
sub, sup {
	font-size: 0.625em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Helper classes
---------------------------------------- */

/*
	* Micro clearfix hack, more semantically titled with 'group'
	* Source: nicolasgallagher.com/micro-clearfix-hack/
*/
.group:before, .group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	*zoom: 1;
}

/* WordPress Gallery Classes
---------------------------------------- */

.wp-caption { }
.wp-caption-text { }
.sticky { }
.gallery-caption-text { }
.alignright { float: right; margin: 0 0 .5em 1em; }
.alignleft { float: left; margin: 0 1em .5em 0; }
.aligncenter { clear: both; text-align: center; }
#wpstats {	display: none; /* don't display WP Stats smiley */}
.entry img.circle {
	height: auto;
	width: auto;
	
}
/* Primary styles
---------------------------------------- */

/* Round badge */
h1.site-name, .site-name {line-height: 1; font-size: 1em;}
.site-name a, .round-badge a.more-link { text-decoration: none; color: #f8f8f5; }
.round-badge, .site-logo { color: #f8f8f5; background: #333; display: table; margin: 0 0 0 0; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;  -moz-transition: all .4s;  -o-transition: all .4s; -ms-transition: all .4s; -webkit-transition: all .4s; transition: all .4s; font-family: "Playfair Display"; font-weight: 900; font-style: italic; }
.round-badge a {display: table-cell; vertical-align: middle; text-align: left;
	-moz-transform: skew(-3deg, -8deg);
	-o-transform: skew(-3deg, -8deg);
	-ms-transform: skew(-3deg, -8deg);
	-webkit-transform: skew(-3deg, -8deg);
	transform: skew(-3deg, -8deg);
}
.round-badge:hover, .site-logo:hover {background: #5698bd; }

.site-name { height: 70px; width: 70px; font-weight: normal; }
.site-name span { display: none; }
.site-name a { position: relative;text-align: center; display: table-cell; vertical-align: middle; font-size: 2em;
}
.round-badge.readmore { height: 80px; width: 80px;}
.round-badge a.more-link { font-size: 20px; line-height: 1em; position: relative; padding: .95em .75em; display:block; height: 100%; width: 100%; }

/* ---------------------------------------- */
header.primary {
	padding: 5px 0;
}
.site-name {
	margin-right: 15px;
}
.social-links {
	display: none;
}
.page-content {
	background: #fff;
	width: 100%;
	padding: 1.737em 3.78% 2em 3.78%;
	border-top: 3px solid #d4d4d4;
}
nav.main-menu li {
	margin: 0 5px;
}
.content-wrap {
	width: 100%;
}
.article-header {
	border-bottom: 8px solid #d4d4d4;
	padding: 0 0 23px 0;
	margin-bottom: 2em;
	width: 100%;
}
	.article-header aside {
		font-size: .737em;
		text-align: left;
	}
		.article-header .post-meta span {
			margin: 0 5px;
		}
		.article-header .post-meta .byline {
			font-style: italic;
			color: #484848;
		}
		.article-header .post-meta i {
			color: #979797;
		}
		.article-header .post-meta a {
			font-weight: 700;
		}
		.article-header .tags a {
			margin: 0 3px;
		}
article.post {
	border-bottom: 3px solid #d6d6d6;
	padding-bottom: .8em;
	margin-bottom: 4.5em;
	width: 100%;
}
article.post .entry p {
	line-height: 1.8em;
}
	article.post .entry img {
		margin: 0 0 0 0;
	}
article.post .entry p:first-child {
	font-weight: 100;
	color: #8a8a8a;
	font-style: italic;
	font-size: 1.421em;
	line-height: 1.5em;
}
	article.post .entry img {
		height: auto;
		width: 100%;
	}
	article.post .entry .readmore {
		float: right;
		margin: 15px 0 5px 15px;
		position: relative;
		display: inline;
		vertical-align: baseline;
	}
	.entry img.circle {
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}

/* Post Overrides
-------------------------------------- */

.post-title {
	text-transform: capitalize;
}
.post-title a {
	color: #484848;
}
	.post-title a:hover {
		color: #7a7a7a;	
	}

/* WordPress Comment Styles
-------------------------------------- */

ol.commentlist { list-style: none; }
ol.commentlist li { padding: 0 2%; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px solid #dadada; padding: 10px; }
ol.commentlist li.comment .comment-body {padding: 0 0 0 1.5%} 
ol.commentlist li.comment div.comment-author { font-size: .95em; font-weight: 700; color: #9d9d9d;}
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-metadata{ font-size: .75em; }
ol.commentlist li.comment div.reply { font-size: .5em; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 1em 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #cacaca; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #dadada; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #eaeaea; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #fafafa; }
ol.commentlist li.parent { border-left: 5px solid #b4b4b4; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }
.comment-subscription-form {
	margin-bottom: 0;
	font-size: .85em;
}
#respond input[type='submit'] {
	margin-bottom: 2em;
}

.posts-nav {
	clear: both;
	width: 100%;
}
	.posts-nav .next-posts {
		float: left;
	}
	.posts-nav .prev-posts {
		float: right;
	}
/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll .posts-nav,
.infinite-scroll.neverending footer.primary {
    display: none;
}
/* Shows the footer again in case all posts have been loaded */
.infinity-end.neverending footer.primary {
    display: block;
}
footer.primary {
	padding: 15px 0;
	width: 100%;
}
 footer.primary .legal {
 	float: left;
 	font-size: .75em;
 }
/* Brvry Logo */
a#credit {
	background: url(img/brvry.png) no-repeat;
	text-indent: -32000px;
	display: block;
	width: 51px;
	height: 28px;
	background-position: 0 0;
	opacity: .45;
	float: right;
}
	a:hover#credit {
		background-position: 0 -32px;
		opacity: 1;
		
	}
.wpengine-promo {
	font-size: .65em;
}
/* Media queries - For responsive designs
---------------------------------------- */

@media only screen and (min-width: 480px) {
	/* Wide mobile (480px+) styles go here */
}

@media only screen and (max-width: 600px) {
	nav.main-menu {
		background-color: #5698BD;
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		height: 100%;
		width: 100%;
		transition:All 0.23s ease-in-out;
		-webkit-transition:All 0.23s ease-in-out;
		-moz-transition:All 0.23s ease-in-out;
		-o-transition:All 0.23s ease-in-out;
	}
		nav.main-menu.hidden {
			display: none;
			bottom: -100%;
		}
		.main-menu ul {
			margin: 0 0 0 0;
		}
		.main-menu li {
			display: block;
			font-size: 1.4em;
			font-weight: 100;
			text-transform: uppercase;
			list-style-type: none;
			text-align: center;
			border-bottom: 1px solid rgba(255,255,255,.4);
			margin: 0 0 0 0;
			width: 100%;
		}
		.main-menu a {
			color: #fff;
			display: block;
			width: 100%;
			padding: .6em 0;
		}
		.main-menu li.menu-toggle a {
			padding: 0 0;
		}
	.site-name {
		float: left;
	}
	.mobile-menu-trigger {
		float: right;
		font-size: 2em;
	}
	.page-content {
		padding: 3.737em 3.78% 2em 3.78%;
	}
}
@media only screen and (min-width: 600px) { 
	h1, h2.post-title {
		font-size: 3.158em; /* 60px */
	}
	header.primary {
		padding: 5px 0;
		display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
		display: -moz-box;      /* OLD: Firefox (buggy) */ 
		display: -ms-flexbox;   /* MID: IE 10 */
		display: -webkit-flex;  /* NEW, Chrome 21+ */
		display: flex;          /* NEW: Opera 12.1, Firefox 22+ */
	}
	.site-name {
		margin-right: 15px;
	}
	.main-menu, .social-links {
		padding-top: 19px;
		display: -webkit-box; 
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.social-links {
		font-size: 1.263em;
		position: relative;
		top: -3px;
		text-align: right;
		-moz-box-flex: 1; /* old spec webkit, moz */
		-webkit-box-flex: 1; 
		-ms-box-flex: 1; 
		 flex: 1;
	}
		.social-links ul {
			width: 100%;
		}
		.social-links li {
			margin: 0 0 0 17px;
		}
	.main-menu, .social-links {
		padding-top: 19px;
	}
	.social-links {
		font-size: 1.263em;
		position: relative;
		top: -3px;
	}
		.social-links ul {
			width: 100%;
		}
		.social-links li {
			margin: 0 0 0 17px;
		}
	.main-menu {
		font-size: 1.053em;
	}
	.menu, nav ul {
		margin: 0 0 0 0;
	}
	.menu li, .main-menu li {
		display: inline;
	}
		.main-menu a, .main-menu li.current-menu-item a:hover {
			color: #505050;
		}
			.main-menu a:hover, .main-menu li.current-menu-item a {
				color: #5698bd;
			}
			.main-menu li.current-menu-item {
				font-style: italic;
			}
	
	nav.main-menu {
		background: transparent;
		font-size: 1.053em;
		-moz-box-flex: 1; /* old spec webkit, moz */
		-webkit-box-flex: 1; 
		-ms-box-flex: 1; 
		 flex: 1;
	}
	/* Hide Mobile Elements */
	.hide-large {
		display: none !important;
	}
}
@media only screen and (min-width: 720px) {
	nav.main-menu li {
		margin: 0 20px;
	}
}
@media only screen and (min-width: 1024px) { 
	/* Desktops (1024px+) styles go here */
}


/* Print styles
---------------------------------------- */

/* Print styles inlined to avoid extra HTTP connection */

@media print {
	* {
		background: transparent !important;
		color: black !important; /* Black prints faster: sanbeiji.com/archives/953 */
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}

	a, a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/* Do not show javascript and internal links */
	a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""; 
	}

	/* Printing Tables: css-discuss.incutio.com/wiki/Printing_Tables */
	thead {
		display: table-header-group;
	}

	tr, img {
		page-break-inside: avoid;
	}

	@page {
		margin: 0.5cm;
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h2, h3 {
		page-break-after: avoid;
	}
}