:root {
    --gp-slideout-width: 265px;
  }

  .slideout-navigation.main-navigation {
    background-color: var(--accent);
  }

  .slideout-navigation.main-navigation .main-nav ul li a {
    color: var(--base-3);
  }

  .slideout-navigation.main-navigation ul ul {
    background-color: var(--contrast);
  }

  .slideout-navigation.main-navigation .main-nav ul ul li a {
    color: var(--base-3);
  }

  .slideout-navigation.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover>a,
  .slideout-navigation.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus>a,
  .slideout-navigation.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"])>a {
    color: var(--base);
    background-color: var(--accent);
  }

  .slideout-navigation.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover>a,
  .slideout-navigation.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus>a,
  .slideout-navigation.main-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"])>a {
    color: var(--base-2);
    background-color: var(--contrast);
  }

  .slideout-navigation.main-navigation .main-nav ul li[class*="current-menu-"]>a {
    color: var(--base-3);
    background-color: var(--accent);
  }

  .slideout-navigation.main-navigation .main-nav ul ul li[class*="current-menu-"]>a {
    color: var(--base-3);
    background-color: var(--contrast);
  }

  .slideout-navigation,
  .slideout-navigation a {
    color: var(--base-3);
  }

  .slideout-navigation button.slideout-exit {
    color: var(--base-3);
    padding-left: 20px;
    padding-right: 20px;
  }

  .slide-opened nav.toggled .menu-toggle:before {
    display: none;
  }

  @media (max-width: 1040px) {
    .menu-bar-item.slideout-toggle {
      display: none;
    }
  }

  .slideout-navigation.main-navigation .main-nav ul li a {
    font-weight: 500;
    font-size: 18px;
  }

  @media (max-width:768px) {
    .slideout-navigation.main-navigation .main-nav ul li a {
      font-size: 18px;
    }
  }