/*
Halcyonic by HTML5 UP
for the CSS golden grid action and responsive layout and a bunch of
customizations on top—the new name is Halcyunqrxp88g7 :P
*/
/*
We kick off this nut n bolt file with a list of FONTS available:
Yanone Kaffeesatz (template font; depreciated)
Montserrat (for the heads)
Fira Sans (for everything else)
Fira Sans Condensed (just in case)
Font Awesome 5 Free (for all the iconography)

Look, we all want Helvetica, but we want it for free like on our
Appleware. The thing is we are minority users and the majority base
will make all sorts of arguments that Arimo, Jost, Questrial, Work Sans
and others look enough like Helvetica to use. These folks are dumb and
their suggested fonts lack the trim and fit of Helvetica. Rather than
settle for a sorta-vetica and make the same silly rationalizations,
the smarter way is to embrace another font and design around it with
CSS.

TLDR = Helvetica lost the battle, the war, and the hearts of the masses.
*/

/* The Great Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,
i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body {-webkit-text-size-adjust: none;}
mark {background-color: transparent;color: inherit;}
input::-moz-focus-inner {border: 0;padding: 0;}
input, select, textarea {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
}

/* Basic */
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body {
background: #d4d9dd url("bg03.jpg");
color: #474f51;
font-size: 11pt;
font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1.85em;
font-weight: 300;
}

input, textarea, select {
color: #474f51;
font-size: 11pt;
font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1.85em;
font-weight: 300;
}

