html, body {
  /*font-family:'Frutiger' !important;*/
  color: #425563; }

a {
  word-break: break-word; }

strong {
  /*font-family:'Frutiger Bold';*/ }

h1, h2, h3, h4, h5, h6 {
  color: #212b32; }

#system-message-container #system-message .alert {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db; }
#system-message-container #system-message .alert.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb; }
#system-message-container #system-message .alert.alert-error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }
#system-message-container #system-message .alert.alert-message {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb; }
#system-message-container #system-message .alert.alert-notice {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff; }

header .siteheading-container {
  text-align: left;
  font-size: 2rem;
  padding: 1rem 0;
  height: 100%; }
  header .siteheading-container * {
    margin: 0;
    height: 100%;
    /*justify-content: center;*/
    align-items: center;
    display: flex;
    color: #1274b9;
    text-decoration: none;
    font-weight: 600; }
header .logo-container {
  text-align: right;
  padding: 1rem 0; }
  header .logo-container img {
    max-width: 250px; }

section#main-content {
  background: #eeeff4;
  min-height: 80vh;
  padding-top: 2rem;
  padding-bottom: 23rem;
  position: relative;
  z-index: 2; }
  section#main-content .team-container .badge-light {
    background-color: #d6f3fb;
    color: #0071d7; }
  section#main-content .team-container .numforms-icon {
    background-color: #eff4f5;
    color: #253339; }
  section#main-content .team-container a {
    text-decoration: none; }
  section#main-content .team-container h3 {
    color: #253339;
    font-size: 1.3em; }
section#main-content .form-container h3 {
  color: #253339;
  font-size: 1.1em; }

section#main-content:before {
  background-image: url("/images/left.jpg");
  content: " ";
  width: 40%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 466px;
  background-size: cover;
  z-index: 0; }

section#main-content:after {
  background-image: url("/images/right.jpg");
  content: " ";
  width: 40%;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 393px;
  background-size: cover;
  z-index: -1; }

footer {
  background: #005eb8;
  min-height: 50px;
  color: #fff; }
  footer .footer-left {
    text-align: left;
    padding: 1.5rem 0; }
    footer .footer-left ul.footer-menu li {
      /*padding-right: 1rem;*/ }
      footer .footer-left ul.footer-menu li a {
        color: #fff; }
    footer .footer-left ul.footer-menu li:after {
      content: "|";
      padding: 0 0.5rem; }
    footer .footer-left ul.footer-menu li:last-child:after {
      content: ""; }
  footer .footer-right {
    text-align: right;
    padding: 1.5rem 0; }
    footer .footer-right p {
      margin: 0; }

@media only screen and (max-width: 768px) {
  header .siteheading-container {
    text-align: center; }
  header .logo-container {
    text-align: center; }
  section#main-content:before {
    width: 100%; }
  section#main-content:after {
    display: none; } }

@media only screen and (max-width: 576px) {
  header .siteheading-container {
    text-align: center; }
    header .siteheading-container * {
      justify-content: center; }
  header .logo-container {
    text-align: center; }
  footer .footer-left {
    text-align: center; }
    footer .footer-left ul.footer-menu {
      display: block; }
      footer .footer-left ul.footer-menu li:after {
        content: ""; }
  footer .footer-right {
    text-align: center; } }

.form-page-container {
  overflow: hidden; }
  .form-page-container .form-heading h1, .form-page-container .form-heading h2 {
    font-size: 1.8rem; }
  .form-page-container .form-introduction {
    padding: 1.5rem; }
  .form-page-container .form-container {
    background-color: #fff;
    padding: 3rem;
    border-radius: 0.5rem; }
    .form-page-container .form-container .form-title h1, .form-page-container .form-container .form-title h2, .form-page-container .form-container .form-title h3 {
      font-size: 1.8rem; }
    .form-page-container .form-container .section {
      border-top: 1px solid #d6d6d8;
      padding: 1rem 0;
      margin-top: 2rem; }
      .form-page-container .form-container .section .questions-title h1, .form-page-container .form-container .section .questions-title h2, .form-page-container .form-container .section .questions-title h3, .form-page-container .form-container .section .questions-title h4 {
        color: #1274b9;
        font-size: 1.2rem; }
    .form-page-container .form-container .btn-next, .form-page-container .form-container .btn-submit {
      width: 90px;
      padding: 0.8rem 0; }
    .form-page-container .form-container .btn-prev {
      width: 90px;
      padding: 0.8rem 0;
      background-color: transparent;
      color: #545b62; }
    .form-page-container .form-container .btn-prev:hover {
      background-color: #5a6268;
      color: #fff; }
  .form-page-container fieldset legend {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 1rem; }
  .form-page-container .custom-control-label {
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 7px; }
  .form-page-container .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ced4da; }
  .form-page-container .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%; }

/*Progress Bar*/
.form-container ul#progressbar {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  color: #fff; }
  .form-container ul#progressbar li {
    flex: 1;
    margin-left: -1px;
    position: relative; }
    .form-container ul#progressbar li span {
      border-radius: 50%;
      width: 35px;
      display: inline-block;
      border: 2px solid #1274b9;
      color: #1274b9;
      z-index: 100;
      position: relative;
      padding: 0.2rem 0;
      background: #fff; }
  .form-container ul#progressbar li:first-child:before {
    background-color: transparent !important;
    border: none; }
  .form-container ul#progressbar li:last-child:after {
    background-color: transparent !important;
    border: none; }
  .form-container ul#progressbar li:before {
    content: ' ';
    width: 50%;
    height: 10px;
    border-top: 2px solid #1274b9;
    border-bottom: 2px solid #1274b9;
    display: inline-block;
    position: absolute;
    left: 0;
    top: calc(50% - 4px); }
  .form-container ul#progressbar li:after {
    content: ' ';
    width: 50%;
    height: 10px;
    border-top: 2px solid #1274b9;
    border-bottom: 2px solid #1274b9;
    display: inline-block;
    position: absolute;
    right: 1px;
    top: calc(50% - 4px);
    z-index: 1; }
    .form-container ul#progressbar li.active span, .form-container ul#progressbar li.complete span {
      background-color: #1274b9;
      color: #fff; }
  .form-container ul#progressbar li.active:before {
    background-color: #1274b9; }
  .form-container ul#progressbar li.complete:before {
    background-color: #1274b9; }
  .form-container ul#progressbar li.complete:after {
    background-color: #1274b9; }

@media only screen and (max-width: 426px) {
  .form-container ul#progressbar li span {
    width: 25px;
    padding: 0; } }

.view-hampshirecamhsnongpreferral .form-title {
  border-bottom: 1px solid #d6d6d8;
  margin-bottom: 2rem;
  padding-bottom: 1rem; }

/*Team Page*/
.team-container .form-container a {
  height: 100%; }
  .team-container .form-container a .row {
    height: 100%;
    justify-content: center;
    align-items: center; }
