/*
  BARS
  */
  .bar-container {
    margin: 1em 0;
    padding-bottom: 2em;
    position: relative;
  }
  
  [class*=progress-bar] {
    height: 2em;
    /*float:left;*/
  }
  
  .progress-bar--green {
    background-color: #72af44;
  }
  
  .calc-results__wrapper {
    display: flex;
    align-items: flex-start;
    margin-top: 1rem;
  }
  
  
  
  .calc-results__item:first-of-type {
    padding-right: 1rem;
  }
  
  .calc-results__item-label {
    font-weight: bold;
    margin: 0 0 0.5rem;
    color: #3e3f46;
    flex: 0 0 100%;
    font-size: 1rem;
  }
  
  .calc-results__item-value {
    margin: 0;
  }
  
  .survey-meta-bar__context-wrapper {
    display: flex;
    align-items: center;
  }
  
  .survey-meta-bar__value {
    color: white;
    margin: 0;
    padding: 0;
  }
  
  .survey-meta-bar__labels {
    opacity: 0.8;
    padding: 0 0 0 1rem;
  }
  
  .survey-meta-bar__labels span {
    display: block;
  }
  
  .survey-meta-bar__labels span:first-child {
    /*margin: 0 0 0.25rem;*/
  }
  
  .survey-meta-bar .flex-grid .box {
    text-align: left !important;
  }
  
  @media screen and (min-width: 650px) {
    .survey-meta-bar .flex-grid .box {
      justify-content: center !important;
    }
  }
  
  .survey-meta-bar .flex-grid .box:nth-child(2) {
    border-right: 1px solid #0C7AA9;
  }
  
  [class^=progress-bar] {
    height: 1em;
  }
  
  .progress-bar--green {
    position: relative;
  }
  
  .progress-bar__target-container {
    position: absolute;
    left: 50%;
    width: 2px;
    bottom: 100%;
    height: 70px;
    text-align: left;
    background: #3e3f46;
  }
  
  .progress-bar__target-container-inner {
    padding: 0.25rem 0.5rem 0.5rem 0.5rem;
    background: #3e3f46;
    width: 190px;
    position: absolute;
    left: 100%;
    top: 0;
    height: 60px;
  }
  
  .progress-bar__target-label {
    display: block;
    width: 100%;
    margin: 0;
    color: white;
    opacity: 0.6;
  }
  
  .progress-bar__target {
    display: block;
    width: 100%;
    margin: 0;
    color: white;
  }
  
  html {
    font-size: 100% !important;
  }
  
  .survey__fields {
    padding-top: 0!important;
  }
  
  .form-section__title {
    color: #72af44;
  }
  
  .form-section__divider {
    display: block;
    border-top: 1px dashed #27AAE1;
    width: 100%;
    margin: 2rem 0;
  }
  
  .survey__section-title {
    color: #36373e!important;
  }
  
  .bar__single {
    margin: 1.5rem 0;
    display: flex;
    flex-flow: row wrap;
  }
  
  .bar__single-label {
    flex: 0 0 10%;
  }
  
  .bar__single-bar {
    flex: 1;
  }
  
  /* Stacked Bars */
  
  .stacked-bars__wrapper {
    background: white;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .35);
    border-radius: 5px;
  }
  
  .stacked-bars__title {
    margin: 0;
  }
  
  .stacked-bars__desc {
    margin: 0;
  }
  
  .stacked-bars__legend {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
  }
  
  .stacked-bars__legend-item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.5rem;
  }
  
  @media screen and (max-width: 650px) {
    .stacked-bars__legend-item {
      width: 100%;
      padding: 0;
    }
  }
  
  .stacked-bars__legend-item:first-child {
    padding-left: 0;
  }
  
  .stacked-bars__legend-item-dot {
    width: 12px;
    height: 12px;
    background: black;
    border-radius: 100%;
    margin-top: 2px;
  }
  
  .stacked-bars__legend-item span {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    line-height: 1;
  }
  
  @media screen and (max-width: 650px) {
    .stacked-bars__legend-item span {
      max-width: 85%;
    }
  }
  
  .stacked-bars {
    margin-top: 2rem;
  }
  
  .stacked-bars__single {
    display: flex;
    flex-flow: row;
    align-items: center;
  }
  
  [class*="stacked-bars__single-label-wrapper--"] {
    font-weight: bold;
  }
  
  .stacked-bars__single-label-wrapper--left {
    flex: 0 0 10%;
    border-right: 1px solid #222;
    padding: 1rem 0;
  }
  
  .stacked-bars__single-label-wrapper--right {
    flex: 0 0 15%;
    text-align: right;
  }
  
  .stacked-bars__single-label {
    margin: 0;
    font-weight: bold;
  }
  
  .stacked-bars__single-label.large {
    font-size: 1.25rem;
  }
  
  .stacked-bars__single-bar {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    flex: 0 0 75%;
    white-space: nowrap;
  }
  
  .stacked-bars__single-bar-segment {
    color: white;
    font-weight: 700;
    height: 100%;
    font-size: 1rem;
    text-align: center;
    height: 2em;
    line-height: 2em;
    display: inline-block;
    position: relative;
  }
  
  .stacked-bars__single-bar-segment:before,.stacked-bars__single-bar-segment:after {
    display: block;
    opacity: 0;
    transition: opacity 300ms ease 0ms;
  }
  
  .stacked-bars__single-bar-segment:before {
    content: attr(data-value);
    text-align: center;
    background: #222;
    color: white;
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translate(-50%,0);
    padding: 0.25rem 0.25rem;
    border-radius: 3px;
    line-height: 1;
  }
  
  .stacked-bars__single-bar-segment:after {
    content: "";
    position: absolute;
    border: 5px solid #222;
    border-color: #222 transparent transparent transparent;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 0;
  }
  
  .stacked-bars__single-bar-segment:hover:before,.stacked-bars__single-bar-segment:hover:after {
    opacity: 1;
    transition: opacity 300ms ease 0ms;
  }
  
  .dashboard__alert {
    background: #ffd728;
    padding: 1rem;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 1rem;
    border-radius: 5px;
    color: rgba(0,0,0,0.7);
  }
  
  select.survey__field--select {
    width: 100% !important;
  }
  
  /* p {
    font-size: 1.15rem !important;
  } */
  
  .dashboard__survey-progress-link-label {
    font-size: 0.85rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }
  
  /* Promos / Suggestions ===================================================== */
  
  .dashboard__next-steps-image {
    /*margin-top: 0;*/
  }
  
  .dashboard__next-steps-subtitle {
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0;
  }
  
  /* Progress Bar Edits ======================================================= */
  
  .dashboard__survey-progress-section {
    padding: 0 10%;
    padding-bottom: 3rem;
    /* display: none; */
  }
  
  .dashboard__survey-progress-subtitle {
    font-weight: bold;
    text-align: center;
  }
  
  .dashboard__survey-progress-link-item {
    text-align: center;
    padding: 0 1rem;
    margin-bottom: 1rem;
  }
  
  .dashboard__survey-progress-link-item:not(.complete) .dashboard__survey-progress-link {
    opacity: 0.5;
    transition: opacity 250ms ease 0ms;
  }
  
  .dashboard__survey-progress-link-item:not(.complete) .dashboard__survey-progress-complete-icon svg polyline {
    opacity: 0;
  }
  
  .dashboard__survey-progress-link {
    display: block;
    border-bottom: 3px solid #3e3f46;
    text-decoration: none;
    color: #3e3f46;
  }
  
  .dashboard__survey-progress-link-item.complete .dashboard__survey-progress-link-label {
    color: #72af44;
  }
  
  .dashboard__survey-progress-link-item.complete .dashboard__survey-progress-link {
    border-color: #72af44;
  }
  
  .dashboard__survey-progress-link-label {
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
  }
  
  .dashboard__survey-progress-complete-icon {
    margin: 0 0 0.5rem;
  }
  
  .dashboard__survey-progress-link-item.complete .dashboard__survey-progress-complete-icon svg polyline,.dashboard__survey-progress-link-item.complete .dashboard__survey-progress-complete-icon svg circle {
    stroke: #72af44;
  }
  
  .dashboard__survey-progress-link-item:hover .dashboard__survey-progress-link-label {
    transform: none;
  }
  
  .dashboard__survey-progress-link:hover {
    opacity: 1 !important;
    transition: opacity 250ms ease 0ms;
  }
  
  /* Modals =================================================================== */
  
  /* Overlay */
