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

#prev-button, #next-button, #intro-button {
    padding: 10px;
    border: 2px solid black;
    margin-left: 5px;
    text-decoration: none;
    background-color: green;
    color: white;
	font-size: 15px;
    font-family: 'Assistant' !important;
}

#prev-button:hover, #next-button:hover, #intro-button:hover {
    background-color: darkgreen;
	cursor: pointer;
}

#next-button {
	background-color: blue;
}

#next-button:hover {
	background-color: darkblue;
}

#intro-button {
	background-color: red;
}

#intro-button:hover {
	background-color: brown;
}

#lesson-steps li {
	padding-bottom: 5px;
}

p {  /* Undo settings in styles.css */
    line-height: 150%;
}

pre {  /* Override Bootstrap settings */
    overflow: inherit; /* orig: hidden */
    padding: 4px 9.5px; /* orig: 9.5px */
}

/* Code blocks */
pre[class*="language-"] { /* Override prism.css */
    margin: 1em 0 !important; /* orig: 0.5em 0 */
	padding: 4px 9.5px !important; /* orig: 1 em */
}

code {
    padding: 0;
    color: #000;
    background-color: #eee;
    font-weight: bold;
}
code + p {
    margin-top: 15px;
}
p + textarea, p + input, p + pre, p + ul, p + ol {
    margin-top: -9px !important;
}
textarea + p, input + p {
    margin-top: 20px !important;
}

.code-style, .cs {
    color: #c7254e;
    background-color: #f9f2f4;
}

.output {
    color: black;
    background-color: #eee;
    border-radius: 5px;
    padding: 3px;
}

.course-header {
    color: #df0012; /* raspberry color */
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #ff0037;
}

.course-links {
    background-color: #fff9d6;
    margin-top: 20px;
    border-radius: 5px;
    padding: 5px 0 5px 5px;
}
.course-links ul, .course-links ol {
    margin-left: 0;
}
.font-sm {
    font-size: 95%;
}

.course-title {
    font-size: 20pt;
    /*font-weight: bold;*/
    color: #005bbd;
    /*color: #ff6600; /* WK orange */
    margin-bottom: 20px;
    margin-left: 20px;
    border-bottom: 1px solid #eee;
}

.course-subtitle {
    font-size: 14pt;
    color: #005bbd;
    margin-top: 20px;
    margin-bottom: 20px;
}

.course-instr {
    font-size: 12pt;
    margin-bottom: 20px;
}

.outline > li {
    margin-top: 15px;
}
.outline li ul {
    margin-bottom: 15px;
}
.level1 {
    font-size: 12pt;
    font-weight: bold;
    color: #c30;
}
.level2 {
    font-size: 11pt;
    font-weight: bold;
    color: #db6e00;
}
.steps > li {
    list-style-type: lower-alpha;
}

.menu-path {
    font-weight: bold;
    font-style: italic;
}

.project-path {
    font-weight: bold;
}

.field-name, .fld {
    font-family: "Lucida Grande" monospace;
    font-weight: bold;
    color: #0d00c7;
}

.field-value, .fldv {
    font-family: "Lucida Grande" monospace;
    font-weight: bold;
    color: green;
}

.bonus {
    margin-bottom: 10px;
    font-size: 16pt;
    color: #93f;
}

.quiz > li {
    padding-bottom: 25px;
}

.problem > li {
    margin-bottom: 18px;
}

footer {
    font-size: 8pt;
    text-align: center;
}

.course-intro {
    background-color: #fbe4cb;
}

/* deprecated */
.lesson-section {
    margin: 10px 0 20px 0;
    border-radius: 10px;
    padding: 0 10px 10px 10px;
}

.lesson-section h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 10px 0 5px 0;
    padding-top: 12px;
    padding-bottom: 12px;
}

.lesson-section h1 {
    font-size: 18pt;
}

.lesson-section h2 {
    font-size: 16pt;
}

.lesson-section h3 {
    font-size: 13pt;
}

.lesson-section h4, .discuss {
    font-size: 12pt;
}

/* deprecated
section h1, section h2, section h3, section h4, section h5, section h6 {
    font-weight: bold;
    margin: 5px 0;
    padding-bottom: 12px;
}

section h1 {
    font-size: 14pt;
}

section h2 {
    font-size: 13pt;
}

section h3 {
    font-size: 12pt;
    padding-bottom: 10px;
}

section h4, .discuss {
    font-size: 11pt;
    padding-bottom: 8px;
}
/* end deprecated */


