html,
body {
  height: 100%;
  font-family: Montserrat;
  /* The html and body elements cannot have any padding or margin. */
  color: #485f64;
}

body {
  background-color: #fcfcfc;
}

h1, h2 {
  font-weight: bold;
}

h3 {
  font-weight: 600;
}

h4 {
  font-weight: 500;
}

a {
  color: #33ccff;
}

a:hover {
  cursor: pointer;
}

a.gunmetal-link {
  font-weight: 500;
  color: #485f64;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  margin-top: 30px;
  background-color: #fff;
  margin-top: 30px;
  padding-bottom: 54px;
}

#footer h5 {
  font-weight: bold;
}

/* move margin from navbar to container so we can do full-width backgrounds on team bounty programs */

.footer-logo {
  width: 324px;
  margin-top: 30px;
}

#footer a { color: #485f64; }

.top-border { 
  height: 10px;
  background-image: linear-gradient(to left, #33ccff, #4edcca);
}

/* Top Backers Table */
.top-backers-table > .row { margin-bottom: 15px; }
.top-backers-table > .row:last-of-type { margin-bottom: 0 !important; }

.thumbnail.no-margin {
  margin: 0px;
}

.list-inline.narrow {
  height: 20px;
}

.form-group.narrow {
  margin-bottom: 0px;
}

/* firefox doesnt like 100% max-width images without this */
table.table-fixed { table-layout: fixed; }

.text-ellipsis { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.narrow {
  margin-top:0px;
}



.unstyled-anchor {
  cursor: default !important;
}

.image_body_html img {
  max-width: 100%;
}

input[type="text"]:disabled.white-input  {
  background-color: white;
}

.row-condensed *[class^="col-"] { padding: 0 5px; }
.row-condensed *[class^="col-"]:first-of-type { padding-left: 10px !important; }
.row-condensed *[class^="col-"]:last-of-type { padding-right: 10px !important; }.markdown img { max-width: 100%; }

.bounty-hunter-blue-bottom-border {
  border-bottom: 1px solid #428bca;
}

.row-green {
  background-color: #ecfde4;
}

.form-without-bottom-margin { margin-bottom: -15px; }


/* golden ratio grid */
.top-backers, .top-backers-vertical { margin: 0; padding: 0; height: 161%; line-height: 1px; margin-bottom: -1px; }
.top-backers li, .top-backers-vertical li { list-style: none; margin: 0; padding: 0; float: left; }
.top-backers img, .top-backers-vertical img { width: 100%; height: 100%; }
.top-backers a, .top-backers-vertical a { line-height: 1px; }
.top-backers:before, .top-backers:after, .top-backers-vertical:before, .top-backers-vertical:after { content: " "; display: table; }  /* clearfix */
.top-backers:after, .top-backers-vertical:after { clear: both; } /* clearfix *

/* percentage generators in ruby
x = 1.61803398875
x1 = 1/x      # 0.6180339887498547 %
x2 = 1 - x1   # 0.3819660112501453 %
n1 = 100
n2 = 100*x1
n3 = 100*x2
n4 = n3*x1
n5 = n3*x2
n6 = n5*x1
n7 = n5*x2
n8 = n7*x1
n9 = n7*x2
n10= n9*x1
*/
.top-backers-vertical li:nth-child(1) { width: 100%; }
.top-backers-vertical li:nth-child(2) { width: 61.80339887498547%; }
.top-backers-vertical li:nth-child(3) { width: 38.19660112501453%; }
.top-backers-vertical li:nth-child(4) { width: 23.60679774997992%; }
.top-backers-vertical li:nth-child(5) { width: 14.589803375034613%; }
.top-backers-vertical li:nth-child(6) { width: 9.016994374948734%; }
.top-backers-vertical li:nth-child(7) { width: 5.572809000085878%; }
.top-backers-vertical li:nth-child(8) { width: 3.4441853748641647%; }
.top-backers-vertical li:nth-child(9) { width: 2.1286236252217137%; }
.top-backers-vertical li:nth-child(10){ width: 1.3155617496429515%; }

.top-backers li:nth-child(1) { width: 61.80339887498547%; }
.top-backers li:nth-child(2) { width: 38.19660112501453%; }
.top-backers li:nth-child(3) { width: 23.60679774997992%; }
.top-backers li:nth-child(4) { width: 14.589803375034613%; }
.top-backers li:nth-child(5) { width: 9.016994374948734%; }
.top-backers li:nth-child(6) { width: 5.572809000085878%; }
.top-backers li:nth-child(7) { width: 3.4441853748641647%; }
.top-backers li:nth-child(8) { width: 2.1286236252217137%; }
.top-backers li:nth-child(9) { width: 1.3155617496429515%; }
.top-backers li:nth-child(10){ width: 0.8130618755787621%; }




.ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
