$doctype-colors-list: (

nist-sp: #d8eca8,
nist-cswp: darken(#d8eca8, 20),

);

$docstage-colors-list: (

standard: #9ABD48,
final: #d8eca8,
proposal: #F7803C,
internal-draft: #F7803C,
public-draft: #fd06fd,
initial-public-draft: #fd06fd,
final-public-draft: #fd06fd,
withdrawal-pending: #750697,
retired-draft: #7e0d13,
withdrawn: #7e0d13,

);

@import 'base_style/all'; @import 'coverpage';

dl {

grid-template-columns: 25% 75%;

&.glossary dt {
 font-weight: bold;
}

}

body {

@include bodyStyle1(
  $fontSize: $normalfontsize, $lineHeight: 1.6em,
  $colorText: #141115, $colorBackground: #fff);

}

.rule {

@include rule($thickness: 1px, $color: #2677ea, $margin: 2em 0);

} .rule-2 {

@include rule($thickness: 1px, $color: #2677ea, $margin: false);

} .rule-thick {

@include rule($thickness: 3px, $color: #2677ea, $margin: 3em 0 0 0);

}

toc {

@include toc($colorLink: #141115, $colorLinkActiveBg: #006494, $colorLinkActiveFg: white);
font-family: 'Source Sans Pro', sans-serif;

li a {
  font-size: $normalfontsize;
}

li:before {
  content: " ";
  display: none;
}

}

nav {

@include sidebarNav(
  $colorBg: white,
  $width: 323px,
  $offsetLeft: 45px);

#toc {
  @include sidebarToc();
}

}

toggle {

@include sidebarNavToggle(
  $colorFg: white,
  $colorBg: #006494);

}

.container {

@include sidebarNavContainer(360px);

}

.rule {

&.toc {
  @include tocSeparator();
}

}

span.nistvariable {

font-family: $bodyfont;
font-style: italic;

}

/* Document bands */

.document-stage-band {

@include docBand(
  $fontFamily: "'Source Sans Pro', sans-serif",
  $order: 1, $textLength: 160px, $fontWeight: 300, $color: #7ba812);

}

.document-type-band {

@include docBand($fontFamily: "'Source Sans Pro', sans-serif",
  $order: 2, $offset: 180px, $color: #7ba812);

.document-type {
  top: 20px;
}

}

governance-band p.document-type {

height: 230px !important;

} standard-band p {

height: 270px !important;

} proposal-band p {

height: 150px !important;

}

// Document stage standard, final {

color: #9ABD48;

}

.recommend {

background-color: #ccffcc;
padding: 1.2em;
margin: 2em 0 1em 0;

}

.recommend {

@include recommendationBlock();

}

.require {

@include recommendationBlock();

}

.permission {

@include recommendationBlock();

}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {

font-weight: 400;
margin-top: 1.6em;
margin-bottom: 0.3em;

}

h1 {

font-size: 1.4em;
text-transform: uppercase;
margin-top: 2em;

&#content {
  margin-top: 2em;
}

}

h2 {

margin-top: 1.7em;
font-size: 1.3em;
font-weight: 300;

p {
  display: inline;
}

&.TermNum {
  margin-bottom: 0;
}

}

h3 {

margin-top: 1.5em;
font-size: 1.2em;
font-weight: 100;

}

h4 {

font-size: 1em;

}

.TermNum, .Terms, .AltTerms {

font-weight: 300;

}

p {

margin-top: 1em;
margin-bottom: 1em;

&.AltTerms {
  font-size: 20px;
  margin-top: 1em;
}

}

/* Links, selection */

@include elementStyles(

$color: #2677EA,
$colorHighlightBg: #2677EA,
$colorHighlightFg: white);

/* Lists */

ul, ol {

margin-left: 1.2em;

}

ul {

> li {
  &:first-child {
    margin-top: 1em;
  }
  p:first-child {
    display: inline;
  }
}

}

/* Bibliograhy */

p.Biblio, p.NormRef {

margin-top: 1em;
margin-left: 2em;

}

/* Blocks */

.figure {

@include figureBlock();
@include monospaceBlockStyle();
font-size: $monospacefontsize;
background-color: #f6f6f6;

}

.SourceTitle {

@include blockTitle();

}

pre {

@include sourceBlock(#f6f6f6);

}

.pseudocode {

@include pseudocodeBlock(#f6f6f6);

}

.Note {

background-color: #ffca3a;
color: #141115;
padding: 1.2em;
margin: 1em 0 1em 0;

p {
  margin: 0;
}

}

.Admonition {

@include admonitionBlock();

background-color: #ffcccc;
color: #47430c;
padding: 1.2em;
margin: 1em 0 1em 0;

p {
  margin: 0;
}

}

.Quote {

@include blockquoteBlock(#f6f6f6);

}

p.blockQuote {

padding-left: 20px;

}

.formula {

@include formulaBlock(#f6f6f6);

}

/* Examples */

.example {

background-color: #e1eef1;
padding: 1.2em;
margin: 2em 0 1em 0;
padding-left: 2em;

pre, .pseudocode {
  background: none;
}

.example-title {
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  margin-left: -1.5em;
}

}

.pseudocode {

background-color: #dddddd;
padding: 1.2em;
margin: 2em 0 1em 0;
padding-left: 2em;

.example-title {
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0;
  margin-left:-1.5em;
}

}

.example pre, .example .pseudocode {

background: none;

}

/* Tables */

table {

@include table($border: none !important);

color: #141115;

tr:nth-child(even) { background: #f1f8ff }
tr:nth-child(odd) { background: #f6f8fa }

}

p.TableTitle {

text-align: center;
margin-top: 2.5em;
font-weight: 400;

}

/* Footnotes */

a.footnote-number {

vertical-align: super;
font-size: 0.8em;

}

.footnote {

font-size: $footnotefontsize;

}

/* Keywords */

span.keyword {

font-weight: 600;

}

/* To top button */

myBtn {

@include toTopBtn($color: white, $colorBg: #2677ea);
text-transform: uppercase;

@media print {
  background-color: white;
}

}

.anchorjs-link {

@include anchorLink(#2e81ca);

}

@page {

margin: 2cm 1cm;

}

@media print {

.document-info,  nav, .copyright {
  page-break-before: always;
}

nav {
  page-break-after: always;
}

h1, h2, h3, h4 {
  page-break-after: avoid;
  margin-top: 1.2em;
}

.note, .figure, pre, .pseudocode, table {
  page-break-inside: avoid;
}

.info-section {
  display: none;
}

.wrapper-top {
  top: 0;
  padding-top: 4cm;
  padding-bottom: 4cm;
}

.wrapper-top-bottom { // TODO: Obsolete?
  display: none;
}

h1 {
  font-size: 1.5em;
  line-height: 1.5;

  &.content {
    margin-top: 2em;
    line-height: 2.5em;
  }
}

h2 {
  font-size: 1.2em
}

h3 {
  font-size: 1em;
}

.Note {
  background-color: #fff495;
  color: #47430c;
  padding: 5px;
  margin: 2em 0 1em 0;

  p {
    padding: 0 5px 0 5px;
  }
}

nav {
  line-height: 1;
}

}