@font-face {
  font-family: 'BasisGrotesque';
  font-weight: 500;
  font-style: normal;
  src: url("https://www.oneoncology.com/static/BasisGrotesque-Regular.1779bb8f.woff2") format("woff2"), url("https://www.oneoncology.com/static/BasisGrotesque-Regular.d49aded7.woff") format("woff"), url("https://www.oneoncology.com/static/BasisGrotesque-Regular.ddfbcfe5.ttf") format("truetype");
  unicode-range: U+000-5FF; }

@font-face {
  font-family: 'BasisGrotesque';
  font-style: normal;
  font-weight: 700;
  src: url("https://www.oneoncology.com/static/BasisGrotesque-Bold.b21ba662.woff2") format("woff2"), url("https://www.oneoncology.com/static/BasisGrotesque-Bold.b368cb2e.woff") format("woff"), url("https://www.oneoncology.com/static/BasisGrotesque-Bold.a3572834.ttf") format("truetype");
  unicode-range: U+000-5FF; }

@font-face {
  font-family: 'BasisGrotesque';
  font-style: italic;
  font-weight: 500;
  src: url("https://www.oneoncology.com/static/BasisGrotesque-Italic.12482dbf.woff2") format("woff2"), url("https://www.oneoncology.com/static/BasisGrotesque-Italic.1ff694ea.woff") format("woff"), url("https://www.oneoncology.com/static/BasisGrotesque-Italic.e0665616.ttf") format("truetype");
  unicode-range: U+000-5FF; }

@font-face {
  font-family: 'Canela';
  font-style: normal;
  font-weight: 300;
  src: url("https://www.oneoncology.com/static/Canela-Light.3492e7a1.woff2") format("woff2"), url("https://www.oneoncology.com/static/Canela-Light.962467e8.woff") format("woff");
  unicode-range: U+000-5FF; }

@font-face {
  font-family: 'Canela';
  font-style: italic;
  font-weight: 300;
  src: url("https://www.oneoncology.com/static/Canela-Light-Italic.93f586e0.woff2") format("woff2"), url("https://www.oneoncology.com/static/Canela-Light-Italic.65e3175b.woff") format("woff");
  unicode-range: U+000-5FF; }

@font-face {
  font-family: 'Canela';
  font-style: normal;
  font-weight: 500;
  src: url("https://www.oneoncology.com/static/Canela-Regular.4ec6eb28.woff2") format("woff2"), url("https://www.oneoncology.com/static/Canela-Regular.78c01d6f.woff") format("woff");
  unicode-range: U+000-5FF; }

@font-face {
  font-family: 'Canela';
  font-style: italic;
  font-weight: 500;
  src: url("https://www.oneoncology.com/static/Canela-Regular-Italic.f3d54fd8.woff2") format("woff2"), url("https://www.oneoncology.com/static/Canela-Regular-Italic.2cb9a9df.woff") format("woff");
  unicode-range: U+000-5FF; }

[hidden] {
  display: none !important; }

html {
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
  font-size: 62.5%; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  font-family: BasisGrotesque, Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #414d4b;
  font-size: 1.6rem !important;
  line-height: 2.6rem !important; }
  @media (min-width: 997px) {
    body {
      font-size: 1.8rem !important;
      line-height: 2.8rem !important; } }

*,
*::before,
*::after {
  box-sizing: inherit; }

ul,
dl,
ol {
  margin: 0;
  padding: 0;
  list-style: none; }

li,
dt,
dd {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Canela, Helvetica, Arial, sans-serif;
  font-weight: 300;
  padding: 0;
  margin: 0; }

p {
  padding: 0;
  margin: 0;
  line-height: 2.6rem !important; }
  @media (min-width: 997px) {
    p {
      font-size: 1.8rem !important;
      line-height: 2.8rem !important; } }

h1 {
  font-size: 2.9rem;
  line-height: 3.6rem; }
  @media (min-width: 648px) {
    h1 {
      font-size: 5rem;
      line-height: 6rem; } }

h3 {
  font-size: 2.2rem;
  line-height: 3rem; }
  @media (min-width: 648px) {
    h3 {
      font-size: 3.5rem;
      line-height: 4.5rem; } }

h2 {
  font-size: 2rem;
  line-height: 2.5rem; }
  @media (min-width: 648px) {
    h2 {
      font-size: 2.6rem;
      line-height: 3rem; } }

