/* Chosen v1.4.2 | (c) 2011-2015 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */


.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(chosen-sprite.png) no-repeat 100% -20px;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(chosen-sprite.png) no-repeat -30px -20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-repeat:no-repeat!important}}
#app{
  display: inline-block;
  width: 35%;
  margin-bottom: 5px;
  vertical-align: top;
}

#copy{
  width: 60%;
  padding-right: 4%;
  display: inline-block;
}

#copy p{
  line-height: 1.35em;
  margin-bottom: 1.35em;
  font-size: 1.3em;
  color: #333;
}

#app #highlights {
	margin-top: 0px;
}

#app > h2 {
  font-weight: 700;
  font-family: 'Sentinel A', 'Sentinel B';
  text-align: center;
  font-size: 1.6em;
}

#app > .featured-reports {
  margin-top: 1em;
  text-align: left;
}

#app .search_sm {
	margin-top: 0px;
}

.all-highlights h2 {
	font-weight: 700;
  font-family: 'Sentinel A', 'Sentinel B';
  font-size: 1.6em;
}
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/

#chapter{
  display: block;
  margin: 22px 0 0 0;
}

#chapter_head {
  margin-top: 30px;
}

#chapter_head h1 {
  margin: 15px 0;
  font-size: 3em;
  line-height: 1.1em;
  font-family: 'Sentinel A', 'Sentinel B';
  font-weight: bold;
}

#chapter_head h2{
  margin: 0 auto 1.7em;
  font-family: 'Sentinel A', 'Sentinel B';
  font-size: 1.8em;
  font-weight: 300;
  font-style: italic;
}

#chapter_head h2.next {
  float: right;
  font-size: 1.3em;
  margin-top: 12px;
}

#chapter_head.project-page h1 {
  /*font-size: 14px;*/
}

#content .breadcrumbs h1 {
  font-size: 1em;
  font-weight: normal;
}

.breadcrumbs .chosen-container-single .chosen-single {
  font-size: 1.2em;
  top: -2px;
  text-align: center;
  padding: 3px;
  font-weight: normal;
}

.breadcrumbs .chosen-container .chosen-results li {
  text-align: center;
  font-size: 1.4em;
}

.breadcrumbs .chosen-container-single .chosen-single div b {
  background: url(chosen-sprite@2x.png) no-repeat 0px -2px;
}

.project-page {
  margin: 20px 0 60px 0;
}

#project {
  display: inline-block;
  width: 590px;
  padding: 25px;
  margin: 0px 20px 0 0;
  box-shadow: 0px 2px 22px #CECECE;
  background-color: #F1DEBB;
  vertical-align: top;
  border: 1px solid #E4D7BF;

}
#project h1,
#project h2,
#project h3,
#project h4 {
  font-family: sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  color: #737373;
}

#project h1 {
  font-size: 2.3em;
  margin-bottom: .5em;
  font-family: 'Sentinel A', 'Sentinel B';
  color: black;
  text-transform: none;
}

.report-h2 {
  font-family: 'Sentinel A', 'Sentinel B';
  color: black;
  font-weight: bold;
}

#project h2{
  margin-bottom: 0;
}

#project h3{
  font-size: .85em;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  padding-top: .5em;
  padding-bottom: 3px;
  margin-bottom:2px;
  color: #000;
  text-decoration: underline;
}

#project pre{
  font-size:14px;
}

#content .report-head h1 {
  font-family: 'Sentinel A', 'Sentinel B';
  font-weight: bold;
  margin: 20px 0 0;
  font-size: 2.5em;
}

#content .report-head h2 {
  font-family: 'Sentinel A', 'Sentinel B';
  font-weight: normal;
  font-style: italic;
  margin: 5px 0 20px 0;
}

select {
  white-space: pre-wrap;
}

#details{
  display: block;
}

#project_summary {
  margin-bottom: 20px;
}

.show{
  cursor: pointer;
  color: #236437;
  font-weight: 800;
}

#project_summary_text{
  white-space: pre-wrap;
  width: 600px;
}

#project_details{
  width: 100%;
}

