

@charset "UTF-8";
/* stitcher-rd.scss - SaSS/CSS to be included in all responsive pages
 *
 * Created by: Sean Simpson
 * Date Created: 08/30/13
 * Assumptions:
 *   - This file will be included in all HTML, so it should include only the
 *     essential element styles, those which should persist across all web properties
 *   - This file also contains some default values for items such as .wrapper
 * Modifications:
 */
/*
 * VARIABLES
 *
 */
/* shell.scss - shell for creating stitcher SaSS files
 *
 * Created by: Sean Simpson
 * Date Created: 10/04/13
 * Assumptions: 
 *   - used by most SaSS files
 * Modifications:
 */
/* everything starts with reset */
/* line 17, ../../../../../../.rvm/gems/ruby-1.8.7-p374/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../.rvm/gems/ruby-1.8.7-p374/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../.rvm/gems/ruby-1.8.7-p374/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../.rvm/gems/ruby-1.8.7-p374/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../.rvm/gems/ruby-1.8.7-p374/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../.rvm/gems/ruby-1.8.7-p374/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../.rvm/gems/ruby-1.8.7-p374/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../.rvm/gems/ruby-1.8.7-p374/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../.rvm/gems/ruby-1.8.7-p374/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* inculde the base technologies */
/* entering the stitcher universe - structure */
/* line 1, ../sass/partials/_piano-account.scss */
#my-account {
  margin-top: 100px;
}

/* line 1, ../sass/partials/_header.scss */
#header_main {
  background-color: #000000;
  font-family: Helvetica, Arial, Sans-serif;
  font-size: 12px;
  top: 0px;
  width: 100%;
  z-index: 800;
}
/* line 8, ../sass/partials/_header.scss */
#header_main.legacy {
  position: absolute;
}
/* line 9, ../sass/partials/_header.scss */
#header_main.current {
  position: fixed;
}
/* line 10, ../sass/partials/_header.scss */
#header_main #header_nav {
  position: relative;
}

@media screen and (min-width: 880px) {
  /* line 14, ../sass/partials/_header.scss */
  #header_spacer {
    height: 90px;
  }

  /* line 15, ../sass/partials/_header.scss */
  #header_main {
    height: 90px;
  }
  /* line 17, ../sass/partials/_header.scss */
  #header_main #header_content {
    height: 90px;
    margin: 0 auto;
    width: 1099px;
  }
  /* line 24, ../sass/partials/_header.scss */
  #header_main #header_content #header_nav a.stitcherLogo img {
    float: left;
    width: 240px;
    padding: 30px 0 30px 0;
  }
  /* line 31, ../sass/partials/_header.scss */
  #header_main #header_content #header_nav #header_nav-list {
    float: left;
    margin: 0 22px 0 12px;
  }
  /* line 34, ../sass/partials/_header.scss */
  #header_main #header_content #header_nav #header_nav-list li {
    display: inline;
    padding: 0 0 0 25px;
  }
  /* line 38, ../sass/partials/_header.scss */
  #header_main #header_content #header_nav #header_nav-list li.menu-selected-white a {
    font-weight: 700;
    color: #3ec6ff !important;
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  /* line 46, ../sass/partials/_header.scss */
  #header_main #header_content #header_nav #header_nav-list li.menu-selected-grey a {
    font-weight: 700;
    color: #3ec6ff !important;
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  /* line 53, ../sass/partials/_header.scss */
  #header_main #header_content #header_nav #header_nav-list li a {
    font-weight: 300;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    height: 90px;
    letter-spacing: .1em;
    line-height: 90px;
  }
  /* line 61, ../sass/partials/_header.scss */
  #header_main #header_content #header_nav #header_nav-list li a:hover {
    color: #3ec6ff !important;
  }
}
@media screen and (max-width: 879px) {
  /* line 72, ../sass/partials/_header.scss */
  #header_spacer {
    height: 50px;
  }

  /* line 73, ../sass/partials/_header.scss */
  #header_main {
    height: 50px;
  }
  /* line 75, ../sass/partials/_header.scss */
  #header_main #header_content {
    height: 50px;
    width: 100%;
  }
  /* line 78, ../sass/partials/_header.scss */
  #header_main #header_content #header_nav {
    top: 25%;
  }
  /* line 81, ../sass/partials/_header.scss */
  #header_main #header_content #header_nav a img {
    padding: 5px 0 5px 10px;
    width: 150px;
  }
  /* line 87, ../sass/partials/_header.scss */
  #header_main #header_content #header_nav #header_nav-list {
    display: none;
  }
}
/* footer.scss - SaSS/CSS describing elements within the content space
 *
 * Created by: Sean Simpson
 * Date Created: 10/04/13
 * Assumptions: 
 *   - A reset has been called prior to the inclusion of this file
 *   - The content div is encapsulated in a wrapper which controls it's size
  * Modifications:
*/
/* inculde the base technologies */
/* 
 * GLOBAL VARIABLES 
 *
 */
