/*
Theme Name: Something Bespoke
Theme URI: http://www.somethingbespoke.com
Author: Devin Fountain
Author URI: http://www.devinfountain.com
Version: 0.1
Text Domain: SomethingBespoke
*/

/* Reset Stylesheet Courtesy of  Tim Murtaugh https://github.com/murtaugh/HTML5-Reset */

/* Changes the box model of the browser */
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

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

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

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

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* END OF RESET SHEET */

body	{
	font-family: 'Vollkorn', Georgia, serif;
	color:#424242;
	line-height:1.7;
}

article	{
	margin-bottom:108px;
}
 a	{
		color:rgba(44, 62, 80, 0.8);
	}

a:hover {
	color:rgba(44,62,80,1);
}
	
a:visited	{
	color:rgba(71,44,80,1);
}

p	{
	margin:30px 0;
}

span img	{
	width:100%;
	height:auto;
}

h1 { font-size: 2.25em; }
h2 { font-size: 1.73em; }
h3 { font-size: 1.35em; }
h5 { font-size: .96em; }
h6 { font-size: .87em; }

h1,h2,h3,h4,h5,h5	{
	color:#2C3E50;
	font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

article ul	{
	list-style-type:disc;
	margin-left:36px;
}

article a	{
		color:rgba(44, 62, 80, 0.8);
	}
	
article a:hover {
	color:rgba(44,62,80,1);
}
	
article a:visited	{
	color:rgba(71,44,80,1);
}

blockquote {
		font-weight:300;
		font-style:italic;
		font-size:1.3em;
		margin:0;
	}

#disqus_thread, #respond	{
	max-width:700px;
	margin:0 auto;
	padding:0 20px;
}

#disqus_thread a {
	color:#2c3e50;
}

.shareaholic-recommendations-container .shareaholic-recommendations-header {
	font-size:22px !important;
	text-align:center !important;
	font-weight:bold !important;
}

.full-width	{
	width:100%;
}

.menu-button	{
	margin:0;
	padding:0;
	border:0;
	background:none;
}

.menu-container {
	max-width:1000px;
	margin:20px auto 40px;
	text-align:center;
}

.menu-list {
	margin:15px 0;
}

.menu-container .menu-list .menu-item {
	display:inline-block;
	margin:0 10px;
	font-family:'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.menu-item a {
	text-decoration:none;
	color:rgba(44, 62, 80, 1);
}

.menu-item a:hover {
	color:rgba(44, 62, 80, 0.8);
}

.home-title-link {
	text-decoration:none;
}

.home-title {
	line-height:1;
	font-size:1.5em;
}

.fixed {
	top:0;
	left:0;
	right:0;
	position:fixed;
	height:60px;
	z-index:99999;
	width:100%;
	max-width:100%;
	background:white;
	margin:0;
	backface-visibility:hidden;
}

.smooth-fix {
	margin-top:200px;
	-webkit-overflow-scrolling: touch;
}

.fixed .menu-button, .fixed .home-title {
	display:inline-block;
	font-size:1.2em;
	height:60px;
	vertical-align:middle;
}

.fixed .menu-list {
	margin:15px 0;
	display:inline-block;
}

.fixed .home-title {
	padding:0;
	line-height:0;
	text-indent:-100%;
	height:0;
	width:0;
	opacity:0;
}

.fixed svg {
	width:30px;
}

.attachment-large {
		/*width:100%;*/
		height:auto;
}

.post-link	{
	max-width:1000px;
	margin:0 auto;
	display:block;
	text-align:center;
}

.article-wrapper, #maincontent {
	margin:0 auto;
	max-width:700px;
	width:100%;
	padding:0 20px;
}

.post-title {
	text-align:center;
	line-height:1.1;
	margin:27px 0 0 0;
	font-size:1.75em;
}

	.post-title a	{
		color:#2c3e50;
		text-decoration:none;
	}
	
	.post-title a:hover	{
		color:rgba(44, 62, 80, 0.9);
	}

.article-specifics {
	text-align:center;
	font-size:1em;
	line-height:1.5;
	margin:15px 0;
	color:#7f8c8d;
	list-style:none;
}

.alignleft {
	float:left;
	padding:10px 10px 10px 0;
	overflow:hidden;
	clear:left;
}

.alignright	{
	float:right;
	padding:10px 0px 10px 10px;
	overflow:hidden;
	clear:right;
}

.aligncenter {
	clear:both;
	width:100% !important;
	height:auto;
	padding:10px 0;
}

.aligncenter img {
	height:auto;
}

.aligncenter.size-medium {
	margin:0 auto;
	display:block;
}

.size-medium {
	width:50%;
	height:auto;
	max-width:350px;
}

.wp-caption-text {
	font-size:0.75em;
	margin:0;
}

.footer	{
	margin:50px 0;
	font-family:'Source Sans Pro', Helvetica, Arial, sans-serif;
}

.menu-footer	{
	text-align:center;
}

	.menu-footer .menu-item	{
		display:inline-block;
		margin-right:15px;
	}
	
		.menu-footer .menu-item:last-child	{
			margin-right:0;
		}
	
		.menu-footer .menu-item a {
			color:#000;
			text-decoration:none;
		}
		
		.menu-footer .menu-item a:hover {
			color:black;
			text-decoration:underline;
		}
		
		.menu-footer .color-instagram a:hover	{
			color:#3f729b;
		}

		.menu-footer .color-twitter a:hover	{
			color:#55ACEE;
		}

		.menu-footer .color-google a:hover	{
			color:#dd4b39;
		}
		
