/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.rxvantage.com/fonts/open-sans/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

html,
body {
  font-size: 16px;
  font-family: 'Open Sans';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
}

/* Category label */
section > h1,
section > h2,
section > h3,
section > h4,
section > h5,
section > h6 {
  position: relative;
  padding: .5rem 1rem;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  background-color: #00448a;
  z-index: 1;
}

section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 24px;
  padding-top: 0.5em;
}

section + section {
  margin-top: 0;
  padding-top: 0;
}

#main {
  padding-bottom: 0;
}

#logo,
#logo + h1,
#content,
#board_title {
  display: none;
}

.opening {
  width: 100%;
  margin-bottom: 0;
  padding: 0 0 1rem;
  font-weight: 300;
}

.opening a {
  display: block;
  line-height: 1.4;
  margin-bottom: 0.3em;
  font-size: 1.5em;
  color: #00448a;
  font-weight: 300;
  text-decoration: none;
  transition: color 0.3s ease;
}

.opening a:hover {
  color: #67acd6;
}

section:not(:last-child) .opening {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #e5ecf3;
}

.opening br {
  display: none;
}

.accessible .filter-container {
  height: auto;
}

/* Select */
.accessible .select2-container .select2-choice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-width: 190px;
  height: auto;
  padding: 1em;
  border: 1px solid #e5ecf3;
  border-radius: 0;
  color: #00448a;
  cursor: pointer;
  background: transparent;
}

.accessible .select2-container .select2-chosen,
.accessible .select2-container .select2-arrow,
.accessible .select2-container .select2-choice {
  background-color: transparent;
}

.select2-drop-active {
  border: 1px solid #e5ecf3;
  border-top-color: transparent;
  border-radius: 0;
  box-shadow: 0 20px 30px -12px rgba(0,0,99,.06);
}

.select2-results {
  margin: 0;
  padding: 0;
  font-weight: 300;
  color: #7a838e;
}

.select2-results .select2-result-label {
  padding: 0.7em 1.5em;
  font-size: 0.8125em;
}

.select2-results .select2-highlighted {
  color: #fff;
  background-color: #00448a;
}

.accessible .select2-dropdown-open .select2-choice {
  background-color: #f6f9fb;
}

.accessible .select2-dropdown-open .select2-choice .select2-arrow b {
  transform: translateY(-50%) rotateZ(-90deg);
}

.select2-container .select2-choice {
  line-height: 1.15;
}

.select2-container .select2-choice .select2-arrow {
  right: 0.5em;
}

.select2-container .select2-choice .select2-arrow b {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAuNjkgMTkuMiIgYXJpYS1sYWJlbGxlZGJ5PSJDYXJldCByaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNCNEM3REIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMS4wMSAxOC4xOUw5LjY5IDkuNSAxLjIxIDEuMDEiPjwvcGF0aD48L3N2Zz4=") !important;
  background-size: 6px !important;
  background-position: 50%;
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  margin-left: auto;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotateZ(90deg);
  transition: transform 0.3s ease;
}

/* Submit button */
.accessible #submit_app,
.accessible #apply_button,
#back_to_application_link {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 220px;
  padding: 1em 2em;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border-radius: 3em;
  border: 0;
  font-size: 1em;
  background-color: transparent;
  color: #fff;
  color: #00448a;
  box-shadow: inset 0 0 0 1px currentColor;
  text-shadow: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.accessible #submit_app:hover,
.accessible #apply_button:hover,
#back_to_application_link:hover {
  background-color: #00448a;
  -webkit-box-shadow: inset 0 0 0 1px #00448a;
  box-shadow: inset 0 0 0 1px #00448a;
  color: #fff;
}

#app_body {
  padding-left: 0 !important;
  font-weight: 300;
}

#app_body #content {
  display: block;
}

/* Job single - application */
#application {
  margin-top: 2em;
  padding: 0;
  background-color: transparent;
}

#application a {
  color: #00448a;
}

#application a:hover {
  color: #67acd6;
}

#wrapper {
  max-width: 85rem;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

#header a {
  color: #00448a;
}

#header a:hover {
  color: #67acd6;
}

/* ... ask Greenhouse devs why I must write this */
#wrapper #wrapper {
  padding: 0 !important;
}

@media (min-width: 768px) {
  #wrapper {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media (min-width: 1100px) {
  #wrapper {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
}

@media (min-width: 85rem) {
  #wrapper {
    max-width: 104rem;
  }
}

#application p,
#application ul,
#application ol {
  font-size: 0.9375em;
}

#application .heading {
  font-weight: 300;
}

#main_fields div.field input[type="text"],
#main_fields div.field textarea,
#eeoc_fields div.field input[type="text"],
#eeoc_fields div.field textarea {
  padding: .6rem .8rem;
  font-size: .875em;
  background-color: transparent;
  background-clip: padding-box;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e5ecf3;
  color: currentColor;
  -webkit-transition: border-color .3s ease;
  -o-transition: border-color .3s ease;
  transition: border-color .3s ease;
}

#main_fields div.field,
#custom_fields div.field,
#demographic_questions div.field,
#eeoc_fields div.field {
  display: flex;
  align-items: center;
}

/* Confirmation */
#submission_received {
  padding: 0;
  font-weight: 300;
}

#submission_received p {
  font-size: 0.9375em;
}

#submission_received a {
  color: #00448a;
  text-decoration: none;
  transition: color 0.3s ease;
}

#submission_received a:hover {
  color: #67acd6;
  text-decoration: none;
}

#back_to_application_link {
  font-weight: 400;
}
