/* = Typography =
 *
 * == Colors ==
 * #505A6E - rgb(70,90,110)   - Dark Blue
 * #FFA000 - rgb(255,160,0)   - Orange
 * #B9BEC8 - rgb(185,190,200) - Light Blue
 *
 */

body {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: #505A6E;
  padding: 0;
  margin: 0;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
a {
  color: #FFA000;
}

/* Homepage */
.hero {
  background-color: #505A6E;
}
.nav a {
  font-family: 'Montserrat', sans-serif;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
}
.nav a:hover {
  text-decoration: underline;
}
.nav .dropdown-toggle .bar {
  border: 1px #fff solid;
}
.nav .dropdown .dropdown-content {
  text-align: left;
  background-color: #B9BEC8;
  box-shadow: rgba(0,0,0,0.3) 1px 2px 6px;
}
.nav .dropdown .dropdown-content a {
  color: #505A6E;
  text-transform: none;
}
.nav .dropdown .dropdown-content a:hover {
  background-color: #d5d9e1;
  text-decoration: none;
}

h2, h3 {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-align: center;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 16px;
}
.center-text {
  text-align: center;
}

/* Sections */
.orange-section {
  background-color: #FFA000;
  color: #FFF;
}
.orange-section a {
  color: #FFF;
}
.dark-section {
  background-color: #505A6E;
  color: #FFF;
}
.light-blue-section {
  background-color: #B9BEC8;
}
.white-section {
  background-color: #FFF;
  color: #505A6E;
}

/* Graph Carousel */
.graphs .lifetime-link {
  color: #ffffff;
}
.graphs .lifetime-link:hover {
  color: #FFA000;
}
.graph-links {
  color: rgba(185,190,200,0.6);
}
.graph-links hr {
  border-color: rgba(185,190,200,0.3);
}
.graph-link {
  font-family: 'Montserrat', sans-serif;
  color: #B9BEC8;
}
.graph-link:hover {
  border-bottom: 2px solid #B9BEC8;
}
.graph-link.selected {
  color: #FFA000;
  border-bottom: 2px solid #FFA000;
}
.graph text {
  font-family: 'Lato', sans-serif;
  fill: #FFFFFF;
}
.graph rect {
  fill: #B9BEC8;
  fill: rgba(185,190,200,0.3);
}

/* Loading */
.graphs .graph-loading {
  background-color: #B9BEC8;
}
.graphs .graph-loading:after {
  background-color: #FFA000;
}
.graphs .graph-loading:before {
  background-color: #ffffff;
}

/* Main Numbers */
.main-numbers {
  color: #fff;
  font-size: 0;
}
.number-box {
  text-align: center;
}
.number-box .number {
  font-weight: 300;
  font-size: 42px;
}
.number-box .name {
  font-size: 14px;
}
.number-toggle,
.number-toggle span {
  font-size: 14px;
  color: rgba(255,255,255,0.5);
}
.number-toggle span:hover {
  color: rgba(255,255,255,0.7);
}
.main-numbers.count-view .set-count {
  color: #fff;
}
.main-numbers.percent-view .set-percent {
  color: #fff;
}
.main-numbers .number::after {
  font-size: 20px;
  color: rgba(255,255,255,0.7);
}

/* Downloads */
.download-link {
  font-family: 'Montserrat', sans-serif;
  color: #B9BEC8;
}
.download-link:hover {
  border-bottom: 2px solid #B9BEC8;
}
.download-link.selected {
  color: #FFA000;
  border-bottom: 2px solid #FFA000;
}
a.download-option,
.download-option a {
  font-family: 'Montserrat', sans-serif;
  color: #B9BEC8;
  text-decoration: none;
}
a.download-option:hover,
.download-option a:hover {
  color: #FFA000;
}

/* Links */
.link-section {
  border-top: 2px solid #B9BEC8;
}
.link-section h3 {
  color: #FFA000;
  text-align: left;
  padding-top: 60px;
}
.link-section a {
  color: #505A6E;
  text-decoration: none;
}
.link-section a:hover {
  text-decoration: underline;
}


/* Donate */
.donate-section {
  text-align: center;
}

/* Credit */
.credit-section {
  color: #B9BEC8;
  font-size: 12px;
}
.credit-section a {
  color: #99aec3;
}

/* Block Explorer */
table.block-explorer {
  background-color: #99aec3;
  border: 1px solid #666666;
}
table.block-explorer td {
  border: 1px solid #000;
  background-color: #EEE;
}
table.block-explorer td a {
  color: #fff;
  font-size: 10px;
}

/* Block Explorer */
.graph {
  color: #B9BEC8;
}
table.block-explorer,
table.block-explorer td {
  border-color: #B9BEC8;
}
table.block-explorer td.classicpoolfixedpoolcolor1 { background-color: #FFA000; }
table.block-explorer td.classicpoolfixedpoolcolor1:hover { background-color: #F7B950; }
table.block-explorer td.classicpoolfixedpoolcolor2 { background-color: #fff600; }
table.block-explorer td.classicpoolfixedpoolcolor2:hover { background-color: #fff979; }
table.block-explorer td.classicpoolfixedpoolcolor3 { background-color: #ff0033; }
table.block-explorer td.classicpoolfixedpoolcolor3:hover { background-color: #ff5174; }
table.block-explorer td.classicpool1 { background-color: #ff00b6; }
table.block-explorer td.classicpool1:hover { background-color: #ff51cd; }
table.block-explorer td.classicpool2 { background-color: #c300ff; }
table.block-explorer td.classicpool2:hover { background-color: #d451ff; }
table.block-explorer td.classicpool3 { background-color: #7200ff; }
table.block-explorer td.classicpool3:hover { background-color: #8e33ff; }
table.block-explorer td.classicpool4 { background-color: #3b00ff; }
table.block-explorer td.classicpool4:hover { background-color: #6233ff; }
table.block-explorer td.classicpool5 { background-color: #0066ff; }
table.block-explorer td.classicpool5:hover { background-color: #3385ff; }
table.block-explorer td.classicpool6 { background-color: #00b1ff; }
table.block-explorer td.classicpool6:hover { background-color: #33c1ff; }
table.block-explorer td.classicpool7 { background-color: #00f8ff; }
table.block-explorer td.classicpool7:hover { background-color: #79faff; }
table.block-explorer td.classicpool8 { background-color: #00ff8a; }
table.block-explorer td.classicpool8:hover { background-color: #79faff; }
table.block-explorer td.classicpool9 { background-color: #9cff00; }
table.block-explorer td.classicpool9:hover { background-color: #caff79; }
table.block-explorer td.classic { background-color: #FFA000; }
table.block-explorer td.classic:hover { background-color: #F7B950; }
table.block-explorer td.core { background-color: #505A6E; }
table.block-explorer td.core:hover { background-color: #FFFFFF; }
table.block-explorer td.unknown { background-color: #626C7F; }
table.block-explorer td.unknown:hover { background-color: #DDDDDD; }
table.block-explorer td a {
  color: #505A6E;
  font-size: 10px;
}
#g_block_explorer.graph .block-count:before {
  border: 1px solid #B9BEC8;
}
#g_block_explorer.graph .block-count.classic:before {
  background-color: #FFA000;
}
#g_block_explorer.graph .block-count.classicpoolfixedpoolcolor1:before {
  background-color: #FFA000;
}
#g_block_explorer.graph .block-count.classicpoolfixedpoolcolor2:before {
  background-color: #fff600;
}
#g_block_explorer.graph .block-count.classicpoolfixedpoolcolor3:before {
  background-color: #ff0033;
}
#g_block_explorer.graph .block-count.classicpool1:before {
  background-color: #ff00b6;
}
#g_block_explorer.graph .block-count.classicpool2:before {
  background-color: #c300ff;
}
#g_block_explorer.graph .block-count.classicpool3:before {
  background-color: #7200ff;
}
#g_block_explorer.graph .block-count.classicpool4:before {
  background-color: #3b00ff;
}
#g_block_explorer.graph .block-count.classicpool5:before {
  background-color: #0066ff;
}
#g_block_explorer.graph .block-count.classicpool6:before {
  background-color: #00b1ff;
}
#g_block_explorer.graph .block-count.classicpool7:before {
  background-color: #00f8ff;
}
#g_block_explorer.graph .block-count.classicpool8:before {
  background-color: #00ff8a;
}
#g_block_explorer.graph .block-count.classicpool9:before {
  background-color: #9cff00;
}
#g_block_explorer.graph .block-count .count-value {
  font-weight: bold;
}
.graph-subtitle {
  text-align: center;
  color: #B9BEC8;
  font-size: 10px;
}

/* Rented Mining */
.mining-donation-section {
  text-align: center;
}
.mining-donation-section span.label {
  color: #FFF;
  font-size: 18px;
}
.mining-donation-section span.address {
  color: #505A6E;
  font-size: 20px;
}
.mining-donation-section img {
  background-color: #FFF;
}
.data-section {
  background-color: #FFF;
  color: #505A6E;
}

/* Social Buttons */
.social-buttons h4 {
  color: #B9BEC8;
  font-weight: 400;
}
.social-buttons .direct-link {
  font-family: 'Montserrat', sans-serif;
  color: #B9BEC8;
  text-decoration: none;
  text-transform: uppercase;
}
.social-buttons .direct-link:hover {
  text-decoration: underline;
}

/* Notice Popup */
.popup {
  background-color: rgba(0,0,0,0.7);
}
.popup .popup-close {
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  color: #FFA000;
}
.popup .popup-content {
  background-color: #fff;
}
.psa-content {
  font-size: 18px;
}
.psa-content h2 {
  font-size: 24px;
}
