*,
*:before,
*:after {
}

::placeholder {
  color: var(--cyscp1);
  opacity: 1.0;
}

html {
}

body {
  background-image: url("images/tile.png");
  background-position: right;
  background-repeat: repeat-y;
  background-size: 150px;
  font-family: var(--font2), sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
}

body .navPanel-visible #page-wrapper {
  -ms-transform: translateX(275px);
  transform: translateX(275px);
}

body .navPanel-visible #navButton {
  -ms-transform: translateX(275px);
  transform: translateX(275px);
}

body .navPanel-visible #navPanel {
  -ms-transform: translateX(0);
  transform: translateX(0);
}

a:link {
  border-bottom: 2px solid var(--cyscp1);
  color: var(--cyscp1);
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

a:visited {
  border-bottom: 2px solid var(--cyscp1);
  color: var(--cyscp1);
}

a:hover {
  border-bottom: 2px dashed var(--cyscp1);
}

a:focus {
  outline: 5px solid var(--cyscp19);
}

a:focus-within {
  outline: 5px solid var(--cyscp19);
}

abbr {
  color: var(--cyscp1);
  font-style: italic;
}

address {
  font-style: normal;
}

.alert {
  font-size: 1rem;
  text-align: center;
}

.alert--error {
  background-color: var(--cyscp23);
}

.alert--success {
  background: var(--cyscp25);
}

.alert--warning a:focus {
  outline: 5px var(--cyscp19);
}

.alert__heading {
  color: var(--cyscp28);
  font-size: 2.3rem;
  line-height: 2.3rem;
  text-align: center;
}

article .listing {
  border: 1px var(--cyscp1);
  border-style: solid;
  padding: 0 .5rem;
}

article .listing h2 {
}

article .special {
  text-align: center;
}

aside .alert--information {
  border: 2px var(--cyscp1);
  border-style: solid;
}

audio figure a:link {
  border: 2px var(--cyscp1);
  color: var(--cyscp1);
}

audio figure a:visited {
  border: 2px var(--cyscp1);
  color: var(--cyscp1);
}

audio figure a:hover {
  border: 2px var(--cyscp20);
  color: var(--cyscp20);
}

audio:focus-within {
  outline: 5px solid var(--cyscp19);
}

b {
  color: var(--cyscp1);
  font-weight: 600;
}

blockquote {
  border-left: 15px solid var(--cyscp1);
}

blockquote footer {
  color: var(--cyscp1);
  font-style: italic;
  font-weight: normal;
  text-align: left;
}

blockquote p {
  color: var(--cyscp1);
  font-family: var(--font1), sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.3rem;
}

body.navPanel-visible #page-wrapper {
  transform: translateX(275px);
}

body.navPanel-visible #navButton {
  transform: translateX(275px);
}

body.navPanel-visible #navPanel {
  transform: translateX(0);
}

button {
  background-color: var(--cyscp1);
  border: none;
  color: var(--cyscp28);
  font-family: var(--font1), sans-serif;
  font-size: 1.2rem;
  transition: .3s;
}

button:focus-within {
  outline: 5px solid var(--cyscp19);
}

button:hover {
  background-color: var(--cyscp3);
  border: none;
  color: var(--cyscp1);
}

caption {
  font-style: italic;
  font-weight: normal;
}

cite {
  font-style: italic;
  font-weight: normal;
}

code {
  border: solid 1px var(--cyscp20);
  font-family: var(--font7), sans-serif;
  font-size: 1.2rem;
}

col {
  font-style: italic;
  font-weight: normal;
}

del {
  background-color: var(--cyscp1);
  text-decoration: line-through;
}

dfn {
  font-weight: bold;
}

dt {
  font-weight: bold;
}

em {
  font-style: italic;
}

figcaption {
  font-size: 0.875rem;
  line-height: 1.3rem;
}

figure {
  font-style: italic;
  font-weight: normal;
}

footer {
  background-color: var(--cyscp1);
  background-image: url("images/bunting-purple.png");
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: 300px;
  color: var(--cyscp28);
  font-family: var(--font1), sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
}

footer a:focus {
  outline: 5px solid var(--cyscp13);
}

footer li {
  color: var(--cyscp28);
  list-style: none;
  padding: 0;
}

footer li a:link {
  border-bottom-color: var(--cyscp28);
  color: var(--cyscp28);
  transition: 0.5s;
}

footer li a:visited {
  border-bottom-color: var(--cyscp28);
  color: var(--cyscp28);
}

footer li a:hover {
  border-bottom-color: var(--cyscp13);
  color: var(--cyscp13);
}

footer .footer-credit a:link {
  color: var(--cyscp28);
  border-bottom: 1px solid var(--cyscp28);
}

footer .footer-credit a:visited {
  color: var(--cyscp28);
}

footer .footer-credit a:hover {
  color: var(--cyscp13);
  text-decoration: dashed;
  border-bottom: 1px dashed var(--cyscp13);
}

footer .footer-credit a:focus {
  background-color: var(--cyscp1);
  outline: 5px solid var(--cyscp13);
  color: var(--cyscp13);
  text-decoration: dashed;
}

footer ul {
  line-height: 1.5rem;
}

footer ul li {
  background-image: none;
  list-style: none;
}

footer ul li a:link {
  color: var(--cyscp28) var(--cyscp28);
  border-bottom: 1px solid;
}

footer ul li a:visited {
}

footer ul li a:hover {
  color: var(--cyscp13);
  border-bottom: 1px dashed var(--cyscp13);
}

footer ul li a:focus {
  outline: 5px solid var(--cyscp13);
  color: var(--cyscp13);
}

h1 {
  color: var(--cyscp1);
  font-family: var(--font1), sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.001rem;
  text-align: left;
}

h2 {
  color: var(--cyscp19);
  font-family: var(--font1), sans-serif;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .01rem;
  line-height: 2.2rem;
}

h2.form__heading {
  font-size: 1.6rem;
  line-height: 2.2rem;
}

h2.widget__heading {
  color: var(--cyscp1);
  font-family: var(--font1), sans-serif;
  font-size: 1.9em;
  font-style: normal;
  font-weight: 700;
}

h3 {
  color: var(--cyscp1);
  font-family: var(--font1), sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.025rem;
  line-height: 2.2rem;
  margin-bottom: .5rem;
  text-align: left;
}

h4 {
  color: var(--cyscp19);
  font-family: var(--font1), sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.001rem;
  line-height: 2.1rem;
  margin-bottom: .4rem;
  text-align: left;
}

h5 {
  color: var(--cyscp1);
  font-family: var(--font1), sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.001rem;
  line-height: 2rem;
  margin-bottom: .35rem;
  text-align: left;
}

h6 {
  color: var(--cyscp19);
  font-family: var(--font1), sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 2rem;
  margin-bottom: .35rem;
  text-align: left;
}

header h1 {
  color: var(--cyscp28);
}

header h2 {
  font-size: 2rem;
}

header p {
  color: var(--cyscp22);
  font-style: italic;
}

header .major {
  text-align: center;
}

header .major p {
  border-top-color: var(--cyscp29);
  border-top: solid 2px;
  color: var(--cyscp20);
  font-style: normal;
}

hgroup {
  border-left: 8px solid var(--cyscp1);
  padding-left: 16px;
}

hr {
  border-bottom: 1px solid var(--cyscp1);
}

hgroup h1 {
  margin-bottom: 0;
}

hgroup p {
  font-weight: bold;
}

i {
  font-style: italic;
}

input {
  color: var(--cyscp1);
  font-family: var(--font2), sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: -0.015rem;
  line-height: 1.65rem;
}

input[type="button"] {
  background-color: var(--cyscp1);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp28);
  cursor: pointer;
  font-family: var(--font1), sans-serif;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

input[type="button"]:active {
  background-color: var(--cyscp19);
  border: 1px solid var(--cyscp19);
}

input[type="button"] .alt {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px var(--cyscp30);
  color: var(--cyscp28);
}

