@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* removed content */

a[href]:after { content: none !important; }

div.sunlight-menu,
h4[id^="prev"], h4[id^="next"],
footer,
ul.tutorial-toc { display: none !important; }

/* fonts */

body {
  font-family: "Open Sans", serif !important; font-weight: 100 !important;
}
table {
  font-size: smaller !important;
  margin-bottom: 0.5em !important;
}
table td, table th { padding: 1px 5px !important; }
table th { font-weight: bold !important; }
tt, code, kbd, samp {
  font-family: 'PT Mono', Consolas, Monaco, 'Andale Mono', monospace !important;
  font-size: smaller !important;
}
a {
  text-decoration: none !important;
  color: blue !important;
}

/* paging */

h2 {
  string-set: doctitle content();
  break-before: right;
}
h3 {
  string-set: sectiontitle content();
}
h2 ~ h2 ~ ul {
  break-inside: avoid;
}
div.sunlight-code-container, table.table { break-inside: avoid; }

/* table of contents */

a.table-of-contents {
  content: leader('.') target-counter(attr(href), page);
}

/* layout */

@page {
  size: letter;
  margin: 1in 1.2in 1in 1.2in;
}

@page:right{ 
  @bottom-left {
    margin: 10pt 0 30pt 0;
    border-top: .25pt solid #666;
    content: string(doctitle);
    font-size: 9pt;
    color: #333;
  }

  @bottom-right { 
    margin: 10pt 0 30pt 0;
    border-top: .25pt solid #666;
    content: counter(page);
    font-size: 9pt;
  }
}

@page:left {
  @bottom-right {
    margin: 10pt 0 30pt 0;
    border-top: .25pt solid #666;
    content: string(sectiontitle);
    font-size: 9pt;
    color: #333;
  }

  @bottom-left { 
    margin: 10pt 0 30pt 0;
    border-top: .25pt solid #666;
    content: counter(page);
    font-size: 9pt;
  }
}

/* cover */

@page:first {
  margin: 0;
  
  @bottom-right {
    content: normal;
    margin: 0;
  }

  @bottom-left {
    content: normal;
    margin: 0;
  }
}

div.frontcover { 
  page: cover; 
  content: url("../etc/cover.png");
  width: 100%;
  height: 100%; 
}