/* Use OnScale fonts */
@font-face
{
	font-family: Lato;
	src: url(../fonts/lato-regular.ttf);
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: Lato;
	src: url(../fonts/lato-bold.ttf);
	font-weight: bold;
	font-style: normal;
}

@font-face 
{
	font-family: Lato;
	src: url(../fonts/lato-italic.ttf);
	font-weight: normal;
	font-style: italic;
}

@font-face 
{
	font-family: Lato;
	src: url(../fonts/lato-bolditalic.ttf);
	font-weight: bold;
	font-style: italic;
}

@font-face 
{
	font-family: LatoHeavy;
	src: url(../fonts/lato-heavy.ttf);
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: LatoSemibold;
	src: url(../fonts/lato-semibold.ttf);
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: Lato, sans-serif;
}

/* Heading styles */
.md-typeset h1 {
	color: #000;
	font-family: LatoHeavy, sans-serif;
	font-size: 1.3rem;
}

.md-typeset h1 code {
	font-weight: bold;
}

.md-typeset h2 {
	color: #000;
	font-family: LatoHeavy, sans-serif;
	font-size: 0.9rem;
	margin: 1.5rem 0 .8rem;
}

.md-typeset h3 {
	color: #000;
	font-family: LatoSemibold, sans-serif;
	font-size: 0.8rem;
}

/* Make tables full width and adjust top margin */
.md-typeset .md-typeset__table {
	display: block;
} 

td > p:first-child, td > ul:first-child {
	margin-top: 0;
}

/* On primary command pages, display the Subcommands table as code */
#subcommands-table tbody {
	font-family: Courier, monospace;
	white-space: nowrap;
}

#subcommands-table td:nth-child(1) a {  
	color: #00c000;
}

#subcommands-table a {
	border-bottom: none;
}

/* Style tables other than Subcommands tables */
.md-typeset table:not([class]) {
	font-size: 90%;
}
.md-typeset table:not([class]) td {
	padding: 12px 18px;
}

.md-typeset table:not([class]) td:nth-child(1) {
	font-family: Courier, monospace;;
	padding-top: 13px;
}

/* Center images */
p img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Color commands, variables, numbers, comments */
.primary-command, .primary-command a {
	color: #0000c0 !important;
}

.subcommand, .subcommand a {
	color: #00c000 !important;
}

.symbol-command {
	color: #ff0000 !important;
}

.variable {
	color: #c000c0 !important;
}

.number {
	color: #0000ff !important;
}

.comment, .comment .primary-command, .comment .subcommand, .comment .symbol-command, .comment .variable, .comment .number {
	color: #008000 !important;
}

.no-highlighting .subcommand, .no-highlighting .number, .no-highlighting .symbol-command {
	color: #000 !important;
}

h1 .primary-command, h1 .subcommand, h1 .symbol-command {
	font-family: Courier, monospace;
	font-weight: bold;
}

#primary-command + p code a {
	color: #0000c0;
}

/* Sort out the capitalization of menu items */
.md-sidebar--primary .md-sidebar__inner > .md-nav > .md-nav__list > .md-nav__item > .md-nav__link {
	text-transform: capitalize;
}

.md-nav__item--nested .md-nav__item--nested .md-nav__link::first-letter {
	text-transform: lowercase;
}

.md-nav .md-nav .md-nav__title {
	text-transform: capitalize;
}

.md-nav .md-nav .md-nav .md-nav__title {
	text-transform: lowercase;
}

.md-tabs__link {
	text-transform: capitalize;
}

.md-nav--secondary .md-nav__title, .md-nav--secondary .md-nav__link::first-letter {
	text-transform: none !important;
}

/* Override styling of code */
code, kbd, pre {
	font-family: Courier, monospace;
}

.md-typeset code {
	font-size: 100%;
	background-color: transparent;
	padding: 0;
	box-shadow: none;
}

.md-typeset a code, .md-typeset code a, .md-typeset code a:hover {
	color: #000;
}

.md-typeset pre {
	font-size: 90%;
}

.md-typeset code {
	margin: 0;
}

.md-typeset th code {
	color: #fff;
}

/* Style ordered lists in the Notes and Examples sections as white numbers in blue circles */
#notes + ol, #notes_1 + ol, #examples + ol {
  padding-left: 0 !important;
  list-style-type: none;
  counter-reset: list;
  margin-top: 35px;
}

#notes + ol > li, #notes_1 + ol > li, #examples + ol > li {
    position: relative;
    padding-left: 42px;
    counter-increment: list;
	margin-left: 0;
	margin-bottom: 35px;
  }
  
#notes + ol > li:before, #notes_1 + ol > li:before, #examples + ol > li:before {
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 1;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	content: counter(list);
	background-color: #007cba;
	border-radius: 50%;
	font-weight: bold;
	font-size: 18px;
}

/* Style lists within lists */

ol ol {
  padding-left: 0 !important;
  list-style-type: none !important;
  counter-reset: list2;
}

ol ol > li {
    position: relative;
    padding-left: 42px;
    counter-increment: list2;
	margin-left: 0;
  }

ol ol > li:before {
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 1;
	width: 30px;
	height: 30px;
	line-height: 26px;
	color: #fff;
	text-align: center;
	content: counter(list2, lower-alpha);
	color: #007cba;
	border-radius: 50%;
	border-color: #007cba;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	font-size: 18px;
}

/* Style hyperlinks */
.md-content a {
	border-bottom: 1px dotted;
}

.md-content a:hover, #subcommands-table a:hover {
	font-weight: bold;
	border-bottom: 1px solid;
}

/* Override styling of notes */

.admonition-title {
	display: none;
}

.note .admonition-title + p::before {
	content: "Note: ";
	color: #007cba;
	font-weight: bold;
}

.warning .admonition-title + p::before, .warning .admonition-title + ol::before  {
	content: "Warning: ";
	color: #ff9100;
	font-weight: bold;
}

.md-typeset .admonition, .md-typeset details {
	border-left: .2rem solid #007cba;
	font-size: 0.74rem;
}

/* Override size of logo */
.md-sidebar__inner .md-nav__button img {
	width: 24px;
	height: 48px;
}

/* Fix styling of footer */
.md-footer-copyright {
	margin-top: 12px;
}

/* Edit styling of header */

.md-tabs__link {
	font-size: 0.725rem;
}

.md-header-nav__title {
	font-size: 1.09rem;
}

/* Nicer scrollbar in Firefox */

.md-sidebar__scrollwrap {
	scrollbar-width: thin;
}

.field-default, .field-default code {
	color: #71787b
}