/*
Theme Name: necessarytrouble
Theme URI: http://underscores.me/
Author: Rebecca Rojer // Beccatron Legal Studios
Author URI: http://www.beccatron.com
Description: For Sarah Jaffe, author of __Necessary Trouble__
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: necessarytrouble


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Necessary Touble is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0 0 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small,
.small {
	font-size: 80%;
	line-height: 1.2;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

html{
	font-size: 12px;
}

body,
button, .button,
input,
select,
textarea {
	color: #404040;
	font-family: "baskerville-urw", serif;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 1.2;
}

h2{
	font-size: 1.45em;
}

.widget h2{
	font-size: 1.25em;
}

.widget .appearance{
	text-align: center;
	padding-bottom: 1em;
}

#footer-widgets h2.widget-title{
	font-size: 1.75em;
}

.text-widget{
	padding: 1em 0 .5em;
}

.stencil,
.entry-header .post-type,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
h1.page-title,
article.page h1.entry-title,
.section-title,
h2.blog,
h2.widget-title,
.event-meta,
.archive-description b,
label{
	font-family: "burnaby-stencil", sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
label{
		letter-spacing: .1em;
}

.site-title{
	text-transform: uppercase;
	word-spacing: .25em;
	letter-spacing: .1em;
}


h1.page-title{
	margin-bottom: .5em;
}

h1.page-title,
article.page h1.entry-title,
h2.blog,
.section-title,
.archive-description,
.category-description,
.tag-description,
.taxonomy-description{
	text-align: center;
}

.post-type-archive-portfolio h2.archive-description{
	font-size: 1.3em;
	font-style: italic;
}

.post-type-archive-portfolio h2.archive-description b{
	font-size: 1.5em;
	font-style: normal;
}

h3.publication,
.widget-title{
	font-weight: bold;
	text-align: center;
}



p {
	margin-top: 0;
	margin-bottom: 1em;
}

dfn,
em,
i {
	font-style: italic;
}

cite{
	font-style: normal;
}

blockquote {
	margin: 0 1em 1em;
}

address {
	margin: 0 0 1em;
}

blockquote p, address p{
	margin-bottom: 1em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big,
.big{
	font-size: 1.25em;
}

/* SPECIAL CLASSES */
.more-link{
	font-family: "burnaby-stencil", sans-serif;
}


.more-link:after{
	content: ' \000BB';
}

/* Posts + Pages */
.post-type{
	font-size: 1em;
}
.entry-meta,
.entry-footer{
	font-size: .85em;
}

h2.entry-title,
h1.entry-title{
	margin: 0 0 .25em;
	font-weight: bold;
	line-height: 1.15;
	vertical-align: middle;
}

.entry-meta{
}



.entry-content{
	margin-top: 0;
}

.entry-footer .cat-links,
.entry-footer .comments-link,
.entry-footer .edit-link,
.entry-footer .tags-links{
	margin-right: 1.5em;
}

/* EVENTS/APPEARANCES */

.appearance .entry-meta{
}

.appearance .event-region{
}

.appearance .event-date{
	font-weight: bold;
}
.appearance .event-meta .event-date{
	font-weight: normal;
}

.appearance .entry-meta address{
	display: inline;
	padding-right: .5em;
}

.appearance .event-links{
	padding: 0;
	margin: 0 2rem 1em;
}

.appearance .event-links li{
	list-style-type: none;
}

#blurb blockquote{
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.2;
	padding-bottom: .75em;
}

.uprisings blockquote{
	font-size: .9em;
	/*text-align: center;*/
	font-style: italic;
	/*width: 66%; */
	margin: 0 3em 1em;
}

.blurb blockquote{
	font-size: 1.2em;
	margin-bottom: 4rem;
}

#blurb blockquote p{
	margin-bottom: .5em;
}

#blurb blockquote footer{
	font-size: .75em;
}

#blurb .hentry{
	padding: 0;
	margin: 0;
}

.blurb blockquote footer,
.uprisings blockquote footer{
	text-align: right;
	font-size: .85em;
}

#blurb blockquote footer{
	text-align: center;
}

/* -----------------------------------------------------------*
# Grid
--------------------------------------------------------------*/

/* ===== SPECIAL WIDTHS / CONTAINERS / WRAPPERS ====== */

/* Spans the entire browser window */
.full-screen,
.section{
	width: 100%;
	padding: 0;
	margin: 0;
}

