/*=============================================================
  custom.css Version 7
  CodeHurry SAS Lessons
  Optimized for Jupyter nbconvert HTML + SAS Output

  Font targets:
  Body text : 22px                                                                            
  SAS code  : 20px                              
  SAS log   : 20px                              
  Tables    : 18px                                             
=============================================================*/


/*-------------------------------------------------------------
  PAGE
-------------------------------------------------------------*/

body {
    max-width: 1100px;
    margin: 0 auto;
    padding: 22px 40px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 22px                                                                            ;
    line-height: 1.1;
    color: #222;
    background: white;
}


/*-------------------------------------------------------------
  MARKDOWN BODY TEXT
-------------------------------------------------------------*/

.rendered_html,
.jp-RenderedHTMLCommon,
.jp-MarkdownOutput {
    font-size: 22px  !important;
    line-height: 1.1 !important;
}


.rendered_html p,
.rendered_html li,
.jp-RenderedHTMLCommon p,
.jp-RenderedHTMLCommon li,
.jp-MarkdownOutput p,
.jp-MarkdownOutput li {
    font-size: 22px  !important;
    line-height: 1.1 !important;
}


/*-------------------------------------------------------------
  HEADINGS
-------------------------------------------------------------*/

h1,
.rendered_html h1,
.jp-RenderedHTMLCommon h1 {
    font-size: 40px !important;
    margin-top: 1.3em;
    margin-bottom: .5em;
    border-bottom: 3px solid #999;
}


h2,
.rendered_html h2,
.jp-RenderedHTMLCommon h2 {
    font-size: 30px !important;
    margin-top: 1.3em;
    margin-bottom: .4em;
    border-bottom: 2px solid #ccc;
}


h3,
.rendered_html h3,
.jp-RenderedHTMLCommon h3 {
    font-size: 22px !important;
}


h4,
.rendered_html h4,
.jp-RenderedHTMLCommon h4 {
    font-size: 22px  !important;
}


h5,
.rendered_html h5,
.jp-RenderedHTMLCommon h5 {
    font-size: 22px !important;
    font-weight: bold;
}


h6,
.rendered_html h6,
.jp-RenderedHTMLCommon h6 {
    font-size: 18px !important;
    font-weight: bold;
}


/*-------------------------------------------------------------
  SAS PROGRAM CODE
-------------------------------------------------------------*/

pre,
code,
.highlight pre {

    font-family: Consolas,
                 "Cascadia Code",
                 "Courier New",
                 monospace !important;

    font-size: 22px  !important;
    line-height: 1.2 !important;

    overflow-x: auto;
}


/*-------------------------------------------------------------
  SAS LOG
-------------------------------------------------------------*/

.jp-RenderedText pre,
.jp-OutputArea pre,
.output_area pre,
.output pre {

    font-family: Consolas,
                 "Cascadia Code",
                 "Courier New",
                 monospace !important;

    font-size: 18px  !important;
    line-height: 1.2 !important;
}


/*-------------------------------------------------------------
  SAS HTML OUTPUT
-------------------------------------------------------------*/

.jp-OutputArea,
.output_area {
    font-size: 20px !important;
}


/*-------------------------------------------------------------
  TABLES
-------------------------------------------------------------*/

table,
.jp-OutputArea table,
.rendered_html table {

    font-size: 18px   !important;
    border-collapse: collapse;
    margin-top: 1em;
    margin-bottom: 1em;
}


th,
td {
    font-size: 18px  !important;
    padding: 8px 12px;
}


/*-------------------------------------------------------------
  IMAGES
-------------------------------------------------------------*/

img {
    max-width: 100%;
    height: auto;
}


/*-------------------------------------------------------------
  NOTEBOOK SPACING
-------------------------------------------------------------*/

.cell,
.jp-Cell {
    margin-top: 18px                              ;
    margin-bottom: 22px                                             ;
}


/*-------------------------------------------------------------
  BLOCK QUOTES
-------------------------------------------------------------*/

blockquote {
    margin: 1em 0;
    padding-left: 18px                              ;
    border-left: 5px solid #aaa;
}


/*-------------------------------------------------------------
  LINKS
-------------------------------------------------------------*/

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


/*-------------------------------------------------------------
  HORIZONTAL RULE
-------------------------------------------------------------*/

hr {
    margin-top: 2em;
    margin-bottom: 2em;
}