@charset "UTF-8";

@font-face {
	font-family: Chunk;
	src:
		url('font/Chunkfive-webfont.eot#iefix') format('embedded-opentype'),
		url('font/Chunkfive-webfont.woff') format('woff'),
		url('font/Chunkfive-webfont.ttf') format('truetype'),
		url('font/Chunkfive-webfont.svg') format('svg');
}

:root {
	/* Stop Deluminate from accidentally(?) making the background black
	 * even when turned off (this doesn't impair Deluminate when it's
         * legitimately turned on). */
	background-color: #FFF !important;
	overflow-y: scroll;
}

html, body {
	font-family: 'Noto Sans', 'RobotoDraft', 'Roboto', 'Noto Serif', 'Roboto Slab', sans-serif, serif !important;
	margin: 0;
	padding: 0;
}

.material-icons {
	font-family: 'Material Icons', 'Noto Sans', 'RobotoDraft', 'Roboto', 'Noto Serif', 'Roboto Slab', sans-serif, serif !important;
}

.mdi {
	font-family: 'Material Design Icons', 'Noto Sans', 'RobotoDraft', 'Roboto', 'Noto Serif', 'Roboto Slab', sans-serif, serif !important;
}

a {
	-webkit-transition: color .25s;
	-moz-transition: color .25s;
	-o-transition: color .25s;
	transition: color .25s;
}

a:hover {
	color: #40C4FF;
}

abbr {
	border-bottom: 1px dotted;
	cursor: help;
}

b, strong {
	line-height: 1em;
	font-weight: bolder;
}

blockquote {
	overflow: visible;
}

blockquote:before, blockquote:after {
	position: absolute;
	top: -.25em;
	margin: -.5em;
	padding: .5em;
	font-family: 'Noto Serif', 'Roboto Slab', 'Noto Sans', 'RobotoDraft', 'Roboto', serif, sans-serif !important;
	font-size: 1.75em;
}
blockquote:before {
	content: open-quote;
	left: -.875em;
	opacity: .5;
}
blockquote:after {
	content: close-quote;
	right: -.75em;
	opacity: .25;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Noto Serif', 'Roboto Slab', 'Noto Sans', 'RobotoDraft', 'Roboto', serif, sans-serif !important;
}

ol, ul {
	font-size: inherit;
	line-height: inherit;
}

figure {
	margin: 1rem 2rem;
}

figure > img {
	max-width: 100%;
}

figcaption {
	margin: .25rem;
}

.mdl-card {
	/* Prevent cards' actions boxes from becoming distended. */
	min-height: 0;
}

.mdl-mini-footer--link-list > li > a:hover {
	text-decoration: underline;
}

.hide {
	display: none;
}

.top-pg {
	/*min-height: 100vmin;*/ /* This went with the top image. */
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}

.top-img-container {
	position: relative;
	max-height: 75%;
}

.top-img {
	width: 100%;
}

.top-img-credit {
	position: absolute;
	bottom: 0;
	right: 0;
}

.header-block {
	width: 100%;
	margin: 200px 0 0;
	margin: 0;
	padding: 0;
}

.header-block > h1 {
	margin: 0;
	padding-top: .1875em;
	font-size: 8.33333333333vmin;
	font-weight: normal;
	line-height: 1;
	text-align: center;
}

.header-block > h1, .top-nav-btns > * h2 {
	/* Prevent the tips of the headings' last letters, which would
	 * otherwise be slanted into overflow space, from getting cut off. */
	padding-right: .125em;
	font-family: Chunk, 'Noto Serif' !important;
	font-style: italic;
}

main {
	margin: 0;
	padding: 0;
}

.top-nav-btns > a, .mdl-button {
	background-color: #1976D2 !important;
	color: #FFF !important;
	text-decoration: none;
	-webkit-transition: background-color .25s;
	-moz-transition: background-color .25s;
	-o-transition: background-color .25s;
	transition: background-color .25s;
}

.top-nav-btns > a:hover, .mdl-button:hover {
	background-color: #03A9F4 !important;
}

.top-nav-btns > a > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 16px;
}

.top-nav-btns > a > div > h2 {
	margin: 0 auto;
	font-size: 1.75em;
	line-height: normal;
}

.top-nav-btns > a > div > .mdi {
	margin: 0 .25em;
	font-size: 2em;
}

.top-contact-btns {
	display: flex;
	margin: 2rem 12.5%;
	margin: 4.6875vh 9.375vw;
	justify-content: space-around;
}

.contact-btns > a {
	text-decoration: none;
	/* Alas, this doesn't work for browsers that support unprefixed
	 * `transition` but not unprefixed `filter`, including current Chrome.
	 * (Including both `transition: -webkit-filter` and
	 * `transition: filter` wouldn't either, because the latter would
	 * override the former as well as overriding `-webkit-transition`.) */
	-webkit-transition: -webkit-filter .25s;
	-moz-transition: -moz-filter .25s;
	-o-transition: -o-filter .25s;
	transition: filter .25s;
}