h5 {
  font-family: BasisGrotesque, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.5rem;
  letter-spacing: 0.043rem;
  text-transform: uppercase; }
  @media (min-width: 648px) {
    h5 {
      font-size: 1.4rem;
      line-height: 1.8rem;
      letter-spacing: 0.05rem; } }

button {
  border: none;
  outline: none;
  cursor: pointer;
  background: transparent;
  padding: 0;
  text-align: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
  font-family: BasisGrotesque, Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.5rem; }
  @media (min-width: 648px) {
    button {
      font-size: 1.4rem;
      line-height: 1.8rem; } }

a {
  color: inherit;
  font-family: BasisGrotesque, Helvetica, Arial, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: inline-block;
  font-size: inherit;
  line-height: inherit; }
  @media (min-width: 648px) {
    a {
      font-size: inherit;
      line-height: inherit; } }

* [role='button']:focus {
  outline: none; }

select {
  cursor: pointer; }

select:disabled {
  cursor: default; }

select:focus {
  outline: none; }

/*
  mixin helpers
*/
#main {
  padding: 0 0 5.6rem; }
  @media (min-width: 648px) {
    #main {
      padding-bottom: 8.6rem; } }

#wrapper {
  max-width: 100%;
  padding: 0 !important;
  margin: 0 auto; }
  #wrapper > h1,
  #wrapper > #content,
  #wrapper > #board_title {
    display: none; }
  #wrapper > section {
    padding-top: 5.2rem;
    padding-bottom: 0.5rem; }
    @media (min-width: 997px) {
      #wrapper > section {
        width: 99.66443rem; } }
    @media (min-width: 1200px) {
      #wrapper > section {
        width: 120rem; } }
    @media (min-width: 1403px) {
      #wrapper > section {
        width: 140.33557rem; } }
    #wrapper > section > h3 {
      position: relative;
      padding: 1rem 0 1.6rem;
      margin: 0;
      font-family: BasisGrotesque, Helvetica, Arial, sans-serif;
      font-weight: 700;
      font-size: 1.2rem;
      line-height: 1.5rem;
      letter-spacing: 0.043rem;
      text-transform: uppercase; }
      @media (min-width: 648px) {
        #wrapper > section > h3 {
          font-size: 1.4rem;
          line-height: 1.8rem;
          letter-spacing: 0.05rem; } }
      #wrapper > section > h3::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #d8d8d8; }
      @media (min-width: 648px) {
        #wrapper > section > h3 {
          padding-bottom: 2.8rem; } }
      @media (min-width: 997px) {
        #wrapper > section > h3 {
          padding-left: 10.16779rem; } }
    #wrapper > section > .opening {
      position: relative;
      display: flex;
      flex-direction: column;
      padding: 2rem 0;
      margin: 0;
      line-height: initial; }
      #wrapper > section > .opening::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #d8d8d8; }
      @media (min-width: 648px) {
        #wrapper > section > .opening {
          display: grid;
          grid-template-columns: 5fr 3fr;
          align-items: center;
          padding: 2.3rem 0; } }
      @media (min-width: 997px) {
        #wrapper > section > .opening {
          grid-template-columns: 61.00671rem 28.48993rem;
          padding-left: 10.16779rem; } }
      @media (min-width: 1200px) {
        #wrapper > section > .opening {
          grid-template-columns: 81.34228rem 28.48993rem; } }
      @media (min-width: 1403px) {
        #wrapper > section > .opening {
          grid-template-columns: 91.51007rem 38.65772rem; } }
      #wrapper > section > .opening > a,
      #wrapper > section > .opening > .location {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2.6rem; }
        @media (min-width: 997px) {
          #wrapper > section > .opening > a,
          #wrapper > section > .opening > .location {
            font-size: 1.8rem;
            line-height: 2.8rem; } }
      #wrapper > section > .opening > a {
        color: #227962;
        text-decoration: none;
        transition: color 0.334s;
        transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
        #wrapper > section > .opening > a:hover {
          color: #12201d; }
      #wrapper > section > .opening > .location {
        margin: 0;
        color: #414d4b; }
      #wrapper > section > .opening > br {
        display: none; }