input[type="button"] .alt:active {
  background-color: var(--cyscp19);
  border-color: var(--cyscp19);
  color: var(--cyscp28);
}

input[type="button"] .alt:hover {
  background-color: var(--cyscp1);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp28);
}

input[type="button"] .disabled {
  background-color: var(--cyscp29);
  box-shadow: inset 0 -0.15rem 0 0 var(--cyscp30);
  color: var(--cyscp20);
  cursor: default;
}

input[type="button"]:hover {
  background-color: var(--cyscp28);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp1);
}

input[type="button"] .large {
  font-size: 1.25rem;
  line-height: 2.7rem;
}

input[type="button"] .small {
  font-size: 0.8rem;
  line-height: 2.7rem;
}

input[type="button"] .alt .icon:before {
  color: var(--cyscp20);
}

input[type="button"] .primary {
  background-color: var(--cyscp1);
  color: var(--cyscp28);
}

input[type="button"] .primary:active {
  background-color: var(--cyscp19);
}

input[type="button"].primary:hover {
  background-color: var(--cyscp28);
  border: 2px solid var(--cyscp1);
}

input[type="checkbox"]:focus {
  outline: 5px solid var(--cyscp19);
  box-shadow: 0 0 0 2px var(--cyscp30);
}

input[type="checkbox"]:invalid {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

input[type="date"] {
  background-color: var(--cyscp28);
  border: solid 2px var(--cyscp1);
  color: inherit;
  outline: 0;
  text-decoration: none;
}

input[type="date"]:focus {
  outline: 5px solid var(--cyscp19);
  box-shadow: 0 0 0 2px var(--cyscp30);
}

input[type="date"]:hover {
  border: 1px solid var(--cyscp3);
}

input[type="date"]:invalid {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

input[type="email"] {
  background-color: var(--cyscp3);
  border: solid 2px var(--cyscp1);
  color: inherit;
  outline: 0;
  text-decoration: none;
}

input[type="email"]:focus {
  outline: 5px solid var(--cyscp19);
  box-shadow: 0 0 0 2px var(--cyscp30);
}

input[type="email"]:hover {
  border: 1px solid var(--cyscp3);
}

input[type="email"]:invalid {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

input[type="password"] {
  background-color: var(--cyscp28);
  border: solid 2px var(--cyscp1);
  color: inherit;
  outline: 0;
  text-decoration: none;
}

input[type="password"]:focus {
  outline: 5px solid var(--cyscp19);
  box-shadow: 0 0 0 2px var(--cyscp30);
}

input[type="password"]:hover {
  border: 1px solid var(--cyscp3);
}

input[type="password"]:invalid {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

input[type="radio"]:focus {
  outline: 5px solid var(--cyscp19);
  box-shadow: 0 0 0 2px var(--cyscp30);
}

input[type="radio"]:invalid {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

input[type="reset"] {
  background-color: var(--cyscp1);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp28);
  cursor: pointer;
  font-family: var(--font1), sans-serif;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  white-space: nowrap;
}

input[type="reset"]:active {
  background-color: var(--cyscp3);
}

input[type="reset"]:hover {
  background-color: var(--cyscp28);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp1);
}

input[type="reset"] .alt {
  box-shadow: inset 0 0 0 2px var(--cyscp30);
  color: var(--cyscp22);
}

input[type="reset"] .alt:active {
  background-color: var(--cyscp29);
}

input[type="reset"] .alt:hover {
  background-color: var(--cyscp29);
}

input[type="reset"] .alt.icon:before {
  color: var(--cyscp20);
}

input[type="reset"] .disabled {
  background-color: var(--cyscp29);
  box-shadow: inset 0 -0.15em 0 0 var(--cyscp30);
  color: var(--cyscp20);
  cursor: default;
}

input[type="reset"] .fit {
}

input[type="reset"] .icon {
}

input[type="reset"] .icon:before {
}

input[type="reset"] .large {
  font-size: 1.25rem;
  height: 2.7rem;
  line-height: 2.7rem;
}

input[type="reset"] .primary {
  background-color: var(--cyscp1);
  color: var(--cyscp28);
}

input[type="reset"] .primary:active {
  background-color: var(--cyscp1);
}

input[type="reset"] .primary:hover {
  background-color: var(--cyscp28);
  border-color: var(--cyscp1);
}

input[type="reset"] .small {
  font-size: 0.8rem;
  line-height: 2.7rem;
}

input[type="search"] {
  background-color: var(--cyscp28);
  border: solid 2px var(--cyscp1);
  color: inherit;
  text-decoration: none;
}

input[type="search"]:focus {
  outline: 5px solid var(--cyscp19);
  box-shadow: 0 0 0 2px var(--cyscp20);
}

input[type="search"]:hover {
  border: 2px solid var(--cyscp3);
}

input[type="search"]:invalid {
  box-shadow: 0 0 0 2px var(--cyscp20);
}

input[type="submit"] {
  background-color: var(--cyscp1);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp28);
  cursor: pointer;
  font-family: var(--font1), sans-serif;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  white-space: nowrap;
}

input[type="submit"]:active {
  background-color: var(--cyscp19);
}

input[type="submit"]:disabled {
  background-color: var(--cyscp29);
  box-shadow: inset 0 -0.15rem 0 0 var(--cyscp30);
  color: var(--cyscp20);
  cursor: default;
}

input[type="submit"]:hover {
  background-color: var(--cyscp28);
  border-color: var(--cyscp1);
  color: var(--cyscp1);
}

input[type="submit"] .alt {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px var(--cyscp30);
  color: var(--cyscp22);
}

input[type="submit"] .alt:active {
  background-color: var(--cyscp29);
}

input[type="submit"] .alt:hover {
  background-color: var(--cyscp29);
}

input[type="submit"] .alt.icon:before {
  color: var(--cyscp22);
}

input[type="submit"] .disabled {
  background-color: var(--cyscp29);
  box-shadow: inset 0 -0.15rem 0 0 var(--cyscp30);
  color: var(--cyscp20);
  cursor: default;
}

input[type="submit"] .fit {
}

input[type="submit"] .icon {
}

input[type="submit"] .icon:before {
}

input[type="submit"] .large {
  font-size: 1.25rem;
  line-height: 2.7rem;
}

input[type="submit"] .primary {
  background-color: var(--cyscp1);
  color: var(--cyscp28);
}

input[type="submit"] .primary:active {
  background-color: var(--cyscp1);
}

input[type="submit"] .primary:hover {
  background-color: var(--cyscp28);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp1);
}

input[type="submit"] .small {
  font-size: 0.8rem;
  line-height: 2.7rem;
}

input[type="text"] {
  border: solid 2px var(--cyscp1);
  color: inherit;
  outline: 0;
  text-decoration: none;
}

input[type="text"]:focus {
  outline: 5px solid var(--cyscp19);
  box-shadow: 0 0 0 2px var(--cyscp30);
}

input[type="text"]:hover {
  border-color: var(--cyscp3);
}

input[type="text"]:invalid {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

input .button .button--primary {
}

input:focus-within {
  outline: 5px solid var(--cyscp19);
}

ins {
  background-color: var(--cyscp1);
  text-decoration: none;
}

kbd {
  border: 1px solid var(--cyscp1);
}

label {
  color: var(--cyscp20);
  font-size: 0.9rem;
  font-weight: 300;
}

label .form__label {
}

li .button .icon:before {
}

mark {
  color: var(--cyscp1);
}

nav a:link {
  color: var(--cyscp1);
}

nav a:visited {
  color: var(--cyscp1);
}

nav a:hover {
  color: var(--cyscp3);
}

nav a:focus {
  outline: 5px solid var(--cyscp19);
}

ol .actions {
  list-style: none;
}

ol .actions li {
  text-align: center;
}

ol .alt li {
  border-top: solid 1px var(--cyscp20);
}

ol .icons {
  list-style: none;
}

ol .icons li .icon {
  color: inherit;
}

ol li {
  color: var(--cyscp20);
}

ol li span {
  color: var(--cyscp20);
}

p {
  font-size: 1.2rem;
  hyphens: none;
  line-height: 1.7rem;
  text-align: left;
}

pre {
  background: var(--cyscp29);
  border: solid 1px var(--cyscp21);
  font-family: var(--font7), sans-serif;
  font-size: 1.2rem;
  line-height: 1.75rem;
}

samp {
  font-weight: bold;
}

section .special {
  text-align: center;
}

select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23e5e5e5' /%3E%3C/svg%3E");
  background-position: calc(100% - 1rem) center;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  border-color: var(--cyscp1);
  color: var(--cyscp1);
  font-family: var(--font2), sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: -0.015rem;
  line-height: 1.65rem;
  text-overflow: ellipsis;
}

select:focus {
  border: 4px solid var(--cyscp19);
  box-shadow: 0 0 0 2px var(--cyscp30);
}

select:focus-within {
  outline: 5px solid var(--cyscp19);
}

select:hover {
  border-color: var(--cyscp19);
}

select option {
  color: var(--cyscp20);
  background-color: var(--cyscp29);
}

small {
  font-size: 0.9rem;
}

strong {
  color: var(--cyscp1);
  font-weight: 800;
}

sub {
  font-size: 1.2rem;
}

sup {
  font-size: 1.2rem;
}

table caption {
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--cyscp20);
  font-weight: bold;
  text-align: left;
}

