@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,300,600");
@import url("http://fonts.googleapis.com/css?family=Gentium+Book+Basic:400,700,400italic,700italic");
/* 1. @Font-Face — load my google fonts... */
/* 2. Load league gothic from my font server... */
@font-face {
  font-family: 'LeagueGothic';
  src: url('https://fonts.ookb.co/ff/leaguegothic/leaguegothic-regular-webfont.eot');
  src: local('League Gothic'), local('LeagueGothic-Regular'), url('https://fonts.ookb.co/ff/leaguegothic/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.ookb.co/ff/leaguegothic/leaguegothic-regular-webfont.woff') format('woff'), url('https://fonts.ookb.co/ff/leaguegothic/leaguegothic-regular-webfont.ttf') format('truetype'), url('https://fonts.ookb.co/ff/leaguegothic/leaguegothic-regular-webfont.svg#league_gothic_italicregular') format('svg');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'LeagueGothic';
  src: url('https://fonts.ookb.co/ff/leaguegothic/leaguegothic-italic-webfont.eot');
  src: local('League Gothic Italic'), local('LeagueGothic-Italic'), url('https://fonts.ookb.co/ff/leaguegothic/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'), url('https://fonts.ookb.co/ff/leaguegothic/leaguegothic-italic-webfont.woff') format('woff'), url('https://fonts.ookb.co/ff/leaguegothic/leaguegothic-italic-webfont.ttf') format('truetype'), url('https://fonts.ookb.co/ff/leaguegothic/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: 'LeagueGothic';
  src: url('http://ss.cape.io/kristian-bjornard/webfonts/ff/leaguegothic/leaguegothic-regular-webfont.eot');
  src: local('League Gothic'), local('LeagueGothic-Regular'), url('http://ss.cape.io/kristian-bjornard/webfonts/ff/leaguegothic/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://ss.cape.io/kristian-bjornard/webfonts/ff/leaguegothic/leaguegothic-regular-webfont.woff') format('woff'), url('http://ss.cape.io/kristian-bjornard/webfonts/ff/leaguegothic/leaguegothic-regular-webfont.ttf') format('truetype'), url('http://ss.cape.io/kristian-bjornard/webfonts/ff/leaguegothic/leaguegothic-regular-webfont.svg#league_gothic_italicregular') format('svg');
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: 'LeagueGothic';
  src: url('http://ss.cape.io/kristian-bjornard/webfonts/ff/leaguegothic/leaguegothic-italic-webfont.eot');
  src: local('League Gothic Italic'), local('LeagueGothic-Italic'), url('http://ss.cape.io/kristian-bjornard/webfonts/ff/leaguegothic/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'), url('http://ss.cape.io/kristian-bjornard/webfonts/ff/leaguegothic/leaguegothic-italic-webfont.woff') format('woff'), url('http://ss.cape.io/kristian-bjornard/webfonts/ff/leaguegothic/leaguegothic-italic-webfont.ttf') format('truetype'), url('http://ss.cape.io/kristian-bjornard/webfonts/ff/leaguegothic/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
  font-style: italic;
  font-weight: normal;
}
.league-gothic-stack {
  font-family: 'LeagueGothic', Calibri, Helvetica, Arial, Sans-serif;
  font-weight: normal;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', Opensans, Calibri, Helvetica, Arial, sans-serif;
}
/** variables **/
/* reconciliation */
/* running man */
/* saving sandtown */
/* songs in a key */
/* fifteen fixes */
/* poems, etc. */
.urb-red {
  color: #aa1824;
  border-color: #aa1824;
}
.urb-yellow {
  color: #ffd400;
  border-color: #ffd400;
}
.urb-blue {
  color: #4f7b8a;
  border-color: #4f7b8a;
}
.urb-green {
  color: #7da744;
  border-color: #7da744;
}
.urb-sand {
  color: #aaa08e;
  border-color: #aaa08e;
}
.urb-purple {
  color: #63457e;
  border-color: #63457e;
}
.urb-orange {
  color: #ea8e27;
  border-color: #ea8e27;
}
.urb-gray {
  color: #bbbdc0;
  border-color: #bbbdc0;
}
.bg-red {
  background-color: #aa1824;
}
.bg-yellow {
  background-color: #ffd400;
}
.bg-blue {
  background-color: #4f7b8a;
}
.bg-green {
  background-color: #7da744;
}
.bg-sand {
  background-color: #aaa08e;
}
.bg-purple {
  background-color: #63457e;
}
.bg-orange {
  background-color: #ea8e27;
}
.bg-gray {
  background-color: #bbbdc0;
}
.shadow {
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
.text-shadow {
  -moz-text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  -webkit-text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.text-gradient {
  color: #aa1824;
  background-image: -webkit-linear-gradient(45deg, #aa1824, #ffd400);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
/** custom type colors on home page for each story **/
#running-man .text-gradient {
  color: #7da744;
  background-image: -webkit-linear-gradient(45deg, #7da744, #ffd400);
}
#reconciliation .text-gradient {
  color: #4f7b8a;
  background-image: -webkit-linear-gradient(45deg, #4f7b8a, #aa1824);
}
#save-sandtown .text-gradient {
  color: #aaa08e;
  background-image: -webkit-linear-gradient(45deg, #aaa08e, #ffd400);
}
#fix-the-city .text-gradient {
  color: #ea8e27;
  background-image: -webkit-linear-gradient(45deg, #ffd400, #ea8e27);
}
#baltimore-key .text-gradient {
  color: #63457e;
  background-image: -webkit-linear-gradient(45deg, #aa1824, #63457e);
}
#voices-rising-up .text-gradient {
  color: #bbbdc0;
  background-image: -webkit-linear-gradient(45deg, #bbbdc0, #ffd400);
}
/** End custom type colorings.... **/
.visible-md {
  visibility: hidden;
  display: none;
}
.visible-sm {
  visibility: visible;
  display: initial;
}
/** Universal **/
* {
  box-sizing: border-box;
  position: relative;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/** mini CSS modules **/
.mlrauto {
  margin-left: auto;
  margin-right: auto;
}
.z999 {
  z-index: 999;
}
.fsx2 {
  font-size: 200%;
}
.pb2 {
  padding-bottom: 1rem;
}
.allcaps,
.uppercase {
  text-transform: uppercase;
}
.fullwidth,
.w100 {
  width: 100%;
}
.cover {
  margin: 0;
  padding: 0;
}
.lead1,
.lead2,
.lead3 {
  font-size: 112.5%;
}
.lead,
.feature section .lead {
  font-size: 1.125em;
}
.small,
.feature section .small {
  font-size: .875em;
}
/** grid **/
.columns {
  position: relative;
  min-height: 1px;
  /** padding of .75rem on each side creates nice 1.5em gutters that then will get biggere/smaller as type sizes increase/decrease **/
  padding-right: .75rem;
  padding-left: .75rem;
  line-height: 1.5rem;
  /** allows for better "adaptive" styling AND matching of gutter widths to line-heights **/
}
.group::after,
.grouped::after,
.row::after {
  content: '';
  clear: both;
  display: table;
}
.one,
.two,
.three,
.four,
.five,
.six,
.seven,
.eight,
.nine,
.ten,
.eleven,
.twelve,
.thirteen,
.fourteen,
.fifteen,
.half {
  width: calc(100%);
}
[class*="offset-by-"] {
  margin-left: calc(0%);
}
@media (min-width: 50em) {
  /**52em is medium cutoff from BassCss **/
  .columns {
    float: left;
  }
  .columns.right {
    float: right;
  }
  .one {
    width: calc(6.66666667%);
  }
  .two {
    width: calc(13.33333333%);
  }
  .three {
    width: calc(20%);
  }
  .four {
    width: calc(26.66666667%);
  }
  .five {
    width: calc(33.33333333%);
  }
  .six {
    width: calc(40%);
  }
  .seven {
    width: calc(46.66666667%);
  }
  .eight {
    width: calc(53.33333333%);
  }
  .nine {
    width: calc(60%);
  }
  .ten {
    width: calc(66.66666667%);
  }
  .eleven {
    width: calc(73.33333333%);
  }
  .twelve {
    width: calc(80%);
  }
  .thirteen {
    width: calc(86.66666667%);
  }
  .fourteen {
    width: calc(93.33333333%);
  }
  .fifteen {
    width: calc(100%);
  }
  .quarter {
    width: 25%;
  }
  .third {
    width: 33%;
  }
  .half {
    width: 50%;
  }
  .twothirds {
    width: 66%;
  }
  .threequarters {
    width: 75%;
  }
  /** is there a more programmatic way to do this with less? some sort of function that would generate all of these??? **/
  .offset-by-one {
    margin-left: calc(6.66666667%);
  }
  .offset-by-two {
    margin-left: calc(13.33333333%);
  }
  .offset-by-three {
    margin-left: calc(20%);
  }
  .offset-by-four {
    margin-left: calc(26.66666667%);
  }
  .offset-by-five {
    margin-left: calc(33.33333333%);
  }
  .offset-by-six {
    margin-left: calc(40%);
  }
  .offset-by-seven {
    margin-left: calc(46.66666667%);
  }
  .offset-by-eight {
    margin-left: calc(53.33333333%);
  }
  .offset-by-nine {
    margin-left: calc(60%);
  }
  .offset-by-ten {
    margin-left: calc(66.66666667%);
  }
  .offset-by-eleven {
    margin-left: calc(73.33333333%);
  }
  .offset-by-twelve {
    margin-left: calc(80%);
  }
  .offset-by-thirteen {
    margin-left: calc(86.66666667%);
  }
  .offset-by-fourteen {
    margin-left: calc(93.33333333%);
  }
  .offset-by-fifteen {
    margin-left: calc(100%);
  }
  .offset-by-quarter {
    margin-left: 25%;
  }
  .offset-by-third {
    margin-left: 33%;
  }
  .offset-by-half {
    margin-left: 50%;
  }
}
/** styling! **/
h1.hed {
  font-size: 3rem;
}
.metadata .dek {
  font-size: 1.5rem;
  color: gray;
  margin-bottom: 1.5em;
}
@media (min-width: 50em) {
  header .info {
    padding-top: 4em;
  }
  h1.hed {
    font-size: 5.5rem;
    margin-top: 2rem;
  }
}
@media (min-width: 50em) and (max-width: 62.5em) {
  .metadata .dek {
    font-size: 1.25rem;
    margin-bottom: 2em;
  }
  .metadata .byline,
  .metadata .credit {
    margin: 1em 0 0 16.666666667%;
  }
}
@media (min-width: 62.5em) {
  header .info {
    padding-top: 4em;
  }
  h1.hed {
    font-size: 7rem;
  }
  .metadata .dek {
    font-size: 1.66em;
  }
}
article.feature > header::after {
  border: 1px solid #ffd400;
  content: '';
  display: block;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  width: 5rem;
}
#reconciliation.feature > header::after,
#reconciliation.feature section::after {
  border-color: #aa1824;
}
.feature section.interviewees {
  padding-bottom: 3em;
}
.feature section.interviewees::after {
  border: none;
  margin-top: 0;
}
.feature section {
  margin-bottom: 2rem;
}
.feature section::after {
  border: 1px solid #ffd400;
  content: '';
  display: block;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  width: 5rem;
}
.feature section p,
.feature section pre,
.feature section ul,
.feature section ol,
.feature section blockquote {
  font-size: 1.125rem;
  line-height: 1.5em;
  white-space: normal;
}
.feature section p,
.feature section pre {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0em;
  text-indent: 1.5em;
}
.feature section p:first-child,
.feature section p:first-of-type {
  text-indent: 0;
}
.feature section p .dropcap {
  color: #aa1824;
  float: left;
  font-size: 6.33rem;
  font-weight: bold;
  line-height: 4rem;
  padding-top: .33rem;
  padding-right: .33rem;
  margin-left: -0.25rem;
}
.feature section p.byline.small {
  margin-top: 1em;
  font-size: 1rem;
  text-indent: 0;
  padding-left: 1.5em;
  font-style: italic;
  color: gray;
}
.feature section p.byline.small em,
.feature section p.byline.small cite {
  font-style: normal;
}
.feature section p.byline.small::before {
  content: '—';
  display: block;
  position: absolute;
  left: 0;
  color: gray;
}
.feature section p.new-person {
  text-indent: 0;
  margin-top: 1em;
}
.poem .no-indent p,
section.bio .no-indent p {
  text-indent: 0;
  margin-bottom: 1em;
}
.feature figure,
figure {
  margin: 0;
  padding: 0 0 2rem 0;
}
.feature figure figcaption p,
figure figcaption p {
  font-size: .8rem;
  color: gray;
  margin-bottom: .5em;
}
.feature figure p.small.byline,
figure p.small.byline {
  font-size: .8rem;
  color: gray;
  margin-left: 1em;
}
.feature figure.secondary p.small.byline,
figure.secondary p.small.byline {
  float: right;
  position: relative;
  top: -2em;
}
blockquote.bigtype {
  font-size: 2rem;
  line-height: 1.1;
  padding: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}
blockquote.bigtype .byline.small {
  margin-top: 2rem;
  font-size: 1rem;
  text-indent: 0;
  font-style: italic;
}
blockquote.bigtype .byline.small em,
blockquote.bigtype .byline.small cite {
  font-style: normal;
}
#running-man blockquote.bigtype {
  color: #7da744;
}
#reconciliation blockquote.bigtype {
  color: #4f7b8a;
}
#save-sandtown blockquote.bigtype {
  color: #aaa08e;
}
aside.sidebar {
  border: 0.66em solid #ffd400;
  background: transparent;
  box-shadow: none;
  font-size: 1rem;
  font-family: 'Gentium Book Basic', Gentium, Cambria, Georgia, Times, serif;
  margin: 1rem;
}
aside.sidebar .inner {
  padding: 1.25rem;
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #7da744;
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, 45deg, from(#7da744), to(#ffd400));
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(45deg, #7da744, #ffd400);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(45deg, #7da744, #ffd400);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(45deg, #7da744, #ffd400);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(45deg, #7da744, #ffd400);
}
aside.sidebar h1 {
  line-height: 1.1;
  font-size: 2.25rem;
  font-family: 'Gentium Book Basic', Gentium, Cambria, Georgia, Times, serif;
  margin: 0 0 1rem 0;
}
aside.sidebar section::after,
aside.sidebar section.interviewees::after {
  display: none;
}
@media (min-width: 50em) {
  .feature aside.sidebar {
    float: left;
    width: 33%;
    margin: 0;
    left: 2em;
  }
  .feature aside.sidebar .inner {
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.25);
    top: 1em;
    left: 1em;
    width: calc(101.25%);
    height: calc(101.25%);
  }
}
.endbud {
  background-image: url('urbicon-black.png');
  height: 100px;
  width: 100px;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  background-size: contain;
}
/** running man specific **/
#running-man header {
  padding-bottom: 0;
}
#running-man header .opener {
  margin-top: -10rem;
  z-index: -1;
  padding-bottom: 0;
}
#running-man .hed,
#running-man p .dropcap {
  color: #7da744;
}
#running-man .endbud {
  background-image: url('urbicon-grn.png');
}
@media (min-width: 50em) {
  #running-man header .opener {
    margin-top: -12rem;
  }
}
@media (min-width: 62.5em) {
  #running-man header .opener {
    margin-top: -18rem;
  }
}
/** /end running man specific **/
/** reconciliation specific **/
#reconciliation .hed,
#reconciliation p.new-person strong,
#reconciliation section h2,
#reconciliation p .dropcap {
  color: #4f7b8a;
}
#reconciliation .endbud {
  background-image: url('urbicon-blue.png');
}
/** /end reconcilitation specific **/
/** sandtown specific **/
#save-sandtown .hed,
#save-sandtown p .dropcap {
  color: #aaa08e;
}
#save-sandtown .endbud {
  background-image: url('urbicon-sand.png');
}
/** /end sandtown specific **/
#fix-the-city .hed,
#fix-the-city p .dropcap {
  color: #ea8e27;
}
#fix-the-city .endbud {
  background-image: url('urbicon-orange.png');
}
#baltimore-key .hed,
#baltimore-key p .dropcap {
  color: #63457e;
}
#baltimore-key .endbud {
  background-image: url('urbicon-purple.png');
}
#voices-rising-up .hed,
#voices-rising-up p .dropcap {
  color: #bbbdc0;
}
#voices-rising-up .endbud {
  background-image: url('urbicon-gray.png');
}
.ad {
  background: #eee;
}
header.border-bottom {
  border-bottom: 1px solid #aa1824;
}
main section {
  padding-top: 1px;
  padding-bottom: 1px;
}
.gradiented {
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #aa1824;
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, 45deg, from(#aa1824), to(#ffd400));
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(45deg, #aa1824, #ffd400);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(45deg, #aa1824, #ffd400);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(45deg, #aa1824, #ffd400);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(45deg, #aa1824, #ffd400);
}
#running-man .gradiented {
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #7da744;
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, 45deg, from(#7da744), to(#ffd400));
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(45deg, #7da744, #ffd400);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(45deg, #7da744, #ffd400);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(45deg, #7da744, #ffd400);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(45deg, #7da744, #ffd400);
}
#reconciliation .gradiented {
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #4f7b8a;
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, 45deg, from(#4f7b8a), to(#aa1824));
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(45deg, #4f7b8a, #aa1824);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(45deg, #4f7b8a, #aa1824);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(45deg, #4f7b8a, #aa1824);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(45deg, #4f7b8a, #aa1824);
}
#save-sandtown .gradiented {
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #aaa08e;
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, 45deg, from(#aaa08e), to(#ffd400));
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(45deg, #aaa08e, #ffd400);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(45deg, #aaa08e, #ffd400);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(45deg, #aaa08e, #ffd400);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(45deg, #aaa08e, #ffd400);
}
#fix-the-city .gradiented {
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #ffd400;
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, 45deg, from(#ffd400), to(#ea8e27));
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(45deg, #ffd400, #ea8e27);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(45deg, #ffd400, #ea8e27);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(45deg, #ffd400, #ea8e27);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(45deg, #ffd400, #ea8e27);
}
#baltimore-key .gradiented {
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #aa1824;
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, 45deg, from(#aa1824), to(#63457e));
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(45deg, #aa1824, #63457e);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(45deg, #aa1824, #63457e);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(45deg, #aa1824, #63457e);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(45deg, #aa1824, #63457e);
}
#voices-rising-up .gradiented {
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #bbbdc0;
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, 45deg, from(#bbbdc0), to(#ffd400));
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(45deg, #bbbdc0, #ffd400);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(45deg, #bbbdc0, #ffd400);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(45deg, #bbbdc0, #ffd400);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(45deg, #bbbdc0, #ffd400);
}
#hero {
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #aa1824;
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, 45deg, from(#aa1824), to(#ffd400));
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(45deg, #aa1824, #ffd400);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(45deg, #aa1824, #ffd400);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(45deg, #aa1824, #ffd400);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(45deg, #aa1824, #ffd400);
}
#hero .logo-icon {
  float: left;
}
.embed-container {
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  margin-bottom: 1.5em;
}
#explain {
  padding: 1em;
  /** okay, decent solution **/
}
#explain h1.league-gothic-stack {
  font-size: 3rem;
  text-align: center;
}
#explain .uno {
  border: .5em solid #fffcee;
  border-radius: .5em;
  cursor: pointer;
  padding: 1em;
  transition: all 500ms;
  color: #332b00;
  text-decoration: none;
  display: block;
}
#explain .uno:hover,
#explain .uno:focus,
#explain .uno:active {
  color: #ffd400;
  border-color: #ffd400;
  color: #000000;
  background-color: #ffd400;
}
#question {
  padding: 1em;
}
#mc_embed_signup {
  padding: .75em;
}
#mc_embed_signup form {
  border: 0.66em solid #ffd400;
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #aa1824;
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, 45deg, from(#aa1824), to(#ffd400));
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(45deg, #aa1824, #ffd400);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(45deg, #aa1824, #ffd400);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(45deg, #aa1824, #ffd400);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(45deg, #aa1824, #ffd400);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
#mc_embed_signup form #mc_embed_signup_scroll {
  padding: 1em;
}
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group label,
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input {
  height: 2.5em;
}
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group label {
  width: 20%;
  float: left;
  position: relative;
  top: -0.33em;
}
#mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input {
  display: block;
  width: 80%;
  border: 1px solid #ffffff;
}
#mc_embed_signup form #mc-embedded-subscribe {
  padding: 1em 2em;
  display: block;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  margin: .25em auto;
}
footer {
  /* Fallback (could use .jpg/.png alternatively) */
  background-color: #aa1824;
  /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
  background-image: -webkit-gradient(linear, 135deg, from(#aa1824), to(#ffd400));
  /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
  background-image: -webkit-linear-gradient(135deg, #aa1824, #ffd400);
  /* Firefox 3.6 - 15 */
  background-image: -moz-linear-gradient(135deg, #aa1824, #ffd400);
  /* Opera 11.1 - 12 */
  background-image: -o-linear-gradient(135deg, #aa1824, #ffd400);
  /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
  background-image: linear-gradient(135deg, #aa1824, #ffd400);
}
footer a {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  transition: all 400ms;
  background-color: transparent;
}
footer a:hover,
footer a:focus,
footer a:active {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.125);
  border-color: rgba(255, 255, 255, 0.125);
}
/**************/
/**************/
/**************/
/**************/
/**************/
/** wider styles **/
@media (min-width: 52em) {
  .visible-md {
    visibility: visible;
    display: initial;
  }
  .visible-sm {
    visibility: hidden;
    display: none;
  }
  .lead1 {
    font-size: 112.5%;
  }
  .lead2 {
    font-size: 125%;
  }
  .lead3 {
    font-size: 150%;
  }
  #hero img.logo-icon {
    margin-top: -2em;
  }
  #hero h1 {
    margin-top: 2em;
  }
  #explain h1.league-gothic-stack {
    font-family: 'LeagueGothic', Calibri, Helvetica, Arial, Sans-serif;
    font-size: 5rem;
    margin-top: -3rem;
  }
  #explain .lead1,
  #explain .lead2,
  #explain .lead3 {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  #explain .lead3 {
    margin-top: 2em;
  }
  main section {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .special.offset {
    font-size: 80%;
    position: relative;
    top: 5em;
    left: -2em;
  }
  #mc_embed_signup {
    margin-top: 2em;
  }
  #mc_embed_signup form {
    border: 0.66em solid #ffd400;
    background: transparent;
    box-shadow: none;
  }
  #mc_embed_signup form #mc_embed_signup_scroll {
    /* Fallback (could use .jpg/.png alternatively) */
    background-color: #aa1824;
    /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
    background-image: -webkit-gradient(linear, 45deg, from(#aa1824), to(#ffd400));
    /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
    background-image: -webkit-linear-gradient(45deg, #aa1824, #ffd400);
    /* Firefox 3.6 - 15 */
    background-image: -moz-linear-gradient(45deg, #aa1824, #ffd400);
    /* Opera 11.1 - 12 */
    background-image: -o-linear-gradient(45deg, #aa1824, #ffd400);
    /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
    background-image: linear-gradient(45deg, #aa1824, #ffd400);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    top: 2em;
    left: 2em;
    margin-right: -2em;
    padding: 2em;
  }
  #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group label,
  #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input {
    height: 2.5em;
  }
  #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group label {
    width: 10%;
  }
  #mc_embed_signup form #mc_embed_signup_scroll .mc-field-group input {
    width: 90%;
  }
  #mc_embed_signup form #mc-embedded-subscribe {
    position: absolute;
    right: -4em;
    bottom: -4em;
    padding: 1.5em 2em;
    display: block;
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  }
  #misc {
    margin-top: 2em;
  }
  #misc .card {
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    margin: 4em;
    padding: 4em;
  }
  #misc .card.archive {
    right: -3em;
  }
  #misc .card.contact {
    margin-top: 13em;
    padding-bottom: 3em;
  }
  footer {
    /* Fallback (could use .jpg/.png alternatively) */
    background-color: #aa1824;
    /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
    background-image: -webkit-gradient(linear, 135deg, from(#aa1824), to(#ffd400));
    /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
    background-image: -webkit-linear-gradient(135deg, #aa1824, #ffd400);
    /* Firefox 3.6 - 15 */
    background-image: -moz-linear-gradient(135deg, #aa1824, #ffd400);
    /* Opera 11.1 - 12 */
    background-image: -o-linear-gradient(135deg, #aa1824, #ffd400);
    /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
    background-image: linear-gradient(135deg, #aa1824, #ffd400);
  }
  img.left.special.layout.absolute {
    left: -550px;
    top: 98px;
    width: 650px;
    transform: rotate(-2.5deg);
  }
  img.right.special.layout.absolute {
    right: -18%;
    margin-top: -275px;
    transform: rotate(5deg);
    width: 40%;
    height: auto;
  }
}
/**** some temporary mobile #hero fixes ****/
@media (max-width: 52em) {
  #hero {
    text-align: left;
    padding: 1em;
  }
  #hero img.logo-icon {
    max-width: 72px;
    margin-right: 1em;
    margin-top: 0;
  }
  #hero h1 {
    font-size: 1.5em;
  }
  #hero p.h3 {
    font-size: 1em;
  }
  #signup {
    padding-top: 3em;
  }
  #mc_embed_signup {
    margin-bottom: 3em;
  }
  #misc {
    padding-bottom: 3em;
  }
  #explain h1 {
    line-height: 2.75rem;
  }
}
/**** updates for the "pupa" stage ****/
body.pupa {
  padding-top: 3rem;
}
.pupa .croppy {
  display: block;
  width: 100%;
  padding-bottom: 75%;
  overflow: hidden;
  position: relative;
}
.pupa .croppy img {
  position: absolute;
  height: auto;
  width: 100%;
  left: 0;
}
.pupa .feature {
  padding-top: .75rem;
  padding-bottom: .75rem;
}
.pupa .feature:hover {
  background-color: rgba(100, 100, 100, 0.1);
}
#running-man .croppy img {
  top: -50%;
}
#save-sandtown .croppy img {
  bottom: 0;
}
#fix-the-city .croppy img {
  width: 130%;
  max-width: none;
  left: -15%;
}
#baltimore-key .croppy img,
#fire-last-time .croppy img {
  width: 140%;
  max-width: none;
  left: -10%;
  top: -5%;
}
#fire-last-time .croppy img {
  top: -7.5%;
}
/** better control header on homepage responsively **/
#main-sidebar .logo {
  margin-left: -4rem;
}
#main-sidebar h1 {
  line-height: 1;
  margin-top: -0.5em;
}
@media (max-width: 50em) {
  #main-sidebar .logo,
  #main-sidebar h1,
  #main-sidebar .cover {
    width: 50%;
  }
  #main-sidebar .logo {
    float: left;
    margin-left: 0;
  }
  #main-sidebar h1 {
    margin-top: 1em;
  }
  #main-sidebar .cover {
    float: right;
  }
  .credit,
  .credit.mt4 {
    margin-top: 1rem;
  }
  .twothirds.mlrauto {
    padding-left: 1em;
    padding-right: 1em;
  }
  figure figcaption {
    padding-left: 1em;
    padding-right: 1em;
  }
  .divide-in-two-sm {
    padding: 0 !important;
  }
  .divide-in-two-sm figure {
    float: left;
    width: 50%;
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 1.5em;
  }
  .divide-in-two-sm figure figcaption {
    padding: 0;
  }
  .divide-in-two-sm::after {
    content: '';
    clear: both;
    display: table;
  }
}
.not-quite-yet {
  opacity: .25;
}
/**** design up the header on sandtown... ****/
header .opener {
  position: relative;
}
header .opener figcaption {
  position: absolute;
  left: 1em;
  bottom: 3em;
  width: 50%;
}
header .opener figcaption p {
  color: rgba(250, 250, 250, 0.8);
  line-height: 1.33;
}
/*** contributors ***/
#masthead dt {
  font-weight: bold;
  margin-top: .5rem;
}
#masthead dt:first-of-type {
  margin-top: 0;
}
/** pickup locations **/
#pickups .list.loaded {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  font-size: .85rem;
}
.info {
  margin-bottom: .333333333em;
}
.info li {
  float: left;
  margin-right: 1em;
}
.info li:nth-child(2)::after {
  content: '-';
  display: block;
  margin-right: 1em;
  float: left;
}
#poetry-list .poem {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
#poetry-list .poem a.wrapping {
  text-decoration: none;
  color: inherit;
  display: block;
  padding: .5em;
}
#poetry-list .poem a.wrapping:hover {
  background-color: #f5f6f6;
}
#poetry-list .poem h2.title {
  margin: 0;
}
#poetry-list .poem p.byline.small {
  margin-top: .25em;
}
/** embed responsively **/
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}