#main > #app_body {
  max-width: 100%;
  padding: 0 !important; }
  #main > #app_body > #header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 43.4rem;
    padding: 0;
    color: #fff;
    text-align: center;
    padding-top: 9.4rem; }
    @media (min-width: 648px) {
      #main > #app_body > #header {
        min-height: 50rem;
        width: calc( 91.25vw - 10.95rem);
        margin: 0 auto;
        padding-top: 11rem; } }
    @media (min-width: 997px) {
      #main > #app_body > #header {
        width: 58.99329rem;
        padding-top: 11.9rem; } }
    #main > #app_body > #header > .company-name,
    #main > #app_body > #header > a {
      display: none; }
    #main > #app_body > #header > .location {
      margin: 0.3rem 0 0;
      color: #fff; }
      @media (min-width: 648px) {
        #main > #app_body > #header > .location {
          margin-top: 0.7rem; } }
  #main > #app_body > #content {
    margin-top: 4.5rem; }
    @media (min-width: 648px) {
      #main > #app_body > #content {
        width: calc( 91.25vw - 10.95rem);
        margin: 9.2rem auto; } }
    @media (min-width: 997px) {
      #main > #app_body > #content {
        width: 58.99329rem; } }
    #main > #app_body > #content > p {
      margin-bottom: 1.3rem; }
    #main > #app_body > #content > h2 {
      margin-bottom: 1.9rem; }
      #main > #app_body > #content > h2:not(:first-of-type) {
        margin-top: 4rem; }
    #main > #app_body > #content > ul,
    #main > #app_body > #content > ol,
    #main > #app_body > #content > dl {
      padding-left: 2.6rem; }
      #main > #app_body > #content > ul > li,
      #main > #app_body > #content > ul > dt,
      #main > #app_body > #content > ul > dd,
      #main > #app_body > #content > ol > li,
      #main > #app_body > #content > ol > dt,
      #main > #app_body > #content > ol > dd,
      #main > #app_body > #content > dl > li,
      #main > #app_body > #content > dl > dt,
      #main > #app_body > #content > dl > dd {
        position: relative;
        margin-top: 1.5rem;
        line-height: 2.6rem; }
        @media (min-width: 997px) {
          #main > #app_body > #content > ul > li,
          #main > #app_body > #content > ul > dt,
          #main > #app_body > #content > ul > dd,
          #main > #app_body > #content > ol > li,
          #main > #app_body > #content > ol > dt,
          #main > #app_body > #content > ol > dd,
          #main > #app_body > #content > dl > li,
          #main > #app_body > #content > dl > dt,
          #main > #app_body > #content > dl > dd {
            font-size: 1.8rem;
            line-height: 2.8rem; } }
        #main > #app_body > #content > ul > li::before,
        #main > #app_body > #content > ul > dt::before,
        #main > #app_body > #content > ul > dd::before,
        #main > #app_body > #content > ol > li::before,
        #main > #app_body > #content > ol > dt::before,
        #main > #app_body > #content > ol > dd::before,
        #main > #app_body > #content > dl > li::before,
        #main > #app_body > #content > dl > dt::before,
        #main > #app_body > #content > dl > dd::before {
          content: '';
          position: absolute;
          top: 1rem;
          left: -2.6rem;
          width: 0.6rem;
          height: 0.6rem;
          border-radius: 0.3rem;
          background: #c6cfdc; }
    #main > #app_body > #content a {
      color: #227962;
      text-decoration: none;
      transition: color 0.334s;
      transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
      #main > #app_body > #content a:hover {
        color: #12201d; }
  #main > #app_body > #application {
    position: relative;
    border-radius: 2.5rem;
    margin-top: 4rem;
    max-width: 100%; }
    @media (min-width: 648px) {
      #main > #app_body > #application {
        padding-left: 8rem;
        padding-right: 8rem; } }
    @media (min-width: 997px) {
      #main > #app_body > #application {
        width: 99.66443rem;
        padding-left: 10.16779rem;
        padding-right: 10.16779rem;
        margin: 0 auto; } }
    #main > #app_body > #application hr {
      margin: 4.5rem 0; }
    #main > #app_body > #application div.required-fields {
      float: none;
      position: absolute;
      top: 8rem;
      right: 10.16779rem; }