table tbody tr {
  border-top: 1px solid var(--cyscp1);
}

table tbody tr th {
  border-top: 1px solid var(--cyscp1);
}

table tbody tr:nth-child(even) {
  background-color: var(--cyscp28);
}

table tbody tr:nth-child(odd) {
  background-color: var(--cyscp29);
}

table tbody tr td:first-of-type {
  border-left: 1px solid var(--cyscp1);
  border-right: 1px solid var(--cyscp1);
}

table tbody tr td:last-of-type {
  border-right: 1px solid var(--cyscp1);
}

table td {
  border-bottom: 1px solid var(--cyscp1);
  border-right: 1px solid var(--cyscp1);
}

table thead tr th:first-of-type {
  background-color: var(--cyscp1);
}

table thead tr th:last-of-type {
  background-color: var(--cyscp1);
}

table tr {
  border-top: 1px solid var(--cyscp1);
}

table tr th {
  border-top-color: var(--cyscp1);
  color: var(--cyscp28);
  font-weight: 600;
  text-align: left;
}

table tr:last-of-type td:first-of-type {
  border-bottom: 1px solid var(--cyscp1);
}

table tr:last-of-type td:last-of-type {
  border-bottom: 1px solid var(--cyscp1);
}

textarea {
  border: 2px solid var(--cyscp1);
  color: var(--cyscp1);
  font-family: var(--font2), sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: -0.015rem;
  line-height: 1.65rem;
}

textarea:focus {
  outline: 5px solid var(--cyscp19);
}

textarea:hover {
  border: 2px solid var(--cyscp1);
}

textarea:invalid {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

time {
  color: var(--cyscp20);
  font-weight: bold;
}

u {
  text-decoration: var(--cyscp19) wavy underline;
}

ul .actions {
  cursor: default;
  list-style: none;
}

ul .list--listing {
  list-style: none;
}

ul .list--listing li {
  border-top: solid 1px var(--cyscp1);
}

.list--listing li:first-child {
  border-top: 0;
}

ul li {
  background-image: url("images/list-style.png");
  background-position: left 10%;
  background-repeat: no-repeat;
  margin-bottom: 20px;
  padding-left: 27px;
  text-align: left;
}

ul li.nobg {
 background:none;
}

var {
  font-weight: bold;
}



/*------------------------------------*\
  #IDs
\*------------------------------------*/

#banner h2 {
  font-size: 2.25rem;
}

#banner p {
  font-size: 1.25rem;
}

#cta {
  background-color: var(--cyscp1);
  color: var(--cyscp28);
  text-align: center;
}

#cta form {
  margin: 0 auto;
  max-width: 100%;
  width: 25rem;
}

#cta input[type="submit"] {
  background-color: var(--cyscp1);
  box-shadow: var(--cyscp30);
  color: var(--cyscp28);
}

#cta input[type="reset"] {
  background-color: var(--cyscp1);
  box-shadow: var(--cyscp30);
  color: var(--cyscp28);
}

#cta input[type="button"] {
  background-color: var(--cyscp1);
  box-shadow: var(--cyscp30);
  color: var(--cyscp28);
}

#cta .button {
  background-color: var(--cyscp1);
  box-shadow: var(--cyscp30);
  color: var(--cyscp28);
}

#cta input[type="text"] {
  background-color: var(--cyscp30);
  border: 0;
  color: var(--cyscp28);
}

#cta input[type="search"] {
  color: var(--cyscp28);
  background-color: var(--cyscp30);
  border: 0;
}

#cta input[type="password"] {
  color: var(--cyscp28);
  background-color: var(--cyscp30);
  border: 0;
}

#cta input[type="email"] {
  color: var(--cyscp28);
  background-color: var(--cyscp30);
  border: 0;
}

#cta select {
  color: var(--cyscp28);
  background-color: var(--cyscp30);
  border: 0;
}

#cta textarea {
  color: var(--cyscp28);
  background-color: var(--cyscp30);
  border: 0;
}

#cta input[type="email"]:focus {
  outline: 5px solid var(--cyscp19);
  box-shadow: inset 0 0 0 2px var(--cyscp30);
}

#cta input[type="password"]:focus {
  outline: 5px solid var(--cyscp19);
  box-shadow: inset 0 0 0 2px var(--cyscp30);
}

#cta input[type="search"]:focus {
  outline: 5px solid var(--cyscp19);
  box-shadow: inset 0 0 0 2px var(--cyscp30);
}

#cta input[type="text"]:focus {
  outline: 5px solid var(--cyscp19);
  box-shadow: inset 0 0 0 2px var(--cyscp30);
}

#cta select:focus {
  border: 5px solid var(--cyscp19);
  box-shadow: inset 0 0 0 2px var(--cyscp30);
}

#cta textarea:focus {
  border: 4px solid var(--cyscp19);
  box-shadow: inset 0 0 0 2px var(--cyscp30);
}

#cta ::placeholder {
  color: var(--cyscp30);
}

#flash-message-alert-warning-announcement {
  background-color: var(--cyscp28);
  border: 2px solid var(--cyscp1);
  margin-top: 1rem;
}

#flash-message-alert-warning-announcement .alert--error {
  background: var(--cyscp23);
  border: 1px solid var(--cyscp24);
  color: var(--cyscp19);
}

#flash-message-alert-warning-announcement h2 {
  color: var(--cyscp1);
  text-align: center;
}

#flash-message-alert-warning-announcement p {
  color: var(--cyscp20);
  text-align: center;
}

#flash-message-alert-warning-announcement .alert {
  font-size: 1.2rem;
  text-align: center;
}

#flash-message-alert-warning-announcement .alert__link:link {
  background-color: var(--cyscp1);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp28);
  transition: 0.2s;
}

#flash-message-alert-warning-announcement .alert__link:visited {
  background-color: var(--cyscp1);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp28);
}

#flash-message-alert-warning-announcement .alert__link:hover {
  background-color: var(--cyscp3);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp1);
}

#flash-message-alert-warning-announcement .alert__link:focus {
  outline: 5px solid var(--cyscp13);
}

#header {
  color: var(--cyscp1);
  cursor: default;
  text-align: left;
}

#header div {
  text-align: left;
}

#header .logo {
  border: 0;
}

#header .logo > * {
  border: 0;
}

#header nav > ul > li a:not(.button) {
  border: 0;
  color: var(--cyscp28);
  text-decoration: none;
}

#header nav > ul > li a:not(.button).icon:before {
  color: var(--cyscp20);
}

#header nav > ul > li.active a:not(.button) {
  background-color: var(--cyscp30);
}

#header input[type="button"]:active {
  background-color: var(--cyscp30);
}

#header input[type="button"]:hover {
  background-color: var(--cyscp30);
}