/* standard wrapper */
.row-wrapper{
	margin-right: auto;
	margin-left: auto;
	position: relative;
}



/* Centered Column */
.centered-col,
.popup.centered-col{
	margin-right: auto;
	margin-left: auto;
}

.twentyfour-col,
.twentytwo-col,
.twenty-col,
.eighteen-col,
.sixteen-col,
.twelve-col,
.eight-col,
.six-col,
.four-col,
.two-col,
.threequarters,
.twothirds,
.half,
.third,
.quarter{
	width: 100%;
}

/* For pop-up, overflow must be visible for 'pop-up' to display a top hero image */
.has-popup .row-wrapper{
	overflow: visible;
}	

/* kill floats when we absolute/relative position things */
.has-popup  .popup,
.has-popup .popup-sidebar,
.timeline{
	float: none;
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

	
	.centered-col{
		float: none;
	}

	/* 	Define grid size here -- should be multiple of 24 */
	.row-wrapper{
		width: 100%;
		overflow: auto;
	}
	

	.container{ 
	 /*	margins = 1 column = grid-width / 24 */
	 /* 72 / 24 = 3rem; */
		padding-left: 2rem;
		padding-right: 2rem;
		overflow: auto;
	}
	
		
	.container.has-popright,
	.container.has-popleft{
		overflow: visible;
	}
	
	/* the grid */

	.twentyfour-col,
	.twentytwo-col,
	.twenty-col,
	.eighteen-col,
	.threequarters,
	.sixteen-col,
	.twothirds{
	/*	width: 32rem;*/
	}
	
	.twentytwo-col-centered{
		width: calc(100% - 2.66rem);
	}
	
	
	.twelve-col,
	.half,
	.six-col,
	.quarter,
	.eight-col,
	.third,
	four-col,
	.two-col
	{
	/*	width: 16rem;*/
	}
	

	
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 640px) {

	.twentytwo-col,
	.twenty-col,
	.eighteen-col,
	.sixteen-col,
	.twelve-col,
	.eight-col,
	.six-col,
	.four-col,
	.two-col,
	.threequarters,
	.twothirds,
	.half,
	.third,
	.quarter{
		float: left;
	}

	.twentytwo-col.right,
	.twenty-col.right,
	.eighteen-col.right,
	.sixteen-col.right,
	.twelve-col.right,
	.eight-col.right,
	.six-col.right,
	.four-col.right,
	.two-col.right,
	.threequarters.right,
	.twothirds.right,
	.half.right,
	.third.right,
	.quarter.right{
		float: right;
	}
	
	
	.twentytwo-col.nofloat,
	.twenty-col.nofloat,
	.eighteen-col.nofloat,
	.sixteen-col.nofloat,
	.twelve-col.nofloat,
	.eight-col.nofloat,
	.six-col.nofloat,
	.four-col.nofloat,
	.two-col.nofloat,
	.threequarters.nofloat,
	.twothirds.nofloat,
	.half.nofloat,
	.third.nofloat,
	.quarter.nofloat,
	.row-wrapper *.centered-col{
		float: none;
	}

	/* the grid */

	.twentyfour-col,
	.twentytwo-col,
	.twenty-col,
	.eighteen-col,
	.threequarters{
		width: 48rem;
	}
	
	.sixteen-col,
	.twothirds{
		width: 66.67%;
	}
	
	
	.twelve-col{
		width: 58%;
	}
	
	.half{
		width: 50%;
	}
	
	.eight-col,
	.third{
		width: 33.33%;
	}
	
	.four-col{
		width: 8rem;
	}

	.two-col{
		width: 2rem;
	}
	
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 840px) {

	.full-grid,
	.twentyfour-col{
		width: 100%;
	}
	.twentytwo-col,
	.twentytwo-col-centered{
		width: calc(100% * 22/24 );
	}

	.twenty-col{
		width: calc(100% * 20/24 );
	}

	.eighteen-col,
	.threequarters{
		width: calc(100% * 3/4 );
	}
	
	.sixteen-col,
	.twothirds{
		width: calc(100% * 2/3 );
	}
	
	.twelve-col,
	.half{
		width: calc(100% * .5);
	}
	
	.eight-col,
	.third{
		width: calc(100% * 1/3);
	}
	
	.six-col,
	.quarter{
		width:  calc(100% * .25);
	}

	.four-col{
		width: calc(100% * 4/24);
	}

	.two-col{
		width: calc(100% * 2/24);
	}
	
}



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	font-size: 13px;
	font-size: 1.3rem;	
}

