ol,
ul {
  box-sizing: border-box
}

:root {
  --wp--preset--font-size--normal: 16px;
  --wp--preset--font-size--huge: 42px
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important
}



body {
  --wp--preset--color--black: #0F0F0F;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--color--light: #ffffff;
  --wp--preset--color--gray: #EFEFEF;
  --wp--preset--color--dark: #414140;
  --wp--preset--color--primary: #C9D584;
  --wp--preset--color--primary-light: #f0f5dd;
  --wp--preset--color--secondary: #FAB72D;
  --wp--preset--color--tertiary: #FF8B82;
  --wp--preset--color--quaternary: #78BDBD;
  --wp--preset--color--danger: #EB2860;
  --wp--preset--color--darkpink: #D43676;
  --wp--preset--color--darkpurple: #5e373f;
  --wp--preset--color--wia-dark: #522448;
  --wp--preset--color--wia-primary: #B7D902;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
  --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--font-size--sm: 1.4rem;
  --wp--preset--font-size--base: 1.8rem;
  --wp--preset--font-size--nm: 2rem;
  --wp--preset--font-size--md: 2.4rem;
  --wp--preset--font-size--lg: 3rem;
  --wp--preset--font-size--xl: 4rem;
  --wp--preset--font-size--2-xl: 5rem;
  --wp--preset--font-size--3-xl: 6rem;
  --wp--preset--font-size--4-xl: 8rem;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

body {
  margin: 0;
  --wp--style--global--content-size: 100%;
  --wp--style--global--wide-size: 100%;
}

body {
  --wp--style--block-gap: 24px;
}

body {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

a:where(:not(.wp-element-button)) {
  text-decoration: underline;
}

.has-black-color {
  color: var(--wp--preset--color--black) !important;
}

.has-dark-color {
  color: var(--wp--preset--color--dark) !important;
}

.has-primary-background-color {
  background-color: var(--wp--preset--color--primary) !important;
}

.has-danger-background-color {
  background-color: var(--wp--preset--color--danger) !important;
}


html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}


body {
  font-family: var(--font-sans);
  font-weight: 300;
  font-style: normal;
  margin: 0;
}


*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}


img {
  max-width: 100%;
}

p {
  line-height: 1.5;
}


ul {
  margin-top: 30px;
  padding-left: 20px;
}

li {
  line-height: 1.5;
  margin-top: 10px;
}

a {
  color: var(--wp--preset--color--dark);
  text-decoration: none;
}



input {
  padding: 5px;
}

header {
  /* position: fixed; */
  top: 0;
  z-index: 100;
  width: 100%;
  background-color: var(--wp--preset--color--light);
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
}



.top-nav {
  transition: opacity .3s ease-in-out;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
}

.top-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  top: 0;
}

.top-header .wia-logo {
  text-align: center;
}

.top-header .wia-logo {
  height: 70px;
  width: 70px;
  position: absolute;
  right: 10px;
  top: 12px;
}

.top-header .wia-logo span {
  display: none;
  /*need text for WAVE report, but hide visually*/
}

.top-header .charity-logo {
  align-items: center;
  font-family: var(--font-sans);
  font-weight: 300;
  font-style: normal;
  display: flex;
}

.top-header .charity-logo span {
  display: inline-block;
  max-width: 160px;
}


@media only screen and (min-width:768px) {
  .top-header .wia-logo {
    position: absolute;
    left: 0;
    right: 0;
    width: 70px;
    margin: 0 auto;
    top: 12px;
  }
}

@media only screen and (min-width:1440px) {
  .top-header .charity-logo {
    padding-left: 40px;
  }
}

/** Top Navigation / Right Nav with search **/

.menu-top-navigation-container,
nav .search-form {
  display: none;
}