#project_details .column {
  float: left;
  width: 48%;
  margin-right: 2%;
}

.project_description pre {
  white-space: pre-wrap;
  font-size: 1em;
  margin-top: .5em;
  margin-bottom: 1.6em;
}

.project_description h3{
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: .5em;
}

.project_description h2{
  font-family: "Helvetica", sans-serif;
  font-weight: 800;
  font-size : 1.25em;
  margin-bottom: .25em;
  padding: 0;
}

/*why am i doing this why is this even A Thing, I am so sorry */
.project_description_chapter {
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: #fff;
  padding-top: .5em;
  padding-left:.5em;
  padding-right: 1.5em;
  color: black;
  border: 1px solid #cecece;
  box-shadow: 1px 1px 4px #cecece;

  background-color: #feffed;
}


.project_description_chapter pre {

  white-space: pre-wrap;
  font-size: 1em;
  margin-top: .5em;
  margin-bottom: .75em;
  padding-left: 10px;
  padding-right: 10px;
}
.project_description_chapter h3{
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: .5em;
}

.project_description_chapter h2{
  font-family: "Helvetica", sans-serif;
  font-weight: 800;
  font-size : 1.25em;
  margin-bottom: .25em;
  padding: 0;
}

.map_cont {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  height: 191px;
  padding: 3px;
  border: 1px solid #cecece;
  /*box-shadow: 1px 1px 4px #cecece;*/
  /*margin-right: -35px;*/
  margin-bottom: 10px;
  margin-right: 10px;
}
.phrase_aside .map_cont {
  margin-right:0;
}

.map {
  position: relative;
}
.map img {
  opacity: 0.8;
}

.map img, .map canvas {
  position:absolute;
  height: 192px;
  width: 100%;
  top:0px;
  left:0px;
}


/* TODO how big do we actually want this map */
.map_cont_category, .tiny_map img, .tiny_map canvas {
  /*
  width: 300px;
  height: 229.5px;
  */
  width: 100px;
  height: 76.5px;
}
.map_cont_category{
  float: right;
  margin-right: -5px;
  /* margin-right: -35px; */
  padding: 3px;
  border: 1px solid #cecece;
  box-shadow: 1px 1px 4px #cecece;
  margin-bottom: 10px;
  margin-left: 0px;
}

.tiny_map {
  position: relative;
}
.tiny_map img {
  opacity: 0.8;
}

.tiny_map img, .tiny_map canvas {
  position:absolute;
  top:0px;
  left:0px;
}

#map_category {
  position: relative;
}
#map_category img {
  opacity: 0.8;
}

#map_category img, #map_category canvas {
  position:absolute;
  height: 229.5px;
  width: 100%;
  top:0px;
  left:0px;
}

#random_project{ 
/*  top:0;
  right:0;*/
  /*float:right;*/
  width: 100%;
  /*padding: 10px;*/
  vertical-align: top;
  margin-right: 15px;
  margin-left: 15px;

}
#random_project_chapter{
  display: inline-block;  
/*  top:0;
  right:0;*/
  /*float:right;*/
  max-width: 325px;
  /*padding: 10px;*/
  max-height: 100vh;
  vertical-align: top;
  margin-right: 15px;
  margin-left: 15px;
}

.sidebar {
  display: inline-block;
  width: 294px;
}

.sidebar h2 {
  font-weight: bold;
  font-family: 'Sentinel A', 'Sentinel B';
  margin: 1em 0 0 0;
}

.sidebar .search_sm {
  margin-top: 0px;
}

.sidebar .search-bar {
  width: 258px;
}

.sidebar input {
  width: 220px;
}


#list_of_things{
  display: inline-block;
  width:200px;
}
#list_of_things h3{
  padding: 5px;
  text-transform: uppercase;
  color: #737373;
  font-size: .85em;
  border-bottom: 1px solid black;
}


#list_of_things table td{
  padding:8px 5px;
  background-color: #F1DEBB;
  border: 1px solid #E4D7BF;
}