blockquote p:first-child:before,
q:before{
		content: "\201C";

}

blockquote p:last-of-type:after,
q:after {
	content: "\201D";

}

blockquote,
q {
	quotes: "" "";
}

blockquote cite:before{
	content: "\2014 \00a0";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

.widget ul{
	margin-left: 0;
	padding-left: 1em;
	font-size: .9em;
	line-height: 1.2;
}
.widget ul li{
	margin-bottom: 1em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* 
 * Responsive Web Design Helpers
 *
 */

embed, iframe{
	/*height: auto;*/
	max-width: 100%;
}

.scalable {
  overflow: hidden;
}

.scalable iframe,
.scalable embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.scalable .scalable-content{
  height: 0;
  position: relative;
}

.scalable-16-9 .scalable-content {
  /* Percentage from 9 divided by 16 for ratio of 16:9. */
  padding-bottom: 56.25%;
}

.scalable-4-3 .scalable-content {
  /* Percentage from 3 divided by 4 for ratio of 4:3. */
  padding-bottom: 75%;
}

.scalable-3-4 .scalable-content {
  /* Percentage from 4 divided by 3 for ratio of 3:4. */
  padding-bottom: 133.33%;
}

.scalable-1-1 .scalable-content {
  /* Percentage from 9 divided by 16 for ratio of 16:9. */
  padding-bottom: 100%;
}




/*--------------------------------------------------------------
# Colors
/* #E10883; /* Hot Pink */
/* #F1Da10; /* Yellow */
/* #DDC025; /* Darker Yellow */
/*--------------------------------------------------------------*/

#page,
#colophon{
	background-image: url('images/bedge_grunge.png');
}

.nt #page{
}

#work{
	background-color: #FFFFFF;
}

#work .third .container{
	background-color: #000;
}

.site-main article,
#secondary .widget ul,
#secondary .widget div,
.site-main article.page .entry-content{
	background-color: #FFFFFF;
}

article.trans,
article.page{
	background-color: transparent;
}

.page-template-page_nt_home #page{
	background-color: #F1Da10; /* Yellow */
	color: #000000;
	background-image: none;
}

a, a:visited{
	color: #E10883; /* Hot Pink */
}

a:hover{
	background-color: #F1Da10; /* Yellow */
	color: #000;
}

input{
	max-width: 100%;
}

button,
a.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	/*border-color: #ccc #ccc #bbb;*/
	background: #E10883; /* Hot Pink */
	/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);*/
	color: #FFF;
	/*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);*/
}

button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #F1Da10; /* Yellow */
	color: #000;
	/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);*/
}

.nt-header button:hover,
.nt-header a.button:hover,
.nt-header input[type="button"]:hover,
.nt-header input[type="reset"]:hover,
.nt-header input[type="submit"]:hover {
	color: #F1Da10; /* Yellow */
	background-color:  #E10883; /* Hot Pink */
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 15px 17px rgba(255, 255, 255, 0.4), inset 0 -5px 12px rgba(0, 0, 0, 0.02);

}

button:focus,
a.button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #00000;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.5);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}



.site-title a:hover{
	background-color: transparent;
	color: #E10883; /* Hot Pink */
}

.about-site .site-title a{
	color: #000000;
}

.about-site .site-title a:hover{
	color: #E10883; /* Hot Pink */
}

.main-navigation{
	background-color: #000;
}



.main-navigation a:hover,
#work a:hover{
	color: #F1Da10; /* Yellow */
	background-color: inherit;
}


.nt-header{
	background-color: #000000; /* black */
	color: #F1Da10; /* Yellow */
}

.nt-header .navigation-bar,
.nt-header .main-navigation{
	color: #000000; /* black */
	background-color: #F1Da10; /* Yellow */
}

.nt-header a h1{
	color: #F1Da10; /* Yellow */
}

.nt-header h1.stencil,
.nt-header a h1.stencil{
	color: #E10883; /* Hot Pink */
}

.nt-header a:hover h1,
.nt-header h1 a:hover{
	color: #F1Da10; /* Yellow */
	background-color: transparent;
}

.nt-header .main-navigation a{
	color: black;
	background-color: #F1Da10; /* Yellow */
}

