:root {
  --primary-color: #290088;
  --secondary-color: #dcccff;
  --aux-link-color: #ffffff;
  --aux-bg: #252e38;
  --nav-color: #fff;
  --system-icon-color: #252e38;
  --system-icon-color-hover: #27a9cc;
  --nav-hover-color: #dcccff;
}

/*base elements*/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--primary-color);
}

/* replacing the logo image */
#masterHeaderImage {
  background-image: url("/images/PEA/pea-logo.svg") !important;
}

@media (min-width: 1380px) {
  header.header .header-primary-nav-container {
    max-width: 1200px;
    justify-self: center;
  }
}

/* replacing the header display */
header.header {
  background: var(--primary-color) !important;
  position: fixed !important;
  border-bottom: 1px solid var(--secondary-color);
  width: 100%;
}

/*sticky header margin fix*/
@media (min-width: 992px) {
  #ste_container_ciUtilityNavigation {
    display: none;
  }
}

div.UtilityNavigation.nav-auxiliary {
  text-align: right;
}

div.container.main-container {
  margin-top: 90px !important;
}

@media (max-width: 992px) {
  div.container.main-container {
    margin-top: 120px !important;
  }

  button.navbar-toggle.menu-toggle {
    position: absolute;
    right: 10%;
    top: 40px;
  }

  .header-logo-container {
    justify-self: left !important;
    margin-top: 10px;
    margin-left: 10px;
  }

  .UtilityNavigation.nav-auxiliary {
    margin-bottom: -10px;
  }

  ul.rmRootGroup.rmToggleHandles.rmHorizontal li.rmItem {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }

  ul.rmRootGroup.rmToggleHandles.rmHorizontal li.rmItem.rmLast {
    margin-top: 15px;
  }
}

/* menu link with button override */
.RadMenu.RadMenu_Coffee .rmRootLink.TextButton {
  background-color: #fff;
  border: 2px solid #fff;
  color: #290088;
}

.RadMenu.RadMenu_Coffee .rmRootLink.TextButton:hover,
.RadMenu.RadMenu_Coffee .rmRootLink.TextButton:focus,
.RadMenu.RadMenu_Coffee .rmRootLink.TextButton:active {
  background-color: #dcccff;
  color: #290088;
  text-decoration: none;
}

/* replacing root item hover and focus styles */
.RadMenu.RadMenu_Coffee .rmRootLink.rmExpanded,
.RadMenu.RadMenu_Coffee .rmRootLink:hover,
.RadMenu.RadMenu_Coffee .rmRootLink.rmFocused {
  color: var(--nav-hover-color);
}

/* replacing styling of menu dropdown icon on root when hovering */
.RadMenu.RadMenu_Coffee .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.RadMenu_Coffee .rmLink.rmFocused .rmToggle > .rmIcon,
.RadMenu.RadMenu_Coffee .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_Coffee .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_Coffee .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_Coffee .rmSlide .rmLink .rmToggle > .rmIcon {
  background: var(--nav-hover-color);
}

/* replacing styling of menu dropdown icon on root when submenu expanded */
.RadMenu.RadMenu_Coffee .rmExpanded.rmLink > .rmToggle > .rmIcon {
  background: var(--nav-color);
}

/* replacing root item selected styles */
.RadMenu.RadMenu_Coffee .rmRootLink.rmSelected:not(.TextButton) {
  color: var(--nav-color);
}

/* replacing sub nav item hover style */
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmLink:hover,
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmFocused,
.RadMenu.RadMenu_Coffee .rmSlide ul.rmGroup .rmExpanded {
  color: var(--primary-color);
}

/* system icons hover override */
a:not(.aspNetDisabled):hover .sysicon:after,
a:not(.aspNetDisabled):focus .sysicon:after,
a:not(.aspNetDisabled):hover .sysicon--before:before,
a:not(.aspNetDisabled):focus .sysicon--before:before,
a:not(.aspNetDisabled):hover .sysicon--after:after,
a:not(.aspNetDisabled):focus .sysicon--after:after,
a.sysicon:not(.aspNetDisabled):hover:after,
a.sysicon:not(.aspNetDisabled):focus:after,
a.sysicon--before:not(.aspNetDisabled):hover:before,
a.sysicon--before:not(.aspNetDisabled):focus:before,
a.sysicon--after:not(.aspNetDisabled):hover:after,
a.sysicon--after:not(.aspNetDisabled):focus:after,
button.sysicon:not([disabled]):hover:after,
button.sysicon--before:not([disabled]):hover:before,
button.sysicon--after:not([disabled]):hover:after {
  background: var(--primary-color) !important;
}

footer.footer {
  background-color: #170445;
  color: #fff;
  padding-top: 40px;
  padding-bottom: 50px;
}

.footer-content {
  padding-top: 0;
}

footer.footer .footer-content > .container {
  grid-template-columns: 30% 70%;
  grid-template-rows: auto auto;
  grid-template-areas: "logo navigation" "copyright copyright";
  justify-content: space-between;
}