/* shell.scss - shell for creating stitcher SaSS files
 *
 * Created by: Sean Simpson
 * Date Created: 10/04/13
 * Assumptions: 
 *   - used by most SaSS files
 * Modifications:
 */
/* 
 * TEXT
 *
 */
/* line 27, ../sass/partials/_content.scss */
#content p, #content h1, #content h2, #content h3 {
  margin: 10px 0px;
}

/* line 35, ../sass/partials/_content.scss */
.contentFAQs #content {
  padding-bottom: 35px;
}
/* line 40, ../sass/partials/_content.scss */
.contentFAQs #content ul li {
  list-style: disc;
  margin: 0 0 10px 30px;
}

/* 
 * LAYOUT
 *
 */
/* These column definitions need to give way to grids... */
/* line 56, ../sass/partials/_content.scss */
.single-column {
  margin: 0px 50px 0px 50px;
}

/* line 60, ../sass/partials/_content.scss */
.left-column {
  position: relative;
  left: 0px;
  top: 0px;
  width: 615px;
}

/* line 67, ../sass/partials/_content.scss */
.right-column {
  position: absolute;
  left: 630px;
  top: 0px;
  width: 309px;
}

/* These are desktop only definitions (at present), and also need to be rethought in a responsive context... */
/* line 75, ../sass/partials/_content.scss */
.page-header {
  float: left;
  width: 100%;
  margin: 0px;
}
@media (min-width: 879px) {
  /* line 75, ../sass/partials/_content.scss */
  .page-header {
    position: absolute;
    padding: 30px 0px 16px 0px;
    font-size: 40px;
  }
}

/* line 87, ../sass/partials/_content.scss */
.sub-header {
  width: 100%;
  color: #b7b9ba;
}

/* line 95, ../sass/partials/_content.scss */
.page-header-container {
  position: relative;
}
@media (min-width: 879px) {
  /* line 95, ../sass/partials/_content.scss */
  .page-header-container {
    height: 80px;
  }
}

/* line 103, ../sass/partials/_content.scss */
.subnav-container {
  float: right;
  position: relative;
}
@media (min-width: 879px) {
  /* line 103, ../sass/partials/_content.scss */
  .subnav-container {
    margin: 51px 0px 0px 0px;
  }
}

/* line 112, ../sass/partials/_content.scss */
#content {
  position: relative;
  background-color: #fff;
  text-align: left;
}
@media (min-width: 879px) {
  /* line 112, ../sass/partials/_content.scss */
  #content {
    min-height: 300px;
  }
}

/* line 1, ../sass/partials/_footer.scss */
#footer_main {
  width: 100%;
  bottom: 0px;
  position: relative;
  color: #ffffff;
  background-color: #000000;
  clear: both;
}
/* line 8, ../sass/partials/_footer.scss */
#footer_main p, #footer_main h2 {
  padding: 0 0 8px 0;
}
/* line 9, ../sass/partials/_footer.scss */
#footer_main h3 {
  padding: 0 0 10px 0;
}
/* line 12, ../sass/partials/_footer.scss */
#footer_main h2, #footer_main h3 {
  font-family: "FaktSlabPro", Sans-Serif;
}
/* line 15, ../sass/partials/_footer.scss */
#footer_main a {
  text-decoration: none;
  color: #ffffff;
}
/* line 19, ../sass/partials/_footer.scss */
#footer_main #footer_section {
  color: #999999;
}
/* line 22, ../sass/partials/_footer.scss */
#footer_main #footer_primary_about {
  padding: 0 0 10px 0;
}
/* line 24, ../sass/partials/_footer.scss */
#footer_main #footer_primary_download img {
  width: 116px !important;
  height: 41px !important;
}

