/* Changes Color of Header Elements */
.navbar-menu {
  flex-grow: 1;
  flex-shrink: 0;
  /* background: -webkit-linear-gradient(
    90deg,
    hsla(220, 63%, 14%, 1) 0%,
    hsla(219, 63%, 32%, 1) 100%
  ) !important; */
  background: white !important;
  border-bottom: 3px solid black !important;
}

#pbs-navbar .navbar-start .navbar-item {
  background: -webkit-linear-gradient(
    90deg,
    hsla(220, 63%, 14%, 1) 0%,
    hsla(219, 63%, 32%, 1) 100%
  ) !important;
}

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem;
  /* background: -webkit-linear-gradient(
    90deg,
    hsla(220, 63%, 14%, 1) 0%,
    hsla(219, 63%, 32%, 1) 100%
  ) !important; */
  background: white !important;
  border-bottom: 3px solid black !important;
}

.navbar.is-link .navbar-end .navbar-link.is-active,
.navbar.is-link .navbar-end .navbar-link:focus,
.navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end > a.navbar-item.is-active,
.navbar.is-link .navbar-end > a.navbar-item:focus,
.navbar.is-link .navbar-end > a.navbar-item:hover,
.navbar.is-link .navbar-start .navbar-link.is-active,
.navbar.is-link .navbar-start .navbar-link:focus,
.navbar.is-link .navbar-start .navbar-link:hover,
.navbar.is-link .navbar-start > a.navbar-item.is-active,
.navbar.is-link .navbar-start > a.navbar-item:focus,
.navbar.is-link .navbar-start > a.navbar-item:hover {
  color: #fff !important;
  background: -webkit-linear-gradient(
    90deg,
    hsla(220, 63%, 14%, 1) 0%,
    hsla(219, 63%, 32%, 1) 100%
  ) !important;
}

/*Changes Color of Login Screen*/

.hero.is-fullheight-with-navbar .hero-body,
.hero.is-fullheight .hero-body,
.hero.is-halfheight .hero-body {
  align-items: center;
  display: flex;
  background: -webkit-linear-gradient(
    90deg,
    hsla(220, 63%, 14%, 1) 0%,
    hsla(219, 63%, 32%, 1) 100%
  ) !important;
}

/* Changes color of footer */

.jACSMW {
  padding: 1rem;
  height: auto;
  background: -webkit-linear-gradient(
    90deg,
    hsla(220, 63%, 14%, 1) 0%,
    hsla(219, 63%, 32%, 1) 100%
  ) !important;
  color: #ffffff !important;
}

/* Changes Fidium Text (bold) */

strong {
  color: #ffffff !important;
}

/* Changes Hover Highlight Color */

.menu-list a.is-active {
  background: -webkit-linear-gradient(
    0deg,
    rgba(147, 213, 0, 1) 0%,
    rgba(0, 174, 66, 1) 100%
  ) !important;
  color: #fff !important;
}

/* Code for Changing Button Color */

.button.is-link {
  background: -webkit-linear-gradient(
    0deg,
    rgba(147, 213, 0, 1) 0%,
    rgba(0, 174, 66, 1) 100%
  ) !important;
  border-color: transparent;
  color: #fff !important;
}

/* Hide Panel Titles */

.panelTitle {
  display: none !important;
}

/* Sets max height of logo image container */
.navbar-item img {
  max-height: 3.75rem !important;
}

/* Changes color of side menu */

/* .cKrqmi {
  background: -webkit-linear-gradient(
    90deg,
    hsla(220, 63%, 14%, 1) 0%,
    hsla(219, 63%, 32%, 1) 100%
  ) !important;
  box-shadow: rgba(10, 10, 10, 0.1) 0px 2px 3px,
    rgba(10, 10, 10, 0.1) 0px 0px 0px 1px;
  padding: 1rem;
  min-width: 280px;
} */

.dAlHrv {
  background: -webkit-linear-gradient(
    90deg,
    hsla(220, 63%, 14%, 1) 0%,
    hsla(219, 63%, 32%, 1) 100%
  ) !important;
  box-shadow: rgba(10, 10, 10, 0.1) 0px 2px 3px,
    rgba(10, 10, 10, 0.1) 0px 0px 0px 1px;
  padding: 1rem;
  min-width: 280px;
}

.menu-list a {
  color: white !important;
}

.menu-label {
  color: white !important;
  font-size: 0.75em !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
.menu-list a:hover {
  background-color: #2366d1 !important;
  color: #363636;
}

/*Gets rid of title at top of NavBar*/

#pbs-navbar .navbar-start .navbar-item {
  background: -webkit-linear-gradient(
    90deg,
    hsla(220, 63%, 14%, 1) 0%,
    hsla(219, 63%, 32%, 1) 100%
  ) !important;
  display: none !important;
}

/* Changes Save Button Features */

.button.is-success {
  background-color: #003595 !important;
  border-color: transparent;
  color: #fff;
}

/* Changes Button Rounding and Width */

.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  border-radius: 0.25rem !important;
  width: 8rem !important;
}

/* Changes "never" bolding */

.column strong {
  color: #4a4a4a !important;
  font-weight: inherit !important;
}

/* Switching button toggle styling */

.switch[type="checkbox"] + label:before {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 3rem !important;
  height: 1.5rem !important;
  border: 0.1rem solid transparent !important;
  border-radius: 20rem !important;
  background: #b5b5b5 !important;
  content: none !important;
}

.switch[type="checkbox"] + label:after {
  display: block !important;
  position: absolute !important;
  top: 0.25rem !important;
  left: 0.25rem !important;
  width: 1rem !important;
  height: 1rem !important;
  transform: translateZ(0) !important;
  border-radius: 20rem !important;
  background: #fff !important;
  transition: all 0.25s ease-out !important;
  content: none !important;
}

.switch[type="checkbox"]:checked + label:before {
  background: -webkit-linear-gradient(
    90deg,
    hsla(220, 63%, 14%, 1) 0%,
    hsla(219, 63%, 32%, 1) 100%
  ) !important;
}

/* Changes 'My Account' and 'Search' Styling */

.navbar.is-link .navbar-end .navbar-link,
.navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-start > .navbar-item {
  color: black !important;
}

.navbar.is-link .navbar-end .navbar-link:after,
.navbar.is-link .navbar-start .navbar-link:after {
  border-color: black !important;
}

.navbar.is-link .navbar-end .navbar-link,
.navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-start > .navbar-item {
  color: black !important;
}

.navbar.is-link .navbar-end .navbar-link,
.navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-start > .navbar-item {
  color: black !important;
}

.navbar.is-link .navbar-end .navbar-link,
.navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-start > .navbar-item {
  color: #000000 !important;
}
.navbar.is-link .navbar-end .navbar-link {
  color: #000 !important;
}
.navbar.is-link .navbar-end .navbar-item {
  color: #000 !important;
}
.navbar.is-link .navbar-end .navbar-link,
.navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-start > .navbar-item {
  color: #000 !important;
}
$radius-rounded: 290486px !default .switch[type= "checkbox" ] {
  border-radius: $radius-rounded;
}