.nt-header .main-navigation a:hover{
/*	color: #E10883; /* Hot Pink */
}

.nt-header .social-navigation a:hover,
.nt-header .social-navigation a:hover .fa,
.site-header .social-navigation a:hover,
.site-header .social-navigation a:hover .fa{
	color: #F1Da10; /* Yellow */
	background-color: transparent;
}

.nt .site-content,
.nt #primary,
.nt #secondary{
	/*background-color: #FFFFFF;*/
}

.nt .site-footer{
}

.nt .site-content{
background-color: #FFFFFF;
}

.entry-header .post-type i{
	/*color: #F1Da10; /* Yellow */
}

.entry-meta a,
.entry-footer a{
	/*color: #b24080;
	color: #e17cb5; /* Pale Pink */
}

.entry-meta a.button,
.entry-footer a.button{
	color: #FFF;
}

.fa{
	color: #E10883; /* Hot Pink */
	color: #b24080;
	color: #e17cb5; /* Pale Pink */
}

.nt .site-main .fa{
	color:  #DDC025; /* Darker Yellow */
}

.site-header .fa{
	color: #E10883; /* Hot Pink */
}

#footer-widgets{
	background-color: #000;
	color: #FFF;
}

#footer-widgets h2.widget-title{
	color: #F1Da10; /* Yellow */
}

#footer-widgets label{
	color: #F1Da10; /* Yellow */
}

.asterisk{
	color: #E10883; /* Hot Pink */
}

/*--------------------------------------------------------------
# Basic Structure
--------------------------------------------------------------*/

.site {
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	display: block;
	
}

.site-content,
.site-footer{
	position: relative;
	z-index: 1;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}


.site-header .full-grid{
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}

#masthead{
	width: 100%;
}

#masthead,
#primary,
#secondary,
#colophon{
	padding: 0 1rem 1rem;
	box-sizing: border-box;
}

#colophon{
	padding-top: 1em;
	text-align: center;
}

#masthead.nt-header{
	padding: 0;
}

#page,
#colophon{
	max-width: 1600px;
	margin: 0 auto;
	overflow: auto;
}

.nt #page{
	overflow: hidden;
}

.page-template-page_nt_home #primary{
	margin-top: 4rem;
}

.nt .page #primary h1.entry-title,
.nt .page #primary .entry-header{
	margin-bottom: 0;
	padding-bottom: 0;
}

.about-site, 
#site-navigation,
#bio, 
#work,
.site-main article{
	margin-bottom: 3rem;
}

.home .blurb blockquote{
	margin-bottom: calc(3rem + .5em);
}

#blurb{
	text-align: center;
	margin: 1em 15%;
}

#secondary .widget{
	font-size: .9em;
	line-height: 1.3;
}

.widget p,
.widget form,
.widget .indicates-required{
	max-width: 25em;
	margin-left: auto;
	margin-right: auto;
}

.site-main article,
.page .site-main article .entry-content,
#secondary .widget ul{
	padding: 2rem;
}

.site-main article.page{
	padding-bottom: calc(2rem - 1em);
}

#secondary .widget ul{
	list-style-position: inside;
}

#secondary .widget ul li:last-child{
	margin-bottom: 0;
}

.site-main article.page{
	padding: 0;
}

.home .site-main article.page{
	padding-top: calc(3rem + 1em);
}

.home .site-main article.page h1.entry-title,
.home .site-main article.page .entry-header{
	margin-bottom: 0;
}

article.has-post-thumbnail,
article.category-podcast,
article.has-featured-embed{
	overflow: auto;
}

#bio{
	padding-left: 4rem;
	padding-right: 4rem;
	text-align: center;
}

.about-site{
	display: block;
	overflow: hidden;
}
#bio, 
#work{
	overflow: auto;
	display: block;
}

.site-main .post-wrapper{
	padding-left: 2rem;
}

#footer-widgets{
	width: 100%;
	display: block;
	overflow: auto;
}

#footer-widgets .third{
	width: 100%;
}

#footer-widgets .third .container{
/*	border: 1px solid #FFF; */
}

#footer-widgets .widget ul{
	list-style-type: none;
	padding-left: 0;
}
/*---
# MASTHEAD
---- */
/* https://css-tricks.com/examples/ShapesOfCSS/ */

#masthead{
	margin: 0;
	padding: 0;
}

#masthead #top{
	display: block;
	height: 10rem;
	position: relative;
}