#header input[type="button"] {
  background-color: transparent;
  color: var(--cyscp28);
}

#header input[type="reset"] {
  background-color: transparent;
  color: var(--cyscp28);
}

#header input[type="reset"]:active {
  background-color: var(--cyscp30);
}

#header input[type="reset"]:hover {
  background-color: var(--cyscp30);
}

#header input[type="submit"] {
  background-color: var(--cyscp1);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp28);
}

#header input[type="submit"]:active {
  background-color: var(--cyscp30);
}

#header input[type="submit"]:hover {
  background-color: var(--cyscp3);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp1);
}

#header .alt {
  background: none;
  color: var(--cyscp20);
}

#header .alt input[type="button"] {
  box-shadow: inset 0 0 0 2px var(--cyscp30);
}

#header.alt input[type="button"]:active {
  background-color: var(--cyscp30);
}

#header .alt input[type="button"]:hover {
  background-color: var(--cyscp30);
}

#header .alt input[type="reset"] {
  box-shadow: inset 0 0 0 2px var(--cyscp30);
}

#header.alt input[type="reset"]:active {
  background-color: var(--cyscp30);
}

#header .alt input[type="reset"]:hover {
  background-color: var(--cyscp30);
}

#header .alt input[type="submit"] {
  box-shadow: inset 0 0 0 2px var(--cyscp30);
}

#header .alt input[type="submit"]:active {
  background-color: var(--cyscp30);
}

#header .alt input[type="submit"]:hover {
  background-color: var(--cyscp30);
}

#header .alt .button {
  box-shadow: inset 0 0 0 2px var(--cyscp30);
}

#header .alt .button:hover {
  background-color: var(--cyscp30);
}

#header .alt nav > ul > li a:not(.button) .icon:before {
  color: var(--cyscp30);
}

#header .alt nav > ul > li .active a:not(.button) {
  background-color: var(--cyscp30);
}

#header .button {
  color: var(--cyscp28);
}

#header .button:active {
  background-color: var(--cyscp30);
}

#header .button:hover {
  background-color: var(--cyscp30);
}

#header.reveal {
  animation: reveal-header 0.5s;
}

#js-search .button--primary {
  color: var(--cyscp1);
  font-size: 1.2rem;
  font-weight: 600;
}

#js-search div .col-9 #search-site-header, .form__control .form__field {
  border: 2px solid var(--cyscp1);
  color: var(--cyscp20);
  font-size: 1.2rem;
}

#js-search input #search-site {
  color: var(--cyscp1);
  font-family: var(--font1), sans-serif;
  font-weight: bold;
}

#js-search .button--primary {
  background-color: var(--cyscp1);
  border: none;
  color: var(--cyscp28);
  font-size: 1.2rem;
}

#js-search .button--primary:focus {
  outline: 5px solid var(--cyscp19);
}

#js-search .button--primary:hover {
  background-color: var(--cyscp28);
  color: var(--cyscp1);
}

#listofnews li {
  background-image: url("images/list-style.png");
  background-position: left 20%;
  background-repeat: no-repeat;
  padding-left: 25px;
}

#main > header {
  text-align: left;
}

#main > header h2 {
  color: var(--cyscp1);
  font-size: 1.8rem;
  letter-spacing: normal;
}

#main > header p {
  border-top: 1px solid var(--cyscp29);
  color: var(--cyscp20);
  font-style: normal;
}

body .navPanel-visible #page-wrapper {
  -ms-transform: translateX(275px);
  transform: translateX(275px);
}

body .navPanel-visible #navButton {
  -ms-transform: translateX(275px);
  transform: translateX(275px);
}

body .navPanel-visible #navPanel {
  -ms-transform: translateX(0);
  transform: translateX(0);
}

#navButton .toggle {
  text-decoration: none;
}

#navButton .toggle:before:focus-visible {
  outline: 5px solid var(--cyscp19);
}

#navButton .toggle:before {
  background-color: var(--cyscp19);
  color: var(--cyscp28);
  content: '\f0c9';
  /* Font is font-awesome, so no secondary font is required */
  font-family: var(--font5);
  font-size: 1.2rem;
  text-align: center;
}

#navButton .toggle .close:before {
  content: '\f00d';
}

#navButton a {
  border: none;
}

#navButton a.toggle:focus {
  outline-color: var(--cyscp19);
}

#navPanel {
  background: var(--cyscp1);
  border-bottom: 1px solid var(--cyscp1);
  border-top: solid 1px var(--cyscp1);
  color: var(--cyscp28);
  text-decoration: none;
  transform: translateX(-275px);
  transition: transform 0.3s ease;
}

#navPanel nav li {
  background-image: none;
  padding: 0;
}

#navPanel nav .link {
  border-bottom-color: var(--cyscp28);
  color: var(--cyscp28);
  font-family: var(--font2), sans-serif;
}

#navPanel nav ul li {
  list-style: none;
}

#pages-in-list li a:link span {
  color: var(--cyscp1);
  transition: 0.3s;
}

#pages-in-list a:visited span {
  color: var(--cyscp1);
}

#pages-in-list li a:hover span {
  color: var(--cyscp1);
}

#search-site-header {
  border-color: var(--cyscp1);
  font-size: 1.2rem;
}



/*------------------------------------*\
  #Classes
\*------------------------------------*/

.alert {
  border: 2px solid var(--cyscp1);
}

