/*
 * Your global styles here
 */
html,
body {
  height: 100%;
}

html {
  background: white;
}

body {
  margin: 0;
}

.cruSectionBackground {
  background-color: #f5f5f5 !important;
}
.community_byo-scoped-header-and-footer__header-content {
  background-color: white !important;
}
.community_byo-scoped-header-and-footer__header-content {
  max-height: 80px !important;
}
.community_byo-scoped-header-and-footer__header-content
  webruntime-component-container
  .comm-section-container {
  display: none !important;
}
[kx-scope^="button-"][kx-type="ripple"]:focus,
[kx-scope^="button-"][kx-type="ripple"]:hover {
  transform: none !important;
  color: #000000 !important;
}
.navigation-bar__right-align {
  margin-top: 20px;
}
.cruYellow {
  background-color: #ffd000;
  padding-bottom: 0 !important;
}
.cruShiftPhoneMock {
  margin-top: -20px !important;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px),
  only screen and (min-device-width: 320px) and (max-device-width: 850px) {
  .component-wrapper-spacer {
    margin-bottom: 0px !important;
  }
  .cruNoPadding {
    padding: 0px !important;
  }
  .cruNoMargin {
    --dxp-style-c-margin-right-s: 7% !important;
    --dxp-style-c-margin-left-s: 7% !important;
  }
  .cruCelebrationMargin {
    --dxp-style-c-margin-right-s: 7% !important;
    --dxp-style-c-margin-left-s: 7% !important;
  }
}
@media only screen and (max-width: 767px) {
  .equip-chips {
    flex-direction: column !important;
  }
  .equip-pathway-grid {
    grid-template-columns: 1fr !important;
  }
}