/*** Page Training Custom Styles ***/
/* CSS Variables Do Not Work in Media Queries */
:root {
  --page-center-purple: #7B709C;
  --page-center-blue: #245780;
  --page-center-green: #006041;
  --page-center-dark-blue: #1d4565;
  --page-center-mint: #D4E5E9;
  --color-primary-header: var(--page-center-blue);
}

.full-width-nav .primary-brand-bar,
.theme-vibrant-blue #navigation {
  background-color: transparent;
  background: var(--page-center-dark-blue);
}

.footer-wrap,
.layout-course .footer-wrap {
  background: linear-gradient(135deg, rgb(36, 87, 128) 25%, rgb(114, 115, 157) 100%);
}

.full-width-nav #navigation.primary-nav-bar, .theme-vibrant-blue .superfooter-legal {
  background: #122A3D;
}

@media (min-width: 1080px) {
  .full-width-nav .more-menu-buttons:before {
    background: linear-gradient(to right, rgba(18, 42, 61, 0) 0%, rgb(18, 42, 61) 100%);
  }
}