#masthead .slogan{
	float: left;
}

#masthead .logo-container{
	width: 300px;
	display: block;
	height: 10rem;
	margin: 0 10px;
}

#masthead .triangle-container{
	position: relative;
}


#masthead .triangle1,
#masthead .triangle2{
	position: absolute;
	top: 0;
	display: block;
}

#masthead .triangle1{
	width: 0;
	height: 0;
	border-left: 150px solid transparent;
	border-right: 150px solid transparent;
	border-top: 10rem solid #e10883; /* hot pink */
}

#masthead .triangle2{
	width: 0;
	height: 0;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	border-top: 10rem solid black;	
	left: calc(50% - 100px);
}

#masthead img#header-logo{
	position: absolute;
	top: 1rem;
	height: auto;
	width: 6rem;
	left: calc(50% - 3rem);
	border-radius: 50%;
	
}

#masthead .social{
	position: absolute;
	text-align: right;
	top: 0;
	right: 0;
	line-height: 1;
	margin-right: 1rem;
	margin-top: 1rem;
	display: none;
}

#masthead .social a{
	margin-left: .5em;
}

#masthead .about-site{
	display: block;
	text-align: center;
}

.slogan .site-description{
	display: none;
}

.about-site{
	width: 100%;
	display: block;
}

.about-site .site-title{
	font-size: 3rem;
	margin: 1rem 0;
	text-align: center;
	line-height: 1;
}

.about-site .site-description{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	display: inline-block;
	margin-top: .25em;
	letter-spacing: .02em;
	font-size: 1.3rem;
	line-height: 1;
	padding: .25em 0;
	margin-bottom: 0;
}

.nt-header .cover-img{
	text-align: center;
	/*display: none;*/
}


/* TRIO 
 * Three responsive square boxes, with a responsive square image + one line of text.
 * Mobile first - squares are stack atop each other.
 */

.trio{
	padding-right: 3rem;
}

.trio .third .container{
	margin: 3rem 0 3rem 3rem;
	padding: 2rem;
	text-align: center;
}

#work .third h2{
	font-size: 1.8rem;
	margin: 0;
	padding-top: 1.5rem;
	line-height: 1;
}

.trio .img-container{
	width: calc(100% - 3.3rem); /* compensate for h2 font-size + padding */ 
	margin: 0 auto;
}


/*--------------------------------------------------------------
# Front Page
--------------------------------------------------------------*/

#bio img.headshot{
	border-radius: 50%;
	max-width: 25rem;
}

#bio{
	font-size: 1.25em;
}

/*--------------------------------------------------------------
# Necessary Trouble
--------------------------------------------------------------*/
.nt-header{
	overflow: visible;
	width: 100%;
	display: block;
	padding-bottom: 2rem;
	position: relative;
	z-index: 10;
}

.nt-header .social-navigation{
	text-align: right;
	padding: 1rem;
}

.nt-header .social-navigation ul{
	margin-bottom: 0;
}

.nt-header .social-navigation .site-title{
	font-family: "burnaby-stencil", sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.2rem;
	letter-spacing: .06em;
	padding-right: 0;
	word-spacing: 0;
}



.nt-header .social-navigation .site-title:after{
	content: "//";
	padding-left: .5rem;
	letter-spacing: 0;
}



.nt-header .cover-img .button{
	margin-top: .5em;
}


.nt-header h1{
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 4rem;
	margin-bottom: 0;
}

.nt-header h1.stencil{
	transform: scaleY(1.5);
	transform: rotate(-3deg);
	line-height: .75;
	font-size: 6rem;
	width: 80%;
	margin: 0 auto 2rem;
}

.nt-header .subtitle{
	border-top: 1px solid;
	border-bottom: 1px solid;
	width: 28rem;
	margin: 1rem auto;	
	font-size: 2rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	line-height: 2rem;
	padding: .25rem 0;
}

.nt-header .book-info{
	padding-top: 2rem;
	margin-bottom: -6rem;
}

.nt-header .author{
	font-size: 1.2rem;
	font-style: italic;
}

.nt-header .author a{
	font-style: normal;
	text-transform: uppercase;
	word-spacing: .25em;
	font-size: 1.3rem;
	padding-left: .25em;
	letter-spacing: .01em;
}

/* Down-angle via https://css-tricks.com/examples/ShapesOfCSS/ (chevron) */

