@font-face {
  font-family: 'DD-ProximaNova';
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Reg-webfont.eot');
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Reg-webfont.woff') format('woff'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DD-ProximaNova';
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-RegIt-webfont.eot');
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-RegIt-webfont.eot?#iefix') format('embedded-opentype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-RegIt-webfont.woff') format('woff'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-RegIt-webfont.ttf') format('truetype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'DD-ProximaNova';
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Light-webfont.eot');
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Light-webfont.eot?#iefix') format('embedded-opentype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Light-webfont.woff') format('woff'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Light-webfont.ttf') format('truetype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Light-webfont.svg#proxima_nova_ltlight') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'DD-ProximaNova';
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-LightIt-webfont.eot');
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-LightIt-webfont.eot?#iefix') format('embedded-opentype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-LightIt-webfont.woff') format('woff'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-LightIt-webfont.ttf') format('truetype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-LightIt-webfont.svg#proxima_novalight_italic') format('svg');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'DD-ProximaNova';
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Sbold-webfont.eot');
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Sbold-webfont.woff') format('woff'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Sbold-webfont.ttf') format('truetype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'DD-ProximaNova';
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-SboldIt-webfont.eot');
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-SboldIt-webfont.eot?#iefix') format('embedded-opentype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-SboldIt-webfont.woff') format('woff'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-SboldIt-webfont.ttf') format('truetype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-SboldIt-webfont.svg#proxima_novasemibold_italic') format('svg');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'DD-ProximaNova';
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Bold-webfont.eot');
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Bold-webfont.woff') format('woff'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Bold-webfont.ttf') format('truetype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'DD-ProximaNova';
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-BoldIt-webfont.eot');
  src: url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-BoldIt-webfont.eot?#iefix') format('embedded-opentype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-BoldIt-webfont.woff') format('woff'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-BoldIt-webfont.ttf') format('truetype'),
       url('https://doordash-static.s3.amazonaws.com/static/css/fonts/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic') format('svg');
  font-weight: 700;
  font-style: italic;
}

#wrapper,
#submit_app {
  text-shadow: none;
  font-size: 15px;
  display: block;
  width: 100%;
}

#submit_app {
  font-family: "DD-ProximaNova",
                -apple-system,
                BlinkMacSystemFont,
                "Segoe UI",
                "Roboto",
                "Oxygen",
                "Ubuntu",
                "Cantarell",
                "Fira Sans",
                "Droid Sans",
                "Helvetica Neue",
                sans-serif;
}
:root {
    /*
    We recommend you change these values to match your brand.
    The light color has an opacity of .1, do not modify that
    */
    --primary-brand-color: rgb(255, 25, 64);
    --light-primary-brand-color: rgba(255, 25, 64, .1);

    /* We recommend not changing these colors */
    --full-page-background-color: #FAFAFA;
    --application-background-color: #FAFAFA;
    --footer-color: #FAFAFA;
    --main-text-color: #222222;
    --sub-header-color: #666;
    --link-color: #ff1940;
    --field-border-color: #E1E1E1;
}

body {
    background-color: var(--full-page-background-color);
}

body #wrapper {
    background-color: #FAFAFA;
    min-height: 100vh;
    max-width: 800px;
    padding: 0 48px;
}
a,
input[type='button'].link-like-button {
  color: #ff1940;
  background-image: none;
}
/* Select Boxes */
#main .select2-choice {
    height: 35px;
}

#main .select2-chosen {
    line-height: 35px;

}

#main .select2-arrow {
    padding-top: 4px;
    padding-right: 4px;
}

#main .filter-label {
    color: var(--sub-header-color);
    font-size: 12px;
    font-weight: 600;
}

#main .location {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 18px;
    color: var(--sub-header-color);
}
#main .button {
    background-color: #ff1940;
    background-image: none;
    font-weight: 600;
    transition: background-color 0.2s ease-in-out;
  }

#main  .button:hover {
    background-color: #E81437;
    background-image: none;
  }


