{"version":3,"sources":["../../node_modules/uswds/src/stylesheets/lib/grid/_box-sizing.scss","joa-print-dev.css","../base/_accessibility.scss","../base/_utilities.scss","joa-print-dev.scss","../../node_modules/uswds/src/stylesheets/lib/grid/_span-columns.scss","../../node_modules/uswds/src/stylesheets/lib/grid/_private.scss","../../node_modules/uswds/src/stylesheets/lib/addons/_font-stacks.scss","../base/var/_typography.scss","../base/var/_spacing.scss","../../node_modules/uswds/src/stylesheets/lib/mixins/_clearfix.scss","../../node_modules/uswds/src/stylesheets/lib/functions/_px-to-rem.scss","../../node_modules/uswds/src/stylesheets/lib/grid/_omega.scss"],"names":[],"mappings":"AAGE,KACE,6BAAsB,CAAtB,qBCFJ,CDKE,iBAII,0BAAmB,CAAnB,kBCLN,CCFA,wBCiDE,2BAA6B,CAC7B,qBAAuB,CACvB,kBAAoB,CACpB,mBAAqB,CACrB,mBAAqB,CACrB,oBAAsB,CACtB,yBAA2B,CAC3B,4BF3CF,CGbA,aAGE,gBHcF,CGjBA,mVAmBI,YHaJ,CGhCA,8DAuBI,uBHaJ,CGpCA,4CA2BI,SHaJ,CGxCA,yCC+DI,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eJnCN,CG/CA,oDCqFQ,cJlCR,CGnDA,mDC+DI,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eJxBN,CG1DA,8DCqFQ,cJvBR,CG9DA,yCC+DI,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eJbN,CGrEA,oDCqFQ,cJZR,CGzEA,uCDqBE,gBF6DF,CGlFA,+EDAE,4EIQsE,CJPtE,eKsBa,CLrBb,eKcuB,CLbvB,mBMJgB,CNKhB,iBFuFF,CG3FA,wCD0BE,gBFiEF,CG3FA,2FAyDI,gBH0CJ,CGnGA,0CDAE,4EIQsE,CJPtE,eKsBa,CLrBb,eKcuB,CLbvB,mBMJgB,CNKhB,iBMH2B,CNyB3B,gBFkFF,CG5GA,iFAkEI,gBI9DoB,CJ+DpB,gBH+CJ,CGlHA,mEAwEI,UAAW,CACX,UAAW,CACX,QH+CJ,CGzHA,mGA6EM,YHiDN,CG9HA,yFMgBI,UAAW,CACX,UAAW,CACX,aTmHJ,CGrIA,yEAqFM,gBIzEe,CJ0Ef,mBHqDN,CG3IA,6EAyFQ,YHuDR,CGhJA,yEDAE,4EIQsE,CJPtE,eKsBa,CLrBb,eKcuB,CLevB,gBKnBmB,CJmFf,QH4DN,CG3JA,yEAmGM,oBH6DN,CGhKA,+EAsGQ,eH+DR,CGrKA,uEA2GM,gBOlG2B,CPmG3B,eH+DN,CG3KA,yEAgHM,aAAc,CACd,QAAS,CACT,aHgEN,CGlLA,iFAsHM,YHiEN,CGvLA,mFA0HM,aAAc,CACd,4BAA6B,CAC7B,gBOnH2B,CPoH3B,eHkEN,CG/LA,oFAoII,oBKnIyB,CJ8DzB,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eJsHN,CGxMA,0GCqFQ,cJwHR,CG7MA,0CQmDM,cX8JN,CGjNA,iCA6II,eHwEJ,CGrNA,wHC+DI,UAAO,CAGL,aAAc,CAgBd,UC5EyC,CFgJ3C,cH2EJ,CGjOA,+KCqFQ,cJoJR,CGzOA,8LAyJM,YHwFN,CGjPA,uBA8JI,kBHuFJ,CGnFA,iIAGI,YHqFJ,CGxFA,wFAOI,uBHqFJ,CG5FA,sJAaI,QAAS,CACT,SAAU,CACV,uBAAgB,CAAhB,eHqFJ,CGpGA,6UAmBM,YHyFN,CG5GA,8KDlKE,4EIQsE,CJPtE,eKsBa,CLrBb,eKcuB,CLbvB,mBMJgB,CNKhB,iBMH2B,CNoB3B,gBFoQF,CGvHA,mDA4BI,SAAU,CACV,qBH+FJ,CG5HA,0DAgCM,aHgGN,CGhIA,2DAmCM,aHiGN","file":"usajobs-design-system-joa-print-dev.css","sourcesContent":["@charset \"UTF-8\";\n\n@if $border-box-sizing == true {\n  html { // http://bit.ly/1qk2tVR\n    box-sizing: border-box;\n  }\n\n  * {\n    &,\n    &::after,\n    &::before {\n      box-sizing: inherit;\n    }\n  }\n}\n","html {\n  box-sizing: border-box;\n}\n\n*, *::after, *::before {\n  box-sizing: inherit;\n}\n\n.usajobs-assistive-text {\n  position: absolute !important;\n  margin: -1px !important;\n  border: 0 !important;\n  padding: 0 !important;\n  width: 1px !important;\n  height: 1px !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n}\n\n.usajobs-joa {\n  font-size: 1.3rem;\n}\n\n.usajobs-joa .usajobs-nav,\n.usajobs-joa .usajobs-site-header,\n.usajobs-joa .usajobs-joa-header,\n.usajobs-joa .usajobs-joa-prev-next,\n.usajobs-joa .usajobs-joa-actions__col-apply,\n.usajobs-joa .usajobs-joa-actions__col-sub-actions,\n.usajobs-joa .usa-footer,\n.usajobs-joa .usajobs-joa__authenticity-note {\n  display: none;\n}\n\n.usajobs-joa .usajobs-joa-accordion-trigger {\n  display: none;\n}\n\n.usajobs-joa .usajobs-joa-accordion-content[aria-hidden=\"true\"] {\n  display: block !important;\n}\n\n.usajobs-joa .usajobs-joa-accordion-content {\n  padding: 0;\n}\n\n.usajobs-joa .usajobs-joa-intro__summary {\n  float: left;\n  display: block;\n  margin-right: 2.35765%;\n  width: 31.76157%;\n}\n\n.usajobs-joa .usajobs-joa-intro__summary:last-child {\n  margin-right: 0;\n}\n\n.usajobs-joa .usajobs-joa-intro__details-container {\n  float: left;\n  display: block;\n  margin-right: 2.35765%;\n  width: 65.88078%;\n}\n\n.usajobs-joa .usajobs-joa-intro__details-container:last-child {\n  margin-right: 0;\n}\n\n.usajobs-joa .usajobs-joa-intro__details {\n  float: left;\n  display: block;\n  margin-right: 2.35765%;\n  width: 48.82117%;\n}\n\n.usajobs-joa .usajobs-joa-intro__details:last-child {\n  margin-right: 0;\n}\n\n.usajobs-joa .usajobs-joa-intro__title {\n  font-family: \"Source Sans Pro\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif;\n  font-weight: 700;\n  line-height: 1.3;\n  margin-bottom: 0.5rem;\n  margin-top: 1.5rem;\n  font-size: 2.4rem;\n}\n\n.usajobs-joa .usajobs-joa-intro__agency {\n  font-family: \"Source Sans Pro\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif;\n  font-weight: 700;\n  line-height: 1.3;\n  margin-bottom: 0.5rem;\n  margin-top: 1.5rem;\n  font-size: 1.9rem;\n}\n\n.usajobs-joa .usajobs-joa-intro__employment-type {\n  font-size: 1.3rem;\n}\n\n.usajobs-joa .usajobs-joa-intro__location {\n  font-size: 1.3rem;\n}\n\n.usajobs-joa .usajobs-joa-accordion-title {\n  font-family: \"Source Sans Pro\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif;\n  font-weight: 700;\n  line-height: 1.3;\n  margin-bottom: 0.5rem;\n  margin-top: 1.5rem;\n  font-size: 1.9rem;\n}\n\n.usajobs-joa .usajobs-joa-intro__location,\n.usajobs-joa .usajobs-joa-intro__label {\n  font-size: 1.4rem;\n  margin-top: 0.8rem;\n}\n\n.usajobs-joa .usajobs-content-well,\n.usajobs-joa .usajobs-rightrail {\n  float: none;\n  width: 100%;\n  margin: 0;\n}\n\n.usajobs-joa .usajobs-content-well .img-responsive,\n.usajobs-joa .usajobs-rightrail .img-responsive {\n  display: none;\n}\n\n.usajobs-joa .usajobs-content-well .row::after,\n.usajobs-joa .usajobs-rightrail .row::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.usajobs-joa .usajobs-content-well h3,\n.usajobs-joa .usajobs-rightrail h3 {\n  font-size: 1.6rem;\n  margin: 1rem 0 0.5rem;\n}\n\n.usajobs-joa .usajobs-content-well h3 + p,\n.usajobs-joa .usajobs-rightrail h3 + p {\n  margin-top: 0;\n}\n\n.usajobs-joa .usajobs-content-well h4,\n.usajobs-joa .usajobs-rightrail h4 {\n  font-family: \"Source Sans Pro\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif;\n  font-weight: 700;\n  line-height: 1.3;\n  margin-bottom: 0.5rem;\n  margin-top: 1.5rem;\n  font-size: 1.6rem;\n  margin: 0;\n}\n\n.usajobs-joa .usajobs-content-well ul,\n.usajobs-joa .usajobs-rightrail ul {\n  margin-bottom: 0.25rem;\n}\n\n.usajobs-joa .usajobs-content-well ul li,\n.usajobs-joa .usajobs-rightrail ul li {\n  line-height: 1.2;\n}\n\n.usajobs-joa .usajobs-content-well p,\n.usajobs-joa .usajobs-rightrail p {\n  font-size: 1.3rem;\n  line-height: 1.2;\n}\n\n.usajobs-joa .usajobs-content-well br,\n.usajobs-joa .usajobs-rightrail br {\n  display: block;\n  margin: 0;\n  line-height: 1;\n}\n\n.usajobs-joa .usajobs-content-well p + br + p,\n.usajobs-joa .usajobs-rightrail p + br + p {\n  margin-top: 0;\n}\n\n.usajobs-joa .usajobs-content-well a:after,\n.usajobs-joa .usajobs-rightrail a:after {\n  display: block;\n  content: \" (\" attr(href) \") \";\n  font-size: 1.1rem;\n  font-weight: normal;\n}\n\n.usajobs-joa .usajobs-joa-agency__details,\n.usajobs-joa .usajobs-joa-agency__address {\n  margin-bottom: 1.5rem;\n  float: left;\n  display: block;\n  margin-right: 2.35765%;\n  width: 48.82117%;\n}\n\n.usajobs-joa .usajobs-joa-agency__details:last-child,\n.usajobs-joa .usajobs-joa-agency__address:last-child {\n  margin-right: 0;\n}\n\n.usajobs-joa .usajobs-joa-agency__address {\n  margin-right: 0;\n}\n\n.usajobs-joa .usajobs-joa-agency {\n  margin-top: 1rem;\n}\n\n.usajobs-joa #jobinfo1,\n.usajobs-joa #jobinfo2,\n.usajobs-joa #jobsummary,\n.usajobs-joa .noUSAJobsCSS,\n.usajobs-joa .content {\n  float: left;\n  display: block;\n  margin-right: 2.35765%;\n  width: 100%;\n  margin-right: 0;\n}\n\n.usajobs-joa #jobinfo1:last-child,\n.usajobs-joa #jobinfo2:last-child,\n.usajobs-joa #jobsummary:last-child,\n.usajobs-joa .noUSAJobsCSS:last-child,\n.usajobs-joa .content:last-child {\n  margin-right: 0;\n}\n\n.usajobs-joa #jobinfo1 p:first-child,\n.usajobs-joa #jobinfo2 p:first-child,\n.usajobs-joa #jobsummary p:first-child,\n.usajobs-joa .noUSAJobsCSS p:first-child,\n.usajobs-joa .content p:first-child {\n  margin-top: 0;\n}\n\n.usajobs-joa #jobinfo1 {\n  margin-bottom: 1rem;\n}\n\n.usajobs-joa--v1-5__shell .usajobs-joa--v1-5__accordion-trigger,\n.usajobs-joa--v1-5__shell .usajobs-joa-occupations__similar-jobs {\n  display: none;\n}\n\n.usajobs-joa--v1-5__shell [data-object=\"reveal-more\"][data-readmore][aria-expanded=\"false\"] {\n  display: block !important;\n}\n\n.usajobs-joa--v1-5__shell .usajobs-joa-overview,\n.usajobs-joa--v1-5__shell .usajobs-joa-locations--v1-5,\n.usajobs-joa--v1-5__shell .usajobs-joa-section {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n\n.usajobs-joa--v1-5__shell .usajobs-joa-overview__cta, .usajobs-joa--v1-5__shell .usajobs-joa-overview__help,\n.usajobs-joa--v1-5__shell .usajobs-joa-locations--v1-5__cta,\n.usajobs-joa--v1-5__shell .usajobs-joa-locations--v1-5__help,\n.usajobs-joa--v1-5__shell .usajobs-joa-section__cta,\n.usajobs-joa--v1-5__shell .usajobs-joa-section__help {\n  display: none;\n}\n\n.usajobs-joa--v1-5__shell .usajobs-joa-overview__header,\n.usajobs-joa--v1-5__shell .usajobs-joa-locations--v1-5__header,\n.usajobs-joa--v1-5__shell .usajobs-joa-section__header {\n  font-family: \"Source Sans Pro\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif;\n  font-weight: 700;\n  line-height: 1.3;\n  margin-bottom: 0.5rem;\n  margin-top: 1.5rem;\n  font-size: 2.4rem;\n}\n\n.usajobs-joa--v1-5__shell .usajobs-joa-occupations {\n  padding: 0;\n  background-color: #ffffff;\n}\n\n.usajobs-joa--v1-5__shell .usajobs-joa-occupations__title {\n  color: #212121;\n}\n\n.usajobs-joa--v1-5__shell .usajobs-joa-occupations__series {\n  color: #0071bc;\n}\n","// Accessibility\n\n@import \"utilities\";\n\n.usajobs-assistive-text {\n  @include hide();\n}\n","// USAJOBS Utilities\n\n// Typography helpers\n@mixin header {\n  font-family: $font-sans;\n  font-weight: $font-bold;\n  line-height: $heading-line-height;\n  margin-bottom: $size-base;\n  margin-top: $size-default;\n}\n\n@mixin h1 {\n  @include header();\n  font-size: $h1-font-size;\n  color: $color-primary-darkest;\n}\n\n@mixin h2 {\n  @include header();\n  font-size: $h2-font-size;\n  color: $color-primary-darkest;\n}\n\n@mixin h3 {\n  @include header();\n  font-size: $h3-font-size;\n}\n\n@mixin h4 {\n  @include header();\n  font-size: $h4-font-size;\n}\n\n@mixin h5 {\n  @include header();\n  font-size: $h5-font-size;\n}\n\n@mixin h6 {\n  @include header();\n  font-size: $h6-font-size;\n  font-weight: $font-normal;\n  text-transform: uppercase;\n}\n\n@mixin default-text {\n  font-size: $base-font-size;\n  font-weight: $font-normal;\n  line-height: 1.5;\n  margin: $size-S 0;\n}\n\n@mixin hide() {\n  position: absolute !important;\n  margin: -1px !important;\n  border: 0 !important;\n  padding: 0 !important;\n  width: 1px !important;\n  height: 1px !important;\n  overflow: hidden !important;\n  clip: rect(0 0 0 0) !important;\n}\n\n@mixin makeCircle(\n  $size,\n  $border: none,\n  $bg-color: inherit,\n  $color: $color-white\n) {\n  display: inline-block;\n  width: $size;\n  height: $size;\n  line-height: $size;\n  border-radius: 50%;\n  color: $color;\n  background-color: $bg-color;\n  box-shadow: 0 0 0 2px $border inset;\n}\n\n@mixin makeSemiCircle($size, $bg-color: inherit, $color: $color-white) {\n  display: inline-block;\n  width: $size;\n  height: $size / 2;\n  line-height: $size;\n  -moz-border-radius: $size $size 0 0;\n  -webkit-border-radius: $size $size 0 0;\n  border-radius: $size $size 0 0;\n  color: $color;\n  background-color: $bg-color;\n}\n\n@mixin makeCloseButton($size: 35px) {\n  position: absolute;\n  top: -#{$size-default};\n  right: -#{$size-default};\n  margin: 0;\n  padding: 0;\n  @include makeCircle($size);\n  background-color: $color-gray-light;\n  text-decoration: none;\n\n  &:after {\n    position: relative;\n    display: inline-block;\n    width: rem(12px);\n    height: rem(12px);\n    background-size: 12px 12px;\n    content: url(\"../img/icons/close/times.svg\");\n    color: $color-white;\n    // Safari puts the icon slightly too low, Chrome slightly too high\n    // line-height corrects the issue in Chrome but makes it way too low in Safari\n    // line-height: $size;\n  }\n\n  &:hover {\n    background-color: $color-gray-dark;\n  }\n}\n\n@mixin makeButton(\n  $bg-color,\n  $hover-color,\n  $active-color,\n  $big: false,\n  $color: $color-white\n) {\n  display: inline-block;\n  appearance: none;\n  background-color: $bg-color;\n  border: 0;\n  color: $color;\n  cursor: pointer;\n  font-family: $font-sans;\n  font-size: $base-font-size;\n  font-weight: $font-bold;\n  line-height: 1;\n  outline: none;\n  @include margin(0.5em 0.5em 0.5em null);\n  text-align: center;\n  text-decoration: none;\n  width: 100%;\n  -webkit-font-smoothing: antialiased;\n\n  .main-content & {\n    text-decoration: none;\n  }\n\n  @if ($big) {\n    padding: $size-default $size-M;\n    border-radius: 8px;\n    font-size: 2.4rem;\n  } @else {\n    padding: 1rem 2rem;\n    border-radius: $border-radius;\n  }\n\n  @include media($SM) {\n    width: auto;\n  }\n\n  &:visited {\n    color: $color;\n  }\n\n  &:hover,\n  &.usa-button-hover {\n    background-color: $hover-color;\n    color: $color;\n    border-bottom: 0;\n    text-decoration: none;\n  }\n\n  &:active,\n  &.usa-button-active {\n    background-color: $active-color;\n  }\n\n  &:focus {\n    box-shadow: $focus-shadow;\n  }\n}\n\n@mixin makePrimaryButton() {\n  @include makeButton(\n    $color-primary,\n    $color-primary-darker,\n    $color-primary-darkest,\n    \"big\"\n  );\n}\n\n@mixin bulletList() {\n  list-style: none;\n  padding-left: 0;\n  display: table;\n\n  > li {\n    display: table-row;\n\n    &:before {\n      content: \"•\";\n      display: table-cell;\n      padding-right: 0.4em;\n    }\n\n    &:after {\n      content: \"\";\n      display: block;\n      margin-bottom: 0.5em;\n    }\n  }\n}\n\n@mixin unstyledList() {\n  display: block;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n\n  > li {\n    display: list-item;\n    margin: 0;\n\n    &:before {\n      display: none;\n    }\n\n    &:after {\n      display: none;\n    }\n  }\n}\n\n// BACKWARD COMPATIBLE SUPPORT FOR BOOTSTRAP\n// From https://gist.github.com/johnkoht/6405117\n// Converted from sass to scss\n// Create the grid for a given size\n// This will loop over the number of columns and create a css class\n// for each. If it's the last gride size, then let's not add a float\n@mixin grid-core($size) {\n  @for $i from 1 through $grid-columns {\n    .col-#{$size}-#{$i} {\n      // Ignore float for the largest grid size\n      @if $i < $grid-columns {\n        float: left;\n      }\n      @include span-columns($i);\n    }\n    // If it's not the screen-xs, then let's add push and pull helper classes\n    @if $size != \"xs\" {\n      .col-#{$size}-push-#{$i} {\n        left: flex-grid($i, $grid-columns) + flex-gutter($grid-columns);\n      }\n      .col-#{$size}-pull-#{$i} {\n        right: flex-grid($i, $grid-columns) + flex-gutter($grid-columns);\n      }\n    }\n  }\n}\n\n// OMEGA RESET\n// From http://www.ryanscherler.com/notes/entry/omega-reset-for-bourbon-neat/\n@mixin omega-reset($nth, $context: null) {\n  @if $context == null {\n    &:nth-child(#{$nth}) {\n      margin-right: flex-gutter();\n    }\n  } @else {\n    &:nth-child(#{$nth}) {\n      margin-right: flex-gutter($context);\n    }\n  }\n  &:nth-child(#{$nth} + 1) {\n    clear: none;\n  }\n}\n\n@mixin contentGutter() {\n  padding: 0 $size-default;\n\n  @include media($ML) {\n    padding-left: $size-M;\n    padding-right: $size-M;\n  }\n}\n\n// A variation on a mixin created to reproduce Google's Material Design Card shadows\n// https://gist.github.com/paulmelnikow/7fcfbe4f68e5df7fe326\n@mixin boxShadow($level, $inset: false) {\n  @if $level == 1 {\n    @if ($inset) {\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12) inset,\n        0 1px 2px rgba(0, 0, 0, 0.24) inset;\n    } @else if {\n      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n    }\n  } @else if $level == 2 {\n    @if ($inset) {\n      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) inset,\n        0 3px 6px rgba(0, 0, 0, 0.23) inset;\n    }\n    @elseif {\n      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);\n    }\n  } @else if $level == 3 {\n    @if ($inset) {\n      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19) inset,\n        0 6px 6px rgba(0, 0, 0, 0.23) inset;\n    }\n    @elseif {\n      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);\n    }\n  } @else if $level == 4 {\n    @if ($inset) {\n      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25) inset,\n        0 10px 10px rgba(0, 0, 0, 0.22) inset;\n    }\n    @elseif {\n      box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),\n        0 10px 10px rgba(0, 0, 0, 0.22);\n    }\n  } @else if $level == 5 {\n    @if ($inset) {\n      box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3) inset,\n        0 15px 12px rgba(0, 0, 0, 0.22) inset;\n    }\n    @elseif {\n      box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3),\n        0 15px 12px rgba(0, 0, 0, 0.22);\n    }\n  }\n}\n\n@mixin permaLink() {\n  color: $color-primary;\n\n  &:visited {\n    color: $color-primary;\n  }\n}\n\n// Allows us to use an HTML button and not get the default styling\n@mixin removeButton() {\n  margin: 0;\n  background-color: inherit;\n  border-radius: inherit;\n  color: $color-base;\n  font-weight: normal;\n\n  &:hover {\n    color: $color-base;\n    background-color: inherit;\n  }\n}\n\n@mixin UHPIcons($size: 31px) {\n  @include makeCircle($size, none, $color-secondary);\n  display: inline-block;\n  padding-bottom: $size-default;\n  font-size: $base-font-size;\n  text-align: center;\n  margin-right: $size-base;\n\n  &.public,\n  &.interchange {\n    @include makeCircle($size, none, $color-primary-alt);\n  }\n\n  &.federal-employees,\n  &.internal,\n  &.ses {\n    @include makeCircle($size, none, $color-primary-darkest);\n  }\n\n  &.federal-employees .fa::before {\n    margin-top: rem(-3px);\n    margin-right: rem(-2px);\n  }\n\n  &.internal .fa {\n    padding-top: rem(5px);\n\n    &::before {\n      margin-left: rem(1px);\n    }\n  }\n\n  &.veterans,\n  &.military-spouses {\n    @include makeCircle($size, none, $color-green);\n  }\n\n  // New variation with stacked circle icons\n  &.military-spouses {\n    .fa.is-first {\n      text-indent: 0;\n      top: -2px;\n      left: -4px;\n      opacity: 0.8;\n    }\n    .fa.is-second {\n      text-indent: 0;\n      left: 3px;\n    }\n  }\n\n  &.students {\n    @include makeCircle($size, none, $color-gold);\n  }\n\n  &.disability,\n  &.individuals-with-disabilities {\n    @include makeCircle($size, none, $color-primary-darker);\n  }\n\n  &.peace-corps {\n    @include makeCircle($size, none, $color-visited);\n  }\n\n  &.former-overseas-employees,\n  &.family-of-overseas-employees {\n    @include makeCircle($size, none, $color-primary-alt-darkest);\n  }\n\n  &.native-americans {\n    @include makeCircle($size, none, $color-gray);\n  }\n\n  &.land-mgmt,\n  &.land-management {\n    @include makeCircle($size, none, $color-gray-warm-dark);\n  }\n}\n\n@mixin applicationStatusColors() {\n  background-color: $color-gray-dark;\n  color: $color-white;\n  border: 1px solid $color-gray-dark;\n\n  &.status-received,\n  &.status-referred,\n  &.status-selected {\n    background-color: $color-green-dark;\n    color: $color-white;\n    border-color: $color-green-dark;\n  }\n\n  // Paused\n  &.status-incomplete,\n  &.status-in-progress {\n    background-color: $color-gold;\n    color: $color-base;\n    border-color: $color-gold;\n  }\n\n  // Stopped\n  &.status-canceled,\n  &.status-not-referred,\n  &.status-not-selected {\n    background-color: $color-secondary;\n    color: $color-white;\n    border-color: $color-secondary;\n  }\n}\n\n// Mixin to replace the use of font awesome\n@mixin icon-content($file, $height, $width, $path: null) {\n  display: inline-block;\n  background-size: $height $width;\n  height: $height;\n  width: $width;\n  @if $path == null {\n    content: url(\"../img/icons/#{$file}.svg\");\n  } @else {\n    content: url($path);\n  }\n}\n\n@mixin iconCenter($size: 1em) {\n  display: inline-flex;\n  align-self: center;\n  position: relative;\n  height: $size;\n  width: $size;\n\n  svg {\n    position: absolute;\n    left: 0;\n    right: 0;\n    margin: 0 auto;\n    height: 1em;\n    width: 1em;\n  }\n}\n","// JOA Print styles\n\n@import \"../base-shared\";\n\n.usajobs-joa {\n  // Go small so it can possibly fit within 5 pages.\n  // Plus, this size looks sharpest once printed out.\n  font-size: rem(13);\n\n  // Hide a bunch of things that are not needed on a print out\n  .usajobs-nav,\n  .usajobs-site-header,\n  .usajobs-joa-header,\n  .usajobs-joa-prev-next,\n  .usajobs-joa-actions__col-apply,\n  .usajobs-joa-actions__col-sub-actions,\n  .usa-footer,\n  .usajobs-joa__authenticity-note {\n    display: none;\n  }\n\n  // Open up all of the drawers\n  .usajobs-joa-accordion-trigger {\n    display: none;\n  }\n\n  .usajobs-joa-accordion-content[aria-hidden=\"true\"] {\n    display: block !important;\n  }\n\n  .usajobs-joa-accordion-content {\n    padding: 0;\n  }\n\n  // Align the intro section into 3 columns\n  .usajobs-joa-intro__summary {\n    @include span-columns(4, 12);\n  }\n\n  .usajobs-joa-intro__details-container {\n    @include span-columns(8, 12);\n  }\n\n  .usajobs-joa-intro__details {\n    @include span-columns(6, 12);\n  }\n\n  // Wratchet down font-sizes\n  .usajobs-joa-intro__title {\n    @include h3();\n  }\n\n  .usajobs-joa-intro__agency {\n    @include h4();\n  }\n\n  .usajobs-joa-intro__employment-type {\n    font-size: rem(13);\n  }\n\n  .usajobs-joa-intro__location {\n    font-size: rem(13);\n  }\n\n  .usajobs-joa-accordion-title {\n    @include h4();\n  }\n\n  .usajobs-joa-intro__location,\n  .usajobs-joa-intro__label {\n    font-size: $small-font-size;\n    margin-top: 0.8rem;\n  }\n\n  .usajobs-content-well,\n  .usajobs-rightrail {\n    float: none;\n    width: 100%;\n    margin: 0;\n\n    .img-responsive {\n      display: none;\n    }\n\n    .row {\n      @include clearfix();\n    }\n\n    h3 {\n      font-size: $h5-font-size;\n      margin: $size-S 0 $size-base;\n\n      & + p {\n        margin-top: 0;\n      }\n    }\n\n    h4 {\n      @include h5();\n      margin: 0;\n    }\n\n    ul {\n      margin-bottom: $size-XS;\n\n      li {\n        line-height: 1.2;\n      }\n    }\n\n    p {\n      font-size: rem(13);\n      line-height: 1.2;\n    }\n\n    br {\n      display: block;\n      margin: 0;\n      line-height: 1;\n    }\n\n    p + br + p {\n      margin-top: 0;\n    }\n\n    a:after {\n      display: block;\n      content: \" (\" attr(href) \") \";\n      font-size: rem(11);\n      font-weight: normal;\n    }\n  }\n\n  // Split the agency card into 2 columns\n  .usajobs-joa-agency__details,\n  .usajobs-joa-agency__address {\n    margin-bottom: $size-default;\n    @include span-columns(6, 12);\n  }\n\n  .usajobs-joa-agency__address {\n    @include omega();\n  }\n\n  .usajobs-joa-agency {\n    margin-top: $size-S;\n  }\n\n  #jobinfo1,\n  #jobinfo2,\n  #jobsummary,\n  .noUSAJobsCSS,\n  .content {\n    @include span-columns(12);\n    margin-right: 0;\n\n    p:first-child {\n      margin-top: 0;\n    }\n  }\n\n  #jobinfo1 {\n    margin-bottom: $size-S;\n  }\n}\n\n.usajobs-joa--v1-5__shell {\n  .usajobs-joa--v1-5__accordion-trigger,\n  .usajobs-joa-occupations__similar-jobs {\n    display: none;\n  }\n\n  [data-object=\"reveal-more\"][data-readmore][aria-expanded=\"false\"] {\n    display: block !important;\n  }\n\n  .usajobs-joa-overview,\n  .usajobs-joa-locations--v1-5,\n  .usajobs-joa-section {\n    margin: 0;\n    padding: 0;\n    box-shadow: none;\n\n    &__cta,\n    &__help {\n      display: none;\n    }\n\n    &__header {\n      @include h3();\n    }\n  }\n\n  .usajobs-joa-occupations {\n    padding: 0;\n    background-color: $color-white;\n\n    &__title {\n      color: $color-base;\n    }\n    &__series {\n      color: $color-primary;\n    }\n  }\n}\n","@charset \"UTF-8\";\n\n/// Specifies the number of columns an element should span. If the selector is nested the number of columns of its parent element should be passed as an argument as well.\n///\n/// @param {List} $span\n///   A list containing `$columns`, the unitless number of columns the element spans (required), and `$container-columns`, the number of columns the parent element spans (optional).\n///\n///   If only one value is passed, it is assumed that it's `$columns` and that that `$container-columns` is equal to `$grid-columns`, the total number of columns in the grid.\n///\n///   The values can be separated with any string such as `of`, `/`, etc.\n///\n///   `$columns` also accepts decimals for when it's necessary to break out of the standard grid. E.g. Passing `2.4` in a standard 12 column grid will divide the row into 5 columns.\n///\n/// @param {String} $display [block]\n///   Sets the display property of the element. By default it sets the display property of the element to `block`.\n///\n///   If passed `block-collapse`, it also removes the margin gutter by adding it to the element width.\n///\n///   If passed `table`, it sets the display property to `table-cell` and calculates the width of the element without taking gutters into consideration. The result does not align with the block-based grid.\n///\n/// @example scss - Usage\n///   .element {\n///     @include span-columns(6);\n///\n///    .nested-element {\n///      @include span-columns(2 of 6);\n///    }\n///  }\n///\n/// @example css - CSS Output\n///   .element {\n///     display: block;\n///     float: left;\n///     margin-right: 2.35765%;\n///     width: 48.82117%;\n///   }\n///\n///   .element:last-child {\n///     margin-right: 0;\n///   }\n///\n///   .element .nested-element {\n///     display: block;\n///     float: left;\n///     margin-right: 4.82916%;\n///     width: 30.11389%;\n///   }\n///\n///   .element .nested-element:last-child {\n///     margin-right: 0;\n///   }\n\n@mixin span-columns($span: $columns of $container-columns, $display: block) {\n  $columns: nth($span, 1);\n  $container-columns: container-span($span);\n\n  $parent-columns: get-parent-columns($container-columns) !global;\n\n  $direction: get-direction($layout-direction, $default-layout-direction);\n  $opposite-direction: get-opposite-direction($direction);\n\n  $display-table: is-display-table($container-display-table, $display);\n\n  @if $display-table  {\n    display: table-cell;\n    width: percentage($columns / $container-columns);\n  } @else {\n    float: #{$opposite-direction};\n\n    @if $display != no-display {\n      display: block;\n    }\n\n    @if $display == collapse {\n      @include -neat-warn(\"The 'collapse' argument will be deprecated. Use 'block-collapse' instead.\");\n    }\n\n    @if $display == collapse or $display == block-collapse {\n      width: flex-grid($columns, $container-columns) + flex-gutter($container-columns);\n\n      &:last-child {\n        width: flex-grid($columns, $container-columns);\n      }\n\n    } @else {\n      margin-#{$direction}: flex-gutter($container-columns);\n      width: flex-grid($columns, $container-columns);\n\n      &:last-child {\n        margin-#{$direction}: 0;\n      }\n    }\n  }\n}\n","$parent-columns: $grid-columns !default;\n$fg-column: $column;\n$fg-gutter: $gutter;\n$fg-max-columns: $grid-columns;\n$container-display-table: false !default;\n$layout-direction: LTR !default;\n\n@function flex-grid($columns, $container-columns: $fg-max-columns) {\n  $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;\n  $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;\n  @return percentage($width / $container-width);\n}\n\n@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {\n  $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;\n  @return percentage($gutter / $container-width);\n}\n\n@function grid-width($n) {\n  @return $n * $gw-column + ($n - 1) * $gw-gutter;\n}\n\n@function get-parent-columns($columns) {\n  @if $columns != $grid-columns {\n    $parent-columns: $columns !global;\n  } @else {\n    $parent-columns: $grid-columns !global;\n  }\n\n  @return $parent-columns;\n}\n\n@function is-display-table($container-is-display-table, $display) {\n  @return $container-is-display-table == true or $display == table;\n}\n","@charset \"UTF-8\";\n\n/// Georgia font stack.\n///\n/// @type List\n\n$georgia: \"Georgia\", \"Cambria\", \"Times New Roman\", \"Times\", serif;\n\n/// Helvetica font stack.\n///\n/// @type List\n\n$helvetica: \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif;\n\n/// Lucida Grande font stack.\n///\n/// @type List\n\n$lucida-grande: \"Lucida Grande\", \"Tahoma\", \"Verdana\", \"Arial\", sans-serif;\n\n/// Monospace font stack.\n///\n/// @type List\n\n$monospace: \"Bitstream Vera Sans Mono\", \"Consolas\", \"Courier\", monospace;\n\n/// Verdana font stack.\n///\n/// @type List\n\n$verdana: \"Verdana\", \"Geneva\", sans-serif;\n","// Typography\n\n@import \"lib/addons/_font-stacks\";\n\n$em-base: 10px;\n$base-font-size-px: 17px;\n$base-font-size: 1.7rem;\n$xsmall-font-size: 1.2rem;\n$small-font-size: 1.4rem;\n$lead-font-size: 1.9rem;\n$title-font-size: 5.2rem;\n\n$h1-font-size: 4.4rem;\n$h2-font-size: 3.4rem;\n$h3-font-size: 2.4rem;\n$h4-font-size: 1.9rem;\n$h5-font-size: 1.6rem;\n$h6-font-size: 1.3rem;\n\n$base-line-height: 1.5;\n$heading-line-height: 1.3;\n$lead-line-height: 1.7;\n\n$font-sans: \"Source Sans Pro\", $helvetica;\n$font-serif: \"Merriweather\", $georgia;\n\n$font-normal: 400;\n$font-bold: 700;\n","// Spacing\n\n$size-XS: 0.25rem; // 2.5px\n$size-base: 0.5rem; // 5px\n$size-S: $size-base * 2; // 10px\n$size-default: $size-base * 3; // 15px\n$size-SM: $size-base * 4; // 20px - Use this sparingly\n$size-M: $size-base * 6; // 30px\n$size-L: $size-base * 9; // 45px\n$size-XL: $size-M * 2; // 60px\n$size-XXL: $size-default * 5; // 75px\n$size-XXXL: $size-default * 6; // 100px\n\n$space-inset-default: $size-default $size-default $size-default $size-default;\n$space-inset-XS: $size-XS $size-XS $size-XS $size-XS;\n$space-inset-base: $size-base $size-base $size-base $size-base;\n$space-inset-M: $size-M $size-M $size-M $size-M;\n$space-inset-L: $size-L $size-L $size-L $size-L;\n\n$space-stack-default: 0 0 $size-default 0;\n$space-stack-XS: 0 0 $size-XS 0;\n$space-stack-S: 0 0 $size-S 0;\n$space-stack-M: 0 0 $size-M 0;\n$space-stack-L: 0 0 $size-L 0;\n$space-stack-XL: 0 0 $size-XL 0;\n$space-stack-XXL: 0 0 $size-XXL 0;\n","@charset \"UTF-8\";\n\n/// Provides an easy way to include a clearfix for containing floats.\n///\n/// @link http://goo.gl/yP5hiZ\n///\n/// @example scss\n///   .element {\n///     @include clearfix;\n///   }\n///\n/// @example css\n///   .element::after {\n///     clear: both;\n///     content: \"\";\n///     display: block;\n///   }\n\n@mixin clearfix {\n  &::after {\n    clear: both;\n    content: \"\";\n    display: block;\n  }\n}\n","// Convert pixels to rems\n// eg. for a relational value of 12px write rem(12)\n// Assumes $em-base is the font-size of <html>\n\n@function rem($pxval) {\n  @if not unitless($pxval) {\n    $pxval: strip-units($pxval);\n  }\n\n  $base: $em-base;\n  @if not unitless($base) {\n    $base: strip-units($base);\n  }\n  @return ($pxval / $base) * 1rem;\n}\n","@charset \"UTF-8\";\n\n/// Removes the element's gutter margin, regardless of its position in the grid hierarchy or display property. It can target a specific element, or every `nth-child` occurrence. Works only with `block` layouts.\n///\n/// @param {List} $query [block]\n///   List of arguments. Supported arguments are `nth-child` selectors (targets a specific pseudo element) and `auto` (targets `last-child`).\n///\n///   When passed an `nth-child` argument of type `*n` with `block` display, the omega mixin automatically adds a clear to the `*n+1` th element. Note that composite arguments such as `2n+1` do not support this feature.\n///\n///   **Deprecation warning**: The omega mixin will no longer take a `$direction` argument. To change the layout direction, use `row($direction)` or set `$default-layout-direction` instead.\n///\n/// @example scss - Usage\n///   .element {\n///     @include omega;\n///   }\n///\n///   .nth-element {\n///     @include omega(4n);\n///   }\n///\n/// @example css - CSS Output\n///   .element {\n///     margin-right: 0;\n///   }\n///\n///   .nth-element:nth-child(4n) {\n///     margin-right: 0;\n///   }\n///\n///   .nth-element:nth-child(4n+1) {\n///     clear: left;\n///   }\n\n@mixin omega($query: block, $direction: default) {\n  $table: belongs-to(table, $query);\n  $auto: belongs-to(auto, $query);\n\n  @if $direction != default {\n    @include -neat-warn(\"The omega mixin will no longer take a $direction argument. To change the layout direction, use the direction(){...} mixin.\");\n  } @else {\n    $direction: get-direction($layout-direction, $default-layout-direction);\n  }\n\n  @if $table {\n    @include -neat-warn(\"The omega mixin no longer removes padding in table layouts.\");\n  }\n\n  @if length($query) == 1 {\n    @if $auto {\n      &:last-child {\n        margin-#{$direction}: 0;\n      }\n    }\n\n    @else if contains-display-value($query) and $table == false {\n      margin-#{$direction}: 0;\n    }\n\n    @else {\n      @include nth-child($query, $direction);\n    }\n  } @else if length($query) == 2 {\n    @if $auto {\n      &:last-child {\n        margin-#{$direction}: 0;\n      }\n    } @else {\n      @include nth-child(nth($query, 1), $direction);\n    }\n  } @else {\n    @include -neat-warn(\"Too many arguments passed to the omega() mixin.\");\n  }\n}\n\n@mixin nth-child($query, $direction) {\n  $opposite-direction: get-opposite-direction($direction);\n\n  &:nth-child(#{$query}) {\n    margin-#{$direction}: 0;\n  }\n\n  @if type-of($query) == number and unit($query) == \"n\" {\n    &:nth-child(#{$query}+1) {\n      clear: $opposite-direction;\n    }\n  }\n}\n"]}