.nt-header-triangle{ 
	position: relative; 
	text-align: center; 
	height: 16rem; 
	width: 100%; 
	z-index: 1;
	top: -12rem;
} 

.nt-header-triangle:before { 
	content: '';
	position: absolute;
	top: 30%;
	left: 0; 
	height: 100%;
	width: calc(50% + 1px);
	background: rgba(0,0,0,1);
	-webkit-transform: skew(0deg, 8deg);
	-moz-transform: skew(0deg, 8deg);
	-ms-transform: skew(0deg, 8deg);
	-o-transform: skew(0deg, 8deg);
	transform: skew(0deg, 8deg);
	z-index: 0;
}

.nt-header-triangle:after{ 
	content: '';
	position: absolute;
	top: 30%;
	right: 0;
	height: 100%;
	width: calc(50% + 1px);
	background: rgba(0,0,0,1); 
	-webkit-transform: skew(0deg, -8deg);
	-moz-transform: skew(0deg, -8deg);
	-ms-transform: skew(0deg, -8deg);
	-o-transform: skew(0deg, -8deg);
	transform: skew(0deg, -8deg);
	z-index: 0;
​}

/*--------------------------------------------------------------
# Map
--------------------------------------------------------------*/

#map{
	margin-top: -2em;
	padding-bottom: 1em;
	padding-left: 2em;
	background-color: transparent;
	z-index: -10;
}

.archive #map{
	padding-bottom: 4em;
	margin-top: -3em;
}

#map-canvas{	
	max-width: 100%;
	max-height: 100%;
}

div.google-visualization-tooltip {
  border:none;
  border-radius: 2px;
  background: transparent;
  color: #F1Da10;
  position: absolute;
  font-size: 12px;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

div.google-visualization-tooltip h2.stencil{
	/*text-shadow: 2px 2px #000000;*/
	background-color: #000000;
	margin: 0;
	padding: 0;
}

div.google-visualization-tooltip blockquote{
	background: white;
	color: black;
	width: 14rem;
	position: absolute;
	top: 0;
	left: calc(100% + 5rem);
	padding: 1rem;
	border-radius: 4px;
	font-style: italic;
	font-size: 1.3rem;
}

div.google-visualization-tooltip blockquote:before{ 
	content:""; 
	position: absolute; 
	right: 100%; 
	top: calc(50% - 25px); 
	width: 0; 
	height: 0; 
	border-top: 13px 
	solid transparent; 
	border-right: 26px solid white; 
	border-bottom: 13px solid transparent; 
}

.google-visualization-tooltip-item-list {
  list-style-type: none;
  margin: 0!important;
  padding: 0!important;
}

div.google-visualization-tooltip ul,
div.google-visualization-tooltip ul li{
	margin: 0;
	padding: 0;
}

div.google-visualization-tooltip > ul > li > span {
	margin: 0;
	padding: 0;
}

#map-canvas svg g circle{
	stroke: #000;
	stroke-width: 2px;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0px solid;
	border-radius: 3px;
	font-size: 1em;
	line-height: 1.2;
	padding: 4px .35em 4px .5em;
	vertical-align: middle;
	display: inline-block;
}

.inline-button{
	display: inline-block;
	line-height: 1em;
	font-size: .9em;
	padding: .05em .1em .05em .2em;
	margin: 0;
	vertical-align: baseline;
	
}

.archive-button{
	font-size: 1.1em;
	line-height: 1.3em;
	padding: .05em .2em .05em .4em;
	margin: .2em;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}

button:focus,
.button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border-radius: 3px;
	padding: 3px;
	vertical-align: middle;
}

select {
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
}

textarea {
	width: 100%;
}

label{
	text-align: left;
}

.indicates-required{
	font-size: .8em;
	font-style: italic;
}

.mergeRow,
.indicates-required{
	padding-bottom: 1em;
}

label, 
.field-group{
	display: inline-block;
}

#footer-widgets label{
	font-size: .8em;
}



form,
.field-group,
input{
	max-width: 100%;
}

.trio form{
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	text-decoration: none;

}

a:visited {
}

a:hover,
a:focus,
a:active {
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
	float: left;
	text-align: left;
	width: 50%;
	font-size: .85em;

}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next{
	float: right;
	text-align: right;
	width: 50%;
	font-size: .85em;
}

.nav-previous:before,
.nav-links a.prev:before{
	content: '\2190';
}

