/* this allows text in div boxes to wrap when printed */
@media print {
    body {
        font-size: 1em !important;
        padding: 10px 10px 10px 10px !important;
    }
    pre {  /* big fonts on screen, but not in print */
        font-size: 1.05em !important;
	line-height: 105% !important;
        white-space: pre-wrap !important;
    }
    .ubuntu, .ubuntu * {  /* big fonts on screen, but not in print */
	font-size: 1.05em !important;
	line-height: 105% !important;
    }
    .ubuntu_nb, .ubuntu_nb * {  /* big fonts on screen, but not in print */
	font-size: 1.05em !important;
	line-height: 105% !important;
    }
    li {  /* keep text and images in an li element together */
        break-inside: avoid;
    }
}

/* Define all the PyCharm colors (pc) for ITEC 1150 pages */
.pcorange {
    color: #cf8e6d; /* import, if, else, while, in, try, except */
}

.pcgreen {
    color: #6aab73; /* strings */
}

.pcdarkgreen {
     color: #5F826B;     /* docstrings */
     font-style: italic;
}

.pcgrey {
    color: #7a7e85; /* comments */
}

.pccyan {
    color: #2aacb8; /* numbers */
}

.pcpurple {
    color: #8888c5; /* built-in functions */
}

.pcblue {
    color: #57AAF7; /* defined functions */
}

.pcred {
     color: #F75464; /* error messages */
}

.pcburntorange {
    color: #AA4926; /* paramaters in a function call */
}

.pclink {
     color: #548AF7; /* file links in output console */
}

/* define the command prompt (cp) colors for 2865 (Kali) and other */
.cpKaliBlue {
    color: #277fff; /* path */
}

.cpKaliCyan {
    color: #5fbdab; /* prompt */
}

.cpKaliOrange {
    color: #ff8a17; /* ip MAC */
}

.cpKaliDkPurple {
    color: #9629c1; /* ip IPv4 */
}

.cpKaliCmd {
    color: #49aee6; /* zsh command */
}

.cpKaliLtBlue {
    color: #04a1f7; /* ip NIC */
}

.cpKaliRed {
    color: #ef0302; /* root prompt */
}

/* define the command prompt (cp) colors for 1475 (Mint) and others */
.cpgreen {
    color: #8ae234; /* prompt */
}

.cpdkgreen {
    color: #4e9a06; /* apt upgradable */
}

.cpblue {
    color: #729fcf; /* path */
}

.cpred {
    color: #ef2829; /* rw files??? */
}

.cpcyan {
    color: cyan; /* comments */
}

.cpdkcyan {
    color: #06989b; /* in nano */
}

.cppurple {
    color: #ad7fa8; /* read-only files ??? */
}

.cpyellow {
    color: #fce94f; /* in config & HTML files */
}

.cppink {
    color: #ffd7ff; /* in HTML files */
}

.cpltgreen {
    color: #b7ffaf; /* in HTML files */
}

.cpwhite {
    color: #ffffff; /* in nano */
}

.cpbgwhite {
    background-color: #ffffff; /* in nano */
}

.cpblack {
    color: #000000; /* in nano */
}

.cpmake_dkcyan {
    color: #06989a; /* from make output */
}

.cpdkgrey {
    color: #8A8A8A; /* from systemctl */
}

.cpmake_cyan {
    color: #34e2e2; /* from make output */
}

.cpglow_text {
    color: #d0d0d0; /* glow's standard text */
}

.cpglow_head {
    background-color: #5f5fff;
    color: #ffff87; /* glow's header colors */
}

.cpglow_q {
    background-color: #303030;
    color: #ff5f5f; /* glow's question mark */
} 

.cpglow_bold {
    color: #00af5f; /* glow's bolded text */
}

.cpglow_link {
    color: #008787;
    text-decoration: underline; /* glow's links */
}

/* define span colors */
.doit {
    color: #008500; 
    background: lightgreen;
    font-weight: bold;
    font-style: italic;
}

.bgpink {
    background: pink;
}

/* the Ubuntu font for use as a console font */
.ubuntu {
    font-family: 'Ubuntu Mono', 'courier new', courier, sans-serif;
    font-weight: bold;
    line-height: 125%; 
    font-size: 1.1em;
}