#list_of_things table{
  font-family: "Helvetica", sans-serif;
  font-size: .85em;
  font-weight: 800;
  width: 200px;
  margin:0;
  border-collapse: separate;
  border-spacing: 0px 10px;
}
#list_of_things table tr a {

}

#list_of_things table tr{
  padding:5px;
  margin:0;
}

.page-chapter #app #list_of_things tbody tr  {
   background-color: #f2f2f2;

}

.page-chapter #app #list_of_things tbody tr.selected {
  background-color: #feffed;
}


pre{
  margin-bottom:10px;
  margin-top:5px;
  font-size: 14px;
}
/*
  Place all the styles related to the matching controller here.
  They will automatically be included in application.css.
*/

span.examples {
  font-size: 13px;
  display: block;
}

.search_large {
	margin: 0 0 6px 0;
	width: 60%;
}

.search_large input {
	width: 92%;
}

.search_large h3 {
  font-family: 'Sentinel A', 'Sentinel B';
  font-size: 2em;
  margin: 15px 0 10px 0;
}

h4.number-results {
  font-weight: normal;
  margin: 25px 0 10px 0;
  color: #888;
  width: 60%;
  border-top: 1px solid #DDD;
  padding: 12px 0 20px 0px;
}

.all-results {
	width: 60%;
  margin: 0 0 40px;
}

.search-result {
	margin-bottom: 20px;
}

.search-result h2 {
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
}

.search-result h2 a {
	color: #2262CC;
	font-family: arial, sans-serif;
}

.search-result .date, .search-result .blurb, .search-result .status, .search-result .estimated,
.search-zero-results .search-result p {
	font-family: arial, sans-serif;
  line-height: 1.4em;
  color: #535353;
}

.search-result .date, .search-result .status, .search-result .words, .search-result .estimated {
	color: #888;
	margin-bottom: 2px;
	line-height: 1.8em;
}

.search-result .words {
	margin-top: 0px;
}

.blurb em {
  background-color: #FFE3BC;
  font-weight: bold;
  font-style: normal;
  padding: 0px 4px;
  color: #000;
}


.pagination {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.pagination span {
  line-height: 2em;
  font-weight: bold;
  display: block;
  float: left;
}
.pagination .disabled {
  color: #aaaaaa;
}
.pagination a {
  color: black;
  text-decoration: none;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 2px 12px;
  background-color: #eee;
  display: block;
}
.pagination a:hover, .pagination a:focus {
  background: #EBEBEB;
  color: #444;
}
.pagination .current {
  font-style: normal;
  background-color: rgba(38, 93, 52, 0.83);
  border-top: 1px solid rgba(38, 93, 52, 0.83);
  border-bottom: 1px solid rgba(38, 93, 52, 0.83);
  border-right: 1px solid rgba(38, 93, 52, 0.83);
  color: #FFF;
  padding: 2px 12px;
}
.pagination .gap {
  font-style: normal;
  background-color: #eee;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  color: black;
  padding: 2px 12px;
}
.pagination .first a {
  border-left: 1px solid #dddddd;
}
.pagination .page_info {
  color: #aaaaaa;
  padding-top: 0.8em;
}
.pagination .previous_page, .pagination .next_page {
  border-width: 1px;
}
.pagination .next_page {
  margin-left: 1em;
}

.pagination:after {
  clear: both;
}


.search-zero-results #highlights {
  margin-top: 0
}
h2#no-results {
  font-weight: 700;
  font-family: 'Sentinel A', 'Sentinel B';
  text-align: center;
  font-size: 1.6em;
  margin-bottom:0.5em;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *



 */


#content, #content .wrapper {
  overflow: visible;
  background: white;
}

html { background: white; }
body { margin: 0px; background: white;}
a {
  color: #237EB5;
}
h2 {
  font-size: 1.5em;
  font-weight: 300;
  margin-bottom: .5em;
}

h3{
  font-size: 1em;
  font-family: sans-serif;
  margin-bottom:5px;
}
hr {
  border: 0px solid #fff;
}