ul, ol, p, dl {margin: 0 0 2em 0;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
section > :last-child,
section:last-child,
.last-child {margin-bottom: 0 !important;}

/* Container */
.container {
margin: 0 auto;
max-width: 100%;
width: 1200px;
}

@media screen and (max-width: 1680px) {
	.container {width: 1200px;}
}

@media screen and (max-width: 1280px) {
	.container {width: calc(100% - 40px);}
}

@media screen and (max-width: 980px) {
	.container {width: calc(100% - 50px);}
}

@media screen and (max-width: 736px) {
	.container {width: calc(100% - 40px);}
}

/* Row */
.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
.row > * {box-sizing: border-box;}
.row.gtr-uniform > * > :last-child {margin-bottom: 0;}
.row.aln-left {justify-content: flex-start;}
.row.aln-center {justify-content: center;}
.row.aln-right {justify-content: flex-end;}
.row.aln-top {align-items: flex-start;}
.row.aln-middle {align-items: center;}
.row.aln-bottom {align-items: flex-end;}
.row > .imp {order: -1;}
.row > .col-1 {width: 8.33333%;}
.row > .off-1 {margin-left: 8.33333%;}
.row > .col-2 {width: 16.66667%;}
.row > .off-2 {margin-left: 16.66667%;}
.row > .col-3 {width: 25%;}
.row > .off-3 {margin-left: 25%;}
.row > .col-4 {width: 33.33333%;}
.row > .off-4 {margin-left: 33.33333%;}
.row > .col-5 {width: 41.66667%;}
.row > .off-5 {margin-left: 41.66667%;}
.row > .col-6 {width: 50%;}
.row > .off-6 {margin-left: 50%;}
.row > .col-7 {width: 58.33333%;}
.row > .off-7 {margin-left: 58.33333%;}
.row > .col-8 {width: 66.66667%;}
.row > .off-8 {margin-left: 66.66667%;}
.row > .col-9 {width: 75%;}
.row > .off-9 {margin-left: 75%;}
.row > .col-10 {width: 83.33333%;}
.row > .off-10 {margin-left: 83.33333%;}
.row > .col-11 {width: 91.66667%;}
.row > .off-11 {margin-left: 91.66667%;}
.row > .col-12 {width: 100%;}
.row > .off-12 {margin-left: 100%;}
.row.gtr-0 {margin-top: 0px;margin-left: 0px;}
.row.gtr-0 > * {padding: 0px 0 0 0px;}
.row.gtr-0.gtr-uniform {margin-top: 0px;}
.row.gtr-0.gtr-uniform > * {padding-top: 0px;}
.row.gtr-25 {margin-top: -6.25px;margin-left: -6.25px;}
.row.gtr-25 > * {padding: 6.25px 0 0 6.25px;}
.row.gtr-25.gtr-uniform {margin-top: -6.25px;}
.row.gtr-25.gtr-uniform > * {padding-top: 6.25px;}
.row.gtr-50 {margin-top: -12.5px;margin-left: -12.5px;}
.row.gtr-50 > * {padding: 12.5px 0 0 12.5px;}
.row.gtr-50.gtr-uniform {margin-top: -12.5px;}
.row.gtr-50.gtr-uniform > * {padding-top: 12.5px;}
.row {margin-top: -25px;margin-left: -25px;}
.row > * {padding: 25px 0 0 25px;}
.row.gtr-uniform {margin-top: -25px;}
.row.gtr-uniform > * {padding-top: 25px;}
.row.gtr-150 {margin-top: -37.5px;margin-left: -37.5px;}
.row.gtr-150 > * {padding: 37.5px 0 0 37.5px;}
.row.gtr-150.gtr-uniform {margin-top: -37.5px;}
.row.gtr-150.gtr-uniform > * {padding-top: 37.5px;}
.row.gtr-200 {margin-top: -50px;margin-left: -50px;}
.row.gtr-200 > * {padding: 50px 0 0 50px;}
.row.gtr-200.gtr-uniform {margin-top: -50px;}
.row.gtr-200.gtr-uniform > * {padding-top: 50px;}

@media screen and (max-width: 1680px) {
.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
.row > * {box-sizing: border-box;}
.row.gtr-uniform > * > :last-child {margin-bottom: 0;}
.row.aln-left {justify-content: flex-start;}
.row.aln-center {justify-content: center;}
.row.aln-right {justify-content: flex-end;}
.row.aln-top {align-items: flex-start;}
.row.aln-middle {align-items: center;}
.row.aln-bottom {align-items: flex-end;}
.row > .imp-xlarge {order: -1;}
.row > .col-1-xlarge {width: 8.33333%;}
.row > .off-1-xlarge {margin-left: 8.33333%;}
.row > .col-2-xlarge {width: 16.66667%;}
.row > .off-2-xlarge {margin-left: 16.66667%;}
.row > .col-3-xlarge {width: 25%;}
.row > .off-3-xlarge {margin-left: 25%;}
.row > .col-4-xlarge {width: 33.33333%;}
.row > .off-4-xlarge {margin-left: 33.33333%;}
.row > .col-5-xlarge {width: 41.66667%;}
.row > .off-5-xlarge {margin-left: 41.66667%;}
.row > .col-6-xlarge {width: 50%;}
.row > .off-6-xlarge {margin-left: 50%;}
.row > .col-7-xlarge {width: 58.33333%;}
.row > .off-7-xlarge {margin-left: 58.33333%;}
.row > .col-8-xlarge {width: 66.66667%;}
.row > .off-8-xlarge {margin-left: 66.66667%;}
.row > .col-9-xlarge {width: 75%;}
.row > .off-9-xlarge {margin-left: 75%;}
.row > .col-10-xlarge {width: 83.33333%;}
.row > .off-10-xlarge {margin-left: 83.33333%;}
.row > .col-11-xlarge {width: 91.66667%;}
.row > .off-11-xlarge {margin-left: 91.66667%;}
.row > .col-12-xlarge {width: 100%;}
.row > .off-12-xlarge {margin-left: 100%;}
.row.gtr-0 {margin-top: 0px;margin-left: 0px;}
.row.gtr-0 > * {padding: 0px 0 0 0px;}
.row.gtr-0.gtr-uniform {margin-top: 0px;}
.row.gtr-0.gtr-uniform > * {padding-top: 0px;}
.row.gtr-25 {margin-top: -6.25px;margin-left: -6.25px;}
.row.gtr-25 > * {padding: 6.25px 0 0 6.25px;}
.row.gtr-25.gtr-uniform {margin-top: -6.25px;}
.row.gtr-25.gtr-uniform > * {padding-top: 6.25px;}
.row.gtr-50 {margin-top: -12.5px;margin-left: -12.5px;}
.row.gtr-50 > * {padding: 12.5px 0 0 12.5px;}
.row.gtr-50.gtr-uniform {margin-top: -12.5px;}
.row.gtr-50.gtr-uniform > * {padding-top: 12.5px;}
.row {margin-top: -25px;margin-left: -25px;}
.row > * {padding: 25px 0 0 25px;}
.row.gtr-uniform {margin-top: -25px;}
.row.gtr-uniform > * {padding-top: 25px;}
.row.gtr-150 {margin-top: -37.5px;margin-left: -37.5px;}
.row.gtr-150 > * {padding: 37.5px 0 0 37.5px;}
.row.gtr-150.gtr-uniform {margin-top: -37.5px;}
.row.gtr-150.gtr-uniform > * {padding-top: 37.5px;}
.row.gtr-200 {margin-top: -50px;margin-left: -50px;}
.row.gtr-200 > * {padding: 50px 0 0 50px;}
.row.gtr-200.gtr-uniform {margin-top: -50px;}
.row.gtr-200.gtr-uniform > * {padding-top: 50px;}
}

@media screen and (max-width: 1280px) {
.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
.row > * {box-sizing: border-box;}
.row.gtr-uniform > * > :last-child {margin-bottom: 0;}
.row.aln-left {justify-content: flex-start;}
.row.aln-center {justify-content: center;}
.row.aln-right {justify-content: flex-end;}
.row.aln-top {align-items: flex-start;}
.row.aln-middle {align-items: center;}
.row.aln-bottom {align-items: flex-end;}
.row > .imp-large {order: -1;}
.row > .col-1-large {width: 8.33333%;}
.row > .off-1-large {margin-left: 8.33333%;}
.row > .col-2-large {width: 16.66667%;}
.row > .off-2-large {margin-left: 16.66667%;}
.row > .col-3-large {width: 25%;}
.row > .off-3-large {margin-left: 25%;}
.row > .col-4-large {width: 33.33333%;}
.row > .off-4-large {margin-left: 33.33333%;}
.row > .col-5-large {width: 41.66667%;}
.row > .off-5-large {margin-left: 41.66667%;}
.row > .col-6-large {width: 50%;}
.row > .off-6-large {margin-left: 50%;}
.row > .col-7-large {width: 58.33333%;}
.row > .off-7-large {margin-left: 58.33333%;}
.row > .col-8-large {width: 66.66667%;}
.row > .off-8-large {margin-left: 66.66667%;}
.row > .col-9-large {width: 75%;}
.row > .off-9-large {margin-left: 75%;}
.row > .col-10-large {width: 83.33333%;}
.row > .off-10-large {margin-left: 83.33333%;}
.row > .col-11-large {width: 91.66667%;}
.row > .off-11-large {margin-left: 91.66667%;}
.row > .col-12-large {width: 100%;}
.row > .off-12-large {margin-left: 100%;}
.row.gtr-0 {margin-top: 0px;margin-left: 0px;}
.row.gtr-0 > * {padding: 0px 0 0 0px;}
.row.gtr-0.gtr-uniform {margin-top: 0px;}
.row.gtr-0.gtr-uniform > * {padding-top: 0px;}
.row.gtr-25 {margin-top: -5px;margin-left: -5px;}
.row.gtr-25 > * {padding: 5px 0 0 5px;}
.row.gtr-25.gtr-uniform {margin-top: -5px;}
.row.gtr-25.gtr-uniform > * {padding-top: 5px;}
.row.gtr-50 {margin-top: -10px;margin-left: -10px;}
.row.gtr-50 > * {padding: 10px 0 0 10px;}
.row.gtr-50.gtr-uniform {margin-top: -10px;}
.row.gtr-50.gtr-uniform > * {padding-top: 10px;}
.row {margin-top: -20px;margin-left: -20px;}
.row > * {padding: 20px 0 0 20px;}
.row.gtr-uniform {margin-top: -20px;}
.row.gtr-uniform > * {padding-top: 20px;}
.row.gtr-150 {margin-top: -30px;margin-left: -30px;}
.row.gtr-150 > * {padding: 30px 0 0 30px;}
.row.gtr-150.gtr-uniform {margin-top: -30px;}
.row.gtr-150.gtr-uniform > * {padding-top: 30px;}
.row.gtr-200 {margin-top: -40px;margin-left: -40px;}
.row.gtr-200 > * {padding: 40px 0 0 40px;}
.row.gtr-200.gtr-uniform {margin-top: -40px;}
.row.gtr-200.gtr-uniform > * {padding-top: 40px;}
}

@media screen and (max-width: 980px) {
.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
.row > * {box-sizing: border-box;}
.row.gtr-uniform > * > :last-child {margin-bottom: 0;}
.row.aln-left {justify-content: flex-start;}
.row.aln-center {justify-content: center;}
.row.aln-right {justify-content: flex-end;}
.row.aln-top {align-items: flex-start;}
.row.aln-middle {align-items: center;}
.row.aln-bottom {align-items: flex-end;}
.row > .imp-medium {order: -1;}
.row > .col-1-medium {width: 8.33333%;}
.row > .off-1-medium {margin-left: 8.33333%;}
.row > .col-2-medium {width: 16.66667%;}
.row > .off-2-medium {margin-left: 16.66667%;}
.row > .col-3-medium {width: 25%;}
.row > .off-3-medium {margin-left: 25%;}
.row > .col-4-medium {width: 33.33333%;}
.row > .off-4-medium {margin-left: 33.33333%;}
.row > .col-5-medium {width: 41.66667%;}
.row > .off-5-medium {margin-left: 41.66667%;}
.row > .col-6-medium {width: 50%;}
.row > .off-6-medium {margin-left: 50%;}
.row > .col-7-medium {width: 58.33333%;}
.row > .off-7-medium {margin-left: 58.33333%;}
.row > .col-8-medium {width: 66.66667%;}
.row > .off-8-medium {margin-left: 66.66667%;}
.row > .col-9-medium {width: 75%;}
.row > .off-9-medium {margin-left: 75%;}
.row > .col-10-medium {width: 83.33333%;}
.row > .off-10-medium {margin-left: 83.33333%;}
.row > .col-11-medium {width: 91.66667%;}
.row > .off-11-medium {margin-left: 91.66667%;}
.row > .col-12-medium {width: 100%;}
.row > .off-12-medium {margin-left: 100%;}
.row.gtr-0 {margin-top: 0px;margin-left: 0px;}
.row.gtr-0 > * {padding: 0px 0 0 0px;}
.row.gtr-0.gtr-uniform {margin-top: 0px;}
.row.gtr-0.gtr-uniform > * {padding-top: 0px;}
.row.gtr-25 {margin-top: -6.25px;margin-left: -6.25px;}
.row.gtr-25 > * {padding: 6.25px 0 0 6.25px;}
.row.gtr-25.gtr-uniform {margin-top: -6.25px;}
.row.gtr-25.gtr-uniform > * {padding-top: 6.25px;}
.row.gtr-50 {margin-top: -12.5px;margin-left: -12.5px;}
.row.gtr-50 > * {padding: 12.5px 0 0 12.5px;}
.row.gtr-50.gtr-uniform {margin-top: -12.5px;}
.row.gtr-50.gtr-uniform > * {padding-top: 12.5px;}
.row {margin-top: -25px;margin-left: -25px;}
.row > * {padding: 25px 0 0 25px;}
.row.gtr-uniform {margin-top: -25px;}
.row.gtr-uniform > * {padding-top: 25px;}
.row.gtr-150 {margin-top: -37.5px;margin-left: -37.5px;}
.row.gtr-150 > * {padding: 37.5px 0 0 37.5px;}
.row.gtr-150.gtr-uniform {margin-top: -37.5px;}
.row.gtr-150.gtr-uniform > * {padding-top: 37.5px;}
.row.gtr-200 {margin-top: -50px;margin-left: -50px;}
.row.gtr-200 > * {padding: 50px 0 0 50px;}
.row.gtr-200.gtr-uniform {margin-top: -50px;}
.row.gtr-200.gtr-uniform > * {padding-top: 50px;}
}

@media screen and (max-width: 736px) {
.row {display: flex;flex-wrap: wrap;box-sizing: border-box;align-items: stretch;}
.row > * {box-sizing: border-box;}
.row.gtr-uniform > * > :last-child {margin-bottom: 0;}
.row.aln-left {justify-content: flex-start;}
.row.aln-center {justify-content: center;}
.row.aln-right {justify-content: flex-end;}
.row.aln-top {align-items: flex-start;}
.row.aln-middle {align-items: center;}
.row.aln-bottom {align-items: flex-end;}
.row > .imp-small {order: -1;}
.row > .col-1-small {width: 8.33333%;}
.row > .off-1-small {margin-left: 8.33333%;}
.row > .col-2-small {width: 16.66667%;}
.row > .off-2-small {margin-left: 16.66667%;}
.row > .col-3-small {width: 25%;}
.row > .off-3-small {margin-left: 25%;}
.row > .col-4-small {width: 33.33333%;}
.row > .off-4-small {margin-left: 33.33333%;}
.row > .col-5-small {width: 41.66667%;}
.row > .off-5-small {margin-left: 41.66667%;}
.row > .col-6-small {width: 50%;}
.row > .off-6-small {margin-left: 50%;}
.row > .col-7-small {width: 58.33333%;}
.row > .off-7-small {margin-left: 58.33333%;}
.row > .col-8-small {width: 66.66667%;}
.row > .off-8-small {margin-left: 66.66667%;}
.row > .col-9-small {width: 75%;}
.row > .off-9-small {margin-left: 75%;}
.row > .col-10-small {width: 83.33333%;}
.row > .off-10-small {margin-left: 83.33333%;}
.row > .col-11-small {width: 91.66667%;}
.row > .off-11-small {margin-left: 91.66667%;}
.row > .col-12-small {width: 100%;}
.row > .off-12-small {margin-left: 100%;}
.row.gtr-0 {margin-top: 0px;margin-left: 0px;}
.row.gtr-0 > * {padding: 0px 0 0 0px;}
.row.gtr-0.gtr-uniform {margin-top: 0px;}
.row.gtr-0.gtr-uniform > * {padding-top: 0px;}
.row.gtr-25 {margin-top: -5px;margin-left: -5px;}
.row.gtr-25 > * {padding: 5px 0 0 5px;}
.row.gtr-25.gtr-uniform {margin-top: -5px;}
.row.gtr-25.gtr-uniform > * {padding-top: 5px;}
.row.gtr-50 {margin-top: -10px;margin-left: -10px;}
.row.gtr-50 > * {padding: 10px 0 0 10px;}
.row.gtr-50.gtr-uniform {margin-top: -10px;}
.row.gtr-50.gtr-uniform > * {padding-top: 10px;}
.row {margin-top: -20px;margin-left: -20px;}
.row > * {padding: 20px 0 0 20px;}
.row.gtr-uniform {margin-top: -20px;}
.row.gtr-uniform > * {padding-top: 20px;}
.row.gtr-150 {margin-top: -30px;margin-left: -30px;}
.row.gtr-150 > * {padding: 30px 0 0 30px;}
.row.gtr-150.gtr-uniform {margin-top: -30px;}
.row.gtr-150.gtr-uniform > * {padding-top: 30px;}
.row.gtr-200 {margin-top: -40px;margin-left: -40px;}
.row.gtr-200 > * {padding: 40px 0 0 40px;}
.row.gtr-200.gtr-uniform {margin-top: -40px;}
.row.gtr-200.gtr-uniform > * {padding-top: 40px;}
}

/* Multi-use */
.link-list li {padding: 0.2em 0 0.2em 0;}
.link-list li:first-child {padding-top: 0 !important;border-top: 0 !important;}
.link-list li:last-child {padding-bottom: 0 !important;border-bottom: 0 !important;}
.quote-list li {padding: 1em 0 1em 0;overflow: hidden;}
.quote-list li:first-child {padding-top: 0 !important;border-top: 0 !important;}
.quote-list li:last-child {padding-bottom: 0 !important;border-bottom: 0 !important;}
.quote-list li img {float: left;}
/* tweaking started here and spread like fruit flies on compost */
.quote-list li p {margin: 0;font-style: italic;}
.quote-list li span {display: block;margin-left: 10px;font-size: 0.9em;font-weight: 400;}
.check-list li {padding: 0.7em 0 0.7em 0;font-size: 1em;}
.check-list li:first-child {padding-top: 0 !important;border-top: 0 !important;background-position: 0 0.3em;}
.check-list li:last-child {padding-bottom: 0 !important;border-bottom: 0 !important;}
.feature-image {display: block;margin: 0 0 2em 0;outline: 0;}
.feature-image img {display: block;width: 100%;}
.bordered-feature-image {display: block;background: #fff url("bg04.png");padding: 10px;box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);margin: 0 0 1.5em 0;outline: 0;}
.bordered-feature-image img {display: block;width: 100%;}
.button-large {
background-image: -moz-linear-gradient(top, #ffe0a0, #e9ac2d);
background-image: -webkit-linear-gradient(top, #ffe0a0, #e9ac2d);
background-image: -ms-linear-gradient(top, #ffe0a0, #e9ac2d);
background-image: linear-gradient(top, #ffe0a0, #e9ac2d);
background-color: #ffe0a0;
/*pre hoodie colors: #fff59d, #fbc02d; #ffeb3b; */
color: #000;
box-shadow: inset 0px 0px 0px 1px rgb(0 0 0 / 75%), inset 0px 2px 0px 0px rgb(255 249 196 / 3%), inset 0px 0px 0px 2px rgb(249 168 37 / 25%), 3px 3px 3px 1px rgb(0 0 0 / 15%);
display: inline-block;
text-decoration: none;
font-size: 1.5em;
height: 2em;
line-height: 2.125em;
font-weight: 300;
padding: 0 45px;
outline: 0;
border-radius: 10px;
text-shadow: -1px -1px 1px rgb(50 47 7 / 50%);
}

.button-large:hover {
background-image: -moz-linear-gradient(top, #fff176, #f9a825);
background-image: -webkit-linear-gradient(top, #fff176, #f9a825);
background-image: -ms-linear-gradient(top, #fff176, #f9a825);
background-image: linear-gradient(top, #fff176, #f9a825);
background-color: #f9a825;
color: #000;
box-shadow: inset 0px 0px 0px 1px rgb(0 0 0 / 75%), inset 0px 2px 0px 0px rgb(255 249 196 / 3%), inset 0px 0px 0px 2px #8bc34a40, 3px 3px 3px 1px rgb(0 0 0 / 15%);
}

.button-large:active {
background-image: -moz-linear-gradient(top,  #388e3c, #a5d6a7);
background-image: -webkit-linear-gradient(top, #388e3c, #a5d6a7);
background-image: -ms-linear-gradient(top, #388e3c, #a5d6a7);
background-image: linear-gradient(top, #388e3c, #a5d6a7);
background-color: #a5d6a7;
color: #000;
box-shadow: inset 0px 0px 0px 1px rgb(0 0 0 / 75%), inset 0px 2px 0px 0px rgb(255 249 196 / 3%), inset 0px 0px 0px 2px #8bc34a40, 3px 3px 3px 1px rgb(0 0 0 / 15%);
}

/* Header */
#header {position: relative;background: /* old smalt #013b8c OR rgb(1,59,140) */ #023b8c;border-bottom: solid 1px #272d30;box-shadow: inset 0px -1px 0px 0px #51575a;text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);}
#header > .container {position: relative;min-height: 155px;}
#header h1 {position: absolute;left: 0;bottom: 20px;font-size: 2.75em;}
#header h1 a {color: #fff;text-decoration: none;}
#header nav {position: absolute;right: 0;bottom: 35px;font-weight: 200;}
#header nav a {color: #c6c8c8;text-decoration: none;font-size:1.3em;font-wdeight:300;margin-left: 60px;outline: 0;}
#header nav a:hover {color: #fff;}
.subpage #header > .container {height: 155px;}

/* Banner */
#banner {border-top: solid 1px #222628;box-shadow: inset 0px 1px 0px 0px #3e484a;padding: 35px 0 35px 0;color: #fff;}
#banner .bordered-feature-image {margin-bottom: 0;}
#banner p {font-size:1.4em;font-weight: 200;line-height: 1.25em;padding-right: 1em;margin: 0 0 1em 0;}

/* Features */
#features {background: #0092ff82;padding: 45px 0 45px 0;tcext-shadow: 1px 1px 0 #b8d1e7;color: #000;text-align: center;}
#features h2 {font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 1.2em;font-weight: 600;color: #000;letter-spacing: -0.05em;margin: -0.5em 0 0 0;}
#features ul li {font-size: 1em;font-weight:400;}
#features a {color: #561bed;}
#features strong {color: #fff;}

/* Content */
#content {background: #f7f7f7 url("bg04.png");border-top: solid 1px #272e31;border-bottom: solid 1px #272e31;padding: 45px 0 45px 0;}
#content section {background: #fff;padding: 40px 30px 45px 30px;box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.1);margin: 0 0 25px 0;}
#content h2 {font-family: 'Montserrat', Verdana, sans-serif;font-size: 1.4em;font-weight: 600;letter-spacing: -0.025em;color: #24282a;margin: 0 0 0.25em 0;}
#content h3 {color: #4770ab;font-weight: 500;font-size: 1.1em;}
#content a {text-decoration: none;color: #444;box-shadow: inset 0 -1px 0 #7b7b7b59;}
#content a:hover {text-decoration: none;color: #000;box-shadow: inset 0 -8px 0 #ffdd0080;}
#content h5 a:hover {color:#8C5201;box-shadow:none;}
#content header {margin: 0 0 1em 0;}
#content .quote-list li {border-bottom: dashed 1px #e2e6e8;}
#content .link-list li {border-bottom:0 !important;line-heidght: 2.2em;}
#content .check-list li {border-bottom: solid 1px #e2e6e8;}

/*cjc started adds on 2021.09.05 -------------------------------------------------------------------------------------------------------------------*/
#logo {}
#content h5 {color: #8C5201;font-size: 1.10em;}
#content h5 a {color: #8C5201;box-shadow:none;}
#content a {font-weight:400;}
#content sup {vertical-align: top;font-size: 65%;}
#content div.img-holder {width: 100%;text-align:center;margin:10px 0;}
#content div.img-holder img {max-width:100%;object-fit:scale-down;}
#content div.img-holder a, #content div.img-holder a:hover {border:0;text-decortation:none;box-shadow:none;}
ul.quicklook {margin-top:20px;}
ul.quicklook li {margin-left:20px;list-style-type:disc;}
table#traits {margin:-30px 0 30px 0 !important;text-align:center;border-collapse: separate;border-spacing:0.6em;table-layout: fixed;width: 96%;}
table#traits td {width: 24%;}
#traits tr:nth-child(odd) {background-color: /* old smalt #013b8c */ #023b8c;color:#eee;font-weight:bold;}
#traits tr:nth-child(even) {background-color: whitesmoke;font-weight:bold;margin: 0 0.6em 0.6em 0.6em;}
#traits tr:nth-child(even) td {height:50px;vertical-align:middle;}
#traits tr:nth-child(5) td:nth-child(3), #traits tr:nth-child(5) td:nth-child(4),
#traits tr:nth-child(6) td:nth-child(3), #traits tr:nth-child(6) td:nth-child(4) {background-color:white;}
ol.y-houses {list-style-type: none;margin: -10px 0 20px 20px;}
ol.rulez {list-style-type: decimal-leading-zero;margin: -10px 0 20px 50px;}
ol.rulez, ol.expectz {font-family: Georgia, "Times New Roman", sans-serif;font-style: italic;line-height: 2.4em;}
ol.rulez li, ol.expectz li, ol.y-houses li {padding-left:10px;}
ol.expectz {list-style-type: none;margin: -10px 0 20px 20px;}
ol.expectz li:before {content: "\2605";margin-right:14px;color:#ffca28;}
.coursenotation {margin:-0.5em 0 0 0;font-size:90%;}
a.liipad, a.as, a.steam {color:#000;padding:2px 6px;border:0;border-radius:6px;font-family: Verdana, sans-serif;font-size:11px;font-weight:400;}
/*some pesky places with links are still applying our cool highlight hover trick totally scraped from Wired*/
a.liipad, a.as, a.steam, a.liipad:hover, a.as:hover, a.steam:hover, #standards-logos a, div#career h5 a, div#supplies a,
#standards-logos a:hover, div#career h5 a:hover, .moar-teacha-pics.su div a:hover, div#supplies a:hover, #content h3.job a,
div#kids dl dd a {text-decoration: none;box-shadow: none !important;}
a.liipad {background-color:#a2d1f3;margin:0 2px 0 2px;}
a.as {background-color:#b7ff91;margin-right:2px;}
a.steam {background-color:#ff91c4;}
a.liipad:hover {background-color: #e3f2fd;}
a.as:hover {background-color: #ecfbda;}
a.steam:hover {background-color: #fde3e8;}
table#standards  {margin:0 0 30px 0;text-align:center;border-collapse:collapse;border:1px solid #ccc;width: 99%;}
table#standards thead {background-color:#0092ff82;font-weight: 400;color: #000;}
table#standards td {border:1px solid #999;padding:0.3em;}
table#standards td a {font-weight: 500;}
table#standards tbody td {font-size:10pt;}
table#standards td:nth-child(1) {vertical-align:middle;}
table#standards td:nth-child(1) a {font-weight:300;}
table#standards td:nth-child(2) {text-align:left;}
#standards-logos {display: inline-flex;flex-direction: row;flex-wrap: wrap;justify-content: space-evenly;align-items: center;align-content: center;}
/*supply-list.php*/
div#supplies {overflow-x:auto;}
div#supplies table {text-align:center;vertical-align:middle;border-collapse:collapse;border:2px solid #ccc;width: 99%;}
div#supplies table td {border:1px dashed #ccc;padding:10px 0;width:33%;}
.standards li a:link {text-decoration: none;color: #444 !important;box-shadow: inset 0 -1px 0 #00878c40;}
.standards li a:hover:link {text-decoration: none;color: #000 !important;box-shadow: inset 0 -8px 0 #00f6ff80;}
.standards li {border-bottom:0 !important;}
.t-picture {float:left;margin:0 1.5em 0 0;border: 0;border-radius:10px;}
div#career {width: 97%;}
div#career svg {margin-left:0.6em;}
div#career h5 a {font-size:120%;color:inherit;}
div#career h5 a:hover {color:#283593 !important;}
.programdetails {list-style-type: square;color:black;margin-top:-20px;}
.programdetails li {margin-left:20px;}
.programdetails li::marker {color:#4770ab;}
.progd {list-style-type:  disclosure-closed;color:black;margin-top:-20px;}
.progd li {margin-left:30px;}
.progd li::marker {color:#8c5201;}
.admissionsprocess * {list-style-type:decimal;margin-bottom:0;line-height:2.4em;}
.admissionsprocess ul li {margin-left:30px;list-style-type: disc;}
.admissionsprocess li {margin-left:30px;}
.admissionsprocess ol.chex li {list-style-type: none;}
.admissionsprocess li ol li ul li {margin-left:30px;list-style-type: disclosure-closed;color:#8c5201;}
.admissionsprocess li ol.chex ul li  {margin-left:50px;list-style-type: disclosure-closed;color:#4770ab;}
.admissionsprocess input {color:#8c5201;border:2px solid #999;border-radius:2px;height:1em;width:1em;appearance:auto;-webkit-appearance:checkbox;-moz-appearance:auto;cursor:pointer;margin-right: 6px;accent-color: #4d74ae;background-color: #4d74ae;display: inline-block;}
.admissionsprocess input:checked {background-color:#fff;}
.liip-logo-txt {display:none;}
ul.old-lunch li {display:inline-flex;padding:0 8px 16px 0;}
ul.old-lunch li a, .this-lunch a {box-shadow:none !important;}
p.this-lunch img, ul.old-lunch img {border-radius:3px;border:0;}
ul.old-lunch img {margin:-1.6em 0 -1em 0;}
.kor {font-family:'Noto Sans Korean', Helvetica, Arial, sans-serif;font-weight:300;}
h2.kor, h2.eng {color:#000 !important;margin-bottom:0pt !important;}
p.kor {font-size:90%;}
p.eng {}
p.contact {font-size:110%;}
p.kor, p.eng, p.contact {line-height:20pt;margin:0;color:#444 !important;}
.brand-logos {width:95%;}
.brand-logos img {max-width:100%;object-fit:scale-down;}
.trad-list {margin-top:-20px;}
.trad-list li {margin-left:20px;}
table#prog-comp, table#as-komphairyson {margin:0 0 30px 0;text-align:center;border-collapse:collapse;border:0 solid #ccc;width: 99%;font-size:10pt;}
table#prog-comp thead td, table#as-komphairyson thead td {font-weight:600;}
table#prog-comp thead td:nth-child(1) {background-color:#a2d1f3;}
table#prog-comp thead td:nth-child(2) {background-color:#b7ff91;}
table#prog-comp thead td:nth-child(3) {background-color:#ff91c4;}
table#prog-comp td {border:4px solid #fff;padding:8px 5px;vertical-align:middle;font-weight:400;width:33%;}
table#prog-comp td a {}
table#prog-comp td:nth-child(1) {background-color:/* #e3f2fd revised 2b header @ 30% opacity */ #a2d1f34d;}
table#prog-comp td:nth-child(2) {background-color:/* #ecfbda revised 2b header @ 30% opacity */ #b7ff914d;}
table#prog-comp td:nth-child(3) {background-color:/* #fde3e8 revised 2b header @ 30% opacity */ #ff91c44d;}
table#as-komphairyson thead td:nth-child(1) {background-color:#ffab91;}
table#as-komphairyson thead td:nth-child(2) {background-color:#e6ee9c;}
table#as-komphairyson thead td:nth-child(3) {background-color:#80cbc4;}
table#as-komphairyson thead td:nth-child(4) {background-color:#65a4cd;}
table#as-komphairyson td {border:4px solid #fff;padding:8px 5px;vertical-align:middle;font-weight:400;width:25%;}
table#as-komphairyson td:nth-child(1) {background-color:#ffccbc;}
table#as-komphairyson td:nth-child(2) {background-color:#f0f4c3;}
table#as-komphairyson td:nth-child(3) {background-color:#b2dfdb;}
table#as-komphairyson td:nth-child(4) {background-color:#a1cde9;}
table#as-komphairyson td a {box-shadow:none;text-decoration:none;}
table#as-komphairyson td a:hover {text-decoration: none;color: #000;box-shadow: inset 0 -8px 0 #b48aff80;}
table#ad-komphairyson thead td:nth-child(1) {background-color:#ffab91;}
table#ad-komphairyson thead td:nth-child(2) {background-color:#e6ee9c;}
table#ad-komphairyson td {border:4px solid #fff;padding:8px 5px;vertical-align:middle;font-weight:400;width:50%;}
table#ad-komphairyson td:nth-child(1) {background-color:#ffccbc;}
table#ad-komphairyson td:nth-child(2) {background-color:#f0f4c3;}
table#ad-komphairyson td a {box-shadow:none;text-decoration:none;}
table#ad-komphairyson td a:hover {text-decoration: none;color: #000;box-shadow: inset 0 -8px 0 #b48aff80;}
table.moar-teacha-pics {text-align:center;border-collapse:collapse;border:0;width: 100%;margin:20px 0;}
table.moar-teacha-pics td {border:0;padding:0.3em;}
table.moar-teacha-pics td img {width: 100%;max-width:100%;height: auto;max-height: 240px;border-radius:10px;object-fit:cover;vertical-align: middle;}
table.moar-teacha-pics a {font-weight: bold;vertical-align:top;}
table.moar-teacha-pics td:nth-child(1) {width:auto;}
table.moar-teacha-pics.cook td:nth-child(2) {width:56%;}
.moar-teacha-pics.su {display: grid;grid-gap: 10px;grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));grid-auto-rows: 190px;grid-auto-flow: dense;margin: 0 0 20px 0;}
.moar-teacha-pics.su div {display: flex;justify-content: center;align-items: center;border-radius: 10px;overflow:hidden;}
.moar-teacha-pics.su div a {box-shadow:none !important;width:100%;}
.moar-teacha-pics.su div a img {color:#fff !important;width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.moar-teacha-pics.su div:nth-of-type(1), .moar-teacha-pics.su div:nth-of-type(4) {grid-column: span 2;}
.moar-teacha-pics.su div:nth-of-type(2), .moar-teacha-pics.su div:nth-of-type(3) {}
#content h3.tellysavalas {font-size: 95% !important;}
#content h3.tellysavalas a {text-decoration: none;box-shadow: none;}
/*campus pages*/
.campus {text-align:center;border-collapse:collapse;border:0;width:100%;margin-bottom:20px;}
.campus::after {content: "";clear: both;display: table;}
.campus a {font-weight:bold;vertical-align:top;text-decoration:none;box-shadow:none !important;}
.campus img {max-width:100%;object-fit:scale-down;border-radius:10px;display:block;}
.campus small, table.moar-teacha-pics td small {color: #4770ab;font-size: 0.9em;display:block;line-height: 1.3em;margin: 4px 0 0 0;}
.campus small em {font-style:italic;}
.campus .jc1 {float: left;width:45%;object-fit:cover;}
.campus .jc2 {float: right;width:45%;}
.liipad-detail {margin-top:-20px;color:#474f51;}
.liipad-detail li {margin-left:30px;list-style-type: none;font-family: Georgia, sans-serif;font-style: italic;line-height: 2.4em;}
.ad-detasil li::before {content: "\f3a5";font-family: "Font Awesome 5 Free";font-style: normal;font-weight: 400;font-size:1.4em;margin-right:10px;color:#b7a6d5;}
.check-list li::before {color:#33a218;content: "\f00c";font-family: "Font Awesome 5 Free";font-style: normal;font-weight: 900;font-size:1.2em;margin-right:10px;}
h2 small {font-size:60%;color:/* old smalt #013b8c */ #023b8c;}
#content a[id] {display: block;line-height: 0;margin: 0;font-size: 1px;}
div#t2l1, div#tm {width:100%;clear:both;display:inline-block;margin: 0 0 30px 0;}
div#tm ul {margin:30px;display: inline-flex;flex-wrap: wrap;align-content: space-around;justify-content: space-around;align-items: center;}
div#tm li {margin:10px;padding:5px;border-radius:50%;border:3px solid #f7fdb6;display:block;background-color:#a4d792;position:relative;}
div#tm img {border-radius:50%;border:5px solid #424141;display:block;}
div#tm span {position:absolute;bottom:0;left:0;;width: 1.3em;text-align: center;font-size:2em;font-weight:600;color: #fff; background-color: #21825c;padding:5px;border-radius:50%;font-family: system-ui;}
div.tp {float: left;margin:10px;padding:12px;border:1px dashed #ddd;border-radius:10px;}
div.tp ul {margin:0 0 10px 20px;}
div.tp li, .rules li {list-style-type: disc;}
ol.rules {margin:0 0 0 20px;}
ol.rules ul {margin-bottom:0;}
ol.rules li li {margin-left: 20px;list-style: none;}
h3.job {margin:0 0 10px 0;}
#content h3.job a {text-decoration: none;color:#4770ab;}
#content h3.job a:hover {text-decoration: none;color: #000;box-shadow: inset 0 -8px 0 #00ff1f80 !important;}
dl {}
dl dt {font-weight:500;}
dl dd {font-weight:300;margin:0 0 10px 20px;}
div#kids {width:100%;clear:both;display: flex;flex-wrap: wrap;align-content: space-between;justify-content: space-between;align-items: baseline;}
div#kids div {clear: both;margin: 0 30px;}
div#kids dl {font-size:11pt;line-height:0.5em;}
div#kids dl dt {border-bottom: 1px solid rebeccapurple;padding:20px 0 6px 0;color:rebeccapurple;}
div#kids dl dd {margin:20px 0 10px 0;line-height:0.5em;}
div#kids dl dd a {color: #663399bf;}
div#kids dl dd a:hover {text-decoration: none;color: #310a58;box-shadow: inset 0 -8px 0 #b400ff66;}
div#kids dl dd:hover {color:rebeccapurple;text-decoration: underline;}
div#kids dl dd.nohober:hover {color:red;text-decoration: none;}
a.liip-curccriculum-site:hover::after {content:"  [LIIP]";color:brown;font-size:80%;}
/* 2023 */
/* house stuff*/
.himg {width:100%;max-width:100%;height:auto;max-height:240px;border-radius:10px;object-fit:cover;vertical-align:middle;}
/*end cjc add*/

/* 2024 */
.newbies {font-size:85%;font-weight:500;color:#777;}

/* Footer */
#footer {padding: 45px 0 45px 0;text-shadow: 1px 1px 1px white;color: #546b76;text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);}
#footer h2 {font-size: 1.25em;color: #212f35;margin: 0 0 1em 0;}
#footer a {color: #546b76; text-decoration:none; /*cjc*/}
#footer a:hover, #footer a:focus {color: #5d0b6b;text-decoration:underline; /*cjc*/}
#footer .quote-list li {border-top: solid 1px #e0e4e6;border-bottom: solid 1px #b5bec3;}
#footer .link-list li {border-top: solid 1px #e0e4e6;border-bottom: solid 1px #b5bec3;}
#footer .check-list li {border-top: solid 1px #e0e4e6;border-bottom: solid 1px #b5bec3;}

/* Copyright */
#copyright {border-top: solid 1px #b5bec3;box-shadow: inset 0px 1px 0px 0px #e0e4e7;text-align: center;padding: 45px 0 80px 0;color: /*#8d9ca3*/#637c8f;text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);}
#copyright a {color: /*#8d9ca3*/#637c8f;text-decoration:none;}
#copyright em {font-style:normal;font-size:120%;line-height: 0;vertical-align: middle;padding: 0;margin: 0;}

/* Parent and Student pages */
/* 2024 addition taken from: */
/* this is an awesome link effect with the mouse, but this site already has the highlighter effect on links, so we are sticking with that for now ... someday
.cursor-outer {border-color: #fdb11c !important;}
.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden; }
.cursor-inner {
  margin-left: 2px;
  margin-top: 2px;
  width: 6px;
  height: 6px;
  z-index: 10000001;
  -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
  transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; }

.cursor-inner.cursor-hover {
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  opacity: .2; }

.cursor-outer {
  margin-left: -15px;
  margin-top: -15px;
  width: 40px;
  height: 40px;
  border-width: 2px;
  border-style: solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: .5;
  -webkit-transition: all .08s ease-out;
  transition: all .08s ease-out; }
.cursor-outer.cursor-hover {opacity: 0; }
*/
/* 2025 additions */
#banana-name {
font-size:140%;font-weight:800;height:30px;
}
#banana-summary, #banana-awards {
border-collapse:separate;
border:3px solid #fff;
border-radius:12px;
background-color:#fff;
width:100%;margin:10pt 0;
text-align:center;vertical-align:middle;
}
#banana-awards tr:nth-child(2) td, #banana-awards tr:nth-child(3) td {
min-height:40px;
font-weight: 400;
text-align:left;
line-height:1.7;
text-align:left;vertical-align:middle;
padding:10px;
}
#banana-awards tr:nth-child(3) td {
font-size:110%;
color: #0047ab;
}
#banana-summary tr td {width: 33%;}
#banana-summary tr:nth-child(1), #banana-summary tr:nth-child(3),
#banana-awards tr:nth-child(1) {
background-color:#a2d1f3;
clip-path: inset(0 round 10px 10px 0 0);
font-size:9pt;font-weight:600;color:#000000;height:24px;
text-transform: uppercase;
overflow: hidden;
}
#banana-summary tr:nth-child(2) td,
#banana-summary tr:nth-child(4) td {
height:40px;
font-size: 140%;font-weight: 800;font-family: Georgia;font-style: italic;
vertical-align:middle;
}
#banana-summary tr:nth-child(2) td {padding-bottom:30pt;}
#banana-summary tr:nth-child(4) td {padding-bottom:20pt;}
#banana-summary tr:nth-child(2) td:nth-child(1),
#banana-summary tr:nth-child(4) td:nth-child(1),
#banana-summary tr:nth-child(4) td:nth-child(2),
#banana-summary tr:nth-child(4) td:nth-child(3) {color:#0047ab;}
#banana-summary tr:nth-child(2) td:nth-child(2) {color:#0f7800;}
#banana-summary tr:nth-child(2) td:nth-child(3) {color:#cd3a2d;}

#banana-details {
border-collapse:separate;
border:3px solid #fff;
border-radius:12px;
clip-path: inset(0 round 10px 10px 0 0);
background-color:#fff;
width:100%;margin:10pt 0;
}
#banana-details tr td, #banana-details tr th  {text-align:center;vertical-align:middle;}
#banana-details th {
background-color:#a2d1f3; font-size:9pt;font-weight:600;color:#000000;}
#banana-details tr:nth-child(1) th {
height:24px;max-height:24px;
vertical-align: baseline;
border-bottom: 3px double #cfe8f9;
}
#banana-details tr:nth-child(1) {
font-size:9pt;
font-weight:600;
color:#000000;
clip-path: inset(0 round 10px 10px 0 0);
text-transform: uppercase;
overflow: hidden;
}
#banana-details tr:nth-child(even) td:nth-child(1) {
width:50px;height:100%;text-align: center;vertical-align: middle;}
#banana-details tr:nth-child(even) td:nth-child(1) img {
display:block;margin: auto;}
#banana-details tr td:nth-child(2) {
width:80px;
font-size: 130%;font-weight: 800;font-family: Georgia;font-style: italic;
color:#0f7800;}
#banana-details tr td:nth-child(3) {
width:auto;text-align:left;padding:2px 0;
font-weight: 400;
color:#0047ab;
}
#banana-details tr td:nth-child(4) {width:130px;font-weight:400;color:#0047ab;}
#banana-details tr td:nth-child(5) {width:100px;font-weight:400;color:#0047ab;}
#banana-details tr td:nth-child(6) {width:100px;font-weight:400;color:#0047ab;}
#banana-details tr td
 {border-top: 3px ridge #a2d1f382;}
#banana-details tr td.banana-detail {
font-size:90%;
font-weight:normal;
font-family:inherit;
font-style:inherit;
line-height: 1.5;
color:#666;
text-align:left;
background-color:#f2eee880;
border-top:0;
padding:2px 0;
margin:3px 0;
}
.details-header {margin:0 3px 0 0;font-weight:600;color:#555;}
.no-details-header {font-size:93%;font-weight:400;color:#bcaaa4;}
td.banana-points.red-text {color: #cd3a2d !important;}

#banana-drive {
width:100%;
min-height:300px;
border:3px solid #fff;
border-radius:12px;
clip-path: inset(0 round 10px 10px 0 0);
background-color: #fff;
font-family: "Fira Sans", sans-serif;
}



/* Large */
@media screen and (max-width: 1280px) {

/* Multi-use */
/*cjc logo fixes*/
.liip-logo-txt {display:none;}
/*end cjc logo fixes*/
.check-list li {font-size: 1em;line-height: 2em;}
.quote-list li {padding: 1em 0 1em 0;}
.quote-list li img {width: 60px;}
.quote-list li p {margin:0;font-size: 1em;font-style: italic;line-height: 1.8em;}
.quote-list li span {display: block;font-size: 0.8em;font-weight: 400;line-height: 1.8em;}
.feature-image {margin: 0 0 1em 0;}
.button-large {font-size: 1.5em;}

/* Banner */
#banner p {font-size: 1.75em;}

/* Header */
#header h1 {font-size: 2.25em;}
#header nav a {font-size: 1.2em;font-weight: 300;letter-spacing: 0.05em;}

/* Content */
#content h2 {font-size: 1.4em;}
#content h3 {font-size: 1.1em;}
#content header {margin: 0 0 1.25em 0;}
}

/* Medium and Small */
#navPanel, #titleBar {display: none;}

/* Medium */
@media screen and (max-width: 980px) {

/* Basic */
html, body {overflow-x: hidden;}

/* Header */
/* cjc logo fixes 2021.09.09 */
.liip-logo-img {display:none;}
.hamnav {position: relative;top: 10px;left: 20px;letter-spacing: 0.1em;color: #fff;}
/*end*/
#header {text-align: center;}
#header > .container:first-child {display: none;}

/* Content */
#content {padding: 25px 0;}
/*cjc mobile fixes -------------------------------------------------------------------------------------*/
/*traits table*/
table#traits {margin:-10px 0 30px 0 !important;text-align:center;border-collapse: separate;border-spacing:0.3em;table-layout: fixed;width: 96%;}
table#traits td {width: 24%;}
#traits tr:nth-child(odd) {background-color: /* old smalt #013b8c */ #023b8c;color:#eee;font-weight:500;font-size: 70%;}
#traits tr:nth-child(even) {background-color: whitesmoke;font-weight:400;font-size: 75%;margin: 0 0.6em 0.6em 0.6em;font-weight: 300;word-break: break-word;}
#traits tr:nth-child(even) td {height:50px;vertical-align:middle;}
#traits tr:nth-child(5) td:nth-child(3), #traits tr:nth-child(5) td:nth-child(4),
#traits tr:nth-child(6) td:nth-child(3), #traits tr:nth-child(6) td:nth-child(4) {background-color:white;}
#traits tr:nth-child(5) td:nth-child(3), #traits tr:nth-child(5) td:nth-child(4) {border:0;background-color: #fff;}
#standards-logos div a img {height: 60px;}
#t2l1 div.tp {border:1px dashed #999;}
#t2l1 div.tp ul {margin:6px 0 10px 20px;}
.t-picture {float:none;margin:0 0 20px 0;clear:both;}
#dafacts ul {font-size:12pt;line-height: 1.5em;list-style: disc;}
#dafacts ul li {margin-left:20px;line-height: 1.8em;}
/*end cjc fixes*/

/* Nav */
#page-wrapper {-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-moz-transition: -moz-transform 0.5s ease;-webkit-transition: -webkit-transform 0.5s ease;-ms-transition: -ms-transform 0.5s ease;transition: transform 0.5s ease;padding-bottom: 1px;padding-top: 44px;}
#titleBar {-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-moz-transition: -moz-transform 0.5s ease;-webkit-transition: -webkit-transform 0.5s ease;-ms-transition: -ms-transform 0.5s ease;transition: transform 0.5s ease;display: block;height: 44px;left: 0;position: fixed;top: 0;width: 100%;z-index: 10001;color: #fff;background: url("bg04.jpg");box-shadow: inset 0px -20px 70px 0px rgba(200, 220, 245, 0.1), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.6);text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);}
#titleBar .title {display: block;text-align: center;font-size: 1.2em;font-weight: 400;line-height: 48px;color: #fff;}
#titleBar .toggle {position: absolute;left: 0;top: 0;width: 80px;height: 60px;}
#titleBar .toggle:after {content: '';display: block;position: absolute;top: 6px;left: 6px;color: #fff;background: rgba(255, 255, 255, 0.025);box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05), inset 0px -8px 10px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.25);text-shadow: -1px -1px 1px black;width: 49px;height: 31px;border-radius: 8px;
}
#titleBar .toggle:before {content: '';position: absolute;width: 20px;height: 30px;backgrodund: url("mobileUI-site-nav-opener-bg.svg");top: 15px;left: 20px;z-index: 1;opacity: 0.25;}
#titleBar .toggle:active:after {background: rgba(255, 255, 255, 0.05);}
#navPanel {-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-moz-transform: translateX(-275px);-webkit-transform: translateX(-275px);-ms-transform: translateX(-275px);transform: translateX(-275px);-moz-transition: -moz-transform 0.5s ease;-webkit-transition: -webkit-transform 0.5s ease;-ms-transition: -ms-transform 0.5s ease;transition: transform 0.5s ease;display: block;height: 100%;left: 0;overflow-y: auto;position: fixed;top: 0;width: 275px;z-index: 10002;background: url("bg04.jpg");box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25), inset -2px 0px 25px 0px rgba(0, 0, 0, 0.5);text-shadow: -1px -1px 1px black;}
#navPanel .link {display: block;color: #fff;text-decoration: none;font-size: 1.25em;line-height: 2em;padding: 0.625em 1.5em 0.325em 1.5em;border-top: solid 1px #373d40;border-bottom: solid 1px rgba(0, 0, 0, 0.4);}
#navPanel .link:first-child {border-top: 0;}
#navPanel .link:last-child {border-bottom: 0;}
body.navPanel-visible #page-wrapper {-moz-transform: translateX(275px);-webkit-transform: translateX(275px);-ms-transform: translateX(275px);transform: translateX(275px);}
body.navPanel-visible #titleBar {-moz-transform: translateX(275px);-webkit-transform: translateX(275px);-ms-transform: translateX(275px);transform: translateX(275px);}
body.navPanel-visible #navPanel {-moz-transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}

}

/* Small */
@media screen and (max-width: 736px) {

/* Basic */
body, input, textarea, select {font-size: 1em;line-height: 1.4em;}
/* Multi-use */
/*cjc fixes*/
.liip-logo-img {display:none;}
table#standards {0 0 30px 0;}
#content p, .trad-list li, .tp, .tp li, .quicklook li,#dafacts ul li, #career, ol.expectz li, ol.rulez li {font-size:0.9em;line-height:2em;}
#content h3 {:font-size: 1em;}
.campus small {font-size: 0.75em;margin-top: 4px 0 20px 0;}
div#tm span {font-size:1.6em;}
.link-list li {padding: 0.5em 0 0.5em 0;}
.moar-teacha-pics.su {grid-auto-rows: auto;}
div#supplies table {text-align:center;vertical-align:middle;border-collapse:collapse;border:2px solid #888;width: 99%;}
div#supplies table td {border:2px solid #888;padding:0;width:200px;}
div#supplies table td p {margin:0;padding:0;font-size:0.9em;line-height:1.4em;}
ol.expectz {margin:0 0 20px 0;}
ol.expectz li {padding:0;}
ol.expectz li:before {content: "\2605";margin-right:10px;color:#ffca28;}
ol.rulez {margin:0 0 20px 10px;}

/*end cjc fixes*/
.quote-list li p {margin-bottom: 0.5em;}
.check-list li p {font-size: 1em;}
.button-large {width: 100%;font-size: 1.2em;}

/* Banner */
#banner p {font-size: 1.25em;font-weight: 200;line-height: 1.25em;margin: 0 0 1em 0;}

/* Content */
#content section {padding: 30px 20px;}
#content h2 {font-size: 1.25em;}
#content h3 {font-size: 1em;}
#content header {margin: 0 0 1.25em 0;}

/* Footer */
#footer .link-list {margin: 0 0 10px 0;}

/* Copyright */
#copyright {padding: 20px 30px;}

#banana-details {
border-collapse:separate;
border:3px solid #fff;
border-radius:12px;
clip-path: inset(0 round 10px 10px 0 0);
background-color:#fff;
width:99%;margin:10pt 0;
}
#banana-details tr td, #banana-details tr th  {text-align:center;vertical-align:middle;}
#banana-details th {
background-color:#a2d1f3; font-size:7pt;font-weight:600;color:#000000;}
#banana-details tr:nth-child(1) th {
height:24px;max-height:24px;
vertical-align: baseline;
border-bottom: 3px double #cfe8f9;
}
#banana-details tr:nth-child(1) {
font-size:8pt;
font-weight:600;
color:#000000;
clip-path: inset(0 round 10px 10px 0 0);
text-transform: uppercase;
overflow: hidden;
}
#banana-details tr:nth-child(even) td:nth-child(1), #banana-details tr:nth-child(odd) th:nth-child(1), #banana-details tr:nth-child(even) td:nth-child(1) img {display:none;}
#banana-details tr td:nth-child(2) {
width:auto;
font-size: 110%;font-weight: 800;font-family: Georgia;font-style: italic;
color:#0f7800;
padding:0 9px 0 3px;
}
#banana-details tr td:nth-child(3) {
width:auto;text-align:left;padding:2px 0;
font-weight: 400;
color:#0047ab;
font-size:90%;
}
#banana-details tr td:nth-child(4) {width:auto;font-weight:400;color:#0047ab;font-size:80%;}
#banana-details tr td:nth-child(5) {width:auto;font-weight:400;color:#0047ab;font-size:80%;}
#banana-details tr td:nth-child(6) {width:auto;font-weight:400;color:#0047ab;font-size:80%;}
#banana-details tr td
 {border-top: 3px ridge #a2d1f382;}
#banana-details tr td.banana-detail {
font-size:80%;
font-weight:normal;
font-family:inherit;
font-style:inherit;
line-height: 1.5;
color:#666;
text-align:left;
background-color:#f2eee880;
border-top:0;
padding:1px 0;
margin:2px 0;
overflow:auto;
}
/*end banana additions*/
}
/* end smallest screen adjustments */
/*end, yay?*/