.asterisk {
  color: #3aa178 !important; }

#main_fields div.field,
#custom_fields div.field,
#demographic_questions div.field,
#eeoc_fields div.field {
  position: relative;
  margin-bottom: 2.2rem; }
  @media (min-width: 997px) {
    #main_fields div.field,
    #custom_fields div.field,
    #demographic_questions div.field,
    #eeoc_fields div.field {
      display: grid;
      grid-template-columns: 20.33557rem 38.65772rem;
      align-items: center;
      padding-right: 20.33557rem; } }
  #main_fields div.field label,
  #custom_fields div.field label,
  #demographic_questions div.field label,
  #eeoc_fields div.field label {
    font-size: 1.6rem;
    line-height: 2.6rem; }
    @media (min-width: 648px) {
      #main_fields div.field label,
      #custom_fields div.field label,
      #demographic_questions div.field label,
      #eeoc_fields div.field label {
        text-align: left;
        float: none; } }
    @media (min-width: 997px) {
      #main_fields div.field label,
      #custom_fields div.field label,
      #demographic_questions div.field label,
      #eeoc_fields div.field label {
        white-space: nowrap; } }
  #main_fields div.field .remove-background-field,
  #custom_fields div.field .remove-background-field,
  #demographic_questions div.field .remove-background-field,
  #eeoc_fields div.field .remove-background-field {
    position: absolute;
    top: 0;
    right: 0; }
    @media (min-width: 997px) {
      #main_fields div.field .remove-background-field,
      #custom_fields div.field .remove-background-field,
      #demographic_questions div.field .remove-background-field,
      #eeoc_fields div.field .remove-background-field {
        right: 10.16779rem; } }

#main_fields div.field input[type='text'],
#main_fields div.field textarea,
#main_fields div.field .text-field,
#main_fields #custom_fields div.field .select2-container-multi,
#custom_fields #main_fields div.field .select2-container-multi,
#custom_fields div.field input[type='text'],
#custom_fields div.field textarea,
#custom_fields div.field .text-field,
#custom_fields div.field .select2-container-multi,
#demographic_questions div.field input[type='text'],
#demographic_questions div.field textarea,
#demographic_questions div.field .text-field,
#demographic_questions #custom_fields div.field .select2-container-multi,
#custom_fields #demographic_questions div.field .select2-container-multi,
#eeoc_fields div.field input[type='text'],
#eeoc_fields div.field textarea,
#eeoc_fields div.field .text-field,
#eeoc_fields #custom_fields div.field .select2-container-multi,
#custom_fields #eeoc_fields div.field .select2-container-multi {
  width: 100%;
  height: 6rem;
  padding-left: 2.6rem; }

@media (min-width: 648px) {
  .accessible .select2-container {
    display: block;
    width: 100% !important; } }

.accessible .select2-container .select2-chosen,
.accessible .select2-container .select2-arrow,
.accessible .select2-container .select2-choice {
  height: 6rem;
  display: flex;
  align-items: center; }

.accessible .select2-container .select2-chosen {
  margin-left: 2rem; }

.accessible .select2-container .select2-arrow {
  margin-top: 1.5rem;
  margin-right: 2rem; }

@media (min-width: 648px) {
  #main_fields legend,
  #custom_fields legend,
  #demographic_questions legend,
  #eeoc_fields legend {
    float: left; } }

@media (min-width: 997px) {
  #main_fields legend,
  #custom_fields legend,
  #demographic_questions legend,
  #eeoc_fields legend {
    width: 20.33557rem;
    margin-top: 2.1rem; } }

#main_fields .education fieldset div.field:last-of-type, #main_fields .education fieldset div.field:nth-last-child(2),
#main_fields .employment fieldset div.field:last-of-type,
#main_fields .employment fieldset div.field:nth-last-child(2),
#custom_fields .education fieldset div.field:last-of-type,
#custom_fields .education fieldset div.field:nth-last-child(2),
#custom_fields .employment fieldset div.field:last-of-type,
#custom_fields .employment fieldset div.field:nth-last-child(2),
#demographic_questions .education fieldset div.field:last-of-type,
#demographic_questions .education fieldset div.field:nth-last-child(2),
#demographic_questions .employment fieldset div.field:last-of-type,
#demographic_questions .employment fieldset div.field:nth-last-child(2),
#eeoc_fields .education fieldset div.field:last-of-type,
#eeoc_fields .education fieldset div.field:nth-last-child(2),
#eeoc_fields .employment fieldset div.field:last-of-type,
#eeoc_fields .employment fieldset div.field:nth-last-child(2) {
  display: block;
  grid-template-columns: unset; }

