:root:not([data-theme=dark]){color-scheme:light;}
@media only screen and (prefers-color-scheme:dark){
:root:not([data-theme]){color-scheme:dark;}
}
*,::after,::before{box-sizing:border-box;background-repeat:no-repeat;}
::after,::before{text-decoration:inherit;vertical-align:inherit;}
:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:undefined;color:hsl(205deg, 16%, 77%);font-weight:400;font-size:14px;line-height:1.5;font-family:'Open Sans',sans-serif;;text-rendering:optimizeLegibility;overflow-wrap:break-word;cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
@media (min-width:1200px){
:where(:root){font-size:20px;}}
@media (min-width:992px){
:where(:root){font-size:19px;}}
@media (min-width:768px){
:where(:root){font-size:18px;}}
@media (min-width:576px){
:where(:root){font-size:17px;}}
@media only screen and (prefers-color-scheme:dark){
:where(:root){color:hsl(205deg, 16%, 77%);}}
:where(:root):not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
:where(:root){color:hsl(205deg, 16%, 77%);}}
:where(:root):not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
:where(:root){color:hsl(205deg, 16%, 77%);}}
:where(:root):not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
:where(:root){color:hsl(205deg, 16%, 77%);}}
:where(:root):not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
:where(:root){color:hsl(205deg, 16%, 77%);}}
:where(:root):not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
:where(:root){color:hsl(205deg, 16%, 77%);}}
:where(:root):not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
:where(:root){color:hsl(205deg, 16%, 77%);}}
:where(:root):not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
:where(:root){background-color:#11191f;}}
:where(:root):not([data-theme=dark]){background-color:#fff;}
@media only screen and (prefers-color-scheme:dark){
:where(:root){background-color:#11191f;}}
:where(:root):not([data-theme=dark]){background-color:#fff;}
@media only screen and (prefers-color-scheme:dark){
:where(:root){background-color:#11191f;}}
:where(:root):not([data-theme=dark]){background-color:#fff;}
main{display:block;}
body{width:100%;margin:0;}
body>main{width:100%;margin-right:auto;margin-left:auto;padding:calc(0.5rem * 2) 0;}
@media (min-width:1200px){
body>main{padding:calc(1rem * 4) 0;}}
@media (min-width:992px){
body>main{padding:calc(1rem * 3.5) 0;}}
@media (min-width:768px){
body>main{padding:calc(1rem * 3) 0;}}
@media (min-width:576px){
body>main{padding:calc(1rem * 2.5) 0;}}
.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;}
@media (min-width:576px){
.container{max-width:90%;padding-right:0;padding-left:0;} /*max-width:510px*/
}
@media (min-width:768px){
.container{max-width:700px;}
}
@media (min-width:992px){
.container{max-width:920px;}
}
@media (min-width:1200px){
.container{max-width:1130px;}
}
section{margin-bottom:calc(1rem * 2);}
@media (min-width:1200px){
section{margin-bottom:calc(1rem * 4);}}
@media (min-width:992px){
section{margin-bottom:calc(1rem * 3.5);}}
@media (min-width:768px){
section{margin-bottom:calc(1rem * 3);}}
@media (min-width:576px){
section{margin-bottom:calc(1rem * 2.5);}}
.grid{grid-column-gap:1rem;grid-row-gap:0;display:grid;grid-template-columns:1fr;margin:0;}
@media (min-width:330px){ /*992px*/
.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr));}
}
.grid>*{min-width:0;}
ol{margin-top:0;margin-bottom:1.5rem;color:hsl(205deg, 16%, 77%);font-style:normal;font-weight:400;font-size:14px;}
@media (min-width:1200px){
ol{font-size:20px;}}
@media (min-width:992px){
ol{font-size:19px;}}
@media (min-width:768px){
ol{font-size:18px;}}
@media (min-width:576px){
ol{font-size:17px;}}
@media only screen and (prefers-color-scheme:dark){
ol{color:hsl(205deg, 16%, 77%);}}
ol:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
ol{color:hsl(205deg, 16%, 77%);}}
ol:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
ol{color:hsl(205deg, 16%, 77%);}}
ol:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
ol{color:hsl(205deg, 16%, 77%);}}
ol:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
ol{color:hsl(205deg, 16%, 77%);}}
ol:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
ol{color:hsl(205deg, 16%, 77%);}}
ol:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
ol{color:hsl(205deg, 16%, 77%);}}
ol:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
h1{margin-top:0;margin-bottom:3rem;color:hsl(205deg, 16%, 77%);font-weight:700;font-size:2rem;font-family:'Open Sans',sans-serif;;}
@media (min-width:1200px){
h1{font-size:2rem;}}
@media (min-width:992px){
h1{font-size:2rem;}}
@media (min-width:768px){
h1{font-size:2rem;}}
@media (min-width:576px){
h1{font-size:2rem;}}
@media only screen and (prefers-color-scheme:dark){
h1{color:hsl(205deg, 16%, 77%);}}
h1:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h1{color:hsl(205deg, 16%, 77%);}}
h1:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h1{color:hsl(205deg, 16%, 77%);}}
h1:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h1{color:hsl(205deg, 16%, 77%);}}
h1:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h1{color:hsl(205deg, 16%, 77%);}}
h1:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h1{color:hsl(205deg, 16%, 77%);}}
h1:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h1{color:hsl(205deg, 16%, 77%);}}
h1:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
h2{margin-top:0;margin-bottom:2.625rem;color:hsl(205deg, 16%, 77%);font-weight:700;font-size:1.75rem;font-family:'Open Sans',sans-serif;;}
@media (min-width:1200px){
h2{font-size:1.75rem;}}
@media (min-width:992px){
h2{font-size:1.75rem;}}
@media (min-width:768px){
h2{font-size:1.75rem;}}
@media (min-width:576px){
h2{font-size:1.75rem;}}
@media only screen and (prefers-color-scheme:dark){
h2{color:hsl(205deg, 16%, 77%);}}
h2:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h2{color:hsl(205deg, 16%, 77%);}}
h2:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h2{color:hsl(205deg, 16%, 77%);}}
h2:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h2{color:hsl(205deg, 16%, 77%);}}
h2:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h2{color:hsl(205deg, 16%, 77%);}}
h2:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h2{color:hsl(205deg, 16%, 77%);}}
h2:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h2{color:hsl(205deg, 16%, 77%);}}
h2:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
h4{margin-top:0;margin-bottom:1.874rem;color:hsl(205deg, 16%, 77%);font-weight:700;font-size:1.25rem;font-family:'Open Sans',sans-serif;;}
@media (min-width:1200px){
h4{font-size:1.25rem;}}
@media (min-width:992px){
h4{font-size:1.25rem;}}
@media (min-width:768px){
h4{font-size:1.25rem;}}
@media (min-width:576px){
h4{font-size:1.25rem;}}
@media only screen and (prefers-color-scheme:dark){
h4{color:hsl(205deg, 16%, 77%);}}
h4:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h4{color:hsl(205deg, 16%, 77%);}}
h4:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h4{color:hsl(205deg, 16%, 77%);}}
h4:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h4{color:hsl(205deg, 16%, 77%);}}
h4:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h4{color:hsl(205deg, 16%, 77%);}}
h4:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h4{color:hsl(205deg, 16%, 77%);}}
h4:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
h4{color:hsl(205deg, 16%, 77%);}}
h4:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
:where(address,blockquote,dl,figure,form,ol,p,pre,table,ul)~:is(h1,h2,h3,h4,h5,h6){margin-top:1.5rem;}
hgroup{margin-bottom:1.5rem;}
hgroup>*{margin-bottom:0;}
hgroup>:last-child{font-size:1rem;font-family:unset;}
:where(dl,ol,ul){padding-right:0;padding-left:1rem;-webkit-padding-start:1rem;padding-inline-start:1rem;-webkit-padding-end:0;padding-inline-end:0;}
:where(dl,ol,ul) li{margin-bottom:calc(1.5rem * .25);}
::selection{background-color:rgba(16, 149, 193, 0.25);}
@media only screen and (prefers-color-scheme:dark){
::selection{background-color:rgba(16, 149, 193, 0.25);}}
::selection:not([data-theme=dark]){background-color:rgba(16, 149, 193, 0.25);}
button{margin:0;overflow:visible;font-family:inherit;text-transform:none;}
button{-webkit-appearance:button;}
button{display:block;width:100%;margin-bottom:1rem;}
button{padding:0.75rem 1rem;border:1px solid hsl(195deg, 85%, 41%);border-radius:0.25rem;outline:0;background-color:hsl(195deg, 85%, 41%);box-shadow:0 0 0 rgba(0, 0, 0, 0);color:hsl(205deg, 16%, 77%);font-weight:400;font-size:1rem;line-height:1.5;text-align:center;cursor:pointer;transition:background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out,box-shadow 0.2s ease-in-out;}
@media only screen and (prefers-color-scheme:dark){
button{color:hsl(205deg, 16%, 77%);}}
button:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
button{color:hsl(205deg, 16%, 77%);}}
button:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
button{color:hsl(205deg, 16%, 77%);}}
button:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
button{color:hsl(205deg, 16%, 77%);}}
button:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
button{color:hsl(205deg, 16%, 77%);}}
button:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
button{color:hsl(205deg, 16%, 77%);}}
button:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
button{color:hsl(205deg, 16%, 77%);}}
button:not([data-theme=dark]){color:hsl(205deg, 16%, 77%);}
@media only screen and (prefers-color-scheme:dark){
button{box-shadow:0 0 0 rgba(0, 0, 0, 0),0 0 0 3px rgba(16, 149, 193, 0.125);}}
button:not([data-theme=dark]){box-shadow:0 0 0 rgba(0, 0, 0, 0),0 0 0 3px rgba(16, 149, 193, 0.125);}
@media only screen and (prefers-color-scheme:dark){
button{box-shadow:0 0 0 rgba(0, 0, 0, 0),0 0 0 3px rgba(16, 149, 193, 0.125);}}
button:not([data-theme=dark]){box-shadow:0 0 0 rgba(0, 0, 0, 0),0 0 0 3px rgba(16, 149, 193, 0.125);}
button:focus{box-shadow:0 0 0 rgba(0, 0, 0, 0),0 0 0 3px rgba(16, 149, 193, 0.125);}
@media only screen and (prefers-color-scheme:dark){
button{background-color:hsl(195deg, 85%, 41%);}}
button:not([data-theme=dark]){background-color:hsl(195deg, 85%, 41%);}
@media only screen and (prefers-color-scheme:dark){
button{background-color:hsl(195deg, 85%, 41%);}}
button:not([data-theme=dark]){background-color:hsl(195deg, 85%, 41%);}
@media only screen and (prefers-color-scheme:dark){
button{background-color:hsl(195deg, 85%, 41%);}}
button:not([data-theme=dark]){background-color:hsl(195deg, 85%, 41%);}
@media only screen and (prefers-color-scheme:dark){
button{border:1px solid hsl(195deg, 85%, 41%);}}
button:not([data-theme=dark]){border:1px solid hsl(195deg, 85%, 41%);}
@media only screen and (prefers-color-scheme:dark){
button{border:1px solid hsl(195deg, 85%, 41%);}}
button:not([data-theme=dark]){border:1px solid hsl(195deg, 85%, 41%);}
@media only screen and (prefers-color-scheme:dark){
button{border:1px solid hsl(195deg, 85%, 41%);}}
button:not([data-theme=dark]){border:1px solid hsl(195deg, 85%, 41%);}
@media only screen and (prefers-color-scheme:dark){
button{border:1px solid hsl(195deg, 85%, 41%);}}
button:not([data-theme=dark]){border:1px solid hsl(195deg, 85%, 41%);}
:is(button,input[type=submit],input[type=button],[role=button]).secondary{cursor:pointer;}
hr{height:0;border:0;border-top:1px solid #1f2d38;color:inherit;}
@media only screen and (prefers-color-scheme:dark){
hr{border-top:1px solid #1f2d38;}}
hr:not([data-theme=dark]){border-top:1px solid #1f2d38;}
button{-ms-touch-action:manipulation;}
@media (prefers-reduced-motion:reduce){
:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important;}
}

#main h2, #main h4{margin-bottom:unset;}
#navigation{margin-bottom:1%;}

html {
color-scheme: dark;
}

body {
    background-color: #11191f;
}

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

#navigation > div > a:nth-child(1),
#navigation > div > a:nth-child(3) {
    cursor:no-drop;
}

#main > div > nav > ul > li > #active {
  display: none;
}

#navigation .grid #active, label.active {
    background-color: hsl(205deg, 15%, 41%);
    border-color: hsl(205deg, 15%, 41%);
    color:#fff;
    cursor:pointer;
}