@media screen and (min-width: 880px) {
  /* line 32, ../sass/partials/_footer.scss */
  #footer_main {
    height: 385px;
  }
  /* line 34, ../sass/partials/_footer.scss */
  #footer_main li {
    padding: 0 0 5px 0;
    font-size: 14px;
  }
  /* line 38, ../sass/partials/_footer.scss */
  #footer_main p {
    font-size: 14px;
  }
  /* line 39, ../sass/partials/_footer.scss */
  #footer_main h2 {
    font-size: 16px;
  }
  /* line 40, ../sass/partials/_footer.scss */
  #footer_main h3 {
    font-size: 18px;
  }
  /* line 41, ../sass/partials/_footer.scss */
  #footer_main #footer_content {
    padding: 45px 0 50px 0;
    margin: 0 auto;
    width: 939px;
  }
  /* line 45, ../sass/partials/_footer.scss */
  #footer_main #footer_content #footer_primary {
    width: 30%;
    float: left;
  }
  /* line 48, ../sass/partials/_footer.scss */
  #footer_main #footer_content #footer_primary #footer_primary_copyright {
    padding: 15px 0 0 0;
    color: #bcbdbd;
    font-size: 11px;
  }
  /* line 53, ../sass/partials/_footer.scss */
  #footer_main #footer_content #footer_primary #download-iphone-app {
    padding: 5px 15px 7px 0;
  }
  /* line 54, ../sass/partials/_footer.scss */
  #footer_main #footer_content #footer_primary #download-google-app {
    padding: 5px 0 7px 0;
  }
  /* line 56, ../sass/partials/_footer.scss */
  #footer_main #footer_content #footer_secondary {
    width: 70%;
    float: right;
  }
  /* line 59, ../sass/partials/_footer.scss */
  #footer_main #footer_content #footer_secondary .footer_secondary-section {
    float: right;
    padding: 0 0 0 7%;
  }
}
@media screen and (max-width: 879px) {
  /* line 72, ../sass/partials/_footer.scss */
  #footer_main h3 {
    font-size: 36px;
  }
  /* line 73, ../sass/partials/_footer.scss */
  #footer_main p {
    font-size: 14px;
  }
  /* line 74, ../sass/partials/_footer.scss */
  #footer_main h2 {
    font-size: 26px;
  }
  /* line 75, ../sass/partials/_footer.scss */
  #footer_main #footer_primary {
    width: 80%;
    margin: 0 auto;
    padding: 50px 0 90px 0;
  }
  /* line 79, ../sass/partials/_footer.scss */
  #footer_main #footer_primary #footer_primary_copyright {
    display: none;
  }
  /* line 80, ../sass/partials/_footer.scss */
  #footer_main #footer_primary #download-iphone-app {
    padding: 5px 5px 7px 0;
  }
  /* line 81, ../sass/partials/_footer.scss */
  #footer_main #footer_primary #download-google-app {
    padding: 5px 15px 7px 0;
  }
  /* line 83, ../sass/partials/_footer.scss */
  #footer_main #footer_secondary {
    display: none;
  }
}
/* line 17, ../sass/partials/_live-search.scss */
#searchform {
  margin: 25px 0 0 0;
  float: left;
  z-index: 1000;
  font-size: 16px !important;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* line 27, ../sass/partials/_live-search.scss */
#searchform input:focus {
  outline: none;
}
/* line 31, ../sass/partials/_live-search.scss */
#searchform.active {
  width: 607px;
  margin-left: 48px;
  position: relative;
}
/* line 36, ../sass/partials/_live-search.scss */
#searchform.active .searchButton {
  background: url(/National_Library/20161130034600oe_/https://www.stitcher.com/images/search-sprite.png) no-repeat;
  background-position: -40px 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  right: 50px;
  z-index: 10;
}
/* line 43, ../sass/partials/_live-search.scss */
#searchform.active .cancelButton {
  background: url(/National_Library/20161130034600oe_/https://www.stitcher.com/images/search-sprite.png) no-repeat;
  background-position: -80px 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline;
}
/* line 49, ../sass/partials/_live-search.scss */
#searchform .searchButton {
  float: left;
  margin-left: 3px;
  width: 40px;
  height: 38px;
  background: url(/National_Library/20161130034600oe_/https://www.stitcher.com/images/search-sprite.png) no-repeat;
  background-position: 0px 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 57, ../sass/partials/_live-search.scss */
#searchform .cancelButton {
  float: left;
  margin-left: 3px;
  width: 40px;
  height: 38px;
  display: none;
}