.nav-next:after,
.nav-links a.next:after{
	content: '\2192';
}

.nav-links{
	text-align: center;
}

.nav-links .next{
	float: right;
	text-align: right;
	font-size: .85em;
}

.nav-links .prev{
	float: left;
	text-align: left;
		font-size: .85em;

}

/* Social Navigation */
.social-navigation li{
	display: inline;
	padding: .5rem;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft,
.alignright,
.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: .5em;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 640px) {
	.alignleft {
		display: inline;
		float: left;
		margin-right: 1.5em;
	}

	.alignright {
		display: inline;
		float: right;
		margin-left: 1.5em;
	}

}

.textalignleft{
	text-align: left;
}

.textalignright{
	text-align: right;
}

.textaligncenter{
	text-align: center;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#secondary .widget {
	margin: 0 0 2.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}


.entry-header,
.page-content,
.entry-content,
.entry-summary {
	margin: 0 0 1em;
}

.archive .entry-content{
	margin-bottom: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
## Book Page Header
--------------------------------------------------------------*/
.book-info{
	text-align: center;
}


/* Small Devices, Tablets */
@media only screen and (min-width : 321px) {
	#masthead .logo-container{
		margin: 0 auto; 
	}
	
	/* TRIO 
 	 * More padding to make squares smaller.
 	 */
 	 
 	.trio{
		padding-right: 4.5rem;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.trio .third .container{
		margin: 2rem 0 2rem 4.5rem;
		padding: 1rem;
	}
	
}

@media only screen and (min-width : 480px) {
	
	/* TRIO 
	 * At 480px, show squares side-by-side.
	 */
	
	.trio{
		padding-right: 2rem;
		padding-top: 0rem;
		padding-bottom: 0rem;
	}
		
		
	#work .trio .third{
		width: 33.33%;
		float: left;
	}
	
	.trio{
		padding-top: 2rem;
	}
	
	.trio .third .container{
		margin: 0 0 0rem 2rem;
		padding: 1rem;
		text-align: center;
	}
	
	#work .third h2{
		font-size: 1rem;
		margin: 0;
		padding-top: 1rem;
	}

	.trio .img-container{
		width: calc(100% - 2rem); /* compensate for h2 font-size + padding */ 
		margin: 0 auto;
	}
	
	#masthead .social{
		display: block;
	}

	#blurb blockquote{
		font-size: 2em;
		padding: 0;
	}
	
	#blurb blockquote cite{
		font-size: .75em;
	}
	
	#blurb{
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	

}


/* Small Devices, Tablets */
@media only screen and (min-width : 640px) {
	
	.site-main,
	#secondary{
		margin-left: 3rem;
		margin-right: 3rem;
	}

	.slogan .site-description{
		display: block;
		margin: 1rem;
		font-style: italic;
		line-height: 1.2;
		font-size: 1.4rem;
		width: 9em;
	}
	
	.about-site .site-title{
		font-size: 5rem;
	}
	
	.about-site .site-description{
		font-size: 2.2rem;
		line-height: 1;
		
	}
	
	#bio{
		padding-left: 0;
		padding-right: 0;
		text-align: left;
	}
	

	.nt-header .book-info{
		padding-top: 3rem;
	}
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.nt-header h1{
		max-width: calc(100% - 16% - 5rem);
		margin-left: auto;
		margin-right: auto;
	}

	.nt-header h1.stencil{
		max-width: calc(80% - 16% - 5rem);
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 840px) {

	body{
		font-size: 15px;
		font-size: 1.5rem;	
	}

	#primary,
	#secondary{
		float: left;
	}

	#primary{
		width: calc(100% * 2/3 );
	}
	
	#secondary{
		width:  calc(100% * 1/3 - 3rem);
		margin-left: 0;
	}

	.nt #primary{
		margin-top: 0;
	}
	
	.nt-header .cover-img{
		/*display: block;*/
	}
	
	.page-template-page_nt_home #primary{
		margin-top: 3rem;
	}
	
	.slogan .site-description{
		font-size: 1.8rem;
		margin: 1.5rem 2.5rem;	
	}
	
	#masthead .social{
		font-size: 2.2rem;
		margin: 1.5rem;	
	}
	
	#masthead .social a{
		padding: 0 .5rem;
		line-height: 1.2;
		vertical-align: middle;
		margin-left: .5rem;
	}
	
	h1.page-title,
	article.page h1.entry-title,
	h2.blog{
		font-size: 4rem;
		/*padding-bottom: 1rem;*/
	}
	
	.page-header{
		margin-bottom: 4rem;
	}
	
	.post-type-archive-portfolio .page-header{
		margin-bottom: 2rem;
	}
	
	#secondary{
		margin-top: calc(4rem * 1.2 + 4rem);
	}
	
	.nt article.page h1.entry-title{
		margin-bottom: 2rem;
	}
	
	h1.page-title-has-desc{
		margin-bottom: 2rem;
	}
	
	#footer-widgets .third{
		width: 33.3%;
	}
	
		/* TRIO 
	 * More padding, bigger h2
	 */
	
	.trio{
		padding-right: 3rem;
		padding-top: 0;
		
	}

	.trio .third .container{
		margin: 3rem 0 3rem 3rem;
		padding: 2rem;
		text-align: center;
		/*height: 300px;*/
	}

	
	#work .third h2{
		font-size: 1.6rem;
		padding-top: 1.5rem;
	}

	
	.trio .img-container{
		width: calc(100% - 1.6rem - 1.5rem); /* compensate for h2 font-size + padding */ 
		margin: 0 auto;
	}
	
	
}