sup {
    vertical-align: super;
    font-size: smaller;
    margin-top: calc(1.5rem * .25);
}

p, li {
    color:hsl(205deg, 16%, 77%)
}

.accented-gradient-text li {
  background: linear-gradient(125deg,#f85102 5%,#f9c511 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

figure ul {
    font-size: 18px;
    font-family: "Vibur", sans-serif;
    font-weight: 400;
    letter-spacing: 1.5px;
}

/* donor list */
#tab_2024 li  {
  color: #fff;
  text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 9px #f0a, 0 0 23px #f0a;
}

#main > div > div > section > figure > ul {
  color: #fff;
  text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 9px #0fa, 0 0 23px #0fa;
}

.container ul {
  margin-top: 2%;
}

#main > div > nav > ul > li > label {
  -webkit-tap-highlight-color: transparent;
  text-size-adjust: 100%;
  overflow-wrap: break-word;
  tab-size: 4;
  color-scheme: dark;
  box-sizing: border-box;
  background-repeat: no-repeat;
  margin: 0;
  overflow: visible;
  font-family: inherit;
  text-transform: none;
  -webkit-appearance: button;
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  outline: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out,border-color 0.2s ease-in-out,color 0.2s ease-in-out,box-shadow 0.2s ease-in-out;
  color: hsl(205deg, 16%, 77%);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0),0 0 0 3px rgba(16, 149, 193, 0.125);
  background-color: hsl(195deg, 85%, 41%);
  border: 1px solid hsl(195deg, 85%, 41%);
}

/* tabs */

[role="tabs"] {
  display: flex;
}

[role="tabs"] section {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

[role="tabs"] figure {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  display: none;
}

[role="tabs"] [type="radio"]:checked + figure {
  display: block;
}

nav li {
    display: inline-block;
    margin: 0;
    padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);
}

nav li>* {
    --spacing: 0
}