/* - Theme Colours - */
/* - variables- */
:root {
  --main-color: #242f60;
  --alt-color: #cad400;
}

[aria-label="User Menu"] li a {
  color: #212529 !important;
  outline: none !important;
  text-decoration: none !important;
}
[aria-label="User Menu"] li a:hover {
  font-weight: 800;
  background-color: #e9ecef;
  text-decoration: none;
}

a {
  color: #242f60;
}

#page-links {
  display: inline-block;
}
#page-links a {
  display: inline-block;
  padding: 5px 10px 5px 0;
  font-size: 14px;
}

button#accountDropdown {
  padding: 5px 10px 5px 0;
}

#app-header {
  background-color: #242f60;
  color: #fff;
}
#app-header [data-header-separator] {
  border-top: 0;
}
#app-header #topnavbar {
  background-color: #fff;
}
#app-header #topnavbar > div {
  margin: auto !important;
}
#app-header .fa-circle-user {
  padding-right: 0.5em;
}
#app-header button, #app-header a[href="/login"] {
  outline: none;
  background-color: #cad400;
  border-color: #cad400;
  color: #212529;
  border-radius: 0;
  color: #212529;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  text-align: center;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-decoration: none;
  box-shadow: 0 0.125rem 0.125rem rgba(48, 48, 48, 0.333), 0 0.125rem 0.125rem rgba(48, 48, 48, 0.333);
}
#app-header button:hover, #app-header a[href="/login"]:hover {
  background-color: #d4de01;
  box-shadow: 0 0.5rem 0.5rem rgba(48, 48, 48, 0.333), 0 0.5rem 0.5rem rgba(48, 48, 48, 0.333);
  border-color: #9aa101;
  text-decoration: none;
}
#app-header button[aria-expanded=true], #app-header a[href="/login"][aria-expanded=true] {
  background-color: #9aa101;
  border-color: #8e9501;
  color: #fff;
}
#app-header button::after {
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: 0.3em solid;
  content: "";
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}

#navigation-tray-container {
  border-top: 0 none;
}

.header-nav li a, .header-nav li a:active {
  color: #fff;
}

.header-nav .nav > li > a:hover {
  color: #fff;
}

.header-branding h1 a img {
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
}

#splash {
  margin: auto;
  overflow: hidden;
  width: 100%;
  max-height: 300px;
  position: relative;
  display: flex;
  align-items: center;
}
#splash img {
  width: 100%;
}

.product-account-logo {
  image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
}

/* - button/icon text - */
.spinner, .btn-link, .btn-link:hover, .nav > li > a:hover, #page-links a:hover, .nav-tabs > li.active > a .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .product-tile .product-footer, .Analytics__Stats .Analytics__Statistic.active a, a.ember-view.admin-product-table__product-link:hover {
  color: #242f60;
}

.btn-info {
  border-color: #242f60;
}

/* - button/icon background - */
.btn-info, .Icon__CircleWrap--info, .product-flag.product-flag-free, .ProductIcon__LargeCircle--course, .ProductIcon__SmallCircle--course {
  background: #242f60;
}

/* - button :hover - */
.btn-info:hover, .btn-info:focus, .ProductIcon__LargeCircle--course:focus {
  background: #242f60;
}

.ProductIcon__LargeCircle--program, .ProductIcon__SmallCircle--program, .ProductIcon__LargeCircle--course:focus {
  background: #cad400;
}

.product-results .product-tile:hover {
  box-shadow: inset 0px -5px 0px #242f60;
}

.Registration__SubmitButton span, .Registration__SignInButton span {
  background-color: #242f60;
  border-color: #242f60;
  color: #fff;
}

/* - feature-search - */
.feature-region {
  background-image: inherit;
  background-color: #242f60;
}

#search-form .search-form-container {
  background-color: #cad400;
}

#search-form button {
  color: #242f60;
}

#app-footer {
  background-color: #242f60;
  color: #fff;
  margin: 0;
  padding: 25px 0;
  text-align: center;
}

#app-footer a, #user-nav > a, #su-social-head a {
  color: #fff;
}

#su-social-head {
  background-color: #242f60;
}
#su-social-head .su-social-list {
  text-align: right;
}

.su-social-list {
  display: block;
  margin: 0;
  padding-left: 0;
}
.su-social-list .su-social-list-item {
  margin: 0.25rem 0.75rem 0 0;
  background: none;
  display: inline-block;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 1.4285714286;
  list-style: none;
  padding: 0;
}
.su-social-list .su-social-list-item:last-child {
  margin-right: 0;
}

.DashboardPrograms h3 {
  font-size: 18px;
}

.DashboardCourses h3 {
  font-size: 18px;
}

.admin-product-table td.CatalogTable__UrlColumn {
  white-space: normal;
}