/*
	SugarCube website/documentation stylesheet
	Author: Thomas M. Edwards - http://motoslave.net
	Version: 2017-09-05T12:07:28-05:00

	Based on: GitHub stylesheet for MarkdownPad | MIT License | https://github.com/nicolashery/markdownpad-github
*/

/* IMPORTS
=============================================================================*/
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/* RESET
=============================================================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  margin: 0;
  padding: 0;
}

header, footer, nav, section, article, aside, details, figure, hgroup {
  display: block;
}

mark, time {
  display: inline;
}

/* BODY
=============================================================================*/

body {
  background-color: #fff;
  color: #333;
  font-family: helvetica, arial, "dejavu sans", freesans, clean, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 960px;
  padding: 20px;
}

body>*:first-child {
  margin-top: 0 !important;
}

body>*:last-child {
  margin-bottom: 0 !important;
}

/* BLOCKS
=============================================================================*/

p, blockquote, ul, ol, dl, table, pre {
  margin: 15px 0;
}

/* HEADERS
=============================================================================*/

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
}

h1 tt,
h1 code,
h2 tt,
h2 code,
h3 tt,
h3 code,
h4 tt,
h4 code,
h5 tt,
h5 code,
h6 tt,
h6 code {
  font-size: inherit;
}

h1 {
  color: #000;
  font-size: 28px;
}

h2 {
  background-color: #ccc;
  border-radius: 3px;
  color: #000;
  font-size: 24px;
  left: -5px;
  margin-right: -10px;
  padding-left: 5px;
  position: relative;
}

h3 {
  font-size: 18px;
}
h3.category {
  font-size: 18px;
  border-top: 4px solid #ccc;
  border-bottom: 4px solid #ccc;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

h6 {
  color: #777;
  font-size: 14px;
}

body>h2:first-child,
body>h1:first-child,
body>h1:first-child+h2,
body>h3:first-child,
body>h4:first-child,
body>h5:first-child,
body>h6:first-child {
  margin-top: 0;
  padding-top: 0;
}

a:first-child h1,
a:first-child h2,
a:first-child h3,
a:first-child h4,
a:first-child h5,
a:first-child h6 {
  margin-top: 0;
  padding-top: 0;
}

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
  margin-top: 10px;
}

body>header {
  background: #fff url("../images/SugarCube.png") no-repeat top left;
  height: 110px;
  margin: 10px auto 0;
  position: relative;
  width: 960px;
}
body>header>div {
  margin-left: 116px;
  padding-top: 1px;
}

/* LINKS
=============================================================================*/

a {
  color: #4183C4;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* LISTS
=============================================================================*/

ul, ol {
  padding-left: 30px;
}

ul li > :first-child, 
ol li > :first-child, 
ul li ul:first-of-type, 
ol li ol:first-of-type, 
ul li ol:first-of-type, 
ol li ul:first-of-type {
  margin-top: 0;
}

ul ul, ul ol, ol ol, ol ul {
  margin-bottom: 0;
}

ul.toc {
  padding-left: 10px;
}

ul.toc, ul.toc ul {
  list-style: none;
}

ul.toc>li::before {
  content: '\2023\00a0';
  font-weight: bold;
}

ul.toc ul>li {
  display: inline;
}

ul.toc ul>li:not(:last-child)::after {
  content: ', ';
}

dl {
  padding: 0;
}

dl dt {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  padding: 0;
  margin: 15px 0 5px;
}

dl dt:first-child {
  padding: 0;
}

dl dt>:first-child {
  margin-top: 0;
}

dl dt>:last-child {
  margin-bottom: 0;
}

dl dd {
  margin: 0 0 15px;
  padding: 0 15px;
}

dl dd>:first-child {
  margin-top: 0;
}

dl dd>:last-child {
  margin-bottom: 0;
}

/* CODE
=============================================================================*/

pre, code, tt {
  font-size: 14px;
  font-family: consolas, "dejavu sans mono", "liberation mono", courier, monospace;
}

code, tt {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  border-radius: 3px;
}

pre>code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent;
}

pre {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  font-size: 13px;
  line-height: 19px;
  margin: 0 15px;
  overflow: auto;
  padding: 6px 10px;
  border-radius: 3px;
}

pre code, pre tt, h2 code, h2 tt {
  background-color: transparent;
  border: none;
}

/* NOTES
=============================================================================*/

.note {
	padding: 6px 10px;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 3px;
}
div.note { margin-top: 1em; }
div.note>*:first-child { margin-top: 0; }
div.note>p+p { margin-bottom: 0; }
section.note { margin-top: 1em; }
section.note>*:first-child { margin-top: 0; }
section.note>p+p { margin-bottom: 0; }
section.note>ul:last-child { margin-bottom: 0 !important; }

/* QUOTES
=============================================================================*/

blockquote {
  padding: 0 30px;
}

blockquote>:first-child {
  margin-top: 0;
}

blockquote>:last-child {
  margin-bottom: 0;
}

/* HORIZONTAL RULES
=============================================================================*/

hr {
  clear: both;
  margin: 15px 0;
  height: 0;
  overflow: hidden;
  border: none;
  background: transparent;
  border-bottom: 1px solid #ccc;
  padding: 0;
}

/* TABLES
=============================================================================*/

table th {
  font-weight: bold;
}

table th, table td {
  border: 1px solid #ccc;
  padding: 3px 7px;
}

table td code {
  font-size: 14px;
  border: none;
  background-color: transparent;
}

table td pre {
  font-size: 14px;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}

table tr {
  border-top: 1px solid #ccc;
  background-color: #fff;
}

table tr:nth-child(2n) {
  background-color: #f8f8f8;
}

table.toc {
  border-collapse: collapse;
}

table.toc th, table.toc td {
  border: none;
  padding: 3px;
}

table.toc th {
  padding-left: 0;
  padding-right: 14px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}

table.toc td {
  padding-right: 0;
  text-align: left;
}

table.toc tr {
  border: none;
  border-top: 1px solid #ccc;
}

table.toc tr:first-child {
  border-top: none;
}

table.toc tr:nth-child(2n) {
  background: transparent;
}

/* IMAGES
=============================================================================*/

img {
  max-width: 100%
}

/* GENERAL
=============================================================================*/

#main .new { color: red; }
#main .updated { color: red; }

.fa-margin-right {
  margin-right: 0.25em;
}

.status {
  border: 1px solid #ccc;
  border-radius: 3px;
  float: right;
  font-size: 83.34%;
  padding: 0 0.4em;
  white-space: nowrap;
}

.status.warn {
  border-color: red;
}

.warn {
  color: red;
}

.deprecated {
  color: #999;
}