@media only screen and (min-width:1250px) {
  nav .search-form {
    display: block;
  }

  .menu-top-navigation-container {
    display: flex;
    flex-direction: column;
    font-family: var(--font-sans);
    font-weight: 300;
    font-style: normal;
    padding: 15px;
    position: relative;
  }

  .menu-top-navigation-container--inner {
    display: flex;
    align-self: flex-end;
    align-items: center;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
  }

  .menu-top-navigation-container .button {
    margin-top: 0;
    margin-left: 2rem;
  }

  .menu-top-navigation-container form {
    align-self: flex-end;
    float: right;
    position: relative;
  }

  .menu-top-navigation-container form svg {
    position: absolute;
    right: 20px;
    top: 13px;
    cursor: pointer;
  }

  .menu-top-navigation-container form input[type=search] {
    border: 1px solid var(--wp--preset--color--dark);
    border-radius: 5px;
    padding: 13px;
    width: 300px;
  }

  .menu-top-navigation-container form input[type=search]::placeholder {
    color: var(--wp--preset--color--dark);
  }

  .top-nav {
    display: flex;
    justify-content: flex-end;
    margin: 20px 0;
    padding: 0;
  }

  .top-nav li {
    list-style: none;
    margin-left: 25px;
  }

  .top-nav li a {
    transition: color 0.5s;
  }

  .top-nav li:hover a {
    color: #5A5A5A;
  }
}

@media only screen and (min-width:1440px) {
  .menu-top-navigation-container {
    padding: 15px 35px 15px 15px;
  }
}

@media only screen and (min-width:1600px) {
  .menu-top-navigation-container {
    flex: 1;
  }
}







/**  Main Navigation **/

nav {
  align-items: center;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  justify-content: space-between;
}

.event-logo {
  padding: 15px;
}

.event-logo img {
  width: 100%;
  max-width: 8rem;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
}

.event-logo p {
  display: none;
}

.event-logo a {
  display: block;
}

.event-logo p a {
  font-family: var(--font-sans);
  font-weight: 700;
  font-style: normal;
  transition: color 0.5s;
}

@media only screen and (min-width:768px) {
  .event-logo {
    flex: 1;
    position: relative;
  }

  .event-logo img {
    width: 50%;
    max-width: 10rem;
  }

  .event-logo p {
    display: block;
    position: absolute;
    /* top:40%;
    transform:translateY(-40%); */
    left: 150px;
    transition: all 0.2s ease-in-out;
  }

  header.shrink .event-logo p {
    left: 150px;
  }

}


@media only screen and (min-width:1250px) {
  nav {
    align-items: flex-end;
  }



  header.shrink .event-logo p {
    left: 150px;
  }

}


@media only screen and (min-width:1440px) {
  .event-logo {
    padding: 15px 15px 15px 50px;
  }

  .event-logo p {
    left: 175px;
  }

  header.shrink .event-logo p {
    left: 150px;
  }

}


.menu-main-navigation-container {
  display: none;
}


@media only screen and (min-width:1250px) {
  .menu-main-navigation-container {
    display: block;
    position: relative;
    bottom: 20px;
  }

  .main-nav {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
  }

  .main-nav>li {
    font-size: var(--wp--preset--font-size--nm);
    font-weight: 700;
    list-style: none;
    margin: 0 18px;
    padding-bottom: 20px;
    position: relative;
  }

  .main-nav>li a {
    transition: color 0.3s;
    color: inherit;
  }

  .main-nav>li.menu-item-has-children svg {
    position: relative;
    left: 10px;
  }

  .main-nav .sub-menu {
    background: var(--wp--preset--color--dark);
    margin-top: 10px;
    min-width: 230px;
    opacity: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    z-index: 10;
  }

  .main-nav .sub-menu li {
    list-style: none;
    margin: 0;
  }

  .main-nav .sub-menu li a {
    color: var(--wp--preset--color--light);
    display: block;
    padding: 10px 20px;
    width: 100%;
  }

  .main-nav .sub-menu li a:hover {
    color: var(--wp--preset--color--primary);
  }

  .main-nav li.menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
  }
}

@media only screen and (min-width:1440px) {
  .menu-main-navigation-container {
    width: 800px;
  }

  .main-nav>li {
    margin: 0 25px;
  }
}


.mobile-header {
  justify-content: flex-end;
  display: flex;
  padding: 10px;
}

.search-trigger {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  height: 44px;
  width: 44px;
}

.mobile-search {
  display: none;
  padding: 0 15px;
  position: relative;
  text-align: right;
}

.mobile-search input {
  margin: 15px 0;
  padding: 15px 20px;
  width: 100%;
}

.mobile-search svg {
  position: absolute;
  right: 25px;
  top: 25px;
}

.mobile-trigger {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 44px;
  width: 44px;
}