.container-archive	{
	max-width:1000px;
	margin:0 auto;
}

.archive-list li a	{
	padding:18px 36px;
	display:inline-block;
	color:#2C3E50;
	text-decoration:none;
	font-size:1.5em;
	transition:.3s ease-out;
}

.archive-list li a:hover	{
	color:rgba(44, 62, 80, 0.8);
}

.archive-list li:nth-child(odd)	{
	background:#f5f5f5;
}
		
.copyright	{
	color:#7f8c8d;
	text-align:center;
	display:block;
	margin:10px 0 0 0;
}

.search	{
	width:100%;
	outline:0;
	padding:18px 36px;
	border:0;
	border-bottom:1px solid rgba(44, 62, 80, 0.2);
	color:#424242;
	font-size:1.5em;
}

.pagination	{
	text-align:center;
	display:block;
}
	.pagination a	{
		color:rgba(44, 62, 80, 0.8);
		margin:0 10px;
	}
	
	.pagination a:first-child	{
		margin-left:0;
	}
	
	.pagination a:last-child	{
		margin-right:0;
	}
	
	.pagination a:hover	{
		color:rgba(44, 62, 80, 1);
	}

.sd-content {
	float:none !important;
	width:100% !important;
}

.sd-block {
	border:none !important;
}

.sd-content ul {
	width:100% !important;
	text-align:center;
}

.sd-content ul li {
	display:inline-block !important;
	float:none !important;
}

#sharing-facebook-187, #sharing-twitter-187 {
	background:none !important;
	border:none !important;
}

div.sharedaddy.sd-sharing-enabled {
	border-top:1px solid #ececec !important;
	border-bottom:1px solid #ececec !important;
}

div.sharedaddy .sd-content li {
	margin:0 !important;
}

.share-icon {
	font-family:'Source Sans Pro', Helvetica, Arial, sans-serif !important;
}

.share-count {
	color:#333 !important;
	margin:0 !important;
	display:block !important;
	padding:5px 0 !important;
	font-size:2em !important;
}

li.share-facebook a.sd-button > span, li.share-twitter a.sd-button > span {
	background-image:none !important;
}

.sd-social-icon-text a.sd-button > span, a.sd-button > span {
	padding: 0px 20px !important;
}

.fluidbox {
	outline: none;
}
.fluidbox-overlay {
	cursor: pointer;
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transition: all .25s ease-in-out;
}
.fluidbox-wrap {
	background-position: center center;
	background-size: cover;
	margin: 0 auto;
	position: relative;
	transition: all .25s ease-in-out;
}
.fluidbox-ghost {
	background-size: cover;
	background-position: center center;
	position: absolute;
	transition: all .25s ease-in-out;
}
	.fluidbox-closed .fluidbox-ghost {
		-webkit-transition-property: top, left, opacity, -webkit-transform;
		-moz-transition-property: top, left, opacity, -moz-transform;
		-o-transition-property: top, left, opacity, -o-transform;
		transition-property: top, left, opacity, transform;
		transition-delay: 0, 0, .25s, 0;
	}
	
.more-link {
	border:2px solid rgba(44, 62, 80, 0.9);
	padding:5px 10px;
	color:rgba(44, 62, 80, 0.9);
	text-decoration:none;
	font-size:.8em;
	display:inline-block;
}

	.more-link:hover {
		background:rgba(44, 62, 80, 1);
		border:2px solid rgba(44, 62, 80, 0.9);
		color:white;
	}
	
/* iPad and Tablet Size */
@media (min-width:640px)	{
	p	{
		font-size:1.25em;
	}
	
	blockquote {
		font-weight:300;
		font-style:italic;
		font-size:1.5em;
	}
	
	.archive-list li a, .search	{
		font-size:1.8em;
	}
	
	.menu-container .menu-list .menu-item {
	margin:0 20px;
	}
	
	.fixed .home-title {
	line-height:0;
	text-indent:0;
	height:60px;
	width:auto;
	padding:26px 10px 26px 5px;
	opacity:1;
	}

	.two-columns {
		-webkit-column-count:2;
    	-moz-column-count:2;
    	column-count:2;
    	-webkit-column-gap:12px;
    	-moz-column-gap:12px;
    	column-gap:12px;
	}
}

/* Desktop Size */
@media (min-width:1024px) {
	blockquote {
		margin:0 -100px;
	}
	
	.home-title {
		font-size:2.25em;
	}
	
	#disqus_thread, #respond	{
		padding:0;
	}
	
	.article-wrapper {
		padding:0;
	}
	
	.post-title {
		font-size:2.25em;
	}
	
	.archive-list li a, .search	{
		font-size:2em;
	}
	
	.archive-list li a:hover	{
		-webkit-transform:translate(36px,0px);
	}

	.two-columns {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
    	-moz-column-count: 2; /* Firefox */
    	column-count: 2;
    	-webkit-column-gap: 24px; /* Chrome, Safari, Opera */
    	-moz-column-gap: 24px; /* Firefox */
    	column-gap: 24px;
	}
}