.alert--danger {
  background-color: var(--cyscp23);
  border: 1px solid var(--cyscp24);
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.alt li {
  border-top: 1px solid var(--cyscp29);
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.alert--information {
  background-color: var(--cyscp21);
  border: 1px solid var(--cyscp22);
}

.alert--site-announcement {
  background-color: var(--cyscp15);
  border: 1px solid var(--cyscp14);
}

.alert--success {
  background-color: var(--cyscp25);
  border: 1px solid var(--cyscp26);
}

.alert--warning {
  background-color: var(--cyscp23);
  border: 1px solid var(--cyscp24);
}

.aside__section form .gtr-uniform fieldset legend h2 {
  font-size: 1.6rem;
}

.aside__section form .gtr-uniform fieldset select {
  font-size: .9rem;
  font-weight: bold;
  text-decoration: none;
}

.box {
  background-color: transparent;
}

.box > :last-child {
}

.box .alt {
  background: transparent;
  box-shadow: none;
}

.box .features .features-row {
  border-top-color: var(--cyscp1);
  position: relative;
}

.box .features .features-row:after {
  content: '';
}

.box .features .features-row:first-child {
  border-top: 0;
}

.box .features .features-row:first-child section:first-child {
  border-top: 0;
}

.box .features .features-row section:nth-child(2n):before {
  background-color: var(--cyscp29);
  border: 0;
  content: '';
}

.box .features .features-row section {
  border-top: 1px solid var(--cyscp21);
}

.box .special {
  text-align: center;
}

.box-out-1 {
  background-color: var(--cyscp28);
  background-image: url("images/bunting-yellow.png");
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: 60%;
  border: 2px solid var(--cyscp13);
  hyphens: none;
  text-align: left;
  transition: 0.5s;
}

.box-out-1 a:link h2 {
  color: var(--cyscp20);
  font-size: 1.5rem;
  line-height: 1.2;
  text-decoration: underline;
  transition: 0.5s;
}

.box-out-1 a:visited h2 {
  color: var(--cyscp20);
}

.box-out-1 a:hover h2 {
  color: var(--cyscp13);
}

.box-out-1 a:focus h2 {
  outline: 5px solid var(--cyscp19);
}

.box-out-1 a:link p {
  color: var(--cyscp20);
  font-size: 1.2rem;
  line-height: 1.6rem;
  transition: 0.5s;
}

.box-out-1 a:visited p {
  color: var(--cyscp20);
}

.box-out-1 a:hover p {
  color: var(--cyscp13);
}

.widget-width--50 .box-out-1 {
  background-size: 63%;
}

.widget-width--100 .box-out-1 {
  background-size: 30%;
}

.box-out-2 {
  background-color: var(--cyscp28);
  background-image: url("images/bunting-blue.png");
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: 60%;
  border: 2px solid var(--cyscp7);
  hyphens: none;
  text-align: left;
  transition: 0.5s;
}

.box-out-2 a:link h2 {
  color: var(--cyscp20);
  font-size: 1.5rem;
  line-height: 1.2;
  transition: 0.5s;
  text-decoration: underline;
}

.box-out-2 a:visited h2 {
  color: var(--cyscp20);
  font-size: 1.5rem;
  line-height: 1.2;
  transition: 0.5s;
}

.box-out-2 a:focus h2 {
  outline: 5px solid var(--cyscp19);
}

.box-out-2 a:hover h2 {
  color: var(--cyscp7);
}

.box-out-2 a:link p {
  color: var(--cyscp20);
  font-size: 1.2rem;
  line-height: 1.6rem;
  transition: 0.5s;
}

.box-out-2 a:visited p {
  color: var(--cyscp20);
}

.box-out-2 a:hover p {
  color: var(--cyscp7);
}

.widget-width--50 .box-out-2 {
  background-size: 63%;
}

.widget-width--100 .box-out-2 {
  background-size: 30%;
}

.box-out-3 {
  background-color: var(--cyscp28);
  background-image: url("images/bunting-green.png");
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: 60%;
  border: 2px solid var(--cyscp4);
  hyphens: none;
  text-align: left;
  transition: 0.5s;
}

.box-out-3 a:link h2 {
  color: var(--cyscp20);
  font-size: 1.5rem;
  line-height: 1.2;
  text-decoration: underline;
  transition: 0.5s;
}

.box-out-3 a:visited h2 {
  color: var(--cyscp20);
  font-size: 1.5rem;
  line-height: 1.2;
  transition: 0.5s;
}

.box-out-3 a:hover h2 {
  color: var(--cyscp4);
}

.box-out-3 a:focus h2 {
  outline: 5px solid var(--cyscp19);
}

.box-out-3 a:link p {
  color: var(--cyscp20);
  font-size: 1.2rem;
  line-height: 1.6rem;
  transition: 0.5s;
}

.box-out-3 a:visited p {
  color: var(--cyscp20);
}

.box-out-3 a:hover p {
  color: var(--cyscp4);
}

.widget-width--50 .box-out-3 {
  background-size: 63%;
}

.widget-width--100 .box-out-3 {
  background-size: 30%;
}

.box-out-4 {
  background-color: var(--cyscp28);
  background-image: url("images/bunting-purple.png");
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: 60%;
  border: 2px solid var(--cyscp1);
  hyphens: none;
  text-align: left;
  transition: 0.5s;
}

.box-out-4 a:link h2 {
  color: var(--cyscp20);
  font-size: 1.5rem;
  line-height: 1.2;
  text-decoration: underline;
  transition: 0.5s;
}

.box-out-4 a:visited h2 {
  color: var(--cyscp20);
}

.box-out-4 a:hover h2 {
  color: var(--cyscp1);
}

.box-out-4 a:focus h2 {
  outline: 5px solid var(--cyscp19);
}

.box-out-4 a:link p {
  color: var(--cyscp20);
  font-size: 1.2rem;
  line-height: 1.6rem;
  transition: 0.5s;
}

.box-out-4 a:visited p {
  color: var(--cyscp20);
}

.box-out-4 a:hover p {
  color: var(--cyscp1);
}

.widget-width--50 .box-out-4 {
  background-size: 63%;
}

.widget-width--100 .box-out-4 {
  background-size: 30%;
}

.box-out-5 {
  background-color: var(--cyscp28);
  background-image: url("images/bunting-orange.png");
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: 60%;
  border: 2px solid var(--cyscp10);
  hyphens: none;
  text-align: left;
  transition: 0.5s;
}

.box-out-5 a:link h2 {
  color: var(--cyscp20);
  font-size: 1.5rem;
  line-height: 1.2;
  text-decoration: underline;
  transition: 0.5s;
}

.box-out-5 a:visited h2 {
  color: var(--cyscp20);
}

.box-out-5 a:hover h2 {
  color: var(--cyscp10);
}

.box-out-5 a:focus h2 {
  outline: 5px solid var(--cyscp19);
}

.box-out-5 a:link p {
  color: var(--cyscp20);
  font-size: 1.2rem;
  line-height: 1.6rem;
  transition: 0.5s;
}

.box-out-5 a:visited p {
  color: var(--cyscp20);
}

.box-out-5 a:hover p {
  color: var(--cyscp10);
}

.widget-width--50 .box-out-5 {
  background-size: 63%;
}

.widget-width--100 .box-out-5 {
  background-size: 30%;
}

.box-out-6 {
  background-color: var(--cyscp28);
  background-image: url("images/bunting-red.png");
  background-position: bottom left;
  background-repeat: repeat-x;
  background-size: 60%;
  border: 2px solid var(--cyscp16);
  hyphens: none;
  text-align: left;
  transition: 0.5s;
}

.box-out-6 a:link h2 {
  color: var(--cyscp20);
  font-size: 1.5rem;
  line-height: 1.2;
  text-decoration: underline;
  transition: 0.5s;
}

.box-out-6 a:visited h2 {
  color: var(--cyscp20);
}

.box-out-6 a:hover h2 {
  color: var(--cyscp16);
}

.box-out-6 a:focus h2 {
  outline: 5px solid var(--cyscp19);
}

.box-out-6 a:link p {
  color: var(--cyscp20);
  font-size: 1.2rem;
  line-height: 1.6rem;
  transition: 0.5s;
}

.box-out-6 a:visited p {
  color: var(--cyscp20);
}

.box-out-6 a:hover p {
  color: var(--cyscp16);
}

.widget-width--50 .box-out-6 {
  background-size: 63%;
}

.widget-width--100 .box-out-6 {
  background-size: 30%;
}

.button {
  background-color: var(--cyscp1);
  border-color: var(--cyscp1);
  color: var(--cyscp28);
  cursor: pointer;
  font-family: var(--font1), sans-serif;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  white-space: nowrap;
}

.button:active {
  background-color: var(--cyscp3);
}

.button:hover {
  background-color: var(--cyscp28);
  border-color: var(--cyscp1);
  color: var(--cyscp1);
}

.button .alt {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px var(--cyscp30);
  color: var(--cyscp22);
}

.button .alt:active {
  background-color: var(--cyscp29);
}

.button .alt:hover {
  background-color: var(--cyscp29);
}

.button .alt .icon:before {
  color: var(--cyscp20);
}

.button .disabled {
  background-color: var(--cyscp29);
  box-shadow: inset 0 -0.15rem 0 0 var(--cyscp30);
  color: var(--cyscp20);
  cursor: default;
}

.button .large {
  font-size: 1.25rem;
  line-height: 2.7rem;
}

.button .primary {
  background-color: var(--cyscp1);
  color: var(--cyscp28);
}

.button .primary:active {
  background-color: var(--cyscp1);
}

.button .primary:hover {
  background-color: var(--cyscp28);
  border-color: var(--cyscp1);
}

.button .small {
  font-size: 0.8rem;
}

.col-8 .widget-row h2 {
  font-size: 1.4rem;
}

.col-8 .widget-row p {
  font-size: 1rem;
}

.container ul li {
  hyphens: none;
}

.container ul li a {
  line-height: 2.2rem;
  list-style-position: outside;
}

.form__control #search-site {
  color: var(--cyscp20);
  font-family: var(--font1), sans-serif;
  font-weight: bold;
  font-size: 1.2rem;
}

.form__control .button--primary:focus {
  outline: 5px solid var(--cyscp19);
}

.form__control .button--primary:hover {
  background-color: var(--cyscp3);
  color: var(--cyscp28);
}

.form__control--error input[type="checkbox"] {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

.form__control--error input[type="date"] {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

.form__control--error input[type="email"] {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

.form__control--error input[type="password"] {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

.form__control--error input[type="radio"] {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

.form__control--error input[type="search"] {
  box-shadow: 0 0 0 2px var(--cyscp20);
}

.form__control--error input[type="text"] {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

.form__control--error input[type="type"] {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

.form__control--error select {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

.form__control--error textarea {
  box-shadow: 0 0 0 2px var(--cyscp30);
}

.gtr-50 .button {
  background-color: var(--cyscp1);
}

.gtr-50 .button:hover {
  background-color: var(--cyscp3);
  color: var(--cyscp20);
}

.icon-fallback {
  border: 0;
}

.icons {
  cursor: default;
  list-style: none;
}

.icons li .icon:before {
  font-size: 1.75rem;
}

.image {
  border: 0;
}

.imageCaption p {
  font-style: italic;
}

.intro-homepage h2 {
  font-size: 1.9rem
}

.intro-homepage p {
  font-size: 1.3rem;
}

.intro-homepage a {
  cursor: default;
  text-decoration: none;
}

.list--breadcrumb .list__item {
  line-height: 0;
}

.list--breadcrumb .list__item li {
  color: var(--cyscp1);
}

.list--breadcrumb .list__item a:link {
  color: var(--cyscp1);
  border-bottom: 2px solid var(--cyscp1);
}

.list--breadcrumb .list__item a:visited {
  color: var(--cyscp1);
}

.list--breadcrumb .list__item a:hover {
  color: var(--cyscp20);
  border-bottom: 2px dashed var(--cyscp20);
}

.list--breadcrumb .list__item a:focus {
  outline: 5px solid var(--cyscp19);
}

.list--breadcrumb .list__item::after {
  content: '/';
}

.list--skip-links {
  list-style: none;
  text-align: center;
}

.list--skip-links .list__link {
  color: var(--cyscp1);
  text-decoration-style: solid;
}

.list--skip-links .list__link:hover {
  color: var(--cyscp1);
}

.list--skip-links .list__link:active {
  text-decoration-style: dashed;
}

.list--skip-links .list__link:focus-visible {
  outline: 5px solid var(--cyscp19);
}

.list--skip-links .list__link:not(:hover):not(:active):not(:focus) {
  border: 0;
  clip: rect(0 0 0 0);
}

.listing {
  border-color: var(--cyscp1);
}

.listing::after {
  content: '';
}

.listing--featured {
  border-bottom: 1px solid var(--cyscp1);
}

.listing__link:link .listing__content h2 {
  color: var(--cyscp1);
  text-decoration-style: solid;
}

.listing__link:visited .listing__content h2 {
  color: var(--cyscp1);
}

.listing__link:hover .listing__content h2 {
  color: var(--cyscp1);
  text-decoration-style: dashed;
}

.listing__link:link .listing__content p {
  color: var(--cyscp1);
  text-decoration-style: solid;
}

.listing__link:visited .listing__content p {
  color: var(--cyscp1)
}

.listing__link:hover .listing__content p {
  color: var(--cyscp1);
  text-decoration-style: dashed;
}

.listing a:focus-visible {
  outline: 5px solid var(--cyscp19);
}

.main-button-announcement a:link h2 {
  background-color: var(--cyscp1);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp28);
  font-size: 1.8rem;
  hyphens: none;
  text-align: center;
  transition: .5s;
}

.main-button-announcement a:visited h2 {
}

.main-button-announcement a:hover h2 {
  background-color: var(--cyscp3);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp1);
}

.main-button-announcement a:focus h2 {
  outline: 5px solid var(--cyscp13);
}

.main-menu {
  background-color: var(--cyscp1);
}

.main-site-image {
  line-height: 0;
}

.menuActive a {
  background-color: var(--cyscp1);
  color: var(--cyscp28) !important;
}

.menuActive a:link {
  background-color: var(--cyscp1);
  color: var(--cyscp28) !important;
}

.menuActive a:visited {
  background-color: var(--cyscp1);
  color: var(--cyscp28);
}

.menuActive a:hover {
  background-color: var(--cyscp1);
  color: var(--cyscp28);
}

.menu-home li ul li:first-of-type a {
  background-color: var(--cyscp1);
  color: var(--cyscp28);
}

.menu-home li ul li:nth-child(2) a {
  background-color: var(--cyscp1);
  color: var(--cyscp28);
}

.nav--pages-in {
  background-color: var(--cyscp28);
}

.nav--pages-in h2 {
  font-size: 1.6rem;
}

.nav--pages-in ol li a:link {
  color: var(--cyscp1);
  text-decoration-style: solid;
  transition: .3s;
}

.nav--pages-in ol li a:visited {
  color: var(--cyscp1);
}

.nav--pages-in ol li a:hover {
  color: var(--cyscp1);
  text-decoration-style: dashed;
}

.nav--pages-in ol li a:focus {
  outline: 5px solid var(--cyscp19);
}

.nav--pages-in #pages-in-list li {
  text-align: left;
}

.nav--pages-in #pages-in-list li a:link {
  border: none;
  color: var(--cyscp1);
  transition: 0.3s;
}

.nav--pages-in #pages-in-list li a:link span {
  border-bottom: 2px solid var(--cyscp1);
}

.nav--pages-in #pages-in-list li a:visited span {
  border-bottom: 2px solid var(--cyscp1);
}

.nav--pages-in #pages-in-list li a:hover span {
  color: var(--cyscp1);
  border-bottom: 2px dashed var(--cyscp1);
}

.new-banner {
  color: var(--cyscp20);
  line-height: 0;
}

.news-article .row > .col-8 {
  padding-left: 0;
}

.news-list .aside__section .gtr-uniform {
  margin: 0;
  padding: 0 .5rem;
}

.news-list .aside__section .gtr-uniform fieldset {
  text-align: left;
}

.news-list .aside__section .gtr-uniform footer {
  background: none!important;
  text-align: left;
}

.news-list .aside__section .gtr-uniform footer .col-12 .actions li button {
  border: 1px solid var(--cyscp1);
}

.news-list .aside__section .gtr-uniform footer .col-12 .actions li button:hover {
  border: 1px solid var(--cyscp1);
  background-color: var(--cyscp3);
}

.news-list .list__item {
  background-image: none;
  padding: 0;
}

.news-list .aside__section footer .col-12 .actions li {
  background-image: none;
  padding: 0;
  text-align: right;
}

.news-list .aside__section form .gtr-uniform fieldset {
margin: 0;
  padding: 0
}

.news-list .listing__link:link {
  color: var(--cyscp1);
  text-decoration-style: solid;
}

.news-list .listing__link:visited {
  border: none;
  color: var(--cyscp1);
  text-decoration-style: solid;
}

.news-list .listing__link:hover {
  color: var(--cyscp1);
  text-decoration-style: dashed;
}

.news-list .listing__link:link h2 {
  color: var(--cyscp1);
  text-decoration-style: solid;
}

.news-list .listing__link:hover h2 {
  text-decoration-style: dashed;
  color: var(--cyscp3);
}

.news-list .listing__link .listing__meta:link {
  color: var(--cyscp1);
  text-decoration: underline;
}

.news-list .listing__link .listing__meta:visited {
  color: var(--cyscp1);
}

.news-list .listing__link:hover .listing__meta {
  color: var(--cyscp3);
  text-decoration: dashed;
}

.news-list .aside__section {
  border: 1px solid var(--cyscp1);
}

.new-wrapper {
  text-align: center;
}

.new-wrapper h2 {
  text-align: left;
}

.pagination ul.icons {
  text-align: left;
}

.pagination__item {
  background-image: none;
}

.pagination__item--next a:link {
  background-color: var(--cyscp1);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp28);
}

.pagination__item--next a:visited {
  background-color: var(--cyscp1);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp28);
}

