/*
  CHANGELOG
  ==============================================================================
  20180906@TJM|Show feedback of invalid checkobxes & radios
  20190211@TJM|[BUGFIX] footer text 2nd line spilling below container (on mobile)
  - added inset shadow to footer; made bg-color bluish
*/

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 6rem;
  /*background-color: rgb(214, 214, 214);*/
  /*background-color: rgb(255, 255, 175);*/
  background-color: rgb(212, 238, 239);
  /*background-image: url(/img/layout/bg-grey.jpg);*/
}

/* nav styles */
.bg-inverse {
  background-color: #0b3d7a !important;
}

/* Sticky footer styles
-------------------------------------------------- */
body > .footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 4rem;
  padding-top: 1rem; /* Vertically center the text there */
  /*line-height: 4rem;*/ /* OLD method */
  background-color: rgb(42, 43, 44);
  box-shadow: inset 0 1rem .5rem -.5rem rgba(0, 0, 0, .25);
}

@media (max-width: 500px) {
  body > .footer {
    padding-top: 0.5rem; /* adjust for when text breaks into 2 lines */
  }
}



/* Add red asterisk next to labels of required form fields */
.required label:after, .required label:after {
  content:"*";
  color:red;
}

/* Show feedback of invalid checkobxes & radios */
.form-check ~ .invalid-feedback {
  display: block;
}

/* NIF nav styles */
#nif-nav .submitted:not(.active) {
  background-color: #7f5;
}
#nif-nav .optional:not(.active):not(.submitted) {
  background-color: #ccc;
}

/* fix padding of lists in a col-form-label */
.col-form-label ul, .col-form-label ol {
  padding-left: 1.25rem;
}