@media (min-width: 648px) {
  #main_fields .education fieldset div.field fieldset .month,
  #main_fields .education fieldset div.field fieldset .month,
  #main_fields .employment fieldset div.field fieldset .month,
  #main_fields .employment fieldset div.field fieldset .month,
  #custom_fields .education fieldset div.field fieldset .month,
  #custom_fields .education fieldset div.field fieldset .month,
  #custom_fields .employment fieldset div.field fieldset .month,
  #custom_fields .employment fieldset div.field fieldset .month,
  #demographic_questions .education fieldset div.field fieldset .month,
  #demographic_questions .education fieldset div.field fieldset .month,
  #demographic_questions .employment fieldset div.field fieldset .month,
  #demographic_questions .employment fieldset div.field fieldset .month,
  #eeoc_fields .education fieldset div.field fieldset .month,
  #eeoc_fields .education fieldset div.field fieldset .month,
  #eeoc_fields .employment fieldset div.field fieldset .month,
  #eeoc_fields .employment fieldset div.field fieldset .month {
    width: 100% !important; } }

@media (min-width: 997px) {
  #main_fields .education fieldset div.field fieldset .month,
  #main_fields .education fieldset div.field fieldset .month,
  #main_fields .employment fieldset div.field fieldset .month,
  #main_fields .employment fieldset div.field fieldset .month,
  #custom_fields .education fieldset div.field fieldset .month,
  #custom_fields .education fieldset div.field fieldset .month,
  #custom_fields .employment fieldset div.field fieldset .month,
  #custom_fields .employment fieldset div.field fieldset .month,
  #demographic_questions .education fieldset div.field fieldset .month,
  #demographic_questions .education fieldset div.field fieldset .month,
  #demographic_questions .employment fieldset div.field fieldset .month,
  #demographic_questions .employment fieldset div.field fieldset .month,
  #eeoc_fields .education fieldset div.field fieldset .month,
  #eeoc_fields .education fieldset div.field fieldset .month,
  #eeoc_fields .employment fieldset div.field fieldset .month,
  #eeoc_fields .employment fieldset div.field fieldset .month {
    width: 7.8rem !important;
    margin-right: 1.5rem !important; } }

@media (min-width: 648px) {
  #main_fields .education fieldset div.field fieldset .year,
  #main_fields .education fieldset div.field fieldset .year,
  #main_fields .employment fieldset div.field fieldset .year,
  #main_fields .employment fieldset div.field fieldset .year,
  #custom_fields .education fieldset div.field fieldset .year,
  #custom_fields .education fieldset div.field fieldset .year,
  #custom_fields .employment fieldset div.field fieldset .year,
  #custom_fields .employment fieldset div.field fieldset .year,
  #demographic_questions .education fieldset div.field fieldset .year,
  #demographic_questions .education fieldset div.field fieldset .year,
  #demographic_questions .employment fieldset div.field fieldset .year,
  #demographic_questions .employment fieldset div.field fieldset .year,
  #eeoc_fields .education fieldset div.field fieldset .year,
  #eeoc_fields .education fieldset div.field fieldset .year,
  #eeoc_fields .employment fieldset div.field fieldset .year,
  #eeoc_fields .employment fieldset div.field fieldset .year {
    width: 100% !important;
    margin-top: 1rem !important; } }

@media (min-width: 997px) {
  #main_fields .education fieldset div.field fieldset .year,
  #main_fields .education fieldset div.field fieldset .year,
  #main_fields .employment fieldset div.field fieldset .year,
  #main_fields .employment fieldset div.field fieldset .year,
  #custom_fields .education fieldset div.field fieldset .year,
  #custom_fields .education fieldset div.field fieldset .year,
  #custom_fields .employment fieldset div.field fieldset .year,
  #custom_fields .employment fieldset div.field fieldset .year,
  #demographic_questions .education fieldset div.field fieldset .year,
  #demographic_questions .education fieldset div.field fieldset .year,
  #demographic_questions .employment fieldset div.field fieldset .year,
  #demographic_questions .employment fieldset div.field fieldset .year,
  #eeoc_fields .education fieldset div.field fieldset .year,
  #eeoc_fields .education fieldset div.field fieldset .year,
  #eeoc_fields .employment fieldset div.field fieldset .year,
  #eeoc_fields .employment fieldset div.field fieldset .year {
    width: 9rem !important; } }