.callout {
  text-align: center;
  font-size: 11px;
  line-height: 1.5em;
  font-family: Helvetica;
  font-style: normal;
  color: #444;
  padding: 5px 10px 2px;
  background: #F0F0F0;
  border-radius: 3px;
  margin-top: 10px;
  display: block;
  margin: 16px auto -10px;
  width: 380px;
}

.breadcrumbs {
  font-family: "Sentinel A", "Sentinel B", Georiga, serif;
  font-size: 18px;
  margin: 20px 0 10px;
  border-bottom: 1px solid #DDD;
  padding: 0 0 10px;
  color: #336E45;
}

.breadcrumbs a {
  color: #336E45;
}

#intro hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

#header {
  width: 100%;
  height: 40px;
  background-color: #336E45;
  border-bottom: 1px solid #285E39;
  position: relative;
}

#header .wrapper {
  position: relative;
}

#header h4 {
  font-family: "ff-meta-serif-web-1","ff-meta-serif-web-2","Georgia",serif;
  float: left;
  font-size: 16px;
  padding: 3px 0 3px 10px;
  color: #eee;
  position: relative;
  border-left: 1px solid #DDD;
  margin: 7px 0 0 10px;
}

#header h4 a, #header h4 a:hover {
  color: #eee;
  text-decoration: none;
  font-weight: normal;
}

#header h4 .icon {
  padding: 0 3px 0 2px;
  position: relative;
  top: 1px;
}

#header h5 {
  height: 40px;
  text-align: left;
  width: 120px;
  float: left;
  margin: 0px;
}

#header h5 a {
  height: 45px;
  width: 120px;
  display: inline-block;
  background: url("propublica-logo-white.png") 0 -20px no-repeat;
}

#header .donate {
  float: right;
}

#header .donate h2 {
  background: #750101;
  background: -webkit-gradient(linear, left top, left bottom, from(#750101), to(#BA0909));
  background: -moz-linear-gradient(top, #750101, #ba0909);
  background: -ms-linear-gradient(top, #750101, #ba0909);
  width: 75px;
  text-align: center;
  display: block;
  font-size: 17px;
  line-height: 34px;
  border-bottom: 4px solid #BA0909;
  text-shadow: #7B3039 1px 1px 2px;
  text-transform: uppercase;
  cursor: pointer !important;
  font-weight: bold;
  font-family: "Helvetica Neue","Arial",sans-serif;
  padding: 3px 8px;
  margin: 0px;
}

#header .donate h2 a {
  text-decoration: none;
  color: #FFF;
}

#header #banner-share {
  float: right;
  margin: 10px 4px 0 0;
}

#header #banner-share li {
  width: 30px;
  height: 30px;
  margin-right: .5em;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

#header #banner-share li a {
  height: 30px;
  width: 30px;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#header #banner-share li.comment {
  border: none;
}

#header #banner-share .facebook a {
  background: url("https://static.propublica.org/assets/sprites-smaller-white.min.svg?20130417") 0 0 no-repeat;
}

#header #banner-share .facebook a:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

#header #banner-share .twitter a {
  background: url("https://static.propublica.org/assets/sprites-smaller-white.min.svg?20130417") 3px -50px no-repeat;
}

#header #banner-share .twitter a:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}


footer ul {
  float: left;
  border-left: 1px solid #d3d3d3;
  padding: 0 40px 0 14px;
}

footer ul li {
  margin: 0 0 10px 0;
}

footer {
  background-color: #336E45;
  border-top: 1px solid #285E39;
  height: 160px;
  clear: both;
  color: white;
  font-family: "Helvetica Neue","Arial",sans-serif;
}

footer a {
  color: #eee;
}

#footer-logo p {
  color: white;
}

#footer-logo-image {
  background: url("//static.propublica.org/logos/propublica-words-white.svg?201412161945") 0 0 repeat-x;
  background-size: 135px 20px; }

footer .wrapper {
  padding: 30px 0;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

#project_table{
  overflow: scroll;
}


td{
  vertical-align: top;
/*  padding:10px;*/
}

tbody tr{
  padding: 7px;
/*  border-bottom: 1px dotted black;*/
}
/*tbody tr:nth-child(even) {
   background-color: #eee;
}
tbody tr:nth-child(odd) {
   background-color: #fff;
}*/