/* Large Devices */
@media only screen and (min-width : 1200px) {
	
	body{
		font-size: 16px;
		font-size: 1.6rem;
	}
	
	#primary{
		width: calc(100% * 3/4 );
	}
	
	#secondary{
		width:  calc(100% * .25 - 6rem);
		margin-right: 6rem;
	}
	
	.site-main{
		margin-left: 6rem;
		margin-right: 6rem;
	}


	#masthead #top{
		display: block;
		height: 160px;
	}
	#masthead .triangle1{
		border-left-width: 200px;
		border-right-width: 200px;
		border-top-width: 160px;
		left: calc(50% - 200px);
	}

	#masthead .triangle2{
		border-left-width: 150px;
		border-right-width: 150px;
		border-top-width: 160px;
		left: calc(50% - 150px);
	}
	
	#masthead img#header-logo{
		width: 100px;
		left: calc(50% - 50px);
		top: 1rem;
	}
	
	.about-site{
		margin: 2.5rem 0;
	}
	.about-site .site-title{
		font-size:6rem;
	}
	
	.about-site .site-description{
		font-size: 2.65rem;
		line-height: 1;
	}

	.nt-header .book-info{
		padding-top: 4rem;
	}
	
	.nt-header h1{
		font-size: 5rem;
	}
	
	.nt-header h1.stencil{
		font-size: 7.5rem;
	}

	.nt-header .subtitle{
		font-size: 2.4rem;
		line-height: 2.4rem;
		padding-bottom: .5rem;
		width: 33rem;
	}
	
	.nt-header .author{
		font-size: 1.2rem;
		font-style: italic;
	}

	.nt-header .author a{
		font-size: 2rem;
		padding-left: .25em;
	}
	
	
	/* TRIO 
	 * More padding to make squares smaller.
 	 */
 	 
 	.trio{
		padding-right: 4.5rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.trio .third .container{
		margin: 2rem 0 2rem 4.5rem;
	}
	
	#work .third h2{
		font-size: 2rem;
		padding-top: 1.5rem;
	}

	
	.trio .img-container{
		width: calc(100% - 2rem - 1.5rem); /* compensate for h2 font-size + padding */ 
	}

		
}

/* Large Devices */
@media only screen and (min-width : 1600px) {
	.slogan .site-description{
		font-size: 2.2rem;
		width: 100%;
	}
	
	/* TRIO 
	 * More padding to make squares smaller.
 	 */
 	 
 	.trio{
		padding-right: 8rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.trio .third .container{
		margin: 2rem 0 2rem 8rem;
	}
	
	#work .third h2{
		font-size: 2.2rem;
		padding-top: 2rem;
	}

	
	.trio .img-container{
		width: calc(100% - 2.2rem - 2rem); /* compensate for h2 font-size + padding */ 
	}

		
	.about-site, 
	#site-navigation,
	#bio, 
	#work,
	.site-main article,
	header.page-header,
		margin-bottom: 6rem;
	}
	
	.home .site-main article.page{
		padding-top: calc(4rem + 1em);
	}
	
	.home .blurb blockquote{
		margin-bottom: calc(4rem + .5em);
	}
	
}