@media only screen and (min-width: 768px) {
  footer.footer .footer-content > .container {
    max-width: 75%;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media only screen and (max-width: 768px) {
  footer.footer .footer-content > .container {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    grid-template-areas: "logo" "navigation" "copyright";
    justify-content: space-between;
  }
}

footer.footer .footer-content > .container .footer-logo {
  grid-area: logo;
}

footer.footer .footer-content > .container .footer-navigation {
  grid-area: navigation;
}

.footer-navigation-content {
  display: flex;
  justify-content: space-between;
}

footer.footer h5 {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 15px;
}

footer.footer ul {
  margin-left: 0;
  list-style: none outside;
  margin-bottom: 20px;
}

.footer.footer ul li {
  line-height: 21px;
}

footer.footer a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  transition: none;
}

footer.footer a:hover {
  color: #dcccff;
}

.footer.footer a.social-link {
  position: relative;
  margin-left: 16px;
}

.footer.footer a.social-link:before {
  content: "";
  width: 1em;
  height: 1em;
  display: block;
  position: absolute;
  top: 1px;
  left: -16px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer.footer a.social-facebook:before {
  background-image: url("data:image/svg+xml,%3Csvg id='facebook-logo' xmlns='http://www.w3.org/2000/svg' width='9.051' height='17.43' viewBox='0 0 9.051 17.43'%3E%3Cpath id='f_1_' d='M43.165,17.43V9.48h2.667l.4-3.1H43.165V4.4c0-.9.248-1.508,1.536-1.508h1.64V.121A22.234,22.234,0,0,0,43.951,0a3.733,3.733,0,0,0-3.985,4.1V6.381H37.29v3.1h2.675v7.95Z' transform='translate(-37.29)' fill='%23fff'/%3E%3C/svg%3E");
}

.footer.footer a.social-twitter:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z' fill='%23fff'/%3E%3C/svg%3E");
}

.footer.footer a.social-instagram:before {
  background-image: url("data:image/svg+xml,%3Csvg id='instagram-logo' xmlns='http://www.w3.org/2000/svg' width='16.169' height='16.169' viewBox='0 0 16.169 16.169'%3E%3Cg id='Group_179' data-name='Group 179' transform='translate(12.392 2.992)'%3E%3Cg id='Group_178' data-name='Group 178'%3E%3Cpath id='Path_33' data-name='Path 33' d='M392.794,94.739a.393.393,0,1,0,.393.393A.393.393,0,0,0,392.794,94.739Z' transform='translate(-392.401 -94.739)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_181' data-name='Group 181' transform='translate(4.605 4.605)'%3E%3Cg id='Group_180' data-name='Group 180'%3E%3Cpath id='Path_34' data-name='Path 34' d='M149.284,145.8a3.48,3.48,0,1,0,3.48,3.48A3.484,3.484,0,0,0,149.284,145.8Z' transform='translate(-145.804 -145.804)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3Cg id='Group_183' data-name='Group 183'%3E%3Cg id='Group_182' data-name='Group 182'%3E%3Cpath id='Path_35' data-name='Path 35' d='M11.737,0h-7.3A4.438,4.438,0,0,0,0,4.433v7.3a4.438,4.438,0,0,0,4.433,4.433h7.3a4.438,4.438,0,0,0,4.433-4.433v-7.3A4.438,4.438,0,0,0,11.737,0ZM8.085,12.52A4.435,4.435,0,1,1,12.52,8.085,4.44,4.44,0,0,1,8.085,12.52Zm4.7-7.788a1.347,1.347,0,1,1,1.347-1.347A1.349,1.349,0,0,1,12.785,4.732Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.footer.footer a.social-youtube:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.436' height='13.678' viewBox='0 0 19.436 13.678'%3E%3Cg id='youtube-logo' transform='translate(0 -45.917)'%3E%3Cpath id='XMLID_823_' d='M18.678,47.091c-.7-.834-2-1.174-4.471-1.174H5.228c-2.53,0-3.848.362-4.546,1.25C0,48.033,0,49.308,0,51.074v3.365c0,3.42.809,5.157,5.228,5.157h8.98c2.145,0,3.334-.3,4.1-1.036.789-.755,1.125-1.987,1.125-4.12V51.074C19.436,49.212,19.383,47.929,18.678,47.091Zm-6.2,6.129L8.4,55.352a.627.627,0,0,1-.917-.556V50.547a.627.627,0,0,1,.916-.556l4.078,2.117a.627.627,0,0,1,0,1.112Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

footer.footer .footer-copyright {
  grid-area: copyright;
  font-size: 12px;
  text-align: center;
  margin-top: 20px;
}

footer.footer .footer-copyright a {
  font-size: inherit;
  color: #dcccff;
}

footer.footer .footer-copyright a:hover {
  text-decoration: underline;
}