thead td{
  font-family: sans-serif;
  font-weight: 800;
}

#content .guff {
  padding: 60px 0 20px;
  margin-right: auto;
  margin-left: auto;
}

#content .guff .byline a {
  color: #237EB5;
}

#content .guff .byline a:hover {
  text-decoration: underline;
}

#content .guff h1 {
  margin-bottom: 5px;
  text-align: center;
  font-size: 3.6em;
  font-family: 'Sentinel A', 'Sentinel B';
  font-style: normal;
  font-weight: 700;
}

#content .guff h2 {
  font-family: 'Sentinel A', 'Sentinel B';
  font-weight: 500;
  font-style: normal;
  font-size: 2.5em;
  text-align: center;
  margin: 10px 0;
}

#content .guff .intro {
  width: 80%;
  margin: 30px auto;
}

#content .guff .intro p {
  font-size: 1.4em;
}

#content .guff .byline {
  text-align: center;
  font-family: "Georgia",serif;
  margin: 20px 0px 10px;
  font-size: 14px;
  line-height: 1.6em;
}

#content .guff p {
  font-size: 1.4em;
  line-height: 1.4em;
  margin-bottom: 1.4em;
  font-family: "Georgia",serif;
  color: #333;
}

#content #main .content p {
  font-size: 1.4em;
  line-height: 1.4em;
  color: #333;
  margin-bottom: 1.4em;
}

#content #main .content {
  width: 36%;
  float: left;
  box-sizing: border-box;
  padding: 0 20px 0 0;
}

#content {
  padding: 0px;
}

#main-table {
  font-family: "Helvetica Neue","Arial",sans-serif;
}

#main-table td {
  padding: 10px;
}

#main-table tr td:first-child {
  padding-left: 0px;
}

#main-table tr td:last-child {
  padding-right: 0px;
}

#big-box pre {
  width: 100%;
  font-size: 1.25em;
  white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;
}

#big-box {
  margin-top: 15px;
  margin-bottom: 40px;
}

.random-refresh {
  display: block;
  padding: 10px 0px;
  background: #336E45;
  border-radius: 3px;
  margin: 0 auto 17px;
  cursor: pointer;
  font-family: 'Sentinel A', 'Sentinel B';
  color: #FFF;
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  text-align: center;
}
.random-refresh:active {
  box-shadow: inset 0 0 3px #999;
}

.random-refresh:hover {
  background: #1E5830;
}

#read_more{
  font-weight: bold;
  display: inline-block;
  padding: 5px;
  background:#f0f0f0;
  border-radius: 3px;
  /*margin-top: 15px;*/
}

#random_table {
  font-weight: bold;
  display: inline-block;
  padding: 2px 10px;
  background: #f0f0f0;
  border-radius: 3px;
  margin-left: 5px;
  cursor: pointer;
}
#random_table:active {
  box-shadow: inset 0 0 3px #999;
}

.phrase {
/*  min-height: 425px;*/
}
.phrase_aside {
  /*float:right;*/
  /*margin-left:10px;
  margin-bottom: 10px;*/

}
.phrase_aside .map_cont {
  margin-bottom:10px;
}
.phrase_text{
  padding-bottom: 10px;
}

#phrase_aside_details {
  background: #f0f0f0;
  padding: 10px;
  clear: both;
  width: 386px;
  float: right;
}

#phrase_aside_details_category {
  background: #f0f0f0;
  padding: 10px;
/*  clear: both;*/
  width: 285px;
}
#phrase_aside_details_category h3{
  font-size: 1em;
  font-family: "Helvetica", sans-serif;
  font-weight: 800;
  padding:0px;
}
#phrase_aside_details_category p{
  font-size: 1em;
  line-height: auto;
  margin-bottom: 0;
}
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#main{
  display: block;
}
.search_sm{
  margin-top: 10px;
  background:#CEDBCB;
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-top: 3px solid #336E45;
}
#browse {
  display: inline-block;
  width: 64%;
  padding: 0px 0px 0px 15px;
  box-sizing: border-box;
}