/* the Ubuntu font, not bolded, for use as a console font */
.ubuntu_nb {
    font-family: 'Ubuntu Mono', 'courier new', courier, sans-serif;
    line-height: 125%; 
    font-size: 1.1em;
}

/* the JetBrains font for use as a console font */
.jbmono {
    font-family: 'JetBrains Mono', 'courier new', courier, sans-serif;
    font-weight: bold;
    line-height: 125%; 
    font-size: 1.1em;
}

/* a console box for a div from http://hilite.me/ */
.console {
    color: #cccccc; 
    background: #202020; 
    overflow: auto; 
    width: auto; 
    border-style: solid; 
    border-color: gray; 
    border-image: initial; 
    border-width: 0.1em 0.1em 0.1em 0.8em; 
    padding: 0.2em 0.6em;
    border-color: #8ae234 !important;
    border-left-color: #8ae234 !important;
}

/* an extra credit box for labs or assignments */
.ec {
    border-style: solid; 
    border-color: blue; 
    border-image: initial; 
    border-width: 0.1em 0.1em 0.1em 0.1em; 
    padding: 3px 50px 3px 50px;
    background: lightblue;
}

/* general indentation */
.indent {
    padding-left: 30px;
}

/* centering */
.center {
    text-align: center;
}

.nowrap {
    white-space: nowrap;  /* don't wrap things like URLs */
}

body { 
   font-family: 'Noto Sans', sans-serif; 
   font-size: 1.25em; padding: 25px 25px 25px 25px;
} 

h1 {
   font-family: 'Noto Sans', sans-serif; 
   color: dodgerblue; 
   text-shadow: 3px 3px 3px #aaa; 
   text-decoration: underline; 
} 

h2 { 
   font-family: 'Noto Sans', sans-serif; 
   color: dodgerblue; 
   text-shadow: 2px 2px 2px #aaa; 
} 

h3 { 
   font-family: 'Noto Sans', sans-serif; 
   color: dodgerblue; 
   text-shadow: 1px 1px 1px #aaa; 
} 

pre { 
    margin: 0px;
    line-height: 125%;
    font-size: 1.25em;
}

a { 
   color: inherit; 
   text-decoration: none; 
} 

a:link, a:visited { 
   border-bottom: medium double; 
} 

a:hover { 
   border-bottom: medium dashed #dd0000; 
} 

ul.none > li { 
   list-style-type: none; 
} 

.underline { 
   text-decoration: underline; 
}

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

input[name='panel'] {
   display: none;
}

label {
   display: block;
   padding: 0.8em;
   width: 100%;
   height: 2.5em;
   border-bottom: 0.1em solid hsl(200, 96%, 80%);
   background: hsl(200, 96%, 50%);
   color: hsl(0, 100%, 100%);
   text-transform: uppercase;
   font-size: 1.8em;
   line-height: 1em;
   cursor: pointer;
}

label:hover {
   background: hsl(200, 96%, 40%);
}

.collapsible {
   display: block;
   padding: 0 1em;
   width: 100%;
   background: hsl(0, 1%, 90%);
}

input[name='panel'] + .collapsible {
   overflow: hidden;
   height: 0;
 
   -webkit-transition: height 1s ease;
   -moz-transition: height 1s ease;
   -ms-transition: height 1s ease;
   -o-transition: height 1s ease;
   transition: height 1s ease;
}

input[name='panel']:checked + .collapsible {
   overflow: auto;
   height: 200px; /* needs a numeric value here to keep transition */
}

/* add extra spacing between each step block */
.step {
    margin-bottom: 2em !important;
}

/* style code blocks in steps as console terminals */
.step pre {
    color: #cccccc !important;
    background: #202020 !important;
    overflow: auto !important;
    width: auto;
    border-style: solid;
    border-color: gray;
    border-width: 0.1em 0.1em 0.1em 0.8em;
    padding: 0.2em 0.6em;
    font-family: 'Ubuntu Mono', 'courier new', courier, sans-serif;
    font-weight: bold;
    line-height: 125%;
    font-size: 1.1em;
    border-radius: 5px;
    margin-bottom: 1em;
}