section {
    margin: 10px 0;
    padding: 10px 20px;
}

.lesson-summary {
    border-radius: 10px;
    background-color: #e5f2ff; /* light blue */
    font-size: 125%;
}

.lesson-summary h1 {
    margin: 5px 0;
    padding-bottom: 12px;
    font-size: 24px;
    font-weight: bold;
}

.lesson-overview {
    border-radius: 10px;
    background-color: #ecebff; /* light purple */
}

.lesson-overview h1 {
    margin: 5px 0;
    padding-bottom: 8px;
    font-size: 20px;
    font-weight: bold;
}

.lesson-plan, .lesson-topics, .course-intro {
    margin: 10px 0 20px 10px !important;
    border-radius: 10px;
    padding: 10px;
}

.lesson-plan, .lesson-topics {
    background-color: beige;
}

.lesson-plan header, .lesson-plan h1, .lesson-project h1, .lesson-topics h1 {
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0;
    padding-bottom: 8px;
}

.lesson-plan h2, .lesson-project h2, .lesson-project h2 {
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
    padding-bottom: 8px;
}

.lesson-plan h3, .lesson-project h3, .lesson-project h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
    padding-bottom: 5px;
}

.content1 {
    margin-bottom: 15px;
    padding: 0px 8px 3px;
    background-color: wheat;
}

.content2 {
    margin-bottom: 15px;
    padding: 0px 8px 3px;
    background-color: bisque;
}

.content3 {
    margin-bottom: 15px;
    padding: 0px 8px 3px;
    background-color: lemonchiffon;
}

.content4 {
    margin-bottom: 15px;
    padding: 0px 8px 3px;
    background-color: honeydew;
}

.project-name {
    color: darkcyan;
}

.lesson-example, .lesson-class, .lesson-project {
    background-color: #ffece3; /* light pink */
}

.lesson-challenges {
    background-color: #f5e8cc; /* light tan */
}

.lesson, .lesson1, .lesson9, .lesson-topics {
    background-color: #e5f2ff;
}
.lesson2, .lesson8, .lesson10 {
    background-color: #e5fffa;
}
.lesson3, .lesson7, .lesson11, .lesson15 {
    background-color: #f9ffe5;
}
.lesson4, .lesson6, .lesson12, .lesson14 {
    background-color: #fff7e5;
}
.lesson5, .lesson13 {
    background-color: #fff5f0;
}

.homework, .tasks, .setup {
    background-color: #ffece3; /* light pink */
}

.homework h1 {
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0;
    padding-bottom: 8px;
}

.homework-instr {
    color: #a30085; /* darker pink */
    padding-bottom: 4px;
}

.source-code {
    background-color: #00237a;
    color: white;
    border-radius: 10px;
    padding: 5px;
}

.source-code a, .source-code a:link {
    color: #ff8280;
}

.run-code {
    background-color: #2d7a00;
    color: white;
    border-radius: 10px;
    padding: 5px;
}

.run-code a, .run-code a:link {
    color: #eee;
}

/* Compacts the input text field. Use in conjunction with Bootstrap's .form-control. */
.input-hw {
    height: 26px; /* .form-control: 34px */
    margin-top: 4px; /* to vertically align with label */
    padding: 4px; /* .form-control: 6px 12px */
}

#submit-div {
    margin-top: 20px;
}
#submit-result {
    margin-left: 10px;
    font-weight: bold;
    color: #ff6600; /* WK orange */
}

.lesson-content ul, .session-content ul, homework ul {
    margin-left: 35px;
}

.book-links {
    margin-bottom: 10px;
    font-size: 16pt;
    color: #93f;
}
.lesson-links li {
    margin-bottom: 3px;
}

.online-links, .material-links {
    margin-bottom: 10px;
    font-size: 16pt;
    color: #c729b4;
}
.other-links {
    margin-bottom: 10px;
    font-size: 16pt;
    color: #b51338; /* burgundy */
}
.course-links2 {
    margin-bottom: 10px;
    font-size: 14pt;
    color: #93f;
}

.gap {
    margin-bottom: 50px;
}

.gap2 {
    margin-bottom: 100px;
}