@media screen and (max-width: 879px) {
  /* line 67, ../sass/partials/_live-search.scss */
  #searchform {
    display: none;
  }
}
/* line 72, ../sass/partials/_live-search.scss */
#search {
  width: 545px;
  height: 36px;
  margin: 0 0 1px 0;
  padding-left: 15px;
  display: none;
  position: relative;
  border-radius: .25em;
  border: none;
  float: left;
}

/* line 89, ../sass/partials/_live-search.scss */
#results {
  display: none;
  height: auto;
  width: 560px;
  position: relative;
  float: left;
  left: 0;
  z-index: 1;
  padding-bottom: 37px;
  max-width: 560px;
  box-sizing: border-box;
  list-style: none;
  border-radius: .3em;
  margin: 0;
  background: #fff;
  box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
  text-shadow: none;
  overflow: hidden;
}
/* line 119, ../sass/partials/_live-search.scss */
#results h2 {
  display: block;
  padding: 28px 0 12px 0;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  color: #cc3300;
  text-align: center;
  width: 100%;
  float: left;
  margin: 0;
}
/* line 134, ../sass/partials/_live-search.scss */
#results .loading {
  padding: 100px 0;
}
/* line 138, ../sass/partials/_live-search.scss */
#results ul {
  clear: both;
  margin: 0 0 43px 0;
}
/* line 142, ../sass/partials/_live-search.scss */
#results ul li {
  clear: both;
  height: 72px;
  width: 560px;
  margin-bottom: 18px;
}
/* line 149, ../sass/partials/_live-search.scss */
#results ul li a {
  display: block;
  height: 100%;
  width: 100%;
}
/* line 154, ../sass/partials/_live-search.scss */
#results ul li a:hover, #results ul li a:focus {
  background: #f3f1f1;
  cursor: pointer;
}
/* line 161, ../sass/partials/_live-search.scss */
#results ul li.noResults {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 24px;
  text-align: center;
  margin: 70px auto;
  color: #ccc;
  font-weight: 250;
}
/* line 170, ../sass/partials/_live-search.scss */
#results ul li img {
  float: left;
  vertical-align: middle;
  margin-left: 35px;
  border: 1px solid #ccc;
}
/* line 176, ../sass/partials/_live-search.scss */
#results ul li h3, #results ul li h4 {
  font-weight: normal;
  float: left;
  width: 366px;
}
/* line 184, ../sass/partials/_live-search.scss */
#results ul li h3 {
  font-size: 23px;
  margin: 12px 0 0 21px;
  padding: 10px 0;
  height: 25px;
  overflow: hidden;
}
/* line 192, ../sass/partials/_live-search.scss */
#results ul li h4 {
  font-size: 15px;
  border-right: 1px solid #f2f2f2;
  margin: 14px 0 0 6px;
}
/* line 198, ../sass/partials/_live-search.scss */
#results ul li .play {
  position: relative;
  float: left;
  top: 20px;
  left: 5px;
  display: block;
  width: 38px;
  height: 38px;
  background: url(/National_Library/20161130034600oe_/https://www.stitcher.com/images/search-sprite.png) no-repeat;
  background-position: -160px 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/* line 211, ../sass/partials/_live-search.scss */
#results .more {
  cursor: pointer;
  display: table;
  clear: both;
  width: 340px;
  height: 44px;
  border-radius: .3em;
  margin: 0 0 25px 105px;
  background: #babbbb;
}
/* line 221, ../sass/partials/_live-search.scss */
#results .more span {
  font-size: 21px;
  display: table-cell;
  text-align: center;
  color: #fff;
  vertical-align: middle;
}