.pagination__item--next a:hover {
  background-color: var(--cyscp3);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp1);
}

.pagination__item--next a:focus {
  outline: 5px solid var(--cyscp19);
}

.pagination__item--previous a:link {
  background-color: var(--cyscp1);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp28);
}

.pagination__item--previous a:visited {
  background-color: var(--cyscp1);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp28);
}

.pagination__item--previous a:hover {
  background-color: var(--cyscp3);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp1);
}

.pagination__item--previous a:focus {
  outline: 5px solid var(--cyscp19);
}

.row .aln-middle {
  align-items: center;
}

.site-search .form__control .button--primary {
  background-color: var(--cyscp1);
  border: none;
  color: var(--cyscp28);
  font-family: var(--font1), sans-serif;
  font-size: 1.2rem;
  font-weight: 800;
}

.search-list main {
  text-align: left;
}

.search-list .box {
  text-align: left;
}

.search-refine ul {
  list-style: none;
}

.search-nav.nav.nav--pagination li {
  background-image: none;
}

.search-results {
  border-top: 2px solid var(--cyscp1);
  border-color: var(--cyscp1);
  list-style: none;
}

.search-results li {
  background-image: none;
  border-bottom: 2px solid var(--cyscp1);
}

.search-results small {
  font-style: italic;
}

