/* typekit */

.wf-loading {
    visibility: hidden;
}
.wf-active {
	visibility: visible;
}

/* general */

.node circle {
	fill: #fff;
	stroke: steelblue;
	stroke-width: 1.5px;
}

.node {
	font: 10px sans-serif;
}

.link {
	fill: none;
	stroke: #ccc;
	stroke-width: 1.5px;
}

.d3-tip {
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1;
	font-weight: bold;
	padding: 7px;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	border-radius: 14px;
}

.annotation {
	font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	fill: #999;
}


.date-input-text {
	font: 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	fill: #CCC;
}

.date-input-axis path,
.date-input-axis line {
    fill: none;
    stroke: #555555;
    shape-rendering: crispEdges;
}

.date-input-axis text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.treeplot-container {
	margin-top: -30px;
}

.logo-container {
	margin-left: -4px;
}

.io-container {
	min-width: 240px;
}

.freqplot-container {
}

.entropy-container {
}

.bordered {
	border-style: solid;
	border-width: 1px;
	border-color: gray;
}

/* general */

.container {
  padding-left: 25px;
  padding-right: 25px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
	/* Museo */
}

.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.center form {
	display: inline-block;
}

.text-center {
     text-align: center;
}

.nounderline {
 text-decoration: none !important;
}

a {
	text-decoration: inherit;
	font-style: inherit;
	color: inherit;
}

a:link, a:visited {
	color: #5DA8A3;
}

a:hover {
	text-decoration: underline;
}

/* logo */

.logo {
	width: 60px;
	height: 60px;
	padding: 5px;
}

.biglogo {
	width: 180px;
	height: 180px;
	padding: 5px;
}


/* navbar */
.navbar {
	z-index: 5;
    position: static;
}

.navbar .nav > li {
  z-index: 15;
}

.navbar-brand {
	height: 80px;
	margin-right: 10px;
	padding-right: 0px;
}

.navtitle {
	font-size: 76px;
	line-height: 68px;
    position: relative;
    bottom: 28px;
	font-weight: 300;
	color: #777;
	letter-spacing: -1.8px;
	/* Conqueror Sans */
}

.navsubtitle {
	font-size: 15px;
	font-weight: 300;
	line-height: 18px;
	position: relative;
	bottom: 12px;
	z-index: 10;
}

.subtitle-container {
	margin-left: 5px;
}

.navbar-brand {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 5px;
}

.navbar-nav {
	font-size: 18px;
	font-weight: 300;
}

.navbar-text {
	font-size: 15px;
	font-weight: 300;
}

.navbar-left {
	margin-left: 5px;
}

.navbar-left > li > a {
	margin-top: 42px;
	padding-top: 15px;
	padding-bottom: 10px;
	line-height: 0px;
}

.navbar-left > li > p {
	margin-top: 42px;
	padding-top: 15px;
	padding-bottom: 10px;
	line-height: 0px;
}

.nav-tabs > li > a {
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
}

/* colors */

.c1s {
	color: #5097BA;
}

.c2s {
	color: #5DA8A3;
}

.c3s {
	color: #6EB389;
}

.c4s {
	color: #83BA70;
}

.c5s {
	color: #9ABE5C;
}

.c6s {
	color: #B2BD4D;
}

.c7s {
	color: #C8B944;
}

.c8s {
	color: #D9AD3D;
}

.c9s {
	color: #E49938;
}

.c10s {
	color: #E67C32;
}

.brand {
	color: #5DA8A3;
}

.c1 {
	color: #4C90C0;
}

.c2 {
	color: #5DA8A3;
}

.c3 {
	color: #75B681;
}

.c4 {
	color: #92BC63;
}

.c5 {
	color: #B2BD4D;
}

.c6 {
	color: #CEB541;
}

.c7 {
	color: #E1A03A;
}

.c8 {
	color: #E67C32;
}

.c9 {
	color: #E04929;
}


/* headings */

.bigtitle {
	font-size: 78px;
	line-height: 22px;
	font-weight: 300;
	color: #777;
	/* Conqueror Sans */
}

.mediumtitle {
	font-size: 44px;
	line-height: 48px;
	font-weight: 300;
	color: #777;
	/* Conqueror Sans */
}

.title {
	font-size: 28px;
	line-height: 32px;
	font-weight: 300;
	color: #777;
	/* Conqueror Sans */
}

.smalltitle {
	font-size: 24px;
	line-height: 28px;
	font-weight: 300;
	color: #777;
	/* Conqueror Sans */
}

.bighead {
	font-size: 32px;
	font-weight: 300;
	line-height:36px;
	/* Museo */
}

.head {
	font-size: 26px;
	font-weight: 300;
	line-height:30px;
	/* Museo */
}

.smallhead {
	font-size: 19px;
	font-weight: 300;
	line-height: 23px;
	/* Museo */
}

.note {
	font-size: 15px;
	font-weight: 300;
	line-height: 18px;
	/* Museo */
}

.smallnote {
	font-size: 13px;
	font-weight: 300;
	line-height: 16px;
	/* Museo */
}

.text-gray {
	color: #cccccc;
}

.text-dark-gray {
	color: #777777;
}

/* other */

body {
	font-weight: 300;
	font-size: 16px;
}

p {
	font-weight: 300;
}

.hugespacer {
	height: 50px;
}

.bigspacer {
	height: 30px;
}

.spacer {
	height: 10px;
}

.smallspacer {
	height: 5px;
}

a.off {
	color: inherit;
}

.highlight {
	background-color: white;
	color: #647372;
	font-size: 94%;
}

code {
	background-color: white;
	color: #637A78;
}

pre {
    overflow-x: auto;
}

pre code {
    overflow-wrap: normal;
    white-space: pre;
}

table {
	.table;
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
padding: 1px;
}

img {
	.img-responsive;
}

img.offset {
	float: right;
	margin: 12px 0px 10px 15px;
}

blockquote {
	.text-gray;
	p {
    font-size: (@font-size-base * 1.00);
    }
}

.breadcrumb {
	padding: 0px 0px;
	background-color: @body-bg;
	> li {
		&+li:before {
			padding: 0px;
		}
		&+li:after {
			padding: 0px;
		}
	}
}

.pad-right {
	padding-right: 10px;
}

.pad-left {
	padding-left: 10px;
}

#footer {
	height: 80px;
}

.footernav {
	.note;
	.text-dark-gray;
	text-align: center;
}


.legend {
font-size: 12px;
}
rect {
stroke-width: 2;
}
text {
font-size: 12px;
}

.form-small .control-label {
    padding-right: 3px;
	font-weight: 300;
}

.form-small .controls {
	padding-left: 3px;
}

.btn-default {
  font-weight: 300;
	font-size: 16px;
	color: #5DA8A3;
}

.dl-horizontal dt {
    text-align: left;
    margin-bottom: 1em;
    width: auto;
    padding-right: 1em;
}

.dl-horizontal dd {
    margin-left: 0;
    margin-bottom: 1em;
}


.map_background {
  fill: none;
  pointer-events: all;
}

.map_feature {
  fill: #ccc;
  cursor: pointer;
}

.map_feature.active {
  fill: orange;
}

.map_mesh {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#entropy .c3-line {
  stroke-width: 10px;
}