.search_sm {
  text-align: center;
  padding: 15px 0px 20px;
}

.search_sm h3 {
  font-family: 'Sentinel A', 'Sentinel B';
  font-size: 1.5em;
  font-weight: 200;
}

.btn-input img {
  width: 20px;
}

input{
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.1em;
  width: 240px;
  float: left;
  height: 39px;
  border: 2px solid #336E45;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0px 10px;
  box-sizing: border-box;
}

.btn-input {
  float: left;
  background: #336E45;
  padding: 8px 10px 8px 8px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.search-bar {
  /*background-color: #336E45;*/
  padding: 10px 0px 4px;
  width: 278px;
  margin: 0 auto;

}

select { 
  font-size: 1em;
  font-family: 'Sentinel A', 'Sentinel B'; font-weight: 800; font-style: normal;
  font-weight: bold;
  width: auto;
  border: 1px solid #DDD;
  border-radius: 4px;
  color: #000;
  padding: 10px 40px 12px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #EEE;
  font-weight: 700;
}

#select_chapter_chosen {
  font-family: 'Sentinel A', 'Sentinel B'; font-weight: 800; font-style: normal;
  font-weight: 700;
}

.chosen-container-single .chosen-single {
  padding: 20px 10px 25px 10px;
  font-size: 3.6em;
  height: inherit;
  top: -4px;
  color: #000;
}

.chosen-container-single .chosen-single span {
  overflow: visible;
}

.chosen-container-single .chosen-single div {
  width: 28px;
}

.chosen-container-single .chosen-single div b {
  background: url(chosen-sprite@2x.png) no-repeat 0px 15px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -36px 15px;
}

.chosen-container .chosen-results li {
  line-height: 1.3em;
  font-size: 1.6em;
  font-weight: normal;
  border-top: 1px dashed #EEE;
}