#board_title {
    margin: 0 0 16px 0;
    font-size: 22px;
    line-height: 36px;
    font-weight: 400;
}


/* Job Post Page */
div#main div#app_body {
    margin: 0 auto;
    padding-left: 0 !important;
    padding-right: 0;
    line-height: 1.5;
}
#app_body p,
#app_body li {
  font-size: 16px;
  line-height: 1.5;
  color: #515151;
}


div#app_body #header {
    display: flex;
    flex-direction: column;
}


div#app_body #header > a {
    order: 1;
}

div#app_body #header .app-title {
  color: #333333;
  font-size: 36px;
  padding-bottom: 2px;
}

div#app_body #header .location {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

div#main #application_form h2.heading {
    color: var(--main-text-color);
    font-size: 1.375rem;
}

div#app_body .app-title {
  color: #333333;
  font-size: 36px;
  padding-bottom: 2px;
}

.button {
  background-color: var(--primary-brand-color);
  background-image: none;
  font-weight: 600;
  transition: background-color 0.2s ease-in-out;
}

.button:hover {
  background-color: #E81437;
  background-image: none;
}


input[type="checkbox"]:not([type='submit']) + label, {
  position: relative;
  display: block;
  Background: #666;
  border-color:#222222;
}
input[type="checkbox"]:checked + label, {
  position: relative;
  display: block;
  background:var(--primary-brand-color);
  border-color:#222222;
  }

div#app_body {
    max-width: none;
    padding-right: 20px;
}

div#content {
    padding-bottom: 16px;
}

div#application {
    background-color: var(--application-background-color);
    border-top: 1px solid var(--field-border-color);
    padding-left: 0;
    padding-right: 0;
    max-width: none;
}

div#main_fields, div#custom_fields {
    font-weight: 400;
    line-height: 26px;
}

div#application div.field label {
    color: var(--sub-header-color);
    display: block;
    float: none;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}

#apply_button {
  top: 8px;
  font-size: 15px;
}

div#application div.field label span.asterisk {
    font-size: 12px;
}

div#application #main_fields div.field textarea {
    margin-left: 0;
}

div#application div.field input[type=text] {
    border: solid 1px var(--field-border-color);
    height: 25px;
    padding-left: 12px;
    width: 455px;
}

@media (max-width: 600px) {
    div#application div.field input[type=text] {
        width: 60%;
    }
    input {
      -webkit-appearance: auto;
        }
    #submit_button {
      display: block;
      background-image: none;
      margin-bottom: 16px;
      position: static;
      text-align: center;
      background-color: var(--primary-brand-color);
    }
    #apply_button {
      display: block;
      margin-bottom: 16px;
      position: static;
      text-align: center;
      background-color: var(--primary-brand-color);
    }
}

div#application div.field input[placeholder="MM"] {
    padding-left: 10px;
}

div#application div.field input[placeholder="YYYY"] {
    padding-left: 7px;
}
div#application legend {
    float: none;
}
div.link-container a {
    color: var(--link-color);
    font-size: 13px;
}
div#application a#add_education {
    margin-left: 0;
}

div#field {
    margin-bottom: 9px;
}

#main_fields div.field div.field-error-msg {
    padding-left: 0;
}

div.field div.msg-container {
    padding-top: 5px;
}

#application .field .select2-container {
    margin-top: 0;
}

div#application div.field a.locate-me {
    display: block;
}

div#application div.field textarea {
    border-color: var(--field-border-color);
    width: 455px;
}

@media (max-width: 600px) {
    div#application div.field textarea {
        width: 60%;
    }
}

div#application div.field div.select2-container {
    width: 420px !important;
}

@media (max-width: 600px) {
    div#application div.field div.select2-container {
        width: 60% !important;
    }
    div#application div.checkbox {
        width: 60%
      }

}



/* Confirmation Page */
#main #view-more {
    text-align: left;
    padding-top: 0;
}

#main strong > a {
    color: var(--link-color);
    font-weight: 400;
}