#add_education {
  color: #227962;
  text-decoration: none;
  transition: color 0.334s;
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  #add_education:hover {
    color: #12201d; }

@media (min-width: 648px) {
  .attach-or-paste .link-container {
    display: flex;
    justify-content: space-between; } }

.attach-or-paste .link-container a[data-source='attach'],
.attach-or-paste .link-container a[data-source='paste'] {
  display: none !important; }
  @media (min-width: 997px) {
    .attach-or-paste .link-container a[data-source='attach'],
    .attach-or-paste .link-container a[data-source='paste'] {
      display: inline-block !important; } }

.attach-or-paste .link-container a {
  border: 0.2rem solid #9bd0c4 !important;
  border-radius: 3.5rem;
  margin: 2.5rem 0 0;
  display: inline-block;
  background-image: none;
  background-color: rgba(255, 255, 255, 0);
  color: #227962 !important;
  font-family: BasisGrotesque, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.8rem 1.4rem;
  text-decoration: none;
  transition: background-color 0.334s, border-color 0.334s, color 0.334s;
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .attach-or-paste .link-container a:hover {
    color: #fff !important;
    border-color: #227962 !important;
    background-color: #227962 !important; }
  @media (min-width: 648px) {
    .attach-or-paste .link-container a {
      flex: 1;
      margin-left: 1.5rem;
      text-align: center; }
      .attach-or-paste .link-container a::after {
        content: '' !important; }
      .attach-or-paste .link-container a:first-of-type {
        margin-left: 0; } }

.accessible .locate-me {
  border: none !important;
  border-radius: 3.5rem;
  background: none;
  background-image: none;
  background-color: rgba(255, 255, 255, 0);
  font-family: BasisGrotesque, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.6rem;
  padding: 1.8rem 1.4rem 0.8rem 0;
  text-shadow: none;
  text-align: left;
  width: auto;
  color: #227962 !important;
  text-decoration: none;
  transition: color 0.334s;
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .accessible .locate-me:hover {
    color: #12201d !important; }
  @media (min-width: 997px) {
    .accessible .locate-me {
      margin-left: 20.33557rem;
      width: max-content; } }

#submit_buttons {
  text-align: center; }

.accessible #submit_app,
.accessible #apply_button {
  border: 0.2rem solid #227962 !important;
  border-radius: 3.5rem;
  margin: 2.5rem 0 0;
  display: inline-block;
  background: none;
  background-image: none;
  background-color: #227962;
  color: #fff !important;
  font-family: BasisGrotesque, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.5rem;
  padding: 1.8rem 3.4rem;
  text-shadow: none;
  text-decoration: none;
  transition: background-color 0.334s, border-color 0.334s;
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }
  .js-focus-visible .accessible #submit_app:focus:not(.focus-visible), .js-focus-visible
  .accessible #apply_button:focus:not(.focus-visible) {
    outline: none; }
  .accessible #submit_app:hover,
  .accessible #apply_button:hover {
    border-color: #12201d !important;
    background-color: #12201d !important; }

#application_form > #custom_fields > div.field {
  display: block; }

#main_fields div.field .field-error-msg,
#eeoc_fields div.field .field-error-msg {
  padding: 0;
  white-space: nowrap; }

.field {
  position: relative; }
  @media (min-width: 997px) {
    .field .error {
      position: relative;
      top: 30px; } }

#submission_received {
  color: #fff !important;
  padding: 0;
  min-height: 43.4rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (min-width: 768px) {
    #submission_received {
      min-height: 50rem; } }
  #submission_received #application_confirmation {
    text-align: center;
    position: relative;
    margin: auto;
    max-width: calc( 100vw - 5rem);
    padding-top: 9.4rem; }
    @media (min-width: 648px) {
      #submission_received #application_confirmation {
        max-width: calc( 75vw - 9rem);
        padding-top: 17.5rem; } }
    @media (min-width: 997px) {
      #submission_received #application_confirmation {
        max-width: 58.99329rem;
        padding-top: 11.9rem; } }
    #submission_received #application_confirmation h1 {
      padding-bottom: 20px; }
  #submission_received #view-more,
  #submission_received #back_to_application_link {
    display: none; }