.chosen-container .chosen-results li:first-child {
  border-top: none;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #1f6a32;
  background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#1f6a32),color-stop(90%,#195328));
  background-image: -webkit-linear-gradient(#1f6a32 20%,#195328 90%);
  background-image: -moz-linear-gradient(#1f6a32 20%,#195328 90%);
  background-image: -o-linear-gradient(#1f6a32 20%,#195328 90%);
  background-image: linear-gradient(#1f6a32 20%,#195328 90%);
  color: #FFF;
  border-top: 1px solid #1f6a32;
}

#intro{
  vertical-align: top;
  display: inline-block;
  max-width: 30%;
  margin-right: 15px;
}

#intro p{
  font-size: 15px;
  line-height: 1.4em;
  margin-bottom: 2em;
}

.examples{
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 11px;
}

.all-highlights .column {
  width: 49%;
  float: left;
  margin-right: 2%;
}

.all-highlights .column:nth-child(2){
  margin-right: 0%;
}

.highlight{
  border: 1px solid #ddd;
  box-shadow: 1px 1px 4px #CECECE;
  padding: 0;
  margin: 0;
  width: 100%;
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  text-align: center;
  margin: 10px 10px 0 0;
  /*cursor: pointer;*/
}

.see-more {
  margin: 15px 0 0 0;
  text-transform: uppercase;
  font-family: "Helvetica Neue";
  font-size: 11px;
  padding: 5px 10px;
  background-color: #DDD;
  display: inline-block;
  color: #333;
  border-radius: 2px;
  transition: background-color .35s ease-in-out;
}

.highlight {
  position: relative
}
.highlight a.real-link, .highlight a.real-link:hover {
  padding: 18px;
  color: #333;
  text-decoration: none;
  display: block;
  height: 100%;
}
.highlight.project a.real-link, .highlight.project a.real-link:hover {
  height: 164px;
}
.highlight .social-links {
  position: absolute;
  /*
  top: 5px;
  right: 5px;
  */
  bottom: 5px;
  right: 8px;
}
.social-links .facebook, .social-links .twitter {
  float: right;
  margin-left: 5px;
}
.social-links .facebook a {
  background: url("//static.propublica.org/assets/sprites-smaller.min.svg?201412161945") -5px -2px no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.social-links .twitter a {
  background: url("//static.propublica.org/assets/sprites-smaller.min.svg?201412161945") -4px -52px no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
}
.highlight .social-links .facebook a,
.highlight .social-links .twitter a {
  transition: opacity .5s ease-in-out;
  opacity: 0;
}
.highlight:hover .social-links .facebook a,
.highlight:hover .social-links .twitter a {
  opacity: 0.5;
}
.highlight:hover .social-links .facebook a:hover,
.highlight:hover .social-links .twitter a:hover {
  opacity: 1.0;
}


.highlight a.highlight-wrap {
}
.highlight a.highlight-wrap:hover {
  color: #333;
  text-decoration: none
}

/*.highlight:hover {
  background-color: #eee;
}*/

.highlight:hover .see-more {
  background-color: #ffc519;
}

.excerpt{
  width: 100%;
  display: block;
}

.view_all{
  height: 200px;
  width: 32%;
  float: left;
  box-sizing: border-box;
}

.view_all pre{
  white-space: pre-wrap;

}
.view_all hr {
  border-bottom: 1px dotted black;
  margin-bottom: 5px;
  padding-bottom:5px;
}

.all-highlights{
  display: block;
  margin-top: 20px;
/*  background-color: #eee;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;*/
}

.highlight h1, #content .highlight h1{
  font-size: 22px;
  font-family: 'Sentinel A', 'Sentinel B';
/*  text-transform: uppercase;*/
/*  letter-spacing: .75px;*/
  margin-bottom: 0;
  font-weight: 300;
}

.highlight h2{
  font-family: sans-serif;
  font-size: .85em;
  font-weight: 800;
  margin-top: 10px;
  text-transform: uppercase;
}

.highlight h3 {
  font-weight: normal;
  margin: 10px 0 0 0;
  color: #716F6F;
}

.highlight img{
  height: 115px;
  margin: 16px auto auto auto;
  display: block;
}
.highlight p{
  font-family: "Helvetica", sans-serif;
  font-weight: 100;
  font-style: italic;
  margin-top: 5px;
}
button{
  margin-bottom: 5px;
}

.homepage-dropdown {
  position: relative;
}

.homepage-dropdown .image-container {
  position: absolute;
  top: -12px;
  right: 86px;
  z-index: 100;
  width: 568px;
  height: 84px;
}

#browse > h2 {
  font-weight: 700;
  font-family: 'Sentinel A', 'Sentinel B';
  text-align: center;
  font-size: 1.6em;
}

#browse > p {
  text-align: center;
  font-style: italic;
}
.page-chapter .all-highlights {
  height: auto;
}


#post-copy-nav{
  width: 100%;
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  margin: 1em 0 2em 0;
  text-align: left;
}

#post-copy-nav h3 {
  font-family: 'Sentinel A', 'Sentinel B';
  font-size: 1.4em;
  font-weight: 700;
}

#post-copy-nav div {
  float: left;
  font-style: italic;
  font-size: 1.4em;
  font-family: 'Sentinel A', 'Sentinel B';
  line-height: 2em;
}

#post-copy-nav a {
  margin: 0 0 4px;
  white-space: nowrap;
  background-color: #EEE;
  padding: 4px 8px;
}
#cerp.page-search.search-zero-results #browse {
  width: 100%;

}
.column {
  margin-bottom: 1em;
}
#more_highlights, #more_highlights_0, #more_highlights_1, #more_highlights_2,
#more_reports {
  border: 1px solid #ddd;
  box-shadow: 1px 1px 4px #CECECE;
  padding: 8px 18px;
  width: 100%;
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  margin: 10px 10px 2em 0;
  text-align: center;
  cursor: pointer;

  font-weight: bold;
  background: #fafffa;
  clear: both;
}
#more_reports {
  display: inline-block;
  width: 942px;
  margin-top: 1em;
}


#source {
  padding: 20px 0 0;
  margin: 40px 0 30px;
  border-top: 1px solid #DDD;
}

