button, input, optgroup, select, textarea {box-sizing: border-box;max-width: 100%;margin: 0;color: #010545;line-height: 1.375;vertical-align: baseline;border-width:1px 0 0 1px;border-color:#aaa;font-size:14px;font-weight:normal;}

/* background */
html {background-size: cover;}
body {background:#f7f6eeb0;}
.site-footer {background-color:#e2686740;}
.site-header {background-color:#6d6a5720;}

/* logo */
#site-name img {background-color:#2e2901ff;}
#site-name span {background-color:#0196be;}
#site-name img {margin-top:10px;padding:5px;}

/* links */
a, a:visited {color: #010545;text-decoration: none;-webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto;touch-action: manipulation;}
a:hover, a:active {outline: 0;color: #f06;text-decoration: underline;transition: color 0.15s linear;}
a:focus {outline: 1px solid #555;}
h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active { -webkit-text-decoration-color: rgba(51, 51, 51, 0.5); text-decoration-color: rgba(51, 51, 51, 0.5);}
.article p a {text-decoration: underline;}
.edit a {color:#fff;}
.edit a:hover {color: #f06;}
#site-name a:hover span {background-color:#2e2901ff;transition: background-color 0.15s linear;}
#site-name a, #site-name a:visited {color: #fff;}
.site-navigation a {display: block;padding: 0.1em 6%;text-decoration: none;}
.site-navigation a:hover, #site-name a:hover {text-decoration: none;}
.site-navigation a:active {color: #1a1a1a;}

/* supporter & contact forms ============================================= */
input.comSubmit {padding: 0.1em 0.3em;font-size: 24px;text-transform: uppercase;background-color: #6ca731; border: 0;color: #fff;clip-path: polygon(0% 2%, 100% 0%, 99% 96%, 1% 100%);}
input.comSubmit:hover {background-color: #6cb731;transition: background-color 0.3s linear;}
input.comCheckbox, input.comConsent {width:24px; height:24px;transform: scale(200%);transition: background-color 1ms linear;}
input.comCheckbox:hover {}
.comRequired {color: #600;;}
.comTextarea, .comText, .comEmail {width: 95%;}
textarea.comTextarea, input.comText, input.comCheckbox, input.comEmail {background-color:#f7f7f7;font-weight:normal;}
textarea.comTextarea:hover, input.comText:hover, .comCheckbox:hover, input.comEmail:hover {background-color:#fff;transition: background-color 0.15s linear;}
.comTextarea, .comText, .comCheckbox, .comEmail {border-width:1px 0 0 1px;border-radius: 3px;border-color:#aaa;}
.comText, .comEmail {height:39px;margin-bottom:10px;}
.comConsent, .comConnectForm label {font-size: 14px;}
.comText::placeholder {font-weight:normal;}
.comThanks {font-size: 20px;}

/* formatting supporter page */
p.supporter {border-bottom:1px solid #20006077;padding:5px 5px;margin:0;font-size:12px;background-color: #f4f2e990;}
p.supporter a {text-decoration: underline;}

/* Styling and layout for all media ======== */
details, main {display: block;}
/* Clearfix */
header::after,footer::after,nav ul::after,nav ol::after,.container::after {content: "";display: table;clear: both;}


/* ===== Styling and layout for screen media (mobile first)
                =============================================================== */
@media screen {
html {-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}
body {position: relative;margin: 0;}
.accessibility {position: absolute; width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);border: 0;white-space: nowrap;}
.article {margin: 3em 0;word-wrap: break-word;max-width:44em;min-height:50vh;}
.container {width: 88%;max-width: 54em;margin: 0 auto;}
.edit {letter-spacing: 0.1em;padding: 5px;width: 38px;background-color: #2d2800ff;float: right;text-align: center;}
hr {box-sizing: content-box;height: 1px; background-color: #010545;margin: 0; padding: 0;overflow: visible;border: none;}
#site-name img {width: 40px;height: auto;}
ul, li {list-style: none;}
.wrapper {padding: 1px 0;}


/* Header & Navigation ========================================================= */
.site-footer {padding: 0.5em 0 5em 0;clip-path: polygon(0% 3%, 100% 0%, 100% 100%, 0% 100%);}
.site-footer > div {position: relative;max-width: 64em;margin: 6px auto 0 auto;}
.site-footer li {padding: 0.5em 4vw 0.5em 0;float:left;}
.site-header, .site-footer {width: 100%;} 
.site-header {padding: 0.5em 0;clip-path: polygon(0% 2%, 100% 0%, 100% 99%, 0% 100%);}
#site-name {margin:0 5%;}
#site-name span {margin-top:-14px!important;}
#site-slogan {position:relative;margin:-12px auto 0 105px;color: #dcaf58;}
.site-navigation {position: absolute;top: 2px;right:19px;z-index: 1;}
.site-navigation > div {position: relative;max-width: 54em;margin: 6px 1% 0 1%;}
.site-navigation ul {margin: 0;padding: 0;}
.site-navigation li:active {box-shadow: inset 0.2em 0.2em 0.25em rgba(0, 0, 0, 0.15);}
.site-navigation li.active {box-shadow: none;font-weight:bold;}


/* ===== Typography ===================================== */
@charset "UTF-8";
@font-face {font-family: 'Titillium'; src: url('../../../fonts/TitilliumWeb-Regular.ttf');}
@font-face {font-family: 'TitilliumSB'; src: url('../../../fonts/TitilliumWeb-SemiBold.ttf');}
@font-face {font-family: 'Bio-disc'; src: url('../../../fonts/barcadenobar.ttf');}
b, strong {font-weight: bolder;}
body {font-family: "Titillium", sans-serif; font-size:14px;color: #010545;}
article h1 {font-weight:normal;}
.edit {font-size: 15px;font-family: "Titillium", sans-serif;}
html {font-size: 12px;line-height: 1.4;}
h1, h2, h3, h4, h5, h6 {clear: both;}
h1 {margin: 0.6315789em 0; font-size: 1.6em;letter-spacing: -0.25px;line-height: 1.1842105;}
h2 {margin: 0.75em 0;font-size: 1.5em;letter-spacing: -0.25px;line-height: 1.25;}
h3 {margin: 1em 0;font-size: 1.4em;letter-spacing: -0.25px;line-height: 1.3333333;}
h4 {margin: 1em 0;font-size: 1.25rem;line-height: 1.4;}
h5 {margin: 1em 0;font-size: 1.125rem;line-height: 1.4444444;}
h6 {margin: 1em 0;font-size: 1rem;line-height: 1.5;}
#site-name {font-size: 32px;font-family: "TitilliumSB", sans-serif;}
.site-navigation li.active {font-family: "TitilliumSB", sans-serif;}
small, .small, p.small, p small, #site-slogan {font-size: 12px;line-height: 13px;padding:0;}
.site-footer li, .site-navigation li {text-transform: uppercase;font-weight: normal; font: 14px/16px "TitilliumSB", serif;}
textarea {font-family: "Titillium", sans-serif;}


/* Embedded content ================================================================ */
video {display: inline-block;} /* Add the correct display in IE 11.*/
img, video {max-width: 100%;height: auto;}/* Make embedded elements responsive.*/


/* Lists ================================================================= */
menu, ol, ul {padding: 0 0 0 2em;}
li > ul, li > ol {margin: 0;}
li::marker {color: color-text-heading;}
.article-list {margin: 0 0 2em;padding: 0;border-top: 1px solid #ccc;list-style: none;}
.article-list li {margin-bottom: 0;border-bottom: 1px solid #ccc;}


/* Forms ============================================================== */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {height: auto;}
[type=search]::-webkit-search-decoration { /* autoprefixer: off */ appearance: none;}
select {padding-right: 1.5em;background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='5' viewBox='0 0 17 5'%3E%3Cpolygon fill='%23333' points='0,0 5,5 10,0'/%3E%3C/svg%3E") right center no-repeat;background-size: 1.0625em 0.3125em;text-transform: none;}
select::-ms-expand {opacity: 0;}
select[size],select[multiple] {height: auto;padding-right: 0.5em;background-image: none;}
select[size="0"], select[size="1"] {height: 2em;}
optgroup {font-style: normal;font-weight: bold;}
textarea {width: 100%;height: auto;min-height: 3em;overflow: auto;vertical-align: top;resize: vertical;}
[disabled],[disabled] option,[disabled] optgroup,span.disabled {
    border-color: #d4d4d4 !important;
    opacity: 1;
    background: #eeeeee !important;
    box-shadow: none !important;
    color: #aaaaaa !important;
    text-shadow: none !important;
    cursor: default !important;}

  input:focus:invalid,
select:focus:invalid,
textarea:focus:invalid {
    border-color: #9d261d;
    box-shadow: none;}

  input:-moz-ui-invalid,
select:-moz-ui-invalid,
textarea:-moz-ui-invalid {
    border-color: #9d261d;
    box-shadow: none;}


/* ========== Buttons ================================================= */
button {overflow: visible;text-transform: none;}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; }


/* ========= Additional layout for screen media 576px and up ========= */
@media only screen and (min-width: 38em) {
body {font-size:16px;}
.article {font-size:16px;}
#site-slogan {margin:-12px auto 0 145px;}
.site-navigation {position: relative;right:0;background-color: #6d6a5755;width: 100%;clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);}
.site-navigation > div {display: flex;flex-wrap: wrap;justify-content: space-between;width: 88%;margin: -2px 4% 0 17%;}
.site-footer > div {display: flex;flex-wrap: wrap;justify-content: space-between;width: 88%;}
.site-navigation ul, .site-footer ul {display: flex;flex-wrap: wrap;border: 0;}
.site-navigation a, .site-footer a {padding: 0.5em 1.5em;}
  }
}

/* ==========================================================================
   Additional layout for screen media 864px and up
   ========================================================================== */
@media only screen and (min-width: 46em) {
}

/* ======== Additional accessibility for screen media ================= */
@media screen and (prefers-reduced-motion: reduce), (update: slow) {
  .search input[type=search] { transition-duration: 0;}
}
/* =========== Styling and layout for print media ================== */
@media print {
html, body {display:none;}  }