.site-search {
  text-align: left;
}

.skip-links {
  background-color: transparent;
  border: 0;
}

.special {
  text-align: center;
}

.strikethrough_text {
  text-decoration: line-through;
}

.subscript_text {
  font-variant-position: sub;
}

.superscript_text {
  font-variant-position: super;
}

.supplement {
  border-bottom: 2px solid var(--cyscp1);
  border-top: 30px solid var(--cyscp1);
  border-left: 2px solid var(--cyscp1);
  border-right: 2px solid var(--cyscp1);
}

.supplement a .button:link {
  background-color: var(--cyscp1);
  border-color: var(--cyscp1);
  color: var(--cyscp28);
}

.supplement a .button:visited {
  background-color: var(--cyscp1);
  border-color: var(--cyscp1);
  color: var(--cyscp28);
}

.supplement a .button:hover {
  background-color: var(--cyscp28);
  border: 2px solid var(--cyscp1);
  color: var(--cyscp1);
}

.supplement a .button:focus {
  outline: 5px solid var(--cyscp19);
}

.supplement h2 {
  color: var(--cyscp1);
  font-size: 1.4rem;
}

.supplement-box-v1 {
  background-color: var(--cyscp28);
  border-color: var(--cyscp1);
}

.supplement-box-v1 h2 {
  background-color: var(--cyscp1);
  color: var(--cyscp28);
  font-size: 1.4rem;
}

.supplement-box-v1 h3 {
  color: var(--cyscp1);
  font-size: 1.2rem;
}

.supplement-box-v1 hr {
  border-bottom-color: var(--cyscp1);
}

.supplement-box-v1 p {
  color: var(--cyscp1);
}

.supplement-box-v1 ul {
}

.supplement--advert {
  background-color: var(--cyscp28);
}

.supplement--advert .button--secondary:link {
  background-color: var(--cyscp1);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp28);
}

.supplement--advert .button--secondary:visited {
  background-color: var(--cyscp1);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp28);
}

.supplement--advert .button--secondary:hover {
  background-color: var(--cyscp28);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp1);
}

.supplement--contact {
  background-color: var(--cyscp28);
}

.supplement--further-info {
  background-color: var(--cyscp28);
}

.supplement--further-info .button--secondary:link {
  background-color: var(--cyscp1);
  border-color: var(--cyscp1);
  color: var(--cyscp28);
}

.supplement--further-info .button--secondary:visited {
  background-color: var(--cyscp1);
  border-color: var(--cyscp1);
  color: var(--cyscp28);
}

.supplement--further-info .button--secondary:hover {
  background-color: var(--cyscp28);
  border-color: var(--cyscp1);
  color: var(--cyscp1);
}

.supplement--image {
  background-color: var(--cyscp28);
}

.supplement--image .button--secondary:link {
  background-color: var(--cyscp1);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp28);
}

.supplement--image .button--secondary:visited {
  background-color: var(--cyscp1);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp28);
}

.supplement--image .button--secondary:hover {
  background-color: var(--cyscp28);
  border: 1px solid var(--cyscp1);
  color: var(--cyscp1);
}

.supplement--navigation {
  background-color: var(--cyscp28);
  border-bottom: 0;
  border-left: 2px solid var(--cyscp1);
  border-right: 2px solid var(--cyscp1);
  border-top: 30px solid var(--cyscp1);
}

.supplement--navigation ul li {
  background-image: none;
  border-bottom: 1px solid var(--cyscp1);
  border-color: var(--cyscp1);
  list-style: none;
}

.supplement--navigation ul li a:link {
  background-image: url(images/sidebar-button-link.svg);
  background-position: 2% 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  color: var(--cyscp1);
  font-family: var(--font1), sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  transition: transform 1s;
}

.supplement--navigation ul li a:visited {
  color: var(--cyscp1);
}

.supplement--navigation ul li a:hover {
  background-image: url(images/sidebar-button-hover.svg);
  background-position: 2% 50%;
  background-repeat: no-repeat;
  border-bottom: 2px solid var(--cyscp1);
  color: var(--cyscp1);
}

.supplement--navigation ul li a:focus {
  outline: 5px solid var(--cyscp19);
}

.text_align_right {
  text-align: right;
}

.text_align_right a:link {
  background: var(--cyscp28);
  color: var(--cyscp1);
  transition: 0.5s;
}

.text_align_right a:hover {
  background: var(--cyscp28);
  color: var(--cyscp1);
}

.text_align_right a:focus {
  outline: 5px solid var(--cyscp19);
}

.underline_text {
  text-decoration: underline;
}

.widget-image span img {
  border: 0;
}

.widget-inner::after {
  content: '';
}

.widget-row::after {
  content: '';
}



/*------------------------------------*\
   #SCREEN MAX-WIDTH 300px
\*------------------------------------*/

@media screen and (max-width: 300px) {
  .supplement--navigation ul li a:link {
    background-image: none;
  }
}



/*------------------------------------*\
   #SCREEN MIN-WIDTH 480px
\*------------------------------------*/

@media screen and (min-width: 480px) {

  input #search-site {
    color: var(--cyscp1);
    font-family: "neue-haas-unica", sans-serif;
    font-size: 1rem;
    font-weight: bold;
  }

  ul .actions li {
    text-align: center;
  }

  ul .actions:not(.fixed) li {
    text-align: center;
  }

  ul li {
    background-image: url(images/list-style.png);
    background-position: left 50%;
    background-repeat: no-repeat;
    padding-left: 27px;
    line-height: 1.5rem;
    text-align: left;
  }

  #listofnews li {
    background-image: url("images/list-style.png");
    background-position: left 55%;
    background-repeat: no-repeat;
    padding-left: 25px;
  }

  .cludo-banner .supplement {
    background-color: var(--cyscp1);
  }

  .cludo-banner .supplement h2 {
  }

  .cludo-banner .supplement p:hover {
    color: var(--cyscp28);
  }

  .container .xlarge {
  }

  .container .xsmall {
  }

  .document-article div .downloads {
    border-color: var(--cyscp1);
    box-shadow: 0 3px 5px var(--cyscp30);
  }

  .document-article div .downloads h2 {
    background-color: var(--cyscp1);
    color: var(--cyscp28);
    font-size: 1.5rem;
  }

  .document-article div .downloads ul li {
    list-style: none;
  }

  .editor ul {
    list-style-position: outside;
  }

  .nav--pages-in {
    border: 2px solid var(--cyscp1);
    color: var(--cyscp1);
  }

  .nav--pages-in h2 {
    font-size: 1.6rem;
  }

  .nav--pages-in ol li a:link {
    color: var(--cyscp1);
    border-bottom: 1px solid var(--cyscp1);
    transition: .5s;
  }

  .nav--pages-in ol li a:visited {
    color: var(--cyscp1);
  }

  .nav--pages-in ol li a:hover {
    color: var(--cyscp1);
    border-bottom: 1px solid var(--cyscp1);
  }

  .nav--pages-in ol li a:focus {
    outline: 5px solid var(--cyscp19);
  }

  .search-refine .boxed .boxed--primary {
    background: var(--cyscp28);
  }

  .site-announcement .container {
    text-align: center;
  }

  .ty_head_contact {
    text-align: right;
  }

  .ty_head_contact ul li a {
    border: none;
    color: var(--cyscp28);
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-decoration: none;
  }

  .top-link-button {
    text-align: right;
  }

  .widget--beta-image-button {
    text-align: center;
  }

}