/*   
  .modal__overlay {
    position: fixed;
    z-index: 20000;
    background: rgba(36, 36, 36, 0.95);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
  }
  
  .modal-open .modal__overlay {
    display: block;
  }
  
  /* Modal Window
  
  .modal-open {
    overflow: hidden;
  }
  
  .modal {
    display: none;
    z-index: 20001;
    position: fixed;
    max-height: 80%;
    padding: 2rem 3rem;
    background: white;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: auto;
    width: 85%;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .35);
  }
  
  @media screen and (min-width: 768px) {
    .modal {
      width: 70%;
    }
  }
  
  @media screen and (min-width: 1400px) {
    .modal {
      width: 50%;
    }
  }
  
  .modal-open .modal {
    display: block;
  } */
  
  /* Close */
  
  /* .modal__close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    color: rgb(39,170,225);
  } */
  
  /* Content */
  
  /* .modal__title {
    margin: 0 0 1rem;
    line-height: 1.2;
    border-bottom: 2px solid rgb(39,170,225);
  } */
  
  @media screen and (max-width: 768px) {
    .modal__title {
      font-size: 2rem;
    }
  }
  
  
  
  .modal__results-list {
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin: 2rem 0;
  }
  
  .modal__results-list-item {
    padding: 0 1rem;
    border-right: 1px solid rgba(0,0,0,0.2);
  }
  
  .modal__results-list-item:last-child {
    border: none;
    padding-right: 0;
  }
  
  .modal__result-subtitle {
    margin: 0;
    font-weight: bold;
  }
  
  .modal__result-subtitle span {
    font-weight: normal;
  }
  
  .modal__result-title {
    margin: 0;
  }
  
  .site-navigation {
    z-index: 10000;
  } */
  
  /* Gitlab Fixes */
  
  .dashboard__survey-progress-title,.dashboard__next-steps-section-title {
    font-size: 2.25rem;
    margin: 0 0 0.5rem;
  }
  
  .dashboard__survey-progress-title {
    margin: 0 0 0.5rem;
    line-height: 1.1;
  }
  
  .dashboard__survey-progess-section {
    /* padding: 1rem 0; */
    padding: 2rem;
  }
  
  .dashboard__survey-progress-link-list {
    justify-content: center;
  }
  
  .stacked-bars__wrapper {
    padding: 1.5rem;
  }
  
  .site-navigation {
    z-index: 12000;
  }
  
  .arrow-tip {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    z-index: 1000;
    padding: 1rem 1.5rem;
    border-radius: 60px;
    background: white;
    color: rgb(39,170,225);
    font-weight: 700;
    font-size: 1rem;
    display: block;
    transform: translate(-50%,0);
    text-decoration: none;
    border: 2px solid rgb(39,170,225);
    width: 80%;
    text-align: center;
  }
  
  @media screen and (min-width: 650px) {
    .arrow-tip {
      width: auto;
    }
  }
  
  .arrow-tip:before,.arrow-tip:after {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    vertical-align: sub;
    border-color: rgb(39,170,225) transparent transparent transparent;
  }
  
  .arrow-tip:before {
    margin-right: 0.5rem;
  }
  
  .arrow-tip:after {
    margin-left: 0.5rem;
  }
  
  .arrow-tip.hide {
    opacity: 0;
    transition: opacity 200ms ease 0ms;
  }
  
  /* Accordion Lights */
  
  .survey__field-label {
    font-size: 1.2rem;
  }
  
  /* Mobile Tweaks (2018) ===================================================== */
  
  @media screen and (max-width: 768px) {
  
  
    .stacked-bars__single {
      display: block;
      margin-bottom: 1.5rem;
    }
  
    .stacked-bars__single:last-child {
      margin-bottom: 0;
    }
  
    .stacked-bars__single-label-wrapper--left {
      width: 100%;
      border: none;
      padding: 0;
    }
  
    .stacked-bars__single-bar {
      width: 100%;
    }
  
    .stacked-bars__single-label-wrapper--left .stacked-bars__single-label {
      font-size: 1.25rem;
    }
  
    .stacked-bars__single-label-wrapper--right {
      width: 100%;
      text-align: left;
    }
  }
  
  @media screen and (max-width: 950px) {
    .feature-item {
      margin-left: 10px !important;
    }
  }
  
  .survey__button-wrapper .survey__button {
    margin-bottom: 1rem !important;
  }
  
  .survey__field-label.required:before {
    top: 0 !important;
    transform: translateY(60%) !important;
  }
  
  .site-navigation__mobile-menu-trigger {
    padding: 1rem 1.5rem;
    font-weight: bold;
    right: 0;
    box-shadow: none;
    font-family: "Source Serif Pro", serif;
    font-size: 1.25rem;
    border-radius: 3px 0 0 3px;
  }
  
  .job-postings h1,.job-postings h2,.job-postings h3,.job-postings h4,.job-postings h5,.job-postings h6 {
    font-weight: bold;
    margin-bottom: 0;
  }
  
  .job-postings h1:first-of-type {
    margin-top: 0;
    color: #27AAE1;
  }
  
  .job-postings hr {
    margin-top: 0;
  }