.mobile-trigger .bar1,
.mobile-trigger .bar2,
.mobile-trigger .bar3 {
  width: 22px;
  height: 2px;
  background-color: #17104D;
  margin: 3px auto;
  transition: 0.4s;
}

.mobile-trigger.active .bar1 {
  transform: rotate(-46deg) translate(-5px, 7px)
}

.mobile-trigger.active .bar2 {
  opacity: 0;
}

.mobile-trigger.active .bar3 {
  transform: rotate(45deg) translate(-4px, -7px);
}



@media only screen and (min-width:1250px) {
  .mobile-header {
    display: none;
  }
}

.mobile-social-icons {
  margin-left: 10px;
}

.mobile-social-icons a {
  color: var(--wp--preset--color--dark);
  font-size: var(--wp--preset--fon-size--xl);
  ;
  margin-right: 12px;
}

.menu-mobile-navigation-container {
  background-color: var(--wp--preset--color--dark);
  color: var(--wp--preset--color--light);
  padding: 10px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: -300px;
  transition: left 0.5s;
  width: 265px;
  z-index: 200;
}

.menu-mobile-navigation-container.active {
  left: 0;
}

.menu-mobile-navigation-container .mobile-nav {
  margin: 10px 0;
}

.menu-mobile-navigation-container ul {
  padding: 0;
}

.menu-mobile-navigation-container li {
  list-style-type: none;
  position: relative;
}

.menu-mobile-navigation-container li a {
  display: block;
  color: inherit;
  padding: 12px;
  color: #ffffff;
}

.menu-mobile-navigation-container li.menu-item-has-children span {
  cursor: pointer;
  font-size: var(--wp--preset--font-size--md);
  padding: 12px;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
}

.menu-mobile-navigation-container li.menu-item-has-children span svg,
.menu-mobile-navigation-container li.menu-item-has-children span i {
  position: relative;
  bottom: 5px;
  transition: transform 0.5s;
}


.menu-mobile-navigation-container li.menu-item-has-children span i {
  color: #17104D;
}

.menu-mobile-navigation-container li.menu-item-has-children span.rotate svg,
.menu-mobile-navigation-container li.menu-item-has-children span.rotate i {
  transform: rotate(180deg);
}

.menu-mobile-navigation-container li .sub-menu {
  display: none;
  margin-top: 5px;
  padding-left: 15px;
}


/* Make space at bottom of footer */
footer {
  margin-bottom: 80px;
}


@media only screen and (min-width:640px) {
  footer {
    margin-bottom: 0;
  }
}


footer {
  overflow-x: hidden;
}

footer h3 {
  color: #131313;
  font-size: var(--wp--preset--font-size--lg);
  margin: 0 0 20px 0;
}

.menu-footer-secondary-navigation-container {
  margin-top: 0px;
}

.lower-footer-nav {
  margin: 0 0 0 -10px;
  padding-left: 0;
}

.lower-footer-nav li {
  border-right: 1px solid #FFFFFF;
  display: inline-block;
  font-weight: 300;
  list-style-type: none;
  padding: 0 10px;
  line-height: 1.0;
}

.lower-footer-nav li:last-of-type {
  border-right: 0;
}


.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, .75rem);
  padding-left: var(--bs-gutter-x, .75rem);
  margin-right: auto;
  margin-left: auto
}


@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}


@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}


.d-flex {
  display: flex !important
}


.align-items-center {
  align-items: center !important
}

:root {
  --font-sans: 'poppins', sans-serif;
  --font-header: 'Super-Comic', sans-serif;
  --bs-border-radius: 5px;
}

@font-face {
  font-family: "Super-Comic";
  src: local("Super-Comic"),
    url("/assets/custom/ele/fonts/Super-Comic.ttf") format("truetype");
}

.font-body {
  font-family: var(--font-sans);
}

.font-title {
  font-family: var(--font-header);
}

/* Font Weights */
.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-black {
  font-weight: 900;
}

.hover\:has-primary-color:hover {
  color: var(--wp--preset--color--primary) !important;
}

a {
  color: var(--wp--preset--color--dark);
}


body {
  font-family: var(--font-sans);
  font-size: var(--wp--preset--font-size--base);
}


h3,
.h3 {
  font-size: var(--wp--preset--font-size--md);
}


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

  h3,
  .h3 {
    font-size: var(--wp--preset--font-size--lg);
  }


}



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


  h3,
  .h3 {
    font-size: var(--wp--preset--font-size--xl);
  }

}



