.navbar {
  min-height: 60px;
}

.m-logo-retina {
  height: 45px;
}

@font-face {
  font-family: 'Poppins';
  src: url('/s/sfsites/c/resource/Poppins');
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('/s/sfsites/c/resource/SpaceGrotesk');
}

/* Indents and shrinks Community Hub navigation items */
.nav-child {
  margin-left: 2em;
  font-size: .9em;
}

/* CSS to control checkbox option display within flow on CH */
.nu-lightning-wrapper .uiBlock .bBody .slds-form-element__control .slds-checkbox {
  width: auto;
}

/* CSS to control text area label display within flow on CH */
.nu-lightning-wrapper .bBody .inputHeader .richTextLabel {
  display: inline-block;
  float: none;
  text-align: left;
  width: 100%;
}

/* CSS to control previous button display within flow on CH */
.slds-button.slds-button_neutral.uiButton--default.uiButton {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  vertical-align: middle;
  border: 1px solid rgb(217, 219, 221);
  transition: border .15s linear;
  background-color: rgb(0, 112, 210);
  border-color: rgb(0, 112, 210);
  color: rgb(255, 255, 255);
}

/* CSS to allow Address lightning component country picklist to behave correctly within flow on CH */
.slds-scope .slds-form_compound .slds-form-element__group .slds-form-element__row {
  display: inherit;
}

/* CSS to relocate the required asterisk */
.nu-lightning-wrapper .uiBlock .bBody .inputHeader .required {
  margin-right: auto;
  margin-left: auto;
}

/* CSS to add padding to radio button inputs within a flow in Community Hub */
.flowruntimeRadioButtonInput .bBody .slds-form-element__control {
  padding-top: 25px;
}

.list-group {
  border-top: 3px solid #f97e35;
}

/* CSS to change font of h1 to Space Grotesk */
h1 {
  font-family: 'Space Grotesk', sans-serif;
}

/* CSS to apply background style to container with h1 tag "Personal Snapshot" */
.page-header.page-header-anchor.m-page-header {
  background: rgb(52, 74, 95) url('/s/sfsites/c/file-asset/bgdark?v=1') top center/cover;
}

.li.m-global-nav-item a:hover {
  text-decoration: underline;
  text-decoration-color: #f97e35;
  text-decoration-thickness: thin;
}

.btn {
  border-radius: 25px;
  font-size: 16px;
  font-weight: normal;
}

.btn.btn-lg.btn-primary.s-lockable:hover {
  border-radius: 25px;
  font-size: 16px;
  font-weight: normal;
}

@media only screen and (min-width: 768px) {
  .navbar-default .navbar-nav>li.m-highlight>a {
    font-weight: normal;
    background-color: #f97e35;
    color: white;
    border-radius: 25px;
  }
  
  .navbar-default .navbar-nav>li.m-highlight>a:hover {
    font-weight: normal;
    background-color: white;
    color: #f97e35;
    border-radius: 25px;
  }
  
  .navbar-nav>li>a, .navbar-default .navbar-nav>li>a {
    font-weight: normal;
    color: #3896aa;
    text-decoration: none; /* Remove text decoration by default */
  }
  
  .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:hover {
    font-weight: normal;
    color: #3896aa;
    text-decoration: underline;
    text-decoration-color: #f97e35;
    text-decoration-thickness: thin;
  }

  /* CSS selector targeting the button with "Non-Renewing" text */
  button.btn-warning[data-toggle="dropdown"][aria-label="Drop Down Button"] {
    white-space: normal;
    word-wrap: break-word;
  }
}