# Fonts.

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  src: url(font_path('cormorant-garamond/Cormorant-Garamond-700.eot'));
  src: url(font_path('cormorant-garamond/Cormorant-Garamond-700.eot?#iefix')) format('embedded-opentype'),
  local('Cormorant Garamond Medium'),
  local('Cormorant-Garamond-600'),
  url(font_path('cormorant-garamond/Cormorant-Garamond-700.woff2')) format('woff2'),
  url(font_path('cormorant-garamond/Cormorant-Garamond-700.woff')) format('woff'),
  url(font_path('cormorant-garamond/Cormorant-Garamond-700.ttf')) format('truetype'),
}



.container { width:100% !important; }

body {
    color: #333;
    background: #f6f6f6;
    max-width: 1200px;
    margin: auto;
}

#notebook_panel { /* main background */
    color: #f6f6f6;
    /*margin: auto;*/
}

div #notebook { /* center the content */
    /*background: #4b4b4b;*/
    background-color: #ecf0f1;
    color: #333;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2ex;
    text-align: justify;
}

#notebook li { /* More space between bullets. */
    margin-top: 0.8em;
}

div.text_cell {
    text-align: justify;
/*    width: 105ex /* instead of 100%, */ *
}

div.text_cell_render{
    text-align: justify;
    padding: 0em 1em 0em 1em;
    font-family: "Open Sans", Verdana, Geneva, sans-serif;
    line-height: 145%; /* added for some line spacing of text. */
    min-width: 842px;      /* instead of 'inherit' for shorter lines */
    max-width: 1100px;
    font-weight: 400;
    font-size: 12pt;
}

div.text_cell_render.border-box-sizing.rendered_html {
    margin: 0;
    padding: 1em;
    margin-left: 4ex;
    text-align: justify;
}
div.cell.text_cell.border-box-sizing {
    margin: 0;
    padding: 0;
    text-align: justify;
}
.rendered_html h1 { /* Main titles big with more space*/
    margin-top: 2.2em;
    line-height: 1.4em;
    /*margin-bottom: 0.1em;*/
    /*padding: 0;*/
    font-family: "Open Sans", Sans-Serif;
    color: #647387;
    /*font-style: italic;*/
    font-weight: 500;
    font-size: 1.7em;
    border-left: 3px solid  #94bee9;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left:0.3em;

}
.rendered_html h2 {
    margin-top:2.0em;
    margin-bottom:0.0em;
    margin: 0;
    padding: 0;
    /*font-family: "Open Sans", Sans-Serif; font-weight: Light;*/
    font-family: "Open Sans", Sans-serif;
    color: #647387;
    font-size: 1.5em;
    font-weight: 500;
    border-left: 3px solid #ce9be3;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.3em;
}
.rendered_html h3 {
    margin: 0;
    padding: 0;
    font-size:1.3em;
    /*font-style: italic;*/
    font-family: "Open Sans", Sans-serif;
    color: #647387;
    border-left: 3px solid #206490;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    padding-left:0.3em;
    font-weight: 500;
}

div.cell { /* set cell width to about 80 chars */
    margin-top:0.5em;
    margin-bottom:1em;
    margin-left:auto;
    margin-right:auto;
    min-width: 842px;
    max-width: 1100px;
    text-align: justify;
}

.cell.command_mode.selected {
    border-color: rgba(0,0,0,0.1);
}

/*.cell.edit_mode.selected {*/
    /*border-color: rgba(0,0,0,0.15);*/
    /*box-shadow: 0px 0px 5px #f0f0f0;*/
    /*-webkit-box-shadow: 0px 0px 5px #f0f0f0;*/
/*}*/

div.cell.code_cell {  /* Area containing both code and output */
border-radius: 5px;
padding: 1em;
}

div.cell.selected { /* Current cell */
    /*border-radius: 1px;*/
    border-color: #C8CDD2;
    /*border-color: #1E90FF;  /* Dodger blue*/*/
    border-width: 2px;

}

div.cell.running{ /* Cell the is running */
     border: 1px solid rgba(100, 115, 135, 0.1);
     border-left: 6px solid #647387;
     /*border-opacity: 0.5;*/

}


div.input_area { /* box around box with code */
    background-color: rgba(200, 205, 210, 0.2);
    border: 0px solid #ccc;
    border-left:5px solid  rgba(100, 115, 135, 0.5);
    padding-top: 0.5ex;
    padding-bottom: 0.5ex;
    padding-left: 0.2em;
}

div.input { /* box with code */
    min-width: 842px;
    max-width: 1100px;
}

div.CodeMirror { /* code font */
    font-family: "Droid Sans Mono", monospace;
    font-size: 11pt;
}

div.prompt { /* remove In/Out prompt */
    display: none;
}

div.cell.border-box-sizing.code_cell.rendered {
    font-size: 12pt;
}

div.output_subarea {
    /*background-color: #000;*/
    border:none;
    font-size: 12pt;
}

/* header colors and fonts */
/*h1 { color: #444; }
h2 { color: #444; }
h3 { color: #444; font-style: italic; font-weight: 100}*/