$doctype-colors-list: (
  standard: #0ac442,
  governance: #750697,
  guide: #48a0e7,
);

$docstage-colors-list: (
  working-draft: #fda706,
  committee-draft: #fd06fd,
  draft-standard: #fdf906,
  standard: #0ac442,
  obsolete: #7e0d13,
);

$mainContentsOffsetLeft: 4em;


@import 'base_style/all';


body {
  @include bodyStyle1($bodyfont, 1.3, black, white);
  @include sidebarNavContainer(323px);
}

.title-section, .prefatory-section {
  padding-right: 2em;

  padding-left: $mainContentsOffsetLeft;
  padding-top: 2em;

  @media screen and (min-width: $bigscreenBreakpoint) {
    padding-top: 0;
  }
}


@import 'coverpage';


.prefatory-section {
    margin-bottom: 5em;
}


h1 {
  font-size: 1.5em; 
  line-height: 2em; 
  color: #485094;
  font-weight: 400;

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

h2 {
  font-size: 1.3em; 
  line-height: 1.5em; 
  color: #485094;
  font-weight: 300;

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

  p {
    display: inline;
  }


  &.toc-contents {
    @media screen and (min-width: $bigscreenBreakpoint) {
      margin-top: 1em;
    }
  }
}

h3 {
  font-size: 1.1em; 
  line-height: 1.3em; 
  color: #485094;
  font-weight: 300;
}

h4, h5, h6 {
  line-height: 1.2;
}


p {
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.2em;
}

p.zzSTDTitle1 {
  font-weight: 700;
  font-size: 1.5em;
}

span.obligation {
  font-weight: 400;
}

sup a {
  vertical-align: super;
  font-size: 0.8em;
}

a {
  &, &:visited {
    text-decoration: none;
    color: #485094;
  }
  &:hover {
    text-style: italic;
    color: #485094;
  }
}

ul, ol {
  margin-left: 2em;

  li p {
    margin-bottom: 0.6em;
    line-height: 1.2;
  }
}

ol > li > p:before {
  content: "";
  display: none;
}


// Keywords

span.keyword {
  font-weight: 600;
}


// Terms

p.TermNum,
p.Terms,
p.AltTerms,
p.DeprecatedTerms {
  margin: 0;
  color: #485094;
  font-weight: 400;
}

p.AltTerms,
p.DeprecatedTerms {
  font-style: italic;
}


// Nav

nav {
  @include sidebarNav(#f7f7f7, 278px, 45px);

  a {
    color: black;
    text-decoration: none;
    line-height: 1.2em;
  }
}

#toggle {
  @include sidebarNavToggle(white, black);

  @media screen and (min-width: $bigscreenBreakpoint) {
    margin-left: -$mainContentsOffsetLeft;
    width: 30px;
  }
}

#toc {
  @include toc(inherit, #1d1d1d, white);

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

#toc-list {
  ul {
    margin-bottom: 0.25em;
    li {
      list-style-type: none;
    }
  }

  @media screen and (min-width: $bigscreenBreakpoint) {
    padding: 0;
    margin: 0;
  }
}

#myBtn {
  @include toTopBtn($color: white, $colorBg: #1d1d1d);
}


// Typography misc.

.rule {
  @include rule(1px, #0e1a85);

  &.toc {
    @media screen and (min-width: $bigscreenBreakpoint) {
      display: none;
    }
  }
}


// Bands

.document-stage-band {
  @include docBand($order: 1, $textLength: 160px, $fontWeight: 300);
}

.document-type-band {
  @include docBand($order: 2, $textLength: 210px, $offset: 180px);
}

#governance-band p.document-type {
  font-weight: 400;
  height: 230px !important;
}


// Bibliograhy

p.Biblio, p.NormRef {
  margin-top: 1em;
  margin-left: 2em;
}


// Blocks

.figure {
  @include figureBlock();
  background-color: #f7f7f7;

  /*
    div.figure > img:not(.logo) { 
      TODO:         ^^^ Relevant selector?
      margin-left: auto;
      margin-right: auto;
      display: block;
      max-width: 100%;
      height: auto;
    }
  */
}

.SourceTitle {
  @include blockTitle();
}

pre {
  @include sourceBlock(#f7f7f7, null);
  // Requires fontSize: null, but needs an update in isodoc
  // @include sourceBlock(#f7f7f7, null, null);
}

.pseudocode {
  @include pseudocodeBlock(#f7f7f7, null);
  // Requires fontSize: null, but needs an update in isodoc
  // @include pseudocodeBlock(#f7f7f7, null, null);
}

.RecommendationTitle {
  @include blockTitle();
}

.Note, .note {
  background-color: #fff495;
  color: #47430c;
  padding: 0.5em;
  margin: 1.5em 0 1.5em 0;
  text-align: left;

  p {
    margin: 0;
  }
}

.Admonition {
  @include admonitionBlock();

  background-color: #ffcccc;
  color: #47430c;
  padding: 0.5em;
  margin: 1.5em 0 1.5em 0;
  text-align: left;

  p {
    margin: 0;
  }
}

.example {
  @include exampleBlock(#e1eef1, null, .5em, 1.5em);

  .example-title {
    margin-top:0;
  }

  pre, .pseudocode {
    background: none;
  }
}

.blockquote, .Quote {
  @include blockquoteBlock(#f7f7f7);
}

.formula {
  @include formulaBlock(#f7f7f7);

  margin-left: 20%;
  margin-right: 20%;
  font-size: 0.9em;
}

dl.formula_dl {
background-color: #f7f7f7;
margin-left: 20%;
margin-right: 20%;
font-size: 0.9em;
}

.Admonition, .admonition {
  background-color: #ffb3b3;
  padding: 0.5em;
  margin: 1.5em 0 1.5em 0;
  text-align: left;

  p {
    margin: 0;
  }
}


// Tables

table {
  @include table(1px solid black);

  text-align: center;
}

p.TableTitle {
  text-align: center;
  margin-top: 2.5em;
  font-weight: 800;
  font-size: 1.1em;
}

.TableFootnote {
  text-align: left !important;
}


// Footnotes

a.footnote-number, a.TableFootnoteRef, span.TableFootnoteRef {
  vertical-align: super;
  font-size: 0.8em;
}

.footnote {
  font-size: 0.9em;
}

#footnote_box {
  font-size: 14px;
  background: white;
  padding: 0 10px;
  margin: 10px;
  border: 1px solid #888;
  -moz-box-shadow: 0px 0px 5px #888;
  -webkit-box-shadow: 0px 0px 5px #888;
  box-shadow: 0px 0px 5px #888;
}

ol.footnotes-list, aside.footnote {
  margin-left: 1em;
}

ol.footnotes-list li, aside.footnote {
  font-size: 0.9em;
  vertical-align: top;
  list-style:decimal;
  margin-bottom: 1em;
}

ol.footnotes-list:first-child {
  margin-top: 2em;
}

ol.footnotes-list p, aside.footnote {
  display: inline;
}