/*------------------------------------*\
#SCREEN MIN-WIDTH 736px
\*------------------------------------*/

@media screen and (min-width: 736px) {

  .row .aln-bottom {
    align-items: flex-end;
  }

  .row .aln-center {
    justify-content: center;
  }

  .row.aln-left {
    justify-content: flex-start;
  }

  .row .aln-middle {
    align-items: center;
  }

  .row .aln-right {
    justify-content: flex-end;
  }

  .row.aln-top {
    align-items: flex-start;
  }

}


/*------------------------------------*\
   #SCREEN MIN-WIDTH 758px
\*------------------------------------*/

@media only screen and (min-width: 758px) {
  .box-out-1 {
    background-size: 86%;
  }

  .box-out-2 {
    background-size: 86%;
  }

  .box-out-3 {
    background-size: 86%;
  }

  .box-out-4 {
    background-size: 86%;
  }

  .box-out-5 {
    background-size: 86%;
  }

  .box-out-6 {
    background-size: 86%;
  }

}



/*------------------------------------*\
#SCREEN MIN-WIDTH 760px
\*------------------------------------*/

@media screen and (min-width: 760px) {

  a:focus {
    outline: 5px solid var(--cyscp19);
  }

  a:link {
    border-bottom: 2px solid var(--cyscp1);
    color: var(--cyscp1);
  }

  a:visited {
    border-bottom: 2px solid var(--cyscp1);
    color: var(--cyscp1);
  }

  a:hover {
    border-bottom: 2px dashed var(--cyscp1);
    color: var(--cyscp1);
  }

  body {
    background-color: transparent !important;
    background-image: url("images/tile-wide.png");
    background-position: right;
    background-repeat: repeat-y;
    background-size: 150px;
  }

  input[type="button"]:focus {
    outline: 5px solid var(--cyscp19);
  }

  input[type="submit"]:focus {
    outline: 5px solid var(--cyscp19);
  }

  #js-search {
    text-align: left;
  }

  #main > header {
    text-align: left;
  }

  .form__help {
    color: var(--cyscp20);
    font-size: 1rem;
  }

  .list--breadcrumb .list__item {
    line-height: 1.2rem;
  }

  .list--breadcrumb .list__item a:link {
    border-bottom: 2px solid var(--cyscp1);
    color: var(--cyscp1);
    padding: 0;
  }

  .list--breadcrumb .list__item a:visited {
    border-bottom: 2px solid var(--cyscp1);
    color: var(--cyscp1);
  }

  .list--breadcrumb .list__item a:hover {
    border-bottom: 2px dashed var(--cyscp20);
    color: var(--cyscp20);
  }

  .list--breadcrumb .list__item a:focus {
    outline: 5px solid var(--cyscp19);
  }

  .list--breadcrumb .list__item::after {
    content: '/';
  }

  .list--skip-links {
    text-align: center;
  }

  .list--skip-links .list__link:link {
    background-color: var(--cyscp20);
    color: var(--cyscp28);
  }

  .list--skip-links .list__link:hover {
    background-color: var(--cyscp20);
    color: var(--cyscp28);
  }

  .list--skip-links .list__link:active {
    background-color: var(--cyscp19);
    color: var(--cyscp28);
  }

  .list--skip-links .list__link:focus {
    outline: 5px solid var(--cyscp19);
  }

  .listing--featured {
    border-bottom: 1px solid var(--cyscp21);
  }

  .news-article .nav--social-links ul li a span::before {
    font-size: 1.6rem;
  }

  .news-article .nav--social-links ul li::before {
    content: none;
  }

  .news-article .summary {
    font-weight: 600;
  }

  .news-list .aside__section {
    border: 1px solid var(--cyscp1);
  }

  .news-list .aside__section footer .col-12 .actions li {
    text-align: right;
  }

  .news-list .aside__section footer .col-12 .actions li::before {
    content: none;
  }

  .news-list .listing__link:link {
    border: none;
  }

  .news-list .listing__link:visited {
    border: none;
  }

  .news-list .listing__link:link h2 {
    text-decoration: underline;
  }

  .news-list .listing__link:hover h2 {
    color: var(--cyscp1);
    text-decoration: underline;
  }

  .news-list .listing__link:hover .listing__meta {
    color: var(--cyscp1);
  }

  .news-list .listing__link .listing__meta:link {
    color: var(--cyscp1);
  }

  .news-list .listing__link .listing__meta:visited {
    color: var(--cyscp1);
  }

  .row .aln-middle {
    align-items: center;
  }

  .skip-links {
    border: 0;
  }

  .supplement--navigation {
    background-color: var(--cyscp28);
    border-bottom-color: var(--cyscp28);
    border-left-color: var(--cyscp1);
    border-right-color: var(--cyscp1);
    border-top-color: var(--cyscp1);
  }

  .supplement--navigation ul li {
    list-style: none;
  }

  .supplement--navigation ul li a:link {
    color: var(--cyscp1);
    font-family: var(--font1), sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
  }

  .supplement--navigation ul li a:visited {
    color: var(--cyscp1);
  }

  .supplement--navigation ul li a:hover {
    color: var(--cyscp1);
  }

  .supplement--navigation ul li a:focus {
    outline: 5px solid var(--cyscp19);
  }

}



/*------------------------------------*\
    #SCREEN MIN-WIDTH 840px
\*------------------------------------*/

@media only screen and (min-width: 840px) {

  #nav {
    background-color: var(--cyscp1);
    font-family: var(--font1), sans-serif;
  }

  #nav #js-menu-toggle {
    text-align: left;
    list-style: none;
}

  #nav #js-menu-toggle li {
    background-image: none;
    padding:0 .1rem;
}

  #nav #js-menu-toggle ul {
    text-align: left;
  }

  #nav #js-menu-toggle ul li {
    background-image: none;
    font-size: 1.3rem;
    line-height: 1.2rem;
    list-style: none;
    padding: 0;
    text-align: center;
  }

  #nav #js-menu-toggle .list__link:link {
    border: 0;
    color: var(--cyscp28);
    font-family: var(--font1), sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.8s;
  }

  #nav #js-menu-toggle li a:link::before {
    background-color: var(--cyscp3);
    clip-path: circle(0 at center);
    color: var(--cyscp1);
    content: "";
    font-family: var(--font1), sans-serif;
    font-weight: bold;
    overflow: hidden;
    text-decoration: none;
    transition: clip-path 0.8s;
  }

  #nav #js-menu-toggle .list__link:visited {
    color: var(--cyscp28);
  }

  #nav #js-menu-toggle .list__link:hover {
    color: var(--cyscp1);
    text-decoration: none;
  }

  #nav #js-menu-toggle li a:hover::before {
    clip-path: circle(100% at center);
  }

  #nav #js-menu-toggle .list__link:focus {
    outline: 5px solid var(--cyscp13);
  }

  #nav > ul > li > ul > li a:not(.button) {
    color: var(--cyscp28);
  }

  #nav > ul > li > ul > li a:focus {
    outline: 5px solid var(--cyscp19);
  }

  #navPanel {
    display: none;
  }

  #page-wrapper {
    transition: transform 0.5s ease;
  }

}



/*------------------------------------*\
     #SCREEN MIN-WIDTH 1280px
\*------------------------------------*/

@media screen and (min-width: 1280px) {

  #banner h2 {
    font-size: 3.5rem;
  }

  #nav ul ul {
    font-size: 1rem;
  }

}



/*------------------------------------*\
    #SCREEN MIN-WIDTH  1680px
\*------------------------------------*/

@media screen and (min-width: 1680px) {

  body {
    font-size: 1.2rem;
  }

  input {
    font-size: 1rem;
  }

  select {
    font-size: 1rem;
  }

  textarea {
    font-size: 1rem;
  }

}