img {
  border-radius: 5px;
  overflow: hidden;
}

.top-header .charity-logo span {
  display: inline-block;
  max-width: 190px;
}

@media only screen and (max-width: 500px) {
  .top-header .charity-logo span {
    max-width: 175px;
  }
}

.event-logo img {
  width: 100%;
  max-width: 20rem;
}

.event-logo p {
  left: 285px;
}

.shrink .event-logo p {
  left: 260px !important;
}

@media only screen and (max-width: 1540px) {
  .event-logo p {
    display: none;
  }
}

@media only screen and (min-width: 1250px) {
  nav {
    align-items: center;
  }
}

@media only screen and (min-width: 1250px) {
  .menu-main-navigation-container {
    display: flex;
    position: relative;
    bottom: -36px;
    justify-content: center;
  }

  .shrink .menu-main-navigation-container {
    bottom: -10px;
  }
}

/* Buttons */
.button {
  font-weight: bold;
  border: none;
  border-radius: 5px;
  display: inline-block;
  line-height: 1.8;
  margin-top: 30px;
  padding: 10px 40px;
  transition: opacity 0.5s;
}

.button--small {
  padding: 10px 20px;
  position: relative;
}

.button:hover {
  opacity: 0.6;
}

footer.site-footer {
  position: relative;
  height: 800px;
  overflow: hidden;
}

footer.site-footer .hill {
  position: absolute;
  bottom: -10px;
  left: auto;
  right: -100px;
}

.footer-sponsor-logo {
  padding-bottom: 20px;
  text-align: center;
}

.footer-sponsor-logo img {
  width: 185px;
}

.footer-content {
  display: flex;
  position: absolute;
  left: 40%;
  right: 0;
  bottom: 20px;
  z-index: 9;
}

.footer-content ul {
  padding: 0;
  margin: 0;
}

.footer-content li {
  list-style: none;
}

.footer-content-left,
.footer-content-right {
  margin-right: 100px;
}

.footer-logo {
  margin: 70px auto 50px;
  width: 310px;
  text-align: center;
}

.footer-hashtag {
  font-size: 26px;
}

.footer-graphic {
  position: absolute;
  right: 0;
  bottom: 30px;
}

.sub-footer {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  color: var(--wp--preset--color--light);
  background: var(--wp--preset--color--dark);
}

.sub-footer .container {
  display: flex;
}

.sub-footer .container>div {
  width: 50%;
}

.sub-footer a {
  color: var(--wp--preset--color--light);
}

.sub-footer-left {
  display: flex;
  align-items: end;
}

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

.sub-footer-right ul {
  font-size: 16px;
  margin-bottom: 20px;
}

.sub-footer-right ul li:last-child {
  padding-right: 0;
}

@media only screen and (max-width: 2370px) {
  .footer-graphic {
    width: 650px;
    height: auto;
  }
}

@media only screen and (max-width: 2050px) {
  .footer-content {
    left: 30%;
  }
}

@media only screen and (max-width: 1780px) {
  .footer-graphic {
    width: 450px;
  }
}

@media only screen and (max-width: 1470px) {
  .footer-graphic {
    width: 450px;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media only screen and (max-width: 1470px) {
  .footer-graphic {
    width: 250px;
    top: 25%;
    transform: translateY(-25%);
  }
}

@media only screen and (max-width: 900px) {
  .footer-graphic {
    width: 250px;
    top: auto;
    transform: translateY(0);
  }

  footer.site-footer {
    height: 975px;
  }

  .footer-content {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 30px;
    text-align: center;
    flex-direction: column;
  }

  .footer-content-left,
  .footer-content-right {
    margin-right: 0;
  }

  .sub-footer .container {
    display: block;
    text-align: center;
  }

  .sub-footer-left {
    display: block;
  }

  .sub-footer-right {
    text-align: center;
  }

  .sub-footer .container>div {
    width: 100%;
  }
}



@media only screen and (max-width: 620px) {
  .footer-graphic {
    display: none;
  }
}

@media only screen and (max-width: 1700px) {
  footer.site-footer .hill {
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    width: 4000px;
  }
}


@media only screen and (max-width: 568px) {

  footer{
    margin-bottom: 0;
  }

}




.main-nav .sub-menu{
  margin-top: 0;
}