/* MuseoSlab Font Family */

@font-face {
    font-family: 'MuseoSlab 500';
    src: url('/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_500Webeot.eot');
    src: url('/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_500Webeot.eot?#iefix') format('embedded-opentype'),
         url('/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_500Webwoff.woff') format('woff'),
         url('/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_500.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSlab 900';
    src: url('/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_900Webeot.eot');
    src: url('/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_900Webeot.eot?#iefix') format('embedded-opentype'),
         url('/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_900Webwoff.woff') format('woff'),
         url('/~/media/data-visualizations/interactives/assets/fonts/Museo_Slab_900.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Whitney Font Family */

@font-face {
    font-family:'Whitney SSm A', 'Whitney SSm B';
}

@font-face {
    font-family:'Whitney SSm A', 'Whitney SSm B';
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family:'Whitney SSm A', 'Whitney SSm B';
    font-weight: 300;
    font-style: normal;
}

/* Tungsten Font Family */

@font-face {
    font-family: 'Tungsten Cond A', 'Tungsten Cond B';
    font-weight: 500;
    font-style: normal;
}

.green {
  color: #33cc99 !important;
}
.blue {
  color: #33cccc !important;
}
.plus-minus-mix {
  cursor: pointer;
  background-repeat: no-repeat;
}
.plus-mix {
  background-image: url("/~/media/data-visualizations/interactives/2015/immigrationtrends/images/plus.png");
}
.minus-mix {
  background-image: url("/~/media/data-visualizations/interactives/2015/immigrationtrends/images/minus.png");
}
.sourceButtonMix {
  color: white;
  font-size: 14px;
  padding: 20px 0 20px 41px;
  margin: 0;
  letter-spacing: -0.7px;
  background-position-x: 18px;
  background-position-y: 21px;
  line-height: 15px;
  font-weight: normal;
  border-bottom: 1px solid #2c4e77;
  border-top: 1px solid #2c4e77;
}
.in65487 {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", "HelveticaNeue", "Arial", "Helvetica", "Roboto", "sans-serif";
  font-weight: 300;
}
.in65487 {
  background-image: url('/~/media/data-visualizations/interactives/2015/immigrationtrends/images/background.jpg');
  padding: 0;
  background-size: 100%;
  height: 775px;
  overflow: hidden;
  width: 960px;
}
.in65487 select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.in65487 a {
  outline: 0;
  text-decoration: none;
}
.in65487 select {
  color: #000;
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 #000;
}
.in65487 #overview_screen,
.in65487 #interact_screen,
.in65487 #timeline_screen {
  height: 470px!important;
  position: relative;
  overflow: hidden;
  margin: 0px 30px 0 30px;
}
.in65487 div#explore_button {
  cursor: pointer;
  border: 5px solid white;
  text-align: center;
  margin: 1px auto;
  width: 167px;
  text-transform: uppercase;
  font-size: 20px;
  padding: 9px;
  color: #33cc99;
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", "HelveticaNeue", "Arial", "Helvetica", "Roboto", "sans-serif";
  font-weight: 700;
}
.in65487 div#explore_button:hover {
  color: #FFFFFF;
  background-color: #33cc99;
}
.in65487 .lessthan {
  padding: 0 10px;
}
.in65487 .lessthan::before {
  content: url("/~/media/data-visualizations/interactives/2015/immigrationtrends/images/lessthan.png");
}
.in65487 .na {
  background-image: url("/~/media/data-visualizations/interactives/2015/immigrationtrends/images/na.png");
  height: 56px;
  margin: 10px 0px 0 82px;
}
.in65487 img.arrow {
  position: absolute;
  right: 10px;
}
.in65487 img.arrow.uparrow {
  top: 34px;
}
.in65487 img.arrow.downarrow {
  bottom: 9px;
}
.in65487 div#intro {
  padding: 71px 88px 52px;
}
.in65487 div#intro h1 {
  background-color: transparent;
  color: white;
  font-size: 27px;
  padding: 0 0 23px 0;
}
.in65487 div#intro p {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  margin: 0px 0 21px;
}
.in65487 #foreground {
  padding: 0;
  width: 960px;
  background-color: rgba(44, 78, 119, 0.71);
  height: 100%;
}
.in65487 .navbar {
  background-color: transparent;
  border: 0;
}
.in65487 .topbar a {
  color: white!important;
  font-size: 11px;
}
.in65487 .topbar a img {
  vertical-align: middle;
}
.in65487 .topbar span.logo {
  margin: 0 0 0 15px;
}
.in65487 .topbar span.logo img {
  margin: -5px 0 0 15px;
}
.in65487 .topbar a.navbar-brand {
  padding: 13px 0 0 14px;
}
.in65487 .topbar .navbar-brand a {
  font-size: 10px;
  color: white;
}
.in65487 .topbar.navbar {
  margin: 0;
}
.in65487 .topbar .navbar-nav > li {
  background-image: url('/~/media/data-visualizations/interactives/2015/immigrationtrends/images/divider.png');
  background-repeat: no-repeat;
  background-position-y: 10px;
  padding: 0;
}
.in65487 .topbar .navbar-nav > li a {
  margin: 0 0 0 0px;
  padding-top: 14px;
  padding-bottom: 0px;
  padding-left: 15px;
  font-size: 14px;
  letter-spacing: -1px;
  height: 50px;
}
.in65487 .topbar .navbar-nav > li a.share {
  padding-right: 4px;
}
.in65487 .topbar .navbar-nav > li a.share:before {
  content: url('/~/media/data-visualizations/interactives/2015/immigrationtrends/images/share.png');
  padding-right: 10px;
  padding-top: 1px;
  margin-top: 0;
  float: left;
}
.in65487 .topbar .navbar-nav > li a.download {
  padding-right: 23px;
}
.in65487 .topbar .navbar-nav > li a.download:before {
  content: url('/~/media/data-visualizations/interactives/2015/immigrationtrends/images/download.png');
  padding-right: 13px;
  padding-top: 1px;
  margin-top: 0;
  float: left;
}
.in65487 .topbar ul.nav.navbar-nav.navbar-right {
  margin-right: 0;
}
.in65487 .nav > li {
  margin: 0px!important;
}
.in65487 .nav > li.dropmenu {
  width: 165px;
  position: relative;
  height: 49px;
}
.in65487 .nav > li.dropmenu a {
  background-color: transparent;
}
.in65487 .nav > li.dropmenu a:hover {
  background-color: #264A6E;
}
.in65487 .nav > li.dropmenu ul.dropmenu-menu {
  position: absolute;
  background-color: #3D4E6C;
  width: 167px;
  padding: 0;
  top: 34px;
}
.in65487 .nav > li.dropmenu ul.dropmenu-menu li {
  list-style: none;
  height: 42px;
  padding-top: 12px;
}
.in65487 div#main_nav {
  background-color: rgba(10, 10, 40, 0.3);
  font-family: "MuseoSlab 500", "MuseoSlab", "Cambria", "serif";
  font-weight: 500;
  font-size: 17px;
  color: #949da9;
}
.in65487 div#main_nav ul.nav a {
  color: #A7A7A7;
  background-color: transparent;
}
.in65487 div#main_nav ul.nav a:focus {
  color: white;
}
.in65487 div#main_nav ul.nav a:hover {
  color: white;
}
.in65487 div#main_nav ul.nav li a {
  margin: 0 15px;
}
.in65487 div#main_nav ul.nav li.active.over:before {
  content: url("/~/media/data-visualizations/interactives/2015/immigrationtrends/images/caretdown.png");
  position: absolute;
  top: 46px;
  left: 38px;
}
.in65487 div#main_nav ul.nav li.active a {
  color: white;
}
.in65487 div#main_nav ul.nav li.active a:hover {
  color: white;
  background-color: transparent;
}
.in65487 div#minor_nav ul.nav.navbar-nav > li.active:after {
  content: url("/~/media/data-visualizations/interactives/2015/immigrationtrends/images/caretdownwhite.png");
  position: absolute;
  left: 32px;
  bottom: -13px;
}
.in65487 div#minor_nav ul.nav.navbar-nav > li a span {
  width: 78px;
  display: block;
  border-left: 1px solid rgba(251, 251, 251, 0.2);
}
.in65487 div#minor_nav ul.nav.navbar-nav > li a span:hover {
  color: #4E4E4E!important;
}
.in65487 div#minor_nav span#screen_description {
  font-size: 12px;
  width: 390px;
  color: #DADADA;
}
.in65487 div#minor_nav a.navbar-brand {
  padding: 16px 0 0 15px;
  width: 450px;
  font-size: 14px;
  color: white;
  display: block;
}
.in65487 div#minor_nav.navbar-collapse,
.in65487 div#minor_nav.navbar-default .navbar-form {
  background-color: rgba(10, 10, 40, 0.3);
}
.in65487 div#minor_nav ul.nav li a {
  font-family: "Tungsten Cond A", "Tungsten Cond B", "Arial Narrow", "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, "Roboto", sans-serif;
  font-weight: 500;
  font-size: 25px;
}
.in65487 div#minor_nav ul.nav li a:focus,
.in65487 div#minor_nav ul.nav li a:hover {
  background-color: rgba(251, 251, 251, 0.6);
}
.in65487 div#minor_nav ul.nav li.active a,
.in65487 div#minor_nav ul.nav li.active a:focus,
.in65487 div#minor_nav ul.nav li.active a:hover {
  background-color: white;
}
.in65487 a.year_select {
  width: 80px;
  text-align: center;
}
.in65487 div#top {
  background-color: #2c4e77;
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", "HelveticaNeue", "Arial", "Helvetica", "Roboto", "sans-serif";
  font-weight: 300;
  margin: 0;
  padding: 0 .5em;
  font-size: 9px;
}
.in65487 h1 {
  font-family: "MuseoSlab 900", "MuseoSlab", "Cambria", "serif";
  font-weight: 900;
  background-color: white;
  color: #6699cc;
  letter-spacing: -1.5px;
  margin: 0;
  padding: 22px 30px 21px 30px;
  width: 100%;
  font-size: 33px;
  line-height: 33px;
}
.in65487 div#map {
  float: left;
  margin: 0 0 0 0px;
  width: 680px;
  position: relative;
}
.in65487 div#map div.range {
  color: white;
  position: absolute;
  bottom: -2px;
  font-size: .71em;
  width: 29px;
}
.in65487 div#map div.range.low {
  left: -2px;
  text-align: right;
}
.in65487 div#map div.range.high {
  right: 60px;
  text-align: left;
}
.in65487 div#map div#container {
  width: 675px;
}
.in65487 div#sidebar {
  color: white;
  margin: 19px 0px 0px;
  float: right;
  width: 219px;
  overflow: hidden;
  position: relative;
  height: 100%;
}
.in65487 div#sidebar .infobox {
  width: 219px;
  float: left;
}
.in65487 div#sidebar .infobox h3 {
  color: white;
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", "HelveticaNeue", "Arial", "Helvetica", "Roboto", "sans-serif";
  font-weight: 700;
  text-transform: uppercase;
  width: 219px;
  margin: 0px 0 17px 0;
  font-size: 20px;
}
.in65487 div#sidebar .infobox h3 span.DC {
  font-size: 18px;
}
.in65487 div#state {
  margin-top: 15px;
}
.in65487 .Percent .figNum {
  line-height: 1em;
  margin: 0px 0;
  text-align: right;
}
.in65487 .Percent .figNum span {
  line-height: .8em;
}
.in65487 .Percent .figNum sup {
  font-size: .3em;
  top: -1.6em;
  font-family: "MuseoSlab 500", "MuseoSlab", "Cambria", "serif";
  font-weight: 500;
}
.in65487 .ForeignBorn .figNum {
  line-height: 1em;
  text-align: right;
  padding-top: 7px;
}
.in65487 .ForeignBorn,
.in65487 .Percent {
  float: left;
  width: 219px;
  padding: .4em 0;
  border-top: 1px solid #7f94a1;
}
.in65487 .figNum {
  float: right;
  font-family: "Tungsten Cond A", "Tungsten Cond B", "Arial Narrow", "Helvetica Neue", "HelveticaNeue", Arial, Helvetica, "Roboto", sans-serif;
  font-weight: 500;
  font-size: 62px;
  width: 130px;
}
.in65487 .figNum.fb {
  font-size: 40px;
}
.in65487 .figDsc {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", "HelveticaNeue", "Arial", "Helvetica", "Roboto", "sans-serif";
  font-weight: 300;
  width: 85px;
  float: left;
  font-size: 12px;
  line-height: 1.1em;
  padding: 14px 0;
}
.in65487 .expandsection {
  width: 100%;
  float: left;
  height: 55px;
  overflow: hidden;
}
.in65487 .expandsection.selected {
  background-color: rgba(255, 255, 255, 0.94);
  color: #336699;
}
.in65487 .expandsection h4 {
  color: white;
  cursor: pointer;
  background-repeat: no-repeat;
  font-size: 15px;
  padding: 19px 0 19px 45px;
  margin: 0;
  letter-spacing: -0.7px;
  background-position-x: 19px;
  background-position-y: 21px;
  line-height: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.64);
  font-weight: normal;
  background-image: url("/~/media/data-visualizations/interactives/2015/immigrationtrends/images/plus.png");
}
.in65487 .expandsection h4.minus {
  color: #336699;
  background-image: url("/~/media/data-visualizations/interactives/2015/immigrationtrends/images/minus.png");
  background-image: url("/~/media/data-visualizations/interactives/2015/immigrationtrends/images/minusBlue.png");
  font-weight: bolder;
}
.in65487 .in {
  position: relative;
  top: 0;
}
.in65487 .out {
  position: absolute;
  top: -2000px;
}
.in65487 div.era {
  background-color: rgba(17, 35, 66, 0.51);
  color: white;
  padding: 25px 42px 42px 42px;
  height: 460px;
  width: 930px;
  margin: 19px auto;
}
.in65487 div.era ul {
  font-size: 14px;
  padding: 0 15px 28px 45px;
  margin: 16px 0 0 0;
  letter-spacing: -0.7px;
}
.in65487 div.era h3.heading {
  font-family: "Whitney SSm A", "Whitney SSm B", "Helvetica Neue", "HelveticaNeue", "Arial", "Helvetica", "Roboto", "sans-serif";
  font-weight: 700;
  color: white;
  font-size: 20px;
  border-bottom: 3px solid rgba(255, 255, 255, 0.93);
  padding: 17px 0 14px 0;
  text-transform: uppercase;
  margin: 0 0 0 0;
  clear: both;
  letter-spacing: initial;
}
.in65487 .scroll-pane {
  float: left;
  width: 850px;
  height: 412px;
  overflow: hidden;
}
.in65487 div#overview_screen {
  color: white;
  height: 640px!important;
  position: relative;
}
.in65487 #source {
  clear: both;
  margin: 0px;
  right: 0px;
  padding: 0px;
  position: absolute;
  overflow: hidden;
  color: white;
  height: 493px;
  top: 412px;
  width: 219px;
  background-color: #244A70;
  opacity: 0.8;
}
.in65487 #source:hover {
  opacity: 0.9;
  color: white;
}
.in65487 #source a {
  color: white;
}
.in65487 #source a:hover {
  text-decoration: underline;
}
.in65487 #source h4 {
  background-image: url("/~/media/data-visualizations/interactives/2015/immigrationtrends/images/minusWhite.png");
  cursor: pointer;
  background-repeat: no-repeat;
  color: white;
  font-size: 14px;
  padding: 20px 0 20px 41px;
  margin: 0;
  letter-spacing: -0.7px;
  background-position-x: 18px;
  background-position-y: 21px;
  line-height: 15px;
  font-weight: normal;
  border-bottom: 1px solid #2c4e77;
  border-top: 1px solid #2c4e77;
}
.in65487 #source h4:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.in65487 #source h4.closed {
  background-image: url("/~/media/data-visualizations/interactives/2015/immigrationtrends/images/plus.png");
}
.in65487 #source h4.closed:hover {
  background-color: transparent;
}
.in65487 #source #source_content {
  padding: 0px 17px;
  font-size: 10.5px;
  line-height: 1.5;
  margin: 2px 0px;
  overflow-wrap: break-word;
}
.in65487 #source #source_content p {
  margin: 1.5em 0;
}
.in65487 .print-pane {
  display: none;
}
@media print {
  .in65487 {
    overflow: visible;
    height: initial;
  }
  .in65487 div#intro {
    padding: 0;
  }
  .in65487 h5.screen_description {
    margin-bottom: 15px;
  }
  .in65487 h1,
  .in65487 .main_nav,
  .in65487 .minor_nav,
  .in65487 .topbar,
  .in65487 #explore_button,
  .in65487 .scroll-pane,
  .in65487 .out {
    display: none;
  }
  .in65487 .print-pane,
  .in65487 .era,
  .in65487 .pct-section {
    display: initial;
    height: initial;
    overflow: visible;
  }
  .in65487 #source {
    position: relative;
    overflow: visible;
    width: 100%;
  }
  .in65487 #foreground,
  .in65487 .expandsection,
  .in65487 #overview_screen,
  .in65487 #interact_screen,
  .in65487 #timeline_screen {
    overflow: visible;
    height: initial;
  }
}
/*# sourceMappingURL=main.css.map */