#source h5 {
  font-family: 'Sentinel A', 'Sentinel B';
  color: #969494;
  font-weight: normal;
  padding: 0 0 4px;
}

#source p {
  line-height: 18px;
  color: #585858;
  font-family: 'Sentinel A', 'Sentinel B';
  font-size: 14px;
}

#footer-logo {
  padding: 15px 0px 0;
}



#header #banner-share li a {
  height: 30px;
  width: 30px;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}


#header #banner-share .facebook a {
  background: url("https://static.propublica.org/assets/sprites-smaller-white.min.svg?20130417") 0 0 no-repeat;
}

#header #banner-share .facebook a:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

#header #banner-share .twitter a {
  background: url("https://static.propublica.org/assets/sprites-smaller-white.min.svg?20130417") 3px -50px no-repeat;
}

#header #banner-share .twitter a:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}


#cerp.page-intro #select_chapter_chosen {
  width: 556px !important;
}


#project-overflow {
  display: inline-block;
  width: 640px;
  padding: 25px 0 0 0;
  margin: 0px 20px 0 0;
  vertical-align: top;
}





@-moz-document url-prefix() {
  .btn-input {
    padding: 7px 7px 7px 5px;
  }
  .page-intro .btn-input {
    padding: 7px 7px 6px 5px;
  }
}

@media (max-width:481px){
  /* don't use blue top */
  body {
    padding-top: 0 !important;
    background: none !important;
  }

  .callout {
    width: 85%;
  }

  #content .guff {
    padding-top: 22px;
    padding-bottom: 0
  }
  #content .guff h1 {
    font-size: 2.1em
  }
  #content .guff select {
    width: 300px;
    padding: 3px 0 3px 5px;
    margin: 5px 0 10px 0;
    appearance: menulist-button;
    -webkit-appearance: menulist-button;
    -moz-appearance: menulist-button;
  }
  #content .guff h2 {
    font-size: 1.8em
  }
  #browse {
    width: 100%;
    padding: 0px 15px;
  }
  #browse .column {
    width: 100%;
    float: none;
    margin: 0;
    margin-right: 0;
  }

  #content .guff .intro {
    width: 90%;
    margin-bottom: 1em;
  }
  #content #main .content {
    width: 90%;
    margin: 1em 15px;
    padding: 0;
  }
  #content #main .content p {
    font-size: 1.4em;
    line-height: 1.4em;
    margin-bottom: 1.4em;
    font-family: "Georgia",serif;
    color: #333;
  }

  .search_sm .search-bar input[type="text"] {
    width: 210px;
    margin-left: 10px;
    border: 1px solid #336E45;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .btn-input {
    padding: 5px 8px 5px 7px;
    height: 27px;
  }
  .btn-input img {
    width:16px;
  }

  .all-highlights {
    margin-top: 0
  }

  .page-search .search_large, .page-search .number-results,
  .page-search .all-results {
    width: 100%;
  }
  .page-search .search_large input[type="text"] {
    width: 260px;
    border: 1px solid #336E45;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .page-search .search-result h2 {
    white-space: normal;
  }
  .search-result .words .date, .search-result .words .estimated,
  .search-result .words .status {
    display: block;
    margin: 0;
    line-height: 1.6em;
  }
  .search-result .words .date {
    margin-top: 0.4em;
  }
  .search-result .words .sep {
    display: none;
  }

  .page-project #project {
    width: 250px;
  }
  .page-project #project .column {
    width: 100%;
  }

  .page-chapter #chapter_head h2 {
    width: 100%;
  }
  .page-chapter #chapter #copy, .page-chapter #chapter #app {
    width: 100%;
  }
  .page-chapter .all-highlights {
    margin-bottom: 2em;
  }
  .page-chapter .all-highlights {
    height: auto;
  }
  .all-highlights .view_all {
    height: auto;
    width: 100%;
    margin-bottom: 0.5em;
  }


}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 13/10),
only screen and (min-resolution: 120dpi) {
  #header h5 a {
    background: url("propublica-logo-light.min.svg") 0 -20px no-repeat;
  }
}