/* line 3, ../sass/partials/_loading.scss */
#loading {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 9, ../sass/partials/_loading.scss */
#loading .overlay {
  position: absolute;
  top: -18px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  z-index: 10000;
}
/* line 24, ../sass/partials/_loading.scss */
#loading .spinner {
  /*margin: 100px auto;*/
  width: 100%;
  height: 60px;
  text-align: center;
  font-size: 10px;
  z-index: 10001;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/* line 38, ../sass/partials/_loading.scss */
#loading .spinner > div {
  background-color: #333;
  height: 100%;
  width: 12px;
  display: inline-block;
  margin: 0 1px;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
/* line 49, ../sass/partials/_loading.scss */
#loading .spinner .rect1 {
  background-color: #2991c2;
}
/* line 53, ../sass/partials/_loading.scss */
#loading .spinner .rect2 {
  background-color: #2991c2;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
/* line 59, ../sass/partials/_loading.scss */
#loading .spinner .rect3 {
  background-color: #2991c2;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
/* line 65, ../sass/partials/_loading.scss */
#loading .spinner .rect4 {
  background-color: #2991c2;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
/* line 71, ../sass/partials/_loading.scss */
#loading .spinner .rect5 {
  background-color: #2991c2;
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  /* line 80, ../sass/partials/_loading.scss */
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }

  /* line 81, ../sass/partials/_loading.scss */
  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes stretchdelay {
  /* line 85, ../sass/partials/_loading.scss */
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }

  /* line 88, ../sass/partials/_loading.scss */
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

/* custom fonts */
@font-face {
  font-family: 'FaktSlabPro';
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-Medium.eot");
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-Medium.eot") format("embedded-opentype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-Medium.woff") format("woff"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-Medium.ttf") format("truetype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-Medium.svg#FaktSlabProMedium") format("svg");
}

@font-face {
  font-family: 'FaktSlabPro';
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-MediumItalic.eot");
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-MediumItalic.eot") format("embedded-opentype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-MediumItalic.woff") format("woff"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-MediumItalic.ttf") format("truetype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-MediumItalic.svg#FaktSlabProMediumItalic") format("svg");
  font-style: italic;
}

@font-face {
  font-family: 'FaktSlabPro';
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBold.eot");
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBold.eot") format("embedded-opentype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBold.woff") format("woff"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBold.ttf") format("truetype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBold.svg#FaktSlabProSemiBold") format("svg");
  font-weight: bold;
}

@font-face {
  font-family: 'FaktSlabPro';
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBoldItalic.eot");
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBoldItalic.eot") format("embedded-opentype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBoldItalic.woff") format("woff"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBoldItalic.ttf") format("truetype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBoldItalic.svg#FaktSlabProSemiBoldItalic") format("svg");
  font-style: italic;
  font-weight: bold;
}

@font-face {
  font-family: 'FaktSlabPro';
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBoldItalic.eot");
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBoldItalic.eot") format("embedded-opentype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBoldItalic.woff") format("woff"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBoldItalic.ttf") format("truetype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/FaktSlabPro-SemiBoldItalic.svg#FaktSlabProSemiBoldItalic") format("svg");
  font-style: italic;
  font-weight: bold;
}

@font-face {
  font-family: 'ProximaNova';
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/ProximaNova-Regular.eot");
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/ProximaNova-Regular.eot#iefix") format("embedded-opentype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/ProximaNova-Regular.woff") format("woff"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/ProximaNova-Regular.ttf") format("truetype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/ProximaNova-Regular.svg#ProximaNova") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/ProximaNova-Light.eot");
  src: url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/ProximaNova-Light.eot#iefix") format("embedded-opentype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/ProximaNova-Light.woff") format("woff"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/ProximaNova-Light.ttf") format("truetype"), url("/National_Library/20161130034600oe_/https://www.stitcher.com/assets/fonts/ProximaNova-Light.svg#ProximaNova") format("svg");
  font-weight: 200;
  font-style: normal;
}

/* mixins */
/*
 * OUTER FRAME - GENERAL SETTINGS
 *
 */
/* line 53, ../sass/stitcher-rd.scss */
* {
  font-size: 100%;
}

/* line 57, ../sass/stitcher-rd.scss */
html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  min-width: 0;
  color: #fff;
}

/* line 65, ../sass/stitcher-rd.scss */
body {
  font-family: Helvetica, ​Arial, ​sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 300;
  background-color: #343033;
  color: #2a2d2f;
  font-size: 13px;
}
/* line 77, ../sass/stitcher-rd.scss */
body.mobile .desktopOnly {
  display: none;
}
/* line 81, ../sass/stitcher-rd.scss */
body.desktop .mobileOnly {
  display: none;
}

/*
 * PALETTE
 *
 */
/* These should be turned into variables, and used in more specific selectors.
 * They should also be defined by design, who should then constrain themselves to using them!
 */
/* bg colors */
/* line 96, ../sass/stitcher-rd.scss */
.bg-dark {
  color: #322e31;
}

/* line 97, ../sass/stitcher-rd.scss */
.bg-med {
  color: #424242;
}

/* line 98, ../sass/stitcher-rd.scss */
.bg-light {
  color: #e2e3e4;
}

/* text colors */
/* line 101, ../sass/stitcher-rd.scss */
.light-grey {
  color: #bcbdbd;
}

/* line 102, ../sass/stitcher-rd.scss */
.medlight-grey {
  color: #c7c8c8;
}

/* line 103, ../sass/stitcher-rd.scss */
.medium-grey {
  color: #808285;
}

/* line 104, ../sass/stitcher-rd.scss */
.dark-grey {
  color: #2A2D2F;
}

/* logo colors */
/* line 107, ../sass/stitcher-rd.scss */
.logo-yellow {
  color: #fcde00;
}

/* line 108, ../sass/stitcher-rd.scss */
.logo-orange {
  color: #ff8800;
}

/* line 109, ../sass/stitcher-rd.scss */
.logo-red {
  color: #ff2803;
}

/* line 110, ../sass/stitcher-rd.scss */
.logo-blue {
  color: #00abee;
}

/* line 111, ../sass/stitcher-rd.scss */
.logo-green {
  color: #bed542;
}

/*
 * TEXT
 *
 */
/* line 117, ../sass/stitcher-rd.scss */
.stitcher_emphasize_font {
  font-family: "FaktSlabPro", Sans-Serif;
}

/* line 122, ../sass/stitcher-rd.scss */
p {
  line-height: 140%;
  font-weight: 400;
}

/* line 127, ../sass/stitcher-rd.scss */
h1 {
  font-size: 24px;
}

/* line 131, ../sass/stitcher-rd.scss */
h2 {
  font-size: 20px;
}

/* line 135, ../sass/stitcher-rd.scss */
h3 {
  font-size: 16px;
}

/* line 139, ../sass/stitcher-rd.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

/* line 143, ../sass/stitcher-rd.scss */
cite {
  font-style: italic;
}

/* specific text styles */
/* line 148, ../sass/stitcher-rd.scss */
h1 {
  font-family: "FaktSlabPro", Sans-Serif;
}

/* line 151, ../sass/stitcher-rd.scss */
h2 {
  font-family: Helvetica, Arial, Sans-serif;
}

/* line 155, ../sass/stitcher-rd.scss */
.dotted-underline {
  border-bottom: thin dotted;
}

/*
 * ANCHORS
 *
 */
/* line 164, ../sass/stitcher-rd.scss */
a {
  cursor: pointer;
  text-decoration: none;
}

/* line 169, ../sass/stitcher-rd.scss */
a:link, a:visited {
  color: #808285;
  text-decoration: none;
}

/* line 174, ../sass/stitcher-rd.scss */
a:hover, a:active {
  color: #414041;
  text-decoration: none;
}

/* treatment for buttons */
/* line 181, ../sass/stitcher-rd.scss */
button {
  cursor: pointer;
  outline: none;
}

/* line 187, ../sass/stitcher-rd.scss */
.sbutton {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

/* line 202, ../sass/stitcher-rd.scss */
.sbutton {
  opacity: 1;
}

/* line 206, ../sass/stitcher-rd.scss */
.sbutton:hover {
  opacity: 0.8;
}

/*
 * LAYOUT
 *
 */
/* Why was this commented out... moving some of it below until this plays -mad */
/* line 218, ../sass/stitcher-rd.scss */
#content .wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0px;
}
@media (min-width: 879px) {
  /* line 218, ../sass/stitcher-rd.scss */
  #content .wrapper {
    width: 939px !important;
  }
}

/* line 228, ../sass/stitcher-rd.scss */
.wrapper {
  width: 100%;
}