.p-section, .tgap2 {
    margin-top: 30px;
}

.p-section2, .bgap, .bgap1 {
    margin-bottom: 30px;
}

.l-section, .tgap, .tgap1 {
    margin-top: 15px !important; /* overrides p + ul above */
}

.p-code {
    margin-top: 15px;
    margin-bottom: 20px;
}

.multiple-choice {
    list-style-type: lower-alpha;
    margin: -5px 0 10px 10px;
}


/* APCS */
.apcs-exam {
    margin: 10px 0 20px 0;
    border: 1px solid #aaa;
    border-radius: 10px;
    padding: 10px;
}
.apcs-choice {
    list-style-type: upper-alpha;
    margin: -5px 0 10px 30px;
}
.apcs-choice li input {
    margin-right: 10px;
}
.apcs-choice code {
    background-color: inherit;
}
.apcs-choice .options {
    list-style-type: upper-roman;
}
.apcs-choice .mono {
    font-family: monospace;
}
.code-format {
    background-color: inherit;
    white-space: pre;
}
@media print {
    .page-break1 { /* disable */
        page-break-before: always;
    }
}

/* End APCS */


/* Used to center a table */
.centered {
    margin-left: auto;
    margin-right: auto;
}

.grid {
    width: auto;
    border-collapse: collapse;
    text-align: center;
}

.grid th, .grid tr, .grid td {
    border: 1px solid black;
    padding: 5px;
}

.equation {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    text-align: center;
    font-family: "Times New Roman", serif;
    font-size: 125%;
}

.denominator {
    border-top: 1px solid black
}

.side-note, .hint {
    font-style: italic;
}

.img-div {
    margin: 20px 0 40px 20px;
}
.img-div img {
    margin: 0 auto;
}

.fill {
    font-style: italic;
    color: red;
}

.slide {
    margin: 0;
    border-radius: 10px;
    padding: 10px 35px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #e5f2ff;
    background-color: #eee;
    font-size: 20pt;
    min-height: 400px;
}

.slide h1 {
    text-align: center;
    font-size: 32pt;
    font-weight: bold;
    color: #004b92; /* WK blue */
    padding-bottom: 30px;
}

.slide p, .slide div {
    font-size: 24pt;
}

.slide ul {
    font-size: 24pt;
    margin-left: 60px;
}

.slide pre code {
    font-size: 150%;
}

.slide hr {
    border: 1px solid #aaa;
}

.slide .notes {
    margin-top: 20px;
    font-size: 80%;
    text-indent: 2em;
}

.slide-title {
    color: #c75000 !important; /* brownish */
}

.slide-notes {
    margin-top: 10px;
    padding: 10px;
    color: #300047; /* dark purple */
    font-size: 12pt;
    text-indent: 5px;
}

.slide-course-title {
    font-size: 32pt;
    text-align: center;
    color: white;
    background: #a8c0ff; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #a8c0ff, #3f2b96); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #a8c0ff, #3f2b96); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.practice {
    background-color: white;
}
.practice pre {
    margin-top: 0 !important;
}
.practice h1, .do-it h1 {
    margin-top: 30px;
    margin-bottom: 0;
    border-bottom: 7px solid burlywood;
    padding: 7px 15px;
    color: white;
    background-color: #c59907; /* dark gold */
    font-size: 14pt;
}

.practice p {
    padding: 5px 10px;
}

.practice p, .practice ul, .practice ol {
    font-size: 13pt;
}

.practice code {
    font-size: 13pt;
}

.do-it {
    background-color: white;
}

.do-it h1 {
    background-color: #853e00; /* mahogany */
}

.do-it p, .do-it ul, .do-it ol {
    font-size: 13pt;
    padding: 5px 10px;
}

.do-it code {
    font-size: 13pt;
}

.examples, .keyword {
    color: #007a58;
}

.topic {
    font-size: 12pt;
    color: #c24a00; /* brown */
}

.project, .question {
    color: #077000;
}

.teacher-info {
    margin-top: 5px;
    color: #c800ff;
}

.challenges {
    margin-top: 5px;
    color: #ff0015;
}

.overview {
    text-indent: 15px;
    font-size: 110%;
}

.answer-link {
    color: #00e;
    text-decoration: underline;
    cursor: pointer;
}

.answer-text {
    color: #005c08;
    font-weight: bold;
}