.contact-btns > a:hover {
	-webkit-filter: brightness(1.5);
	filter: brightness(1.5);
}

.contact-btns > .mdl-button {
	min-width: 36px;
	margin: .5rem 0;
	padding: 0;
}

.contact-btns > .mdl-button > img {
	max-height: 100%;
}

.contact-btns > .facebook-btn {
	background-color: #3B5998 !important;
}

.contact-btns > .twitter-btn {
	background-color: #55ACEE !important;
}

.contact-btns > .instagram-btn {
	background-color: #3F729B !important;
}

.contact-btns > .medium-btn {
	background-color: #00AB6B !important;
}

.contact-btns > .linkedin-btn {
	background-color: #0077B5 !important;
}

.contact-btns > .simon-and-schuster-btn {
	background-image: url('imgs/icons/simon-and-schuster.jpg');
	background-position: center;
	background-size: cover;
}

.contact-btns > .email-btn {
	/* "224316" is the first six digits of the radix-16 representation of
	 * the SHA-2 384-bit hash of the UTF-8-encoded word "email". */
	background-color: #224316 !important;
}

.pg {
	width: 100%;
	margin: 12.5vmin 0;
	box-sizing: border-box;
	overflow: hidden;
}

.pg-txt {
	box-sizing: border-box;
	padding: 9.375vmin;
}

.pg-txt-main {
	position: relative;
	overflow: hidden;
	-webkit-transition: height .5s;
	-moz-transition: height .5s;
	-o-transition: height .5s;
	transition: height .5s;
}

.pg-txt-main:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0 0 0 0 #FFF, 0 0 0 0 hsla(0, 0%, 100%, .75), 0 0 0 0 hsla(0, 0%, 100%, .75);
	-webkit-transition: box-shadow .5s;
	-moz-transition: box-shadow .5s;
	-o-transition: box-shadow .5s;
	transition: box-shadow .5s;
}

.pg-txt-main.collapsed:after {
	box-shadow: 0 0 2em 1em #FFF, 0 0 4em 2em hsla(0, 0%, 100%, .75), 0 0 8em 4em hsla(0, 0%, 100%, .75);
}

.pg-txt-main > h4:first-child {
	margin-top: 0;
	margin-bottom: .25rem;
	font-weight: bolder;
}

.mdl-button {
	margin-bottom: 2em;
	margin-right: 1em;
	font-weight: bold;
}

.pg-txt-btn-bar {
	margin-bottom: 1em;
	padding-top: 1em;
}

.pg-txt-btn-bar > .mdl-button {
	margin-bottom: 1em;
}

.pg-txt-btn-bar > .mdl-button > .material-icons {
	padding-right: .25em;
	font-size: 1.25em;
	vertical-align: middle;
}

.mdl-button > .icon {
	margin: 0 .375em 0 -.125em;
	padding-bottom: .125em;
}

.collapsed-only-btn {
	opacity: 0;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

.collapsed + .pg-txt-btn-bar > .collapsed-only-btn {
	opacity: 1;
}

.pg-img {
	display: flex;
	align-items: flex-end;
	height: 50vh;
}

.img-credit {
	padding: .5em 1em;
	font-size: .75em;
	color: #FFF;
}

.pg-txt-expand-btn {
	display: none;
}

.pg-barb-the-skateboarder > .pg-img {
	background: url('imgs/barb-skateboarding-1.jpg') bottom/cover;
}

.pg-barb-the-author > .pg-img {
	background: url('imgs/barb/barb-with-books-1-lowqual.jpg') bottom/cover;
}

.pg-presentations > .pg-img {
	background: url('imgs/school-presentations/washdc-yy-2012-1.jpg') center/cover;
}

.pg-barb-the-journalist > .pg-img {
	background: url('imgs/world-travels/Barb-TajMahal-1a-lowqual.jpg') center/cover;
}

.page-footer {
	width: 100%;
	box-sizing: border-box;
}

.page-footer-left-section {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.page-footer-left-section > .mdl-mega-footer--top-section, .page-footer-left-section > .mdl-mega-footer--top-section > div {
	margin: 0 0 2rem;
}

.contact-btns > .mdl-mega-footer--social-btn {
	margin: 0 16px 16px 0;
}

.footer-books-bar > ul {
	padding: 0;
}

.footer-books-bar > ul > li {
	height: 12.5vmin;
	float: left;
	margin-right: 3.125vmin;
	border-radius: 2px;
	list-style: none;
}

.footer-books-bar > ul > li > a > img {
	height: 12.5vmin;
}

.YouTube-video-embed {
	min-height: 43.75vw;
	border: none;
}

.scroll-to-top-btn {
	position: fixed;
	margin: 0;
	left: 2em;
	left: 6.25vmin;
	bottom: 2em;
	bottom: 6.25vmin;
	-webkit-transition: bottom .5s ease;
	-moz-transition: bottom .5s ease;
	-o-transition: bottom .5s ease;
	transition: bottom .5s ease;
}

.scroll-to-top-btn.concealed {
	bottom: -112px;
}

.nowrap {
	white-space: nowrap;
}

.error-pg > .top-pg {
	min-height: 0;
}

.error-pg > main > div {
	width: 37.5%;
	margin: 6.25% auto;
}

.error-pg > .page-footer {
	position: absolute;
	bottom: 0;
}

@media (max-width: 839px) {
	.mdl-tooltip {
		display: none;
	}

	.page-copyright {
		padding: 1rem 0;
		border-top: 1px solid rgb(145,165,180);
		border-top: 1px solid rgba(145,165,180,.6);
	}
}

@media (min-width: 840px) {
	figure {
		max-width: 33.203125%;
	}

	.top-nav-btns {
		position: relative;
		max-width: 67.5%;
	}

	.top-img-container ~ .top-nav-btns {
		/* Make the navigation buttons overlap with the top image. */
		top: -48px;
	}

	.top-contact-btns {
		position: fixed;
		top: 9.375vh;
		right: 0;
		margin: 2rem 1rem;
		flex-direction: column;
	}

	.contact-btns > .mdl-button {
		min-width: 3.125rem;
		min-width: 3.125vw;
	}

	.pg-txt {
		width: 62.5%;
		height: 100%;
		padding-top: 0;
		padding-bottom: 0;
	}

	.pg-img {
		width: 37.5%;
		height: 25vw;
	}

	.pg:nth-of-type(even) > .pg-txt {
		float: left;
		padding-left: 25vmin;
		padding-right: 12.5vmin;
	}

	.pg:nth-of-type(even) > .pg-txt > * > figure {
		float: left;
	}

	.pg:nth-of-type(even) > .pg-img {
		float: right;
		justify-content: flex-end;
	}

	.pg:nth-of-type(odd) > .pg-txt {
		float: right;
		padding-left: 12.5vmin;
		padding-right: 25vmin;
	}

	.pg:nth-of-type(odd) > .pg-txt > * > figure {
		float: right;
	}

	.pg:nth-of-type(odd) > .pg-img {
		float: left;
		justify-content: flex-start;
	}

	.YouTube-video-embed {
		min-height: 25vw;
	}

	.page-footer {
		padding: 2em 0 1em;
		padding: 6.25vmin 0 3.125vmin;
	}

	.page-footer-left-section {
		width: 48vw;
		min-height: 600px;
		padding-left: 3em;
		padding-left: 25vmin;
		box-sizing: border-box;
	}

	.twitter-timeline {
		width: 35.5vw !important;
		height: 600px !important;
		margin-right: 12.5rem !important;
		margin-right: 12.5vw !important;
		border-radius: .375rem;
		background-color: #FFF;
	}

	.scroll-to-top-btn {
		left: -webkit-calc(12.5vmin - 28px);
		left: calc(12.5vmin - 28px);
		bottom: -webkit-calc(12.5vmin - 28px);
		bottom: calc(12.5vmin - 28px);
	}
}

/* :lang() should accept a comma-separated list per spec, but not even
 * Chromium seems to have implemented this. */
/* «…» «…» */ :lang(fa) { quotes: "\00AB" "\00BB"; }
/* «…» «…» */ :lang(fr) { quotes: "\00AB" "\00BB"; }
/* «…» «…» */ :lang(hy) { quotes: "\00AB" "\00BB"; }
/* «…» ’…’ */ :lang(no) { quotes: "\00AB" "\00BB" "\2019" "\2019"; }
/* «…» “…” */ :lang(be) { quotes: "\00AB" "\00BB" "\201C" "\201D"; }
/* «…» “…” */ :lang(ca) { quotes: "\00AB" "\00BB" "\201C" "\201D"; }
/* «…» “…” */ :lang(el) { quotes: "\00AB" "\00BB" "\201C" "\201D"; }
/* «…» “…” */ :lang(es) { quotes: "\00AB" "\00BB" "\201C" "\201D"; }
/* «…» “…” */ :lang(it) { quotes: "\00AB" "\00BB" "\201C" "\201D"; }
/* «…» “…” */ :lang(pt) { quotes: "\00AB" "\00BB" "\201C" "\201D"; }
/* «…» “…” */ :lang(pt-PT) { quotes: "\00AB" "\00BB" "\201C" "\201D"; }
/* «…» „…“ */ :lang(lv) { quotes: "\00AB" "\00BB" "\201E" "\201C"; }
/* «…» „…“ */ :lang(ru) { quotes: "\00AB" "\00BB" "\201E" "\201C"; }
/* «…» „…“ */ :lang(uk) { quotes: "\00AB" "\00BB" "\201E" "\201C"; }
/* «…» ‹…› */ :lang(az) { quotes: "\00AB" "\00BB" "\2039" "\203A"; }
/* «…» ‹…› */ :lang(de-CH) { quotes: "\00AB" "\00BB" "\2039" "\203A"; }
/* «…» ‹…› */ :lang(eu) { quotes: "\00AB" "\00BB" "\2039" "\203A"; }
/* «…» ‹…› */ :lang(fr-CH) { quotes: "\00AB" "\00BB" "\2039" "\203A"; }
/* «…» ‹…› */ :lang(it-CH) { quotes: "\00AB" "\00BB" "\2039" "\203A"; }
/* »…« ›…‹ */ :lang(da) { quotes: "\00BB" "\00AB" "\203A" "\2039"; }
/* ‘…’ “…” */ :lang(cy) { quotes: "\2018" "\2019" "\201C" "\201D"; }
/* ‘…’ “…” */ :lang(en-GB) { quotes: "\2018" "\2019" "\201C" "\201D"; }
/* ‘…’ “…” */ :lang(nl) { quotes: "\2018" "\2019" "\201C" "\201D"; }
/* “…” ‘…’ */ :lang(af) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(en) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(en-CA) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(en-US) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(eo) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(fil) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(ga) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(ia) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(id) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(ko) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(pt-BR) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(th) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(tr) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” ‘…’ */ :lang(zh-Hans) { quotes: "\201C" "\201D" "\2018" "\2019"; }
/* “…” “…” */ :lang(ar) { quotes: "\201C" "\201D"; }
/* “…” “…” */ :lang(vi) { quotes: "\201C" "\201D"; }
/* ”…” ’…’ */ :lang(fi) { quotes: "\201D" "\201D" "\2019" "\2019"; }
/* ”…” ’…’ */ :lang(sv) { quotes: "\201D" "\201D" "\2019" "\2019"; }
/* „…“ «…» */ :lang(ro) { quotes: "\201E" "\201C" "\00AB" "\00BB"; }
/* „…“ »…« */ :lang(bs) { quotes: "\201E" "\201C" "\00BB" "\00AB"; }
/* „…“ ‘…’ */ :lang(bg) { quotes: "\201E" "\201C" "\2018" "\2019"; }
/* „…“ ‘…’ */ :lang(sq) { quotes: "\201E" "\201C" "\2018" "\2019"; }
/* „…“ ’…‘ */ :lang(mk) { quotes: "\201E" "\201C" "\2019" "\2018"; }
/* „…“ ‚…‘ */ :lang(cs) { quotes: "\201E" "\201C" "\201A" "\2018"; }
/* „…“ ‚…‘ */ :lang(de) { quotes: "\201E" "\201C" "\201A" "\2018"; }
/* „…“ ‚…‘ */ :lang(is) { quotes: "\201E" "\201C" "\201A" "\2018"; }
/* „…“ ‚…‘ */ :lang(sk) { quotes: "\201E" "\201C" "\201A" "\2018"; }
/* „…“ ‚…‘ */ :lang(sl) { quotes: "\201E" "\201C" "\201A" "\2018"; }
/* „…“ ‚…‘ */ :lang(wen) { quotes: "\201E" "\201C" "\201A" "\2018"; }
/* „…“ „…“ */ :lang(et) { quotes: "\201E" "\201C"; }
/* „…“ „…“ */ :lang(ka) { quotes: "\201E" "\201C"; }
/* „…“ „…“ */ :lang(lt) { quotes: "\201E" "\201C"; }
/* „…” «…» */ :lang(pl) { quotes: "\201E" "\201D" "\00AB" "\00BB"; }
/* „…” »…« ’…’ */ :lang(hu) { quotes: "\201E" "\201D" "\00BB" "\00AB" "\2019" "\2019"; }
/* „…” ‘…’ */ :lang(hr) { quotes: "\201E" "\201D" "\2018" "\2019"; }
/* „…” ’…’ */ :lang(sr) { quotes: "\201E" "\201D" "\2019" "\2019"; }
/* „…” ‚…’ */ :lang(he) { quotes: "\201E" "\201D" "\201A" "\2019"; }
/* 「…」 『…』 */ :lang(ja) { quotes: "\300C" "\300D" "\300E" "\300F"; }
/* 「…」 『…』 */ :lang(zh-Hant) { quotes: "\300C" "\300D" "\300E" "\300F"; }