/*Jake's Fixes */
  .invalid {
    border-style: solid;
    border-color: #E84467;
    padding: 1rem;
    border-radius: 4px;
  }

  .splash {
    background: #4a4a4a url(/assets/img/hero-yellow.jpg) center / cover;
    min-height: 450px;
  }

  @media (max-width: 768px) { .splash { background: #4a4a4a url(/assets/img/hero-yellow-mobile.jpg) center / cover; } }

  .reep-splash {
    background: #4a4a4a url(/assets/img/reep-hero.jpg) center / cover;
    background-position: top center;
    min-height: 450px;
  }

  .toronto-splash {
    background: #4a4a4a url(/assets/img/toronto-hero.jpg) center / cover;
    background-position: center;
    min-height: 450px;
  }

  .london-splash {
    background: #4a4a4a url(/assets/img/london-hero.jpg) center / cover;
    background-position: top center;
    min-height: 450px;
  }

  .login-splash {
    background: #4a4a4a url(/assets/img/hero-login.jpg) center / cover;
    min-height: 450px;
  }

  .register-splash {
    background: #4a4a4a url(/assets/img/hero-register.jpg) center / cover;
    min-height: 450px;
  }

  .legacy-splash {
    background: #4a4a4a url(/assets/img/hero-legacy.jpg) center / cover;
    min-height: 600px;
  }

  .reset-splash {
    background: #4a4a4a url(/assets/img/hero-reset.jpg) center / cover;
    min-height: 600px;
  }

  /* @media (max-width: 768px) { .reep-splash { background: #4a4a4a url(/assets/img/hero-yellow-mobile.jpg) center / cover; } } */

  .mobile-padded {
    padding: 4rem;
  }
  @media (max-width: 767px) {.mobile-padded { padding: 1rem;} }