@charset "UTF-8";
/*!
Theme Name: TSS2019
Theme URI: http://underscores.me/
Author: diane
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tss2019
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

TSS2019 is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/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
--------------------------------------------------------------*/
/**underscores default color variables - decide whether to keep or ditch later -dp **/
/*@import url(../MyFontsWebfontsKit.css);*/
/**
 * @license
 * MyFonts Webfont Build ID 2975054, 2015-02-18T14:06:39-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: MostraNuova by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/regular/
 * 
 * Webfont: MostraNuovaAltB by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/alt-b/
 * 
 * Webfont: MostraNuovaAltC by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/alt-c/
 * 
 * Webfont: MostraNuovaAltA by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/alt-a/
 * 
 * Webfont: MostraNuovaAltD by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/alt-d/
 * 
 * Webfont: MostraNuova-Heavy by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/heavy/
 * 
 * Webfont: MostraNuovaAltB-Heavy by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/heavy-alt-b/
 * 
 * Webfont: MostraNuovaAltC-Heavy by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/heavy-alt-c/
 * 
 * Webfont: MostraNuovaAltA-Heavy by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/heavy-alt-a/
 * 
 * Webfont: MostraNuovaAltD-Heavy by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/heavy-alt-d/
 * 
 * Webfont: MostraNuova-Light by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/light/
 * 
 * Webfont: MostraNuovaAltA-Light by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/light-alt-a/
 * 
 * Webfont: MostraNuovaAltB-Light by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/light-alt-b/
 * 
 * Webfont: MostraNuovaAltC-Light by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/light-alt-c/
 * 
 * Webfont: MostraNuovaAltD-Light by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/light-alt-d/
 * 
 * Webfont: MostraNuova-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/bold/
 * 
 * Webfont: MostraNuova-Thin by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/thin/
 * 
 * Webfont: MostraNuova-Black by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/black/
 * 
 * Webfont: MostraNuovaAltD-Thin by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/thin-alt-d/
 * 
 * Webfont: MostraNuovaAltA-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/bold-alt-a/
 * 
 * Webfont: MostraNuovaAltA-Black by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/black-alt-a/
 * 
 * Webfont: MostraNuovaAltA-Thin by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/thin-alt-a/
 * 
 * Webfont: MostraNuovaAltC-Thin by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/thin-alt-c/
 * 
 * Webfont: MostraNuovaAltC-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/bold-alt-c/
 * 
 * Webfont: MostraNuovaAltB-Black by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/black-alt-b/
 * 
 * Webfont: MostraNuovaAltD-Black by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/black-alt-d/
 * 
 * Webfont: MostraNuovaAltB-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/bold-alt-b/
 * 
 * Webfont: MostraNuovaAltC-Black by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/black-alt-c/
 * 
 * Webfont: MostraNuovaAltD-Bold by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/bold-alt-d/
 * 
 * Webfont: MostraNuovaAltB-Thin by Mark Simonson
 * URL: http://www.myfonts.com/fonts/marksimonson/mostra-nuova/thin-alt-b/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2975054
 * Licensed pageviews: 1,000,000
 * Webfonts copyright: Copyright (c) 2009 by Mark Simonson. www.ms-studio.com. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2d654e");
@font-face {
  font-family: "MostraNuova";
  src: url("../webfonts/2D654E_0_0.eot");
  src: url("webfonts/2D654E_0_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2D654E_0_0.woff2") format("woff2"), url("../webfonts/2D654E_0_0.woff") format("woff"), url("../webfonts/2D654E_0_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MostraNuova";
  src: url("../webfonts/2D654E_A_0.eot");
  src: url("../webfonts/2D654E_A_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2D654E_A_0.woff2") format("woff2"), url("webfonts/2D654E_A_0.woff") format("woff"), url("../webfonts/2D654E_A_0.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "MostraNuova";
  src: url("../webfonts/2D654E_F_0.eot");
  src: url("../webfonts/2D654E_F_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2D654E_F_0.woff2") format("woff2"), url("../webfonts/2D654E_F_0.woff") format("woff"), url("../webfonts/2D654E_F_0.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "MostraNuova";
  src: url("../webfonts/2D654E_5_0.eot");
  src: url("../webfonts/2D654E_5_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2D654E_5_0.woff2") format("woff2"), url("../webfonts/2D654E_5_0.woff") format("woff"), url("../webfonts/2D654E_5_0.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "MostraNuovaAltB";
  src: url("../webfonts/2D654E_C_0.eot");
  src: url("../webfonts/2D654E_C_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2D654E_C_0.woff2") format("woff2"), url("../webfonts/2D654E_C_0.woff") format("woff"), url("../webfonts/2D654E_C_0.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "MostraNuovaAltB";
  src: url("../webfonts/2D654E_6_0.eot");
  src: url("../webfonts/2D654E_6_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/2D654E_6_0.woff2") format("woff2"), url("../webfonts/2D654E_6_0.woff") format("woff"), url("../webfonts/2D654E_6_0.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Zangezi";
  src: url("../fonts/Zangezi04-Regular.woff2") format("woff2"), url("../fonts/Zangezi04-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Zangezi";
  src: url("../fonts/Zangezi04-SemiLight.woff2") format("woff2"), url("../fonts/Zangezi04-SemiLight.woff") format("woff");
  font-weight: light;
  font-style: normal;
}
@font-face {
  font-family: "UntitledSansWeb";
  src: url("../fonts/UntitledSansWeb-Regular.eot");
  src: url("../fonts/UntitledSansWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/UntitledSansWeb-Regular.woff2") format("woff2"), url("../fonts/UntitledSansWeb-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "UntitledSansWeb";
  src: url("../fonts/UntitledSansWeb-RegularItalic.eot");
  src: url("../fonts/UntitledSansWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/UntitledSansWeb-RegularItalic.woff2") format("woff2"), url("../fonts/UntitledSansWeb-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
.UntitledSansWeb {
  font-family: "UntitledSansWeb";
}
.UntitledSansWeb-italic {
  font-family: "UntitledSansWeb";
  font-style: italic;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {
  color: #404040;
  font-family: "UntitledSansWeb", Proxima Nova, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: "MostraNuova", sans-serif;
  margin: 0;
}
.entry-header {
  text-align: center;
}
h1 {
  font-size: 3em;
  font-weight: 800;
  text-transform: lowercase;
}
h2 {
  font-size: 3em;
  font-weight: 800;
  text-transform: lowercase;
}
h2 a, h2 a:hover {
  text-decoration: none;
}
h2 a {
  color: inherit;
}
h2 a:hover {
  color: royalblue;
}
h2 a:visited {
  color: inherit;
}
h3 {
  font-family: Zangezi, Georgia, serif;
  font-size: 1.5em;
}
@media screen and (max-width: 500px) {
  h3 {
    font-size: 1.25em;
  }
}
.post-date, .byline, .illustrator, .cats {
  font-family: "MostraNuova", sans-serif;
  text-transform: uppercase;
  font-size: 0.8em;
  margin-bottom: 0em;
}
.byline {
  font-size: 1em;
}
.byline a, .byline a:visited {
  color: inherit;
}
.ss-break {
  transform: rotate(90deg);
  display: inline-block;
  font-family: "MostraNuova", sans-serif;
  font-size: 3em;
}
@media screen and (max-width: 500px) {
  .ss-break {
    font-size: 2em;
  }
}
.home-river h2 {
  font-size: 3.5em;
  font-size: 4vw;
  line-height: 1em;
}
@media screen and (max-width: 500px) {
  .home-river h2 {
    font-size: 3em;
  }
}
.single .entry-content h1, .single .entry-content h2, .single .entry-content h3, .single .entry-content h4, .single .entry-content h5, .single .entry-content h6 {
  max-width: 620px;
  margin: 0 auto;
}
.single .entry-content .entry-title {
  margin: 0;
  font-size: 5em;
}
@media screen and (max-width: 500px) {
  .single .entry-content .entry-title {
    font-size: 3em;
  }
}
@media screen and (max-width: 500px) {
  .single .entry-content h3 {
    font-size: 1.25em;
  }
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  max-width: 620px;
  margin: 0 auto;
}
.page .entry-content h1, .page .entry-content h2, .page .entry-content h3, .page .entry-content h4, .page .entry-content h5, .page .entry-content h6 {
  max-width: 780px;
}
.page .entry-content h1 a, .page .entry-content h2 a, .page .entry-content h3 a, .page .entry-content h4 a, .page .entry-content h5 a, .page .entry-content h6 a {
  color: inherit;
}
.page .entry-content h1 a:hover, .page .entry-content h1 a:visited, .page .entry-content h2 a:hover, .page .entry-content h2 a:visited, .page .entry-content h3 a:hover, .page .entry-content h3 a:visited, .page .entry-content h4 a:hover, .page .entry-content h4 a:visited, .page .entry-content h5 a:hover, .page .entry-content h5 a:visited, .page .entry-content h6 a:hover, .page .entry-content h6 a:visited {
  color: inherit;
}
p {
  margin-bottom: 1.5em;
}
dfn, cite, em, i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
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 {
  font-size: 125%;
}
.entry-content {
  /**legacy elements */
}
.entry-content p {
  max-width: 620px;
  margin: 0 auto 1.5em auto;
}
@media screen and (max-width: 500px) {
  .entry-content p {
    padding: 0 1em;
  }
}
.entry-content p strong {
  font-family: "MostraNuova", sans-serif;
  font-weight: bold;
}
.entry-content > p:not(.has-drop-cap):first-of-type:first-letter {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-size: 8.4em;
  float: left;
  margin-right: 10px;
  margin-bottom: -0.4em;
  margin-top: -0.6em;
  initial-letter: 5;
}
.entry-content p.has-drop-cap:first-letter {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  margin-top: -0.15em;
}
.entry-content blockquote {
  font-style: normal;
  font-family: Zangezi, Georgia, serif;
}
.entry-content blockquote cite {
  display: block;
  max-width: 620px;
  margin: 0 auto 3em auto;
}
.entry-content ul, .entry-content ol {
  max-width: 620px;
  margin: 0 auto 1.5em auto;
}
.entry-content .intro-note {
  max-width: 620px;
  margin: 0 auto;
  padding: 3em;
  background: #eee;
}
.entry-content .intro-note:first-letter {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-size: 8.4em;
  float: left;
  margin-right: 10px;
  margin-bottom: -0.4em;
  margin-top: -0.6em;
  initial-letter: 5;
}
.entry-content .intro-note + p:first-letter, .entry-content .intro-note + p strong:first-letter {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  float: none !important;
  margin: 0 !important;
  text-transform: inherit !important;
}
.entry-content .block-square {
  max-width: 200px;
  float: left;
}
/*--------------------------------------------------------------
# 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 https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}
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;
}
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. */
}
figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
  /*border: 1px solid;
	border-color: $color__border-button;*/
  border: 0px;
  border-radius: 3px;
  background: #153C97;
  color: white;
  /*@include font-size(0.75);*/
  line-height: 1;
  padding: 0.6em 1em 0.4em;
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-weight: 700;
  font-size: 1em;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  /*border-color: $color__border-button-hover;*/
}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}
a.button-like {
  max-width: 200px;
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  margin: 0 auto;
  text-align: center;
  color: white;
  background: red;
  height: 3em;
  padding: 0.75em 1em;
  display: block;
}
a.button-like:visited, a.button-like:hover {
  color: white;
}
a.button-like:hover {
  background: blue;
}
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;
  border-radius: 3px;
  padding: 3px;
}
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;
}
select {
  border: 1px solid #ccc;
}
textarea {
  width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: royalblue;
  text-decoration: none;
}
a:visited {
  color: purple;
}
a:hover, a:focus, a:active {
  color: midnightblue;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
body.home {
  /*padding-top:8em;*/
  /*ugh it's a magic number*/
}
/**to move page to compensate for admin bar when logged in**/
body.admin-bar .site-branding {
  padding-top: 32px;
}
@media screen and (max-width: 500px) {
  body.admin-bar .site-branding {
    padding-top: 0;
  }
}
body.admin-bar .site-header {
  /*margin-top:32px;*/
}
@media screen and (max-width: 500px) {
  body.admin-bar.single .site-branding {
    padding-top: 32px;
  }
}
.site-header {
  top: 0;
  width: 100%;
}
/**end admin bar adjustments **/
.main-navigation {
  clear: both;
  /*display: block;
	float: left;*/
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  /*float: left;
		position: relative;*/
  margin-left: 1em;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
  display: block;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
    display: flex;
    justify-content: right;
    /*align-items:center;*/
    /*min-height:80px;*/
  }
}
.comment-navigation .nav-previous, .comment-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next, .post-navigation .nav-previous, .post-navigation .nav-next {
  max-width: 200px;
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  margin: 0 auto;
  text-align: center;
  display: flex;
  height: 3em;
}
.comment-navigation .nav-previous a, .comment-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a, .post-navigation .nav-previous a, .post-navigation .nav-next a {
  align-self: center;
  width: 100%;
  color: white;
}
.comment-navigation .nav-previous a:visited, .comment-navigation .nav-next a:visited, .posts-navigation .nav-previous a:visited, .posts-navigation .nav-next a:visited, .post-navigation .nav-previous a:visited, .post-navigation .nav-next a:visited {
  color: white;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  background: red;
  height: 3em;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  /*float: right;
		text-align: right;
		width: 50%;*/
  background: blue;
}
.posts-navigation {
  position: sticky;
}
.site-branding {
  text-align: center;
}
.site-header {
  display: grid;
  grid-template-columns: 0 5fr 3fr;
  padding: 1.25em 3em;
  position: fixed;
}
@media screen and (max-width: 500px) {
  .site-header {
    /*background:white;*/
    /*z-index:10;*/
    padding: 1em;
    grid-template-columns: 1fr;
    z-index: -2;
  }
}
.site-header .site-branding {
  text-align: left;
}
.site-header .main-navigation {
  grid-column: 3;
}
.site-header .search {
  grid-column: 4;
}
.site-header .main-navigation ul {
  justify-content: flex-end;
}
.site-header .main-navigation ul li {
  font-family: "MostraNuova", sans-serif;
  font-weight: 400;
  font-size: 1.25em;
}
.site-header.home, .site-header.archive {
  background: black;
  position: sticky;
  color: white;
}
.site-header.home a, .site-header.archive a {
  color: white !important;
  text-decoration: none;
}
.home .taptap-main-menu-button:before, .home .taptap-main-menu-button div.taptap-main-menu-button-middle:before, .home .taptap-main-menu-button:after, .home .taptap-main-menu-button-two:before, .home .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before, .home .taptap-main-menu-button-two:after, .home .taptap-main-menu-button-three:before, .home .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before, .home .taptap-main-menu-button-three:after, .home .taptap-main-menu-button-four:before, .home .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before, .home .taptap-main-menu-button-four:after, .home .taptap-main-menu-button-five:before, .home .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before, .home .taptap-main-menu-button-five:after, .home .taptap-main-menu-button-six:before, .home .taptap-main-menu-button-six:after, .home .taptap-search-button::after {
  background-color: whitesmoke;
}
.home .taptap-search-button {
  border-color: whitesmoke;
}
.single .site-header {
  z-index: 100;
}
body {
  /*.taptap-search-button-wrapper {
		left:auto;
		right:70px;
	}

	.taptap-search-button-wrapper, .taptap-menu-button-wrapper {
		top:20px;

		@media screen and (max-width: $break__small) {
			top:30px;
		}
	}

	&.single {
		@media screen and (max-width: $break__small) {
			.taptap-search-button-wrapper, .taptap-menu-button-wrapper {
				top:15px;
			}

			.taptap-menu-button-wrapper {
				right:30px;
			}
		}
	}*/
}
body .site-header {
  padding: 0.5em 3em;
}
@media screen and (max-width: 500px) {
  body .site-header {
    padding: 1em;
  }
  body .site-header:before {
    display: none;
  }
}
.site-footer {
  display: grid;
  grid-template-columns: 2fr 3fr 2fr;
  column-gap: 3em;
  min-height: 300px;
  padding: 3em;
  margin-top: 5em;
  background: black;
  color: white;
  position: fixed;
  bottom: 0;
  z-index: -1;
  background: black;
  color: white;
}
@media screen and (max-width: 500px) {
  .site-footer {
    grid-template-columns: 1fr;
    position: static;
    padding: 0;
    margin: 0;
  }
}
.site-footer .site-info {
  grid-column: 3;
}
@media screen and (max-width: 500px) {
  .site-footer .site-info {
    grid-column: auto;
  }
}
.site-footer .site-info p {
  font-family: Zangezi, Georgia, serif;
}
@media screen and (max-width: 500px) {
  .site-footer .site-info p {
    padding: 0 1.5em;
  }
}
.site-footer .site-info p strong {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-weight: 700;
  font-size: 1.1em;
}
.site-footer #footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-weight: 700;
  font-size: 1.1em;
  margin-top: 1em;
}
@media screen and (max-width: 500px) {
  .site-footer #footer-menu {
    text-align: center;
    grid-row: 1;
  }
}
.site-footer #footer-menu li {
  margin-bottom: 1em;
  margin-left: 4em;
  font-size: 1.2em;
}
@media screen and (max-width: 500px) {
  .site-footer #footer-menu li {
    margin-left: 0;
  }
}
.site-footer #footer-menu li a {
  color: whitesmoke;
}
.site-footer #mc_embed_signup {
  font-family: "UntitledSansWeb", Proxima Nova, sans-serif;
}
.site-footer #mc_embed_signup form {
  display: block;
}
.site-footer #mc_embed_signup h3 {
  font-size: 1.25em;
  margin-bottom: 1em;
}
.site-footer #mc_embed_signup label {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  display: block;
}
.site-footer #mc_embed_signup input.email {
  width: 75%;
}
.site-footer #mc_embed_signup input.button {
  border-radius: 0;
}
.site-footer .newsletter-social-container {
  grid-column: 2;
  grid-row: 1;
  background: white;
  color: black;
  margin-top: -3em;
  padding: 3em;
}
@media screen and (max-width: 500px) {
  .site-footer .newsletter-social-container {
    grid-column: auto;
    grid-row: 2;
    margin-top: 0;
  }
}
.site-footer .social-links {
  grid-column: 2;
  padding: 3em;
  padding-bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 4em;
}
.site-footer .social-links a, .site-footer .social-links a img {
  display: block;
  width: 50px;
}
@media screen and (max-width: 500px) {
  .site-footer .social-links {
    grid-column: auto;
    padding-bottom: 3em;
  }
}
.site-footer .social-links img {
  max-width: 50px;
  /*display:inline-block;*/
}
.site-footer .social-links h3 {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  flex-basis: 25%;
  width: 100%;
  margin: 0;
}
@media screen and (max-width: 500px) {
  .site-footer .social-links h3 {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .home .site-footer {
    margin-top: 3em;
  }
}
.site-footer:before {
  display: none;
}
.post-navigation {
  /*UNTIL I FIGURE OUT WHERE THEY LIVE -DP 05/19*/
  display: none;
}
.taptap-search-wrapper #searchform input {
  font-size: 2em;
}
.taptap-search-widgets-wrapper {
  position: relative;
  top: 200px;
  padding: 3em;
  color: white;
}
.taptap-search-widgets-wrapper .tagcloud {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
}
.taptap-by-bonfire ul li a {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-weight: 700;
}
/**logo animation from abbreviation to longname on subpages**/
#top-logo {
  position: fixed;
  top: 8px;
  /*top:40px; after change to hidden text it got smaller ugh i wish this was less of a magic number*/
  z-index: 10;
  left: 48px;
  color: white;
}
#top-logo.show {
  /*opacity:1;
	transition: opacity 1s;*/
  /*visiblity:visible;*/
  display: inline;
}
.hide {
  display: none;
  /*visibility:hidden;
	display:inline;*/
}
.logo {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-size: 2.75em;
  font-family: MostraNuovaAltB;
}
#top-logo-mobile {
  display: none;
}
abbr.logo {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-size: 2.75em;
  border-bottom: none;
  font-family: MostraNuovaAltB;
  letter-spacing: -5px;
}
abbr span {
  display: none;
}
abbr span span {
  font-weight: 100;
  font-size: 1em;
}
abbr:hover span {
  display: inline-block;
}
abbr:hover span, abbr.logo:hover {
  letter-spacing: initial;
}
@media screen and (max-width: 500px) {
  .logo {
    font-size: 2.5em;
  }
  .logo span {
    display: none;
  }
  #top-logo {
    display: none;
  }
  #top-logo-mobile {
    display: inline;
    visibility: hidden;
    position: fixed;
    left: 12px;
    color: black;
    z-index: 100;
  }
  #top-logo-mobile.show {
    visibility: visible;
  }
  .taptap-menu-button-wrapper, .taptap-search-button-wrapper {
    top: 3px !important;
  }
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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;
  clip-path: none;
  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 {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
/*.site-footer:before,
.site-footer:after*/
.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 {
  display: none;
  content: "";
  display: table;
  table-layout: fixed;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after {
  /*.site-footer:after*/
  /*@include clearfix-after;*/
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
body.home {
  background: black;
}
#content {
  /*background:white;*/
  margin-bottom: 500px;
  /*please do the below a better way <3 dp 07168*/
  /*margin-top:-66px; */
}
@media screen and (max-width: 500px) {
  #content {
    margin-bottom: 0;
  }
}
.sticky {
  display: block;
}
.post, .page {
  margin: 0 0 1.5em;
}
.updated:not(.published) {
  display: none;
}
.page-content, .entry-content, .entry-summary {
  /*margin: 1.5em 0 0;*/
  margin: 3em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.home-river article {
  display: grid;
  grid-template-columns: 50% 50%;
  margin-bottom: 0;
  max-height: 80vh;
  color: white;
  position: sticky;
  /*sticky experiment, 06/11/19 -dp*/
  top: 0px;
  /*66px*/
  /*&:last-of-type{
				margin-bottom:3em;
			}*/
  /*header*/
}
@media screen and (max-width: 500px) {
  .home-river article {
    grid-template-columns: 1fr;
    grid-template-rows: 50% 50%;
    grid-template-rows: 1fr 1fr;
    position: sticky;
    top: -25vh;
    max-height: 100vh;
  }
}
.home-river article .header-contain {
  display: grid;
  align-items: center;
  align-self: center;
  background: teal;
  height: 80vh;
}
@media screen and (max-width: 500px) {
  .home-river article .header-contain {
    height: auto;
    padding: 1em;
    min-height: 50vh;
  }
}
.home-river article header {
  margin: 0 auto;
  max-width: 80vh;
}
.home-river article .home-thumbnail {
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  /*sticky experiment, 06/11/19 -dp*/
  background-color: white;
}
@media screen and (max-width: 500px) {
  .home-river article .home-thumbnail {
    height: 50vh;
  }
}
.home-river article:nth-child(even) {
  direction: rtl;
}
.home-river article:nth-child(even) .header-contain:nth-child(even) {
  /*header*/
  background: royalblue;
}
.home-river-flex article {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.home-river-flex article header {
  background: red;
}
.home-river-flex article:nth-child(even) {
  flex-direction: row-reverse;
}
.single {
  /* sticky experiment, refactor later -dp 0717 */
}
.single .content-area {
  background: white;
}
.single .header-contain {
  padding: 5em;
  background: white;
}
@media screen and (max-width: 500px) {
  .single .header-contain {
    /*overridden if defined in custom field*/
    padding: 3em;
    padding-bottom: 0;
  }
}
.single .single-lead.alignfull {
  margin: 0;
}
.single .single-lead.alignfull img {
  width: 100%;
  display: block;
}
.single .wp-block-image img {
  /*quick hack for images that are unaligned in gutenberg*/
  /*text-align:center;*/
}
.single .single-lead.alignfull, .single .header-contain, .single aside {
  position: sticky;
  top: 0;
}
.single .entry-content, .single aside {
  background: white;
}
.single .entry-content {
  margin: 0;
  padding-top: 3em;
  position: relative;
  z-index: 1;
}
#page #primary {
  background: white;
}
.page .entry-content {
  background: whitesmoke;
  position: relative;
}
.archive .page-header, .search-results .page-header, .page .page-header {
  text-align: center;
}
.archive .page-header .page-title, .search-results .page-header .page-title, .page .page-header .page-title {
  font-family: "Mostra Nuova", sans-serif;
  text-transform: lowercase;
  font-size: 5em;
  font-weight: 300;
}
@media screen and (max-width: 500px) {
  .archive .page-header .page-title, .search-results .page-header .page-title, .page .page-header .page-title {
    font-size: 3em;
  }
}
.archive .page-header .archive-description, .search-results .page-header .archive-description, .page .page-header .archive-description {
  font-family: Zangezi, Georgia, serif;
  font-size: 1.2em;
}
.archive .page-header .archive-description.author strong:first-of-type, .search-results .page-header .archive-description.author strong:first-of-type, .page .page-header .archive-description.author strong:first-of-type {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
}
.archive:not(.category-archive) #page #primary, .search-results:not(.category-archive) #page #primary, .page:not(.category-archive) #page #primary {
  padding: 3em;
  padding-top: 6em;
  background: whitesmoke;
}
@media screen and (max-width: 500px) {
  .archive:not(.category-archive) #page #primary, .search-results:not(.category-archive) #page #primary, .page:not(.category-archive) #page #primary {
    padding: 0;
    padding: 1em;
    padding-top: 3em;
    box-sizing: border-box;
  }
}
.archive:not(.category-archive) .page-header, .search-results:not(.category-archive) .page-header, .page:not(.category-archive) .page-header {
  position: sticky;
  top: 1em;
}
.archive:not(.category-archive) .flex-contain, .search-results:not(.category-archive) .flex-contain, .page:not(.category-archive) .flex-contain {
  position: relative;
  z-index: 2;
  background: whitesmoke;
}
.archive .flex-contain, .search-results .flex-contain, .page .flex-contain {
  margin: 3em;
  margin-left: 6em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.archive .flex-contain article, .search-results .flex-contain article, .page .flex-contain article {
  margin-right: 3em;
}
.archive .flex-contain article:last-of-type, .search-results .flex-contain article:last-of-type, .page .flex-contain article:last-of-type {
  margin-right: 0;
}
.archive .flex-contain article .entry-header h2, .archive .flex-contain article .entry-header h3, .archive .flex-contain article .entry-header h4, .archive .flex-contain article .entry-header .post-date, .search-results .flex-contain article .entry-header h2, .search-results .flex-contain article .entry-header h3, .search-results .flex-contain article .entry-header h4, .search-results .flex-contain article .entry-header .post-date, .page .flex-contain article .entry-header h2, .page .flex-contain article .entry-header h3, .page .flex-contain article .entry-header h4, .page .flex-contain article .entry-header .post-date {
  text-align: left;
}
.archive .flex-contain article .entry-header .entry-title, .search-results .flex-contain article .entry-header .entry-title, .page .flex-contain article .entry-header .entry-title {
  line-height: 1.2em;
}
.archive .flex-contain article .entry-header .subhead, .search-results .flex-contain article .entry-header .subhead, .page .flex-contain article .entry-header .subhead {
  font-weight: 300;
  font-size: 1.25em;
}
.archive .flex-contain article .archive-thumb, .search-results .flex-contain article .archive-thumb, .page .flex-contain article .archive-thumb {
  /*max-height:300px;*/
  overflow: hidden;
  background: white;
  height: 300px;
}
.archive .flex-contain article .archive-thumb img, .search-results .flex-contain article .archive-thumb img, .page .flex-contain article .archive-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 500px) {
  .archive .flex-contain, .search-results .flex-contain, .page .flex-contain {
    margin: 0;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
    grid-gap: 1.5em;
  }
  .archive .flex-contain article, .search-results .flex-contain article, .page .flex-contain article {
    margin-right: 0;
  }
  .archive .flex-contain article .archive-thumb, .search-results .flex-contain article .archive-thumb, .page .flex-contain article .archive-thumb {
    height: 150px;
  }
  .archive .flex-contain article .ss-break, .search-results .flex-contain article .ss-break, .page .flex-contain article .ss-break {
    font-size: 2em;
  }
}
.category-archive {
  /* sticky experiment, refactor later -dp 0717 */
}
.category-archive section {
  /*position:sticky;
		top:0;*/
  padding: 3em;
}
.category-archive section .flex-contain {
  margin: 0 0 0 6em;
}
@media screen and (max-width: 500px) {
  .category-archive section {
    max-width: 100%;
    padding: 1em;
  }
}
.category-archive .on-this-day {
  background: lavender;
}
.category-archive .on-this-day h1 {
  font-family: "Mostra Nuova", sans-serif;
  text-transform: lowercase;
  font-size: 5em;
  font-weight: 300;
}
.category-archive section, .category-archive aside {
  position: sticky;
  top: 0;
}
@media screen and (max-width: 500px) {
  .category-archive section, .category-archive aside {
    position: relative;
  }
}
.category-archive section.on-this-day {
  position: relative;
  z-index: 5;
}
.category-archive .entry-content, .category-archive section, .category-archive aside {
  background: white;
}
.category-archive .entry-content {
  margin: 0;
  padding-top: 3em;
  position: relative;
  z-index: 1;
}
.category-archive .w4pl {
  padding: 3em;
}
.category-archive .w4pl .w4pl-container {
  /*list-style:none;*/
  display: flex;
}
@media screen and (max-width: 500px) {
  .category-archive .w4pl .w4pl-container {
    flex-wrap: wrap;
  }
}
.category-archive .w4pl .w4pl-container article {
  background: white;
  padding: 3em;
}
.category-archive .w4pl .w4pl-container article .w4pl_post_title {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-size: 2em;
}
.category-archive .w4pl .w4pl-container article .w4pl_subhead {
  font-family: Zangezi, Georgia, serif;
  margin: 0;
}
.category-archive .w4pl .w4pl-container article .w4pl_byline {
  font-family: "MostraNuova", sans-serif, "UntitledSansWeb", Proxima Nova, sans-serif, sans-serif;
  margin: 0;
}
.category-archive .w4pl .w4pl-container article figure.archive-thumb {
  max-height: 200px;
  overflow: hidden;
}
@media screen and (max-width: 500px) {
  .category-archive .w4pl .w4pl-container article {
    padding: 1em 0;
    text-align: center;
    line-height: 1.5em;
  }
  .category-archive .w4pl .w4pl-container article .ss-break {
    font-size: 2em;
  }
}
@media screen and (max-width: 500px) {
  .category-archive .w4pl {
    padding: 0;
  }
}
.category-archive .search-and-filters {
  background: black;
  color: white;
}
.category-archive .search-and-filters .subhead {
  font-family: Zangezi, Georgia, serif;
  font-size: 1.5em;
  font-weight: 100;
  margin-left: 3em;
}
@media screen and (max-width: 500px) {
  .category-archive .search-and-filters .subhead {
    margin-left: 0;
  }
}
.category-archive .search-and-filters .search-form {
  display: grid;
  grid-template-columns: 5fr 1fr;
  max-width: 900px;
  margin: 3em auto;
  border-radius: 0;
}
.category-archive .search-and-filters .search-field {
  width: 95%;
}
.category-archive .category-sort {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  text-align: center;
}
@media screen and (max-width: 500px) {
  .category-archive .category-sort {
    text-align: left;
  }
}
.category-archive .category-sort label {
  font-size: 1.5em;
}
.category-archive .category-sort form {
  display: inline-block;
  margin: 0 1em;
}
.category-archive .category-sort form label {
  font-weight: 300;
}
.category-archive .category-sort form select {
  max-width: 100%;
}
@media screen and (max-width: 500px) {
  .category-archive .category-sort form {
    display: block;
    margin: 0;
  }
  .category-archive .category-sort form label {
    display: block;
  }
  .category-archive .category-sort form select {
    max-width: 100%;
  }
}
select#author {
  max-width: 100%;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/*--------------------------------------------------------------
## Post footer (author bio)
--------------------------------------------------------------*/
.entry-footer {
  /*border-bottom:1px solid;*/
  padding-bottom: 2em;
}
.entry-footer #comments-jump-link {
  text-align: right;
}
.author-bio {
  margin: 0 auto 1.5em auto;
  color: white;
}
.author-bio p {
  max-width: 718px;
  margin: 0 auto;
  background: black;
  padding: 3em;
}
.author-bio a {
  color: #eee;
}
.author-bio a:visited {
  color: lavender;
}
.author-bio strong {
  font-family: "MostraNuova", sans-serif;
  text-transform: uppercase;
}
/* old footer with tags and comment button
.footer-contain {
	display:grid;
	grid-template-columns: 50% 50%;
	margin: 0 auto;
    padding: 0px 3em;
    font-family: zangezi;
    font-weight: bold;
    border-top: solid 1px black;
    padding-top: 2em;
}
*/
.footer-contain {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid black;
}
.footer-contain a.button-like {
  margin-top: -1.5em;
  max-width: 300px;
}
.related-posts {
  width: 100%;
  padding: 3em;
  border-bottom: 1px solid;
}
.related-posts .rp4wp-related-posts h3 {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-size: 3em;
  padding-bottom: 1em;
  position: sticky;
  /*new weird idea*/
  top: 100px;
  z-index: -2;
  font-size: 6em;
}
.related-posts .rp4wp-related-posts ul {
  float: none;
  margin: 0 auto;
  padding-left: 5em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.related-posts .rp4wp-related-posts ul li {
  /* no longer using bc we're switching to horiz layout 7/3/19
				display:grid;
				grid-template-columns:1fr 1fr;*/
  max-width: 300px;
}
.related-posts .rp4wp-related-posts ul li .rp4wp-related-post-image {
  width: initial;
  min-height: 300px;
}
.related-posts .rp4wp-related-posts ul li .rp4wp-related-post-image a img {
  height: 300px;
  object-fit: cover;
}
.related-posts .rp4wp-related-posts ul li a {
  font-family: "MostraNuova", sans-serif;
  font-size: 2em;
  text-transform: lowercase;
}
.related-posts .rp4wp-related-posts ul li p {
  font-family: Zangezi, Georgia, serif;
}
.related-posts-plus-tags {
  display: grid;
  grid-template-columns: 1fr 6fr;
  padding: 3em;
}
@media screen and (max-width: 500px) {
  .related-posts-plus-tags {
    display: block;
    display: none;
  }
}
.related-posts-plus-tags h3 {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-size: 6em;
  grid-column: span 2;
}
@media screen and (max-width: 500px) {
  .related-posts-plus-tags h3 {
    font-size: 3em;
  }
}
.related-posts-plus-tags .tags-in-related {
  grid-column: 1;
  grid-row: 2;
  padding-left: 3em;
}
.related-posts-plus-tags .tags-in-related ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.related-posts-plus-tags .rp4wp-related-posts {
  grid-column: 2;
}
.related-posts-plus-tags .rp4wp-related-posts h3 {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-size: 6em;
  padding-bottom: 1em;
  display: none;
}
.related-posts-plus-tags .rp4wp-related-posts ul {
  float: none;
  margin: 0 auto;
  padding-left: 5em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  list-style: none;
}
.related-posts-plus-tags .rp4wp-related-posts ul li {
  /* no longer using bc we're switching to horiz layout 7/3/19
				display:grid;
				grid-template-columns:1fr 1fr;*/
  max-width: 300px;
}
.related-posts-plus-tags .rp4wp-related-posts ul li .rp4wp-related-post-image {
  width: initial;
  min-height: 300px;
}
.related-posts-plus-tags .rp4wp-related-posts ul li .rp4wp-related-post-image a img {
  height: 300px;
  object-fit: cover;
}
.related-posts-plus-tags .rp4wp-related-posts ul li a {
  font-family: "MostraNuova", sans-serif;
  font-size: 2em;
  text-transform: lowercase;
}
.related-posts-plus-tags .rp4wp-related-posts ul li p {
  font-family: Zangezi, Georgia, serif;
}
@media screen and (max-width: 500px) {
  .related-posts-plus-tags .rp4wp-related-posts ul {
    display: block;
    padding-left: 0;
  }
  .related-posts-plus-tags .rp4wp-related-posts ul li {
    display: flex;
  }
}
aside.latest-posts {
  padding: 3em;
  border-bottom: 1px solid;
  background: black;
}
aside.latest-posts h3 {
  /*overridden by custom field colors if defined*/
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-size: 6em;
  padding-bottom: 1em;
  font-weight: 300;
}
@media screen and (max-width: 500px) {
  aside.latest-posts h3 {
    padding-bottom: 0;
  }
}
aside.latest-posts ul {
  list-style: none;
}
aside.latest-posts ul li {
  font-size: 1.5em;
}
aside.latest-posts ul li a {
  color: white;
  text-decoration: none;
}
aside.latest-posts ul li a:hover {
  border-bottom: 2px solid white;
}
aside.latest-posts ul li a:visited {
  color: whitesmoke;
}
aside.latest-posts ul li .latest-title {
  font-family: "MostraNuova", sans-serif;
  text-transform: lowercase;
  font-weight: 800;
  font-size: 2em;
}
aside.latest-posts ul li .latest-sub {
  font-family: Zangezi, Georgia, serif;
}
aside.latest-posts ul li .latest-by {
  font-family: "MostraNuova", sans-serif;
  text-transform: uppercase;
  font-size: 0.8em;
}
aside.latest-posts ul li .ss-break {
  padding: 0 0.5em;
  font-size: 2em;
}
@media screen and (max-width: 500px) {
  aside.latest-posts ul {
    margin: 0;
    padding: 0;
  }
  aside.latest-posts ul li {
    font-size: 1em;
    padding-bottom: 0.5em;
  }
  aside.latest-posts ul li .ss-break {
    font-size: 1em;
  }
  aside.latest-posts ul li .latest-title {
    font-size: 1.5em;
  }
  aside.latest-posts ul h3 {
    padding-bottom: 0;
  }
}
.comments-area {
  padding: 3em;
  max-width: 930px;
  margin: 0 auto;
}
@media screen and (max-width: 500px) {
  aside {
    max-width: 100%;
    position: static;
  }
  aside .widget-title {
    font-size: 3em;
  }
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
  /* Older / Newer Posts Navigation (always hidden) */
  /* 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%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}
/* Display block images without explicit alignments in center of page – hackily and badly. -dp 06.28.19 */
figure.wp-block-image {
  text-align: center;
}
figure.alignnone {
  margin: 0 auto;
}
/*--------------------------------------------------------------
## 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;
}
/*--------------------------------------------------------------
# Blocks (overrides for Gutenberg core blocks)
--------------------------------------------------------------*/
/*-------------------------------
Overrides to bring blocks into compliance with default theme alignments. Only for rich blocks – text elements that render without a wp-block class are in typography, even when brought into Gutenberg using a block.
-------------------------------*/
ul.wp-block-gallery {
  margin: 0;
  max-width: initial;
}
.wp-block-audio audio {
  max-width: 620px;
  margin: 0 auto;
  display: block;
}
.wp-block-embed .jetpack-video-wrapper, .wp-block-embed .wp-block-embed__wrapper {
  margin: 0 auto;
  max-width: 620px;
}
.wp-block-embed.alignleft .jetpack-video-wrapper, .wp-block-embed.alignright .jetpack-video-wrapper {
  max-width: initial;
}
.wp-block-embed iframe {
  margin: 0 auto;
}