{"version":3,"sources":["component/joa/prev-next.scss","../node_modules/uswds/src/stylesheets/lib/css3/_flex-box.scss","../node_modules/uswds/src/stylesheets/lib/addons/_prefixer.scss","base/var/_typography.scss","base/var/_layout.scss","components-joa.css","base/var/_colors.scss","../node_modules/uswds/src/stylesheets/lib/grid/_media.scss","base/var/_spacing.scss","component/joa/banner.scss","base/_utilities.scss","../node_modules/uswds/src/stylesheets/lib/addons/_font-stacks.scss","component/joa/intro.scss","../node_modules/uswds/src/stylesheets/lib/mixins/_clearfix.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/grid/_omega.scss","../node_modules/uswds/src/stylesheets/lib/css3/_calc.scss","component/joa/location.scss","component/joa/joa-actions.scss","../node_modules/uswds/src/stylesheets/lib/grid/_row.scss","component/_actions.scss","../node_modules/uswds/src/stylesheets/lib/functions/_px-to-rem.scss","../node_modules/uswds/src/stylesheets/lib/grid/_box-sizing.scss","base/_accessibility.scss","component/joa/agency.scss"],"names":[],"mappings":"AAIE,6BCiEE,mBAAoB,CACpB,gBAAiB,CACjB,WAAY,CAIZ,iBAAkB,CAClB,mBAAoB,CACpB,YAAa,CC1CT,0BDmHgB,CC/GhB,uBD+GgB,CCnGhB,kBDmGgB,CC3GhB,kBFrCmB,CE6CnB,cF7CmB,CACvB,gBGCoB,CHApB,gBIDsB,CJEtB,gBAAiB,CACjB,iBK4BJ,CLzBE,uFAGE,aAAc,CEmBV,kBFlBW,CEkCX,UFlCW,CEsBX,WFtBW,CE0BX,UF1BW,CEkCX,MFlCW,CACf,oBKgCJ,CLrCG,+GAQG,aMlBiB,CNmBjB,oBKiCN,CL7BE,6BACE,6BKgCJ,CE2BI,mCP5DF,6BAII,iBKkCJ,CACF,CL/BE,6BACE,sBQhCc,CRiCd,iBAAkB,CAClB,iBKkCJ,CL/BE,6BACE,6BAAiD,CACjD,gBKkCJ,CEUI,mCP9CF,6BAKI,kBKoCJ,CACF,CI9EA,oBACE,wBJoGF,CIlGE,0BACE,gBLDsB,CKEtB,gBAAiB,CACjB,iBAAkB,CAClB,cJqGJ,CE1BI,mCE/EF,0BAOI,iBDPiB,CCQjB,kBJuGJ,CACF,CIpGE,2BCfA,4ECQsE,CDPtE,ePsBa,COrBb,ePcuB,CODvB,gBPNmB,COOnB,aJf6B,CGgB3B,gBAAwB,CACxB,UJ6GJ,CE7CI,mCEnEF,2BCfA,4ECQsE,CDPtE,ePsBa,COrBb,ePcuB,COPvB,gBPDmB,COEnB,aJT6B,CGqBzB,QAAS,CACT,UJqHJ,CACF,CIlHE,0BACE,eD5BmB,CC6BnB,wBAAyB,CACzB,eAAmB,CACnB,UJqHJ,CIlHE,4BClCA,4ECQsE,CDPtE,ePsBa,COrBb,ePcuB,COUvB,gBPfmB,CMyBjB,aAAc,CACd,iBAA2B,CAC3B,eAAmB,CACnB,UJ0HJ,CI/HG,yGAUG,UJyHN,CInHE,kCACE,kBJsHJ,COrKA,mBAEE,cP0LF,CQjLE,yBACE,UAAW,CACX,UAAW,CACX,aRoLJ,CEpHI,mCK9EJ,mBAKI,cAAe,CACf,ePkMF,CACF,CO/LA,qBACE,kBPkMF,CE/HI,mCKpEJ,qBEiDI,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eC5EyC,CHa3C,ePuMF,CStII,gCACE,cTwIN,CACF,COxME,2BF4LA,aAAc,CAEd,SAAU,CACV,oBAAqB,CE5LnB,eP6MJ,CKfE,8BACE,iBAAkB,CAClB,QLkBJ,CKhBI,qCACE,YLmBN,CKhBI,oCACE,YLmBN,CQpOE,iCACE,UAAW,CACX,UAAW,CACX,aRuOJ,CEvKI,mCKtDF,sDEmCE,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eT+KJ,CS7KI,iEACE,cT+KN,CACF,CEnLI,mCKtDD,oEIuBG,cXuNJ,CACF,COnOE,4BACE,gBPsOJ,COnOE,mHAIE,YAAa,CACb,mBPmOJ,COhOE,6BACE,wBPmOJ,COhOE,gDACE,aPmOJ,COhOE,iDACE,aPmOJ,COhOE,uCACE,aAAc,CACd,gBPmOJ,CEnNI,qCKbF,8BENE,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eT2NJ,CSzNI,yCACE,cT2NN,CACF,CE/NI,mCKbF,8BENE,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eTuOJ,CSrOI,yCACE,cTuON,CACF,CE3OI,qCKDF,sCElBE,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eTmPJ,CSjPI,iDACE,cTmPN,CACF,CEvPI,mCKDF,sCElBE,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eT+PJ,CS7PI,iDACE,cT+PN,CACF,CO1PE,4BFuHA,aAAc,CACd,QAAS,CACT,SAAU,CACV,oBLuIF,CKrIE,+BACE,iBAAkB,CAClB,QLwIJ,CKtII,sCACE,YLyIN,CKtII,qCACE,YLyIN,CEvRI,mCKSF,4BE5BE,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eT+RJ,CS7RI,uCACE,cT+RN,CACF,CEnSI,mCKkBJ,mBErCI,UAAO,CAGL,aAAc,CAgBd,eC5EyC,CC6CzC,cAA8B,CJqDhC,gBPuRF,CS3SI,8BACE,cT6SN,CACF,COvRA,gCACE,cJ5G2B,CI6G3B,wBP0RF,CEtTI,mCK0BJ,gCE7CI,UAAO,CAGL,aAAc,CAgBd,eC5EyC,CC6CzC,cX8VJ,CS7TI,2CACE,cT+TN,CACF,COhSE,+CACE,YPmSJ,COhSE,sCFyFA,aAAc,CACd,QAAS,CACT,SAAU,CACV,oBL2MF,CKzME,yCACE,iBAAkB,CAClB,QL4MJ,CK1MI,gDACE,YL6MN,CK1MI,+CACE,YL6MN,COhTE,sCACE,oBAAqB,CACrB,iBAAkB,CAClB,kBPmTJ,COtTG,0CAMG,UAAW,CACX,WAAY,CACZ,qBPoTN,COhTE,4EACE,UAAW,CACX,cAAkB,CAClB,aN5HgB,CM6HhB,oBPmTJ,COvTG,yPASG,aPkTN,CO3TG,kFAaG,oBAAqB,CACrB,kDN1Ge,CM0Gf,0CPkTN,CO9SE,sCACE,oBPiTJ,CO9SE,uCACE,QAAS,CACT,aNlKmB,CMmKnB,yBPiTJ,CO9SE,sFAEE,gBTnKoB,CSoKpB,QPgTJ,CO7SE,yCACE,ePgTJ,CO5SA,qHAGE,iBP+SF,CEhZI,mCK8FJ,qHAMI,UAAW,CACX,UAAW,CACX,0BPmTF,CACF,CO/SE,4CACE,mBPkTJ,CO7SA,oFAEI,oBP+SJ,CO3SA,kDAGI,aP4SJ,CQzeE,wDACE,UAAW,CACX,UAAW,CACX,aR4eJ,COrTA,sGAQI,kBPiTJ,COzTA,kDK3ME,yBZygBF,CO7SI,0DACE,SPgTN,CO3SA,+CX/JI,mBAAoB,CACpB,gBAAiB,CACjB,WAAY,CAIZ,iBAAkB,CAClB,mBAAoB,CACpB,YAAa,CC1CT,qBUoMoB,CVpLpB,aUoLoB,CVhMpB,oBUgMoB,CV5LpB,mBU4LoB,CVxLpB,kBUwLoB,CVpLpB,eUoLoB,CXc1B,kBI6SF,CO9TA,iDVjLQ,aUwLkB,CX9CxB,mBI4WF,COrUA,+CVjMQ,kBU4MW,CV5LX,UU4LW,CVxMX,WUwMW,CVpMX,UUoMW,CV5LX,MU4LW,CACf,WPoUJ,COhVA,2DAiBI,YPmUJ,CO/TA,2EAGE,aPkUF,CExeI,mCKmKJ,2EAMI,gBPsUF,CACF,COpUE,4GACE,iBPyUJ,CEtfI,mCK4KF,4GE/LE,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eTggBJ,CS9fI,6IACE,cTkgBN,CACF,COjVA,sBACE,iBAAkB,CAClB,qBN1PmB,CM2PnB,oBPoVF,CE5gBI,qCKqLJ,sBAMI,cJ5QyB,CEiSvB,sEAAwE,CAAxE,8DLkUJ,CACF,CEnhBI,mCKqLJ,sBAWI,YPwVF,CACF,COtVE,8BACE,YAAa,CACb,YAAa,CACb,aPyVJ,CE/hBI,qCKmMF,8BAMI,aP2VJ,CACF,COvVA,2BACE,YJjSqB,CIkSrB,gBT9RsB,CS+RtB,wBP0VF,CO7VA,yIASI,aP2VJ,COvVA,uCACE,iBAAkB,CAClB,eAAuB,CACvB,0BJ/S2B,CIgT3B,qBP0VF,COxVE,6CACE,eAAqB,CACrB,aNrSgB,CMsShB,oBP2VJ,COxVE,6CACE,aAAc,CACd,eP2VJ,CO7VG,mDAKG,oBAAqB,CACrB,kDNlRe,CMkRf,0CP4VN,COtVA,oFAEE,oBPyVF,COtVA,yDAGI,aPuVJ,CQrpBE,+DACE,UAAW,CACX,UAAW,CACX,aRwpBJ,COhWA,oHAQI,kBP4VJ,COpWA,yDK5UE,yBZqrBF,COxVI,iEACE,SP2VN,COtVA,sDXhSI,mBAAoB,CACpB,gBAAiB,CACjB,WAAY,CAIZ,iBAAkB,CAClB,mBAAoB,CACpB,YAAa,CC1CT,qBUqUoB,CVrTpB,aUqToB,CVjUpB,oBUiUoB,CV7TpB,mBU6ToB,CVzTpB,kBUyToB,CVrTpB,eUqToB,CXnH1B,kBIydF,COzWA,wDVlTQ,aUyTkB,CX/KxB,mBIwhBF,COhXA,sDVlUQ,kBU6UW,CV7TX,UU6TW,CVzUX,WUyUW,CVrUX,UUqUW,CV7TX,MU6TW,CACf,WP+WJ,Ca3tBE,kCACE,gBbivBJ,Ca9uBE,6BR6MA,aAAc,CAEd,SAAU,CACV,oBAAqB,CQ7MnB,ebmvBJ,CKpiBE,gCACE,iBAAkB,CAClB,QLuiBJ,CKriBI,uCACE,YLwiBN,CKriBI,sCACE,YLwiBN,CQzvBE,mCACE,UAAW,CACX,UAAW,CACX,aR4vBJ,CanwBE,0DACE,oBbswBJ,CEhsBI,mCWvEF,0DAII,UAAW,CACX,SbwwBJ,CACF,CarwBE,kEAEE,oBAAqB,CACrB,abuwBJ,Ca1wBG,wGAMG,abwwBN,CapwBE,6BACE,sBbuwBJ,CapwBE,iCRlCA,4ECQsE,CDPtE,ePsBa,COrBb,ePcuB,COUvB,gBPfmB,CeyBjB,QAAS,CACT,eb4wBJ,CazwBE,4DAEE,ab2wBJ,CaxwBE,iEAEE,gBb0wBJ,CavwBE,6BACE,eAAiB,CACjB,eb0wBJ,CavwBE,gFAEE,abywBJ,CatwBE,oCACE,oBV5DyB,CU6DzB,qBZ/CiB,CYgDjB,ebywBJ,CatwBE,uCACE,gBbywBJ,Ca1wBG,yDAIG,Yb0wBN,CarwBA,2CACE,oBbwwBF,CarwBA,yCAGI,abswBJ,CQz0BE,+CACE,UAAW,CACX,UAAW,CACX,aR40BJ,Ca/wBA,oFAQI,kBb2wBJ,CanxBA,yCDjFE,2BZy2BF,CanwBI,iDACE,SbswBN,CajwBA,sCjBzCI,mBAAoB,CACpB,gBAAiB,CACjB,WAAY,CAIZ,iBAAkB,CAClB,mBAAoB,CACpB,YAAa,CC1CT,qBgB8EoB,ChB9DpB,agB8DoB,ChB1EpB,oBgB0EoB,ChBtEpB,mBgBsEoB,ChBlEpB,kBgBkEoB,ChB9DpB,egB8DoB,CjBoI1B,kBI6oBF,CapxBA,wChB3DQ,agBkEkB,CjBwExB,mBI4sBF,Ca3xBA,sChB3EQ,kBgBsFW,ChBtEX,UgBsEW,ChBlFX,WgBkFW,ChB9EX,UgB8EW,ChBtEX,MgBsEW,CACf,Wb0xBJ,CatxBA,6BACE,iBAAkB,CAClB,oBV3H2B,CU4H3B,qBbyxBF,CEp0BI,qCWwCJ,6BAMI,cV/HyB,CEiSvB,sEAAwE,CAAxE,8DL0nBJ,CACF,CE30BI,mCWwCJ,6BAWI,Yb6xBF,CACF,Ca3xBE,qCACE,YAAa,CACb,ab8xBJ,Ca3xBE,iDACE,Yb8xBJ,Ca/xBG,iEAIG,ab+xBN,Cc/6BA,qBAEE,kBXAqB,CWCrB,uBAAsC,CACtC,iBAAkB,CAClB,wBdu9BF,CQ98BE,2BACE,UAAW,CACX,UAAW,CACX,aRi9BJ,CEj5BI,qCYjFJ,qBAQI,qBXRyB,CWSzB,ed+9BF,CACF,CEx5BI,mCYrEF,4BAEI,Sdg+BJ,CACF,CE95BI,mCYrEF,4BAMI,Udk+BJ,CACF,CEp6BI,qCY3DF,sELwCE,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eT46BJ,CS16BI,4FACE,cT46BN,CACF,CEh7BI,mCY3DF,sELwCE,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eTw7BJ,CSt7BI,4FACE,cTw7BN,CACF,CE57BI,mCYhDF,sCAEI,iBd++BJ,CACF,CEl8BI,qCY1CF,gCAEI,WAAY,CHSZ,cXu+BJ,CACF,CEz8BI,qCYnCF,iDAEI,0Bd++BJ,CACF,Cc5+BE,qMLUE,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eC5EyC,CImD3C,cAAkB,CAClB,iBAAkB,CAClB,ab3CgB,Ca4ChB,oBdk/BJ,CS19BM,sOACE,cT+9BR,CEl+BI,qCY7BF,qMAUI,iBd4/BJ,CACF,CcvgCG,uNAcG,oBd+/BN,Cc3/BE,kEACE,kBd8/BJ,Cc3/BE,kEACE,gBd8/BJ,Cc3/BE,2BACE,gBd8/BJ,Cc//BG,kCAIG,oBXrFW,CWsFX,abtDc,CauDd,gBhBnFiB,CgBoFjB,kBd+/BN,Cc3/BG,uDTqXD,oBAAqB,CACrB,6BSpXoD,CTqXpD,aSrX4C,CTsX5C,YStXoD,CTwXlD,sCLyoBJ,Cc7/BG,yDT+WD,oBAAqB,CACrB,6BS9WsD,CT+WtD,aS/W8C,CTgX9C,YShXsD,CTkXpD,wCLipBJ,Cc9/BA,2BACE,edigCF,CEvhCI,qCYqBJ,2BAII,qBdmgCF,CACF,CE7hCI,mCYqBJ,2BAQI,edqgCF,CACF,CEniCI,mCYgCF,kFAGI,UAAW,CACX,UdqgCJ,CACF,CclgCE,gFC9EE,afolCJ,CQjnCE,4FACE,UAAW,CACX,UAAW,CACX,aRonCJ,CEpjCI,mCY6CF,oCAEI,iBXhIuB,CWiIvB,4Bd0gCJ,CACF,CE3jCI,mCYoDF,6CLvEE,UAAO,CAGL,aAAc,CAed,sBCtE0C,CDuE1C,eTmkCJ,CSjkCI,wDACE,cTmkCN,CACF,CEvkCI,qCYoDF,6CLvEE,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eT+kCJ,CS7kCI,wDACE,cT+kCN,CACF,CEnlCI,mCYoDF,6CAUI,UAAW,CACX,Ud0hCJ,CACF,CcvhCE,mCACE,Qd0hCJ,CcthCA,2BEzJE,iBhBmrCF,CgBjrCE,oCXgVA,QAAS,CACT,wBAAyB,CACzB,qBAAsB,CACtB,aJtUkB,CIuUlB,eAAmB,CWlVjB,chBwrCJ,CKp2BE,0CACE,aJ1UgB,CI2UhB,wBLu2BJ,CgB1rCE,iCX0MA,aAAc,CACd,QAAS,CACT,SAAU,CACV,oBAAqB,CW3MnB,iBAAkB,CAClB,QAAS,CACT,SAAU,CACV,UAAW,CACX,eCL6B,CDM7B,qBfAiB,CeCjB,wBfMsB,CI4QpB,sEAAwE,CAAxE,8DL+6BN,CK1/BE,oCACE,iBAAkB,CAClB,QL6/BJ,CK3/BI,2CACE,YL8/BN,CK3/BI,0CACE,YL8/BN,CE5oCI,mCc1EF,iCAYI,MhB+sCJ,CACF,CgB5sCE,mDACE,YhB+sCJ,CgB5sCE,+EAEE,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,QAAS,CACT,kBhB8sCJ,CEhqCI,mCctDF,+EAWI,QhBgtCJ,CACF,CEtqCI,qCctDF,+EAeI,QhBktCJ,CACF,CgB/sCE,wCACE,WCvC6B,CDwC7B,4CAAmE,CACnE,iBhBktCJ,CgB/sCE,uCACE,WC7C6B,CD8C7B,yCAA8D,CAC9D,iBhBktCJ,CgB/sCE,6CACE,UhBktCJ,CgB/sCE,kEACE,oBAAqB,CACrB,UhBktCJ,CgB/sCE,4CACE,aAAc,CACd,kBbtEmB,CauEnB,gBlBnEoB,CkBoEpB,ahBktCJ,CgB/sCE,iCACE,aAAc,CACd,Yb7EmB,Ca8EnB,ahBktCJ,CgBrtCG,yCAMG,ahBmtCN,CgBztCG,qCAUG,gBhBmtCN,CgB7tCG,uCAcG,ahBmtCN,CgBjuCG,wCAkBG,ahBmtCN,CgBruCG,yCAsBG,ahBmtCN,CgBzuCG,0CA0BG,ahBmtCN,CgB7uCG,sCA8BG,ahBmtCN,CkB7zCE,KACE,6BAAsB,CAAtB,qBlBg0CJ,CkB7zCE,iBAII,0BAAmB,CAAnB,kBlB6zCN,CmBp0CA,wBdiDE,2BAA6B,CAC7B,qBAAuB,CACvB,kBAAoB,CACpB,mBAAqB,CACrB,mBAAqB,CACrB,oBAAsB,CACtB,yBAA2B,CAC3B,4BLuxCF,CoB/0CA,oBL4CI,aAAc,CK1ChB,ejBGmB,CiBFnB,cjBF2B,CiBG3B,wBpBk1CF,CQv0CE,0BACE,UAAW,CACX,UAAW,CACX,aR00CJ,CoBt1CE,4BACE,aAAc,CACd,oBpBy1CJ,CoBt1CE,6EAEE,YpBw1CJ,CoBr1CE,0DAEE,oBpBu1CJ,CEvxCI,qCkBlEF,0DX+CE,UAAO,CAGL,aAAc,CAed,qBCtE0C,CDuE1C,eT+xCJ,CS7xCI,gFACE,cT+xCN,CACF,CEnyCI,qCkBzDF,6BT0BI,cXu0CJ,CACF,CoB31CA,iELYI,aAAc,CKThB,iBAAkB,CAClB,iBjBnC2B,CiBoC3B,cjBpC2B,CiBqC3B,wBpB81CF,CQr3CE,6EACE,UAAW,CACX,UAAW,CACX,aRy3CJ,CoB32CA,6FASI,YpBu2CJ,CoBh3CA,6FAaI,epBw2CJ,CoBr3CA,yEAiBI,apBy2CJ,CoB13CA,yFAqBI,UAAW,CAEX,aAAc,CACd,UAAW,CACX,gBpBy2CJ,CQn5CE,qGACE,UAAW,CACX,UAAW,CACX,aRu5CJ,CoB52CA,2GfqJE,aAAc,CACd,QAAS,CACT,SAAU,CACV,oBL4tCF,CK1tCE,iHACE,iBAAkB,CAClB,QL8tCJ,CK5tCI,+HACE,YLguCN,CK7tCI,6HACE,YLiuCN,CoBp4CA,6HAYM,apB63CN,CoBz4CA,iIAgBM,apB83CN,CoB94CA,uGAqBI,gBjBnFc,CiBoFd,iBpB83CJ,CoBz3CE,qCACE,gBtB/EiB,CsBgFjB,QpB43CJ,CoBz3CE,gCACE,gBtBnFiB,CsBoFjB,eAAgB,CAChB,YpB43CJ,CoBz3CE,kEACE,qBnBrFiB,CmBsFjB,cAAe,CACf,epB43CJ,CoBz3CE,+BACE,cjBzGyB,CiB0GzB,wBnB/E2B,CmBgF3B,epB43CJ,CoBj5CA,gEAyBI,YpB43CJ","file":"usajobs-design-system-components-joa.css","sourcesContent":["// JOA - Previous and Next\n@import \"../../base-shared\";\n\n.usajobs-joa-prev-next {\n  &__body {\n    @include display(flex);\n    @include flex-wrap(wrap);\n    font-size: $small-font-size;\n    max-width: $site-max-width;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  &__prev,\n  &__back,\n  &__next {\n    display: block;\n    @include flex(1);\n    text-decoration: none;\n\n    &:visited {\n      color: $color-primary;\n      text-decoration: none;\n    }\n  }\n\n  &__prev {\n    padding: $size-default 0 $size-base $size-default;\n\n    @include media($ML) {\n      padding-left: $size-M; // to align with current non-full-bleed header\n    }\n  }\n\n  &__back {\n    padding: $size-default 0 $size-base;\n    text-align: center;\n    min-width: rem(125px);\n  }\n\n  &__next {\n    padding: $size-default $size-default $size-base 0;\n    text-align: right;\n\n    @include media($ML) {\n      padding-right: $size-M; // to align with current non-full-bleed header\n    }\n  }\n}\n","// CSS3 Flexible Box Model and property defaults\n\n// Custom shorthand notation for flexbox\n@mixin box($orient: inline-axis, $pack: start, $align: stretch) {\n  @include display-box;\n  @include box-orient($orient);\n  @include box-pack($pack);\n  @include box-align($align);\n}\n\n@mixin display-box {\n  display: -webkit-box;\n  display: -moz-box;\n  display: -ms-flexbox; // IE 10\n  display: box;\n}\n\n@mixin box-orient($orient: inline-axis) {\n// horizontal|vertical|inline-axis|block-axis|inherit\n  @include prefixer(box-orient, $orient, webkit moz spec);\n}\n\n@mixin box-pack($pack: start) {\n// start|end|center|justify\n  @include prefixer(box-pack, $pack, webkit moz spec);\n  -ms-flex-pack: $pack; // IE 10\n}\n\n@mixin box-align($align: stretch) {\n// start|end|center|baseline|stretch\n  @include prefixer(box-align, $align, webkit moz spec);\n  -ms-flex-align: $align; // IE 10\n}\n\n@mixin box-direction($direction: normal) {\n// normal|reverse|inherit\n  @include prefixer(box-direction, $direction, webkit moz spec);\n  -ms-flex-direction: $direction; // IE 10\n}\n\n@mixin box-lines($lines: single) {\n// single|multiple\n  @include prefixer(box-lines, $lines, webkit moz spec);\n}\n\n@mixin box-ordinal-group($int: 1) {\n  @include prefixer(box-ordinal-group, $int, webkit moz spec);\n  -ms-flex-order: $int; // IE 10\n}\n\n@mixin box-flex($value: 0) {\n  @include prefixer(box-flex, $value, webkit moz spec);\n  -ms-flex: $value; // IE 10\n}\n\n@mixin box-flex-group($int: 1) {\n  @include prefixer(box-flex-group, $int, webkit moz spec);\n}\n\n// CSS3 Flexible Box Model and property defaults\n// Unified attributes for 2009, 2011, and 2012 flavours.\n\n// 2009 - display (box | inline-box)\n// 2011 - display (flexbox | inline-flexbox)\n// 2012 - display (flex | inline-flex)\n@mixin display($value) {\n// flex | inline-flex\n  @if $value == \"flex\" {\n    // 2009\n    display: -webkit-box;\n    display: -moz-box;\n    display: box;\n\n    // 2012\n    display: -webkit-flex;\n    display: -moz-flex;\n    display: -ms-flexbox; // 2011 (IE 10)\n    display: flex;\n  } @else if $value == \"inline-flex\" {\n    display: -webkit-inline-box;\n    display: -moz-inline-box;\n    display: inline-box;\n\n    display: -webkit-inline-flex;\n    display: -moz-inline-flex;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n  } @else {\n    display: $value;\n  }\n}\n\n// 2009 - box-flex (integer)\n// 2011 - flex (decimal | width decimal)\n// 2012 - flex (integer integer width)\n@mixin flex($value) {\n\n  // Grab flex-grow for older browsers.\n  $flex-grow: nth($value, 1);\n\n  // 2009\n  @include prefixer(box-flex, $flex-grow, webkit moz spec);\n\n  // 2011 (IE 10), 2012\n  @include prefixer(flex, $value, webkit moz ms spec);\n}\n\n// 2009 - box-orient ( horizontal | vertical | inline-axis | block-axis)\n//      - box-direction (normal | reverse)\n// 2011 - flex-direction (row | row-reverse | column | column-reverse)\n// 2012 - flex-direction (row | row-reverse | column | column-reverse)\n@mixin flex-direction($value: row) {\n\n  // Alt values.\n  $value-2009: $value;\n  $value-2011: $value;\n  $direction: normal;\n\n  @if $value == row {\n    $value-2009: horizontal;\n  } @else if $value == \"row-reverse\" {\n    $value-2009: horizontal;\n    $direction: reverse;\n  } @else if $value == column {\n    $value-2009: vertical;\n  } @else if $value == \"column-reverse\" {\n    $value-2009: vertical;\n    $direction: reverse;\n  }\n\n  // 2009\n  @include prefixer(box-orient, $value-2009, webkit moz spec);\n  @include prefixer(box-direction, $direction, webkit moz spec);\n\n  // 2012\n  @include prefixer(flex-direction, $value, webkit moz spec);\n\n  // 2011 (IE 10)\n  -ms-flex-direction: $value;\n}\n\n// 2009 - box-lines (single | multiple)\n// 2011 - flex-wrap (nowrap | wrap | wrap-reverse)\n// 2012 - flex-wrap (nowrap | wrap | wrap-reverse)\n@mixin flex-wrap($value: nowrap) {\n  // Alt values\n  $alt-value: $value;\n  @if $value == nowrap {\n    $alt-value: single;\n  } @else if $value == wrap {\n    $alt-value: multiple;\n  } @else if $value == \"wrap-reverse\" {\n    $alt-value: multiple;\n  }\n\n  @include prefixer(box-lines, $alt-value, webkit moz spec);\n  @include prefixer(flex-wrap, $value, webkit moz ms spec);\n}\n\n// 2009 - TODO: parse values into flex-direction/flex-wrap\n// 2011 - TODO: parse values into flex-direction/flex-wrap\n// 2012 - flex-flow (flex-direction || flex-wrap)\n@mixin flex-flow($value) {\n  @include prefixer(flex-flow, $value, webkit moz spec);\n}\n\n// 2009 - box-ordinal-group (integer)\n// 2011 - flex-order (integer)\n// 2012 - order (integer)\n@mixin order($int: 0) {\n  // 2009\n  @include prefixer(box-ordinal-group, $int, webkit moz spec);\n\n  // 2012\n  @include prefixer(order, $int, webkit moz spec);\n\n  // 2011 (IE 10)\n  -ms-flex-order: $int;\n}\n\n// 2012 - flex-grow (number)\n@mixin flex-grow($number: 0) {\n  @include prefixer(flex-grow, $number, webkit moz spec);\n  -ms-flex-positive: $number;\n}\n\n// 2012 - flex-shrink (number)\n@mixin flex-shrink($number: 1) {\n  @include prefixer(flex-shrink, $number, webkit moz spec);\n  -ms-flex-negative: $number;\n}\n\n// 2012 - flex-basis (number)\n@mixin flex-basis($width: auto) {\n  @include prefixer(flex-basis, $width, webkit moz spec);\n  -ms-flex-preferred-size: $width;\n}\n\n// 2009 - box-pack (start | end | center | justify)\n// 2011 - flex-pack (start | end | center | justify)\n// 2012 - justify-content (flex-start | flex-end | center | space-between | space-around)\n@mixin justify-content($value: flex-start) {\n\n  // Alt values.\n  $alt-value: $value;\n  @if $value == \"flex-start\" {\n    $alt-value: start;\n  } @else if $value == \"flex-end\" {\n    $alt-value: end;\n  } @else if $value == \"space-between\" {\n    $alt-value: justify;\n  } @else if $value == \"space-around\" {\n    $alt-value: distribute;\n  }\n\n  // 2009\n  @include prefixer(box-pack, $alt-value, webkit moz spec);\n\n  // 2012\n  @include prefixer(justify-content, $value, webkit moz ms o spec);\n\n  // 2011 (IE 10)\n  -ms-flex-pack: $alt-value;\n}\n\n// 2009 - box-align (start | end | center | baseline | stretch)\n// 2011 - flex-align (start | end | center | baseline | stretch)\n// 2012 - align-items (flex-start | flex-end | center | baseline | stretch)\n@mixin align-items($value: stretch) {\n\n  $alt-value: $value;\n\n  @if $value == \"flex-start\" {\n    $alt-value: start;\n  } @else if $value == \"flex-end\" {\n    $alt-value: end;\n  }\n\n  // 2009\n  @include prefixer(box-align, $alt-value, webkit moz spec);\n\n  // 2012\n  @include prefixer(align-items, $value, webkit moz ms o spec);\n\n  // 2011 (IE 10)\n  -ms-flex-align: $alt-value;\n}\n\n// 2011 - flex-item-align (auto | start | end | center | baseline | stretch)\n// 2012 - align-self (auto | flex-start | flex-end | center | baseline | stretch)\n@mixin align-self($value: auto) {\n\n  $value-2011: $value;\n  @if $value == \"flex-start\" {\n    $value-2011: start;\n  } @else if $value == \"flex-end\" {\n    $value-2011: end;\n  }\n\n  // 2012\n  @include prefixer(align-self, $value, webkit moz spec);\n\n  // 2011 (IE 10)\n  -ms-flex-item-align: $value-2011;\n}\n\n// 2011 - flex-line-pack (start | end | center | justify | distribute | stretch)\n// 2012 - align-content (flex-start | flex-end | center | space-between | space-around | stretch)\n@mixin align-content($value: stretch) {\n\n  $value-2011: $value;\n  @if $value == \"flex-start\" {\n    $value-2011: start;\n  } @else if $value == \"flex-end\" {\n    $value-2011: end;\n  } @else if $value == \"space-between\" {\n    $value-2011: justify;\n  } @else if $value == \"space-around\" {\n    $value-2011: distribute;\n  }\n\n  // 2012\n  @include prefixer(align-content, $value, webkit moz spec);\n\n  // 2011 (IE 10)\n  -ms-flex-line-pack: $value-2011;\n}\n","@charset \"UTF-8\";\n\n/// A mixin for generating vendor prefixes on non-standardized properties.\n///\n/// @param {String} $property\n///   Property to prefix\n///\n/// @param {*} $value\n///   Value to use\n///\n/// @param {List} $prefixes\n///   Prefixes to define\n///\n/// @example scss - Usage\n///   .element {\n///     @include prefixer(border-radius, 10px, webkit ms spec);\n///   }\n///\n/// @example css - CSS Output\n///   .element {\n///     -webkit-border-radius: 10px;\n///     -moz-border-radius: 10px;\n///     border-radius: 10px;\n///   }\n///\n/// @require {variable} $prefix-for-webkit\n/// @require {variable} $prefix-for-mozilla\n/// @require {variable} $prefix-for-microsoft\n/// @require {variable} $prefix-for-opera\n/// @require {variable} $prefix-for-spec\n\n@mixin prefixer($property, $value, $prefixes) {\n  @each $prefix in $prefixes {\n    @if $prefix == webkit {\n      @if $prefix-for-webkit {\n        -webkit-#{$property}: $value;\n      }\n    } @else if $prefix == moz {\n      @if $prefix-for-mozilla {\n        -moz-#{$property}: $value;\n      }\n    } @else if $prefix == ms {\n      @if $prefix-for-microsoft {\n        -ms-#{$property}: $value;\n      }\n    } @else if $prefix == o {\n      @if $prefix-for-opera {\n        -o-#{$property}: $value;\n      }\n    } @else if $prefix == spec {\n      @if $prefix-for-spec {\n        #{$property}: $value;\n      }\n    } @else  {\n      @warn \"Unrecognized prefix: #{$prefix}\";\n    }\n  }\n}\n\n@mixin disable-prefix-for-all() {\n  $prefix-for-webkit:    false !global;\n  $prefix-for-mozilla:   false !global;\n  $prefix-for-microsoft: false !global;\n  $prefix-for-opera:     false !global;\n  $prefix-for-spec:      false !global;\n}\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","// Layout variables\n\n// Breakpoints\n$small-screen:       481px;\n$medium-screen:      600px;\n$large-screen:      1201px;\n\n$site-max-width:    160rem;\n$site-max-width-S:  120rem; // used by the Help Center UHP pages until we get new images\n$site-max-width-docs:  104rem;\n\n// Standards deviation\n// $site-max-width:      1040px !default;\n$lead-max-width:      77rem;\n$input-max-width:     46rem;\n$button-max-width:    30.4rem;\n$article-max-width:   60rem;\n$text-max-width:      62rem;\n// Standards deviation\n// $text-max-width:      53rem !default;\n$nav-width:           951px;\n\n$site-margins:        3rem;\n$site-margins-mobile: 1.5rem;\n$grid-margins:        3rem;\n\n// From the Standards (node_modules/uswds/src/stylesheets/core/_variables.scss)\n// Grid column counts by screen size\n$grid-columns-small: 1 !default;\n$grid-columns-medium: 6 !default;\n$grid-columns-large: 12 !default;\n\n// @media single-keyword helpers\n$small: new-breakpoint(min-width $small-screen $grid-columns-small) !default;\n$medium: new-breakpoint(min-width $medium-screen $grid-columns-medium) !default;\n$large: new-breakpoint(min-width $large-screen $grid-columns-large) !default;\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-prev-next__body {\n  display: -webkit-box;\n  display: -moz-box;\n  display: box;\n  display: -webkit-flex;\n  display: -moz-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-lines: multiple;\n  -moz-box-lines: multiple;\n  box-lines: multiple;\n  -webkit-flex-wrap: wrap;\n  -moz-flex-wrap: wrap;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  font-size: 1.4rem;\n  max-width: 160rem;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.usajobs-joa-prev-next__prev, .usajobs-joa-prev-next__back, .usajobs-joa-prev-next__next {\n  display: block;\n  -webkit-box-flex: 1;\n  -moz-box-flex: 1;\n  box-flex: 1;\n  -webkit-flex: 1;\n  -moz-flex: 1;\n  -ms-flex: 1;\n  flex: 1;\n  text-decoration: none;\n}\n\n.usajobs-joa-prev-next__prev:visited, .usajobs-joa-prev-next__back:visited, .usajobs-joa-prev-next__next:visited {\n  color: #0071bc;\n  text-decoration: none;\n}\n\n.usajobs-joa-prev-next__prev {\n  padding: 1.5rem 0 0.5rem 1.5rem;\n}\n\n@media screen and (min-width: 48em) {\n  .usajobs-joa-prev-next__prev {\n    padding-left: 3rem;\n  }\n}\n\n.usajobs-joa-prev-next__back {\n  padding: 1.5rem 0 0.5rem;\n  text-align: center;\n  min-width: 12.5rem;\n}\n\n.usajobs-joa-prev-next__next {\n  padding: 1.5rem 1.5rem 0.5rem 0;\n  text-align: right;\n}\n\n@media screen and (min-width: 48em) {\n  .usajobs-joa-prev-next__next {\n    padding-right: 3rem;\n  }\n}\n\nhtml {\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-banner {\n  background-color: #046b99;\n}\n\n.usajobs-joa-banner__body {\n  max-width: 160rem;\n  margin-left: auto;\n  margin-right: auto;\n  padding: 1.5rem;\n}\n\n@media screen and (min-width: 48em) {\n  .usajobs-joa-banner__body {\n    padding-left: 3rem;\n    padding-right: 3rem;\n  }\n}\n\n.usajobs-joa-banner__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: 3.4rem;\n  color: #112e51;\n  margin: 0 0 0.5rem 0;\n  color: #ffffff;\n}\n\n@media screen and (min-width: 48em) {\n  .usajobs-joa-banner__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: 4.4rem;\n    color: #112e51;\n    margin: 0;\n    color: #ffffff;\n  }\n}\n\n.usajobs-joa-banner__dept {\n  margin-top: 1rem;\n  text-transform: uppercase;\n  font-weight: normal;\n  color: #ffffff;\n}\n\n.usajobs-joa-banner__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  display: block;\n  margin: 0 0 1.5rem 0;\n  font-weight: normal;\n  color: #ffffff;\n}\n\n.usajobs-joa-banner__agency:active, .usajobs-joa-banner__agency:hover, .usajobs-joa-banner__agency:visited {\n  color: #ffffff;\n}\n\n.usajobs-joa-banner--v1-3__agency {\n  margin-bottom: 1rem;\n}\n\nhtml {\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-intro {\n  padding: 1.5rem;\n}\n\n.usajobs-joa-intro::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n@media screen and (min-width: 48em) {\n  .usajobs-joa-intro {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n\n.usajobs-joa-summary {\n  margin-bottom: 3rem;\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-summary {\n    float: left;\n    display: block;\n    margin-right: 2.35765%;\n    width: 65.88078%;\n    margin-bottom: 0;\n  }\n  .usajobs-joa-summary:last-child {\n    margin-right: 0;\n  }\n}\n\n.usajobs-joa-summary__list {\n  display: block;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n  margin-bottom: 3rem;\n}\n\n.usajobs-joa-summary__list > li {\n  display: list-item;\n  margin: 0;\n}\n\n.usajobs-joa-summary__list > li:before {\n  display: none;\n}\n\n.usajobs-joa-summary__list > li:after {\n  display: none;\n}\n\n.usajobs-joa-summary__list::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n@media screen and (min-width: 48em) {\n  .usajobs-joa-summary__list > .usajobs-joa-summary__item {\n    float: left;\n    display: block;\n    margin-right: 4.82916%;\n    width: 47.58542%;\n  }\n  .usajobs-joa-summary__list > .usajobs-joa-summary__item:last-child {\n    margin-right: 0;\n  }\n}\n\n@media screen and (min-width: 48em) {\n  .usajobs-joa-summary__list > .usajobs-joa-summary__item:nth-child(2n) {\n    margin-right: 0;\n  }\n}\n\n.usajobs-joa-summary__label {\n  font-size: 1.7rem;\n}\n\n.usajobs-joa-summary__value, .usajobs-joa-summary__grades, .usajobs-joa-summary__salary, .usajobs-joa-summary__series {\n  margin-top: 0;\n  margin-bottom: 0.5rem;\n}\n\n.usajobs-joa-summary__salary {\n  text-transform: lowercase;\n}\n\n.usajobs-joa-summary__closing-clock--is-warning {\n  color: #fdb81e;\n}\n\n.usajobs-joa-summary__closing-clock--is-critical {\n  color: #981b1e;\n}\n\n.usajobs-joa-summary__posting-duration {\n  display: block;\n  font-size: 1.4rem;\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-summary__summary {\n    float: left;\n    display: block;\n    margin-right: 4.82916%;\n    width: 47.58542%;\n  }\n  .usajobs-joa-summary__summary:last-child {\n    margin-right: 0;\n  }\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-summary__summary {\n    float: left;\n    display: block;\n    margin-right: 2.35765%;\n    width: 31.76157%;\n  }\n  .usajobs-joa-summary__summary:last-child {\n    margin-right: 0;\n  }\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-intro__details-container {\n    float: left;\n    display: block;\n    margin-right: 4.82916%;\n    width: 47.58542%;\n  }\n  .usajobs-joa-intro__details-container:last-child {\n    margin-right: 0;\n  }\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-intro__details-container {\n    float: left;\n    display: block;\n    margin-right: 2.35765%;\n    width: 65.88078%;\n  }\n  .usajobs-joa-intro__details-container:last-child {\n    margin-right: 0;\n  }\n}\n\n.usajobs-joa-intro__details {\n  display: block;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n}\n\n.usajobs-joa-intro__details > li {\n  display: list-item;\n  margin: 0;\n}\n\n.usajobs-joa-intro__details > li:before {\n  display: none;\n}\n\n.usajobs-joa-intro__details > li:after {\n  display: none;\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-intro__details {\n    float: left;\n    display: block;\n    margin-right: 2.35765%;\n    width: 48.82117%;\n  }\n  .usajobs-joa-intro__details:last-child {\n    margin-right: 0;\n  }\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-aside {\n    float: left;\n    display: block;\n    margin-right: 2.35765%;\n    width: 31.76157%;\n    margin-right: 0;\n    max-height: 65rem;\n  }\n  .usajobs-joa-aside:last-child {\n    margin-right: 0;\n  }\n}\n\n.usajobs-joa-intro-hiring-paths {\n  padding: 1.5rem;\n  background-color: #dce4ef;\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-intro-hiring-paths {\n    float: left;\n    display: block;\n    margin-right: 2.35765%;\n    width: 31.76157%;\n    margin-right: 0;\n  }\n  .usajobs-joa-intro-hiring-paths:last-child {\n    margin-right: 0;\n  }\n}\n\n.usajobs-joa-intro-hiring-paths__section-title {\n  margin-top: 0;\n}\n\n.usajobs-joa-intro-hiring-paths__list {\n  display: block;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n}\n\n.usajobs-joa-intro-hiring-paths__list > li {\n  display: list-item;\n  margin: 0;\n}\n\n.usajobs-joa-intro-hiring-paths__list > li:before {\n  display: none;\n}\n\n.usajobs-joa-intro-hiring-paths__list > li:after {\n  display: none;\n}\n\n.usajobs-joa-intro-hiring-paths__icon {\n  display: inline-block;\n  text-align: center;\n  margin-right: 0.5rem;\n}\n\n.usajobs-joa-intro-hiring-paths__icon svg {\n  width: 3rem;\n  height: 3rem;\n  vertical-align: middle;\n}\n\n.usajobs-joa-intro-hiring-paths__item > .usajobs-joa-intro-hiring-paths__link {\n  width: 100%;\n  padding: 1rem 0;\n  color: #212121;\n  text-decoration: none;\n}\n\n.usajobs-joa-intro-hiring-paths__item > .usajobs-joa-intro-hiring-paths__link:visited, .usajobs-joa-intro-hiring-paths__item > .usajobs-joa-intro-hiring-paths__link:active, .usajobs-joa-intro-hiring-paths__item > .usajobs-joa-intro-hiring-paths__link:hover {\n  color: #212121;\n}\n\n.usajobs-joa-intro-hiring-paths__item > .usajobs-joa-intro-hiring-paths__link:hover {\n  text-decoration: none;\n  box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;\n}\n\n.usajobs-joa-intro-hiring-paths__body {\n  padding: 0 0 0 1.5rem;\n}\n\n.usajobs-joa-intro-hiring-paths__title {\n  margin: 0;\n  color: #0071bc;\n  text-decoration: underline;\n}\n\n.usajobs-joa-intro-hiring-paths__detail, .usajobs-joa-intro-hiring-paths__sublist-item {\n  font-size: 1.4rem;\n  margin: 0;\n}\n\n.usajobs-joa-intro-hiring-paths__sublist {\n  margin-bottom: 0;\n}\n\n.usajobs-joa--v1-5__intro-hiring-paths,\n.usajobs-joa--v1-6__intro-hiring-paths,\n.usajobs-joa--v1-7__intro-hiring-paths {\n  position: relative;\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa--v1-5__intro-hiring-paths,\n  .usajobs-joa--v1-6__intro-hiring-paths,\n  .usajobs-joa--v1-7__intro-hiring-paths {\n    float: none;\n    width: 100%;\n    padding: 3rem 1.5rem 1.5rem;\n  }\n}\n\n.usajobs-joa--v1-7-intro-hiring-paths__body {\n  padding: 0 0 0 0.5rem;\n}\n\n.main-content .usajobs-joa-intro-hiring-paths .usajobs-joa-intro-hiring-paths__link {\n  text-decoration: none;\n}\n\n.no-flexbox .usajobs-joa-intro-hiring-paths__link {\n  display: table;\n}\n\n.no-flexbox .usajobs-joa-intro-hiring-paths__link::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.no-flexbox .usajobs-joa-intro-hiring-paths__figure, .no-flexbox .usajobs-joa-intro-hiring-paths__body {\n  display: table-cell;\n}\n\n.no-flexbox .usajobs-joa-intro-hiring-paths__body {\n  width: -webkit-calc(100% -  6.1rem);\n  width: calc(100% -  6.1rem);\n}\n\n.lt-ie9 .no-flexbox .usajobs-joa-intro-hiring-paths__body {\n  width: 75%;\n}\n\n.flexbox .usajobs-joa-intro-hiring-paths__link {\n  display: -webkit-box;\n  display: -moz-box;\n  display: box;\n  display: -webkit-flex;\n  display: -moz-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: top;\n  -moz-box-align: top;\n  box-align: top;\n  -webkit-align-items: top;\n  -moz-align-items: top;\n  -ms-align-items: top;\n  -o-align-items: top;\n  align-items: top;\n  -ms-flex-align: top;\n}\n\n.flexbox .usajobs-joa-intro-hiring-paths__figure {\n  -webkit-flex-shrink: 0;\n  -moz-flex-shrink: 0;\n  flex-shrink: 0;\n  -ms-flex-negative: 0;\n}\n\n.flexbox .usajobs-joa-intro-hiring-paths__body {\n  -webkit-box-flex: 1;\n  -moz-box-flex: 1;\n  box-flex: 1;\n  -webkit-flex: 1;\n  -moz-flex: 1;\n  -ms-flex: 1;\n  flex: 1;\n  min-width: 0;\n}\n\n.flexbox .usajobs-joa-intro-hiring-paths__explanation-text {\n  margin-top: 0;\n}\n\n.usajobs-joa-intro--v1-5,\n.usajobs-joa-intro--v1-6,\n.usajobs-joa-intro--v1-7 {\n  padding-top: 0;\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-intro--v1-5,\n  .usajobs-joa-intro--v1-6,\n  .usajobs-joa-intro--v1-7 {\n    padding-bottom: 0;\n  }\n}\n\n.usajobs-joa-intro--v1-5__container,\n.usajobs-joa-intro--v1-6__container,\n.usajobs-joa-intro--v1-7__container {\n  position: relative;\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-intro--v1-5__container,\n  .usajobs-joa-intro--v1-6__container,\n  .usajobs-joa-intro--v1-7__container {\n    float: left;\n    display: block;\n    margin-right: 2.35765%;\n    width: 65.88078%;\n  }\n  .usajobs-joa-intro--v1-5__container:last-child,\n  .usajobs-joa-intro--v1-6__container:last-child,\n  .usajobs-joa-intro--v1-7__container:last-child {\n    margin-right: 0;\n  }\n}\n\n.usajobs-joa-overview {\n  position: relative;\n  background-color: #ffffff;\n  margin-bottom: 1.5rem;\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-overview {\n    padding: 1.5rem;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  }\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-overview {\n    padding: 3rem;\n  }\n}\n\n.usajobs-joa-overview__header {\n  display: none;\n  margin-top: 0;\n  color: #046b99;\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-overview__header {\n    display: block;\n  }\n}\n\n.usajobs-joa-closing-types {\n  padding: 1rem;\n  font-size: 1.4rem;\n  background-color: #fad980;\n}\n\n.usajobs-joa-closing-types a,\n.usajobs-joa-closing-types a:active,\n.usajobs-joa-closing-types a:hover,\n.usajobs-joa-closing-types a:visited {\n  color: #212121;\n}\n\n.usajobs-joa-intro-second-announcement {\n  position: relative;\n  margin: 1.5rem 0;\n  padding: 3rem 1.5rem 1.5rem;\n  background-color: #ffffff;\n}\n\n.usajobs-joa-intro-second-announcement__item {\n  padding: 0.5rem 0;\n  color: #212121;\n  text-decoration: none;\n}\n\n.usajobs-joa-intro-second-announcement__link {\n  display: block;\n  margin-top: 1rem;\n}\n\n.usajobs-joa-intro-second-announcement__link:hover {\n  text-decoration: none;\n  box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;\n}\n\n.usajobs-joa-intro-second-announcement\n.usajobs-joa-intro-second-announcement__link {\n  text-decoration: none;\n}\n\n.no-flexbox .usajobs-joa-intro-second-announcement__item {\n  display: table;\n}\n\n.no-flexbox .usajobs-joa-intro-second-announcement__item::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.no-flexbox .usajobs-joa-intro-second-announcement__figure, .no-flexbox .usajobs-joa-intro-second-announcement__body {\n  display: table-cell;\n}\n\n.no-flexbox .usajobs-joa-intro-second-announcement__body {\n  width: -webkit-calc(100% -  6.1rem);\n  width: calc(100% -  6.1rem);\n}\n\n.lt-ie9 .no-flexbox .usajobs-joa-intro-second-announcement__body {\n  width: 75%;\n}\n\n.flexbox .usajobs-joa-intro-second-announcement__item {\n  display: -webkit-box;\n  display: -moz-box;\n  display: box;\n  display: -webkit-flex;\n  display: -moz-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: top;\n  -moz-box-align: top;\n  box-align: top;\n  -webkit-align-items: top;\n  -moz-align-items: top;\n  -ms-align-items: top;\n  -o-align-items: top;\n  align-items: top;\n  -ms-flex-align: top;\n}\n\n.flexbox .usajobs-joa-intro-second-announcement__figure {\n  -webkit-flex-shrink: 0;\n  -moz-flex-shrink: 0;\n  flex-shrink: 0;\n  -ms-flex-negative: 0;\n}\n\n.flexbox .usajobs-joa-intro-second-announcement__body {\n  -webkit-box-flex: 1;\n  -moz-box-flex: 1;\n  box-flex: 1;\n  -webkit-flex: 1;\n  -moz-flex: 1;\n  -ms-flex: 1;\n  flex: 1;\n  min-width: 0;\n}\n\nhtml {\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-locations__sub-title {\n  margin-top: 0.5rem;\n}\n\n.usajobs-joa-locations__list {\n  display: block;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n  margin-top: 1rem;\n}\n\n.usajobs-joa-locations__list > li {\n  display: list-item;\n  margin: 0;\n}\n\n.usajobs-joa-locations__list > li:before {\n  display: none;\n}\n\n.usajobs-joa-locations__list > li:after {\n  display: none;\n}\n\n.usajobs-joa-locations__list::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.usajobs-joa-locations__list > .usajobs-joa-locations__item {\n  margin-bottom: 1.5rem;\n}\n\n@media screen and (min-width: 30em) {\n  .usajobs-joa-locations__list > .usajobs-joa-locations__item {\n    float: left;\n    width: 50%;\n  }\n}\n\n.usajobs-joa-locations__link, .usajobs-joa-locations__link:visited {\n  text-decoration: none;\n  color: #212121;\n}\n\n.usajobs-joa-locations__link .fa-map-marker-alt, .usajobs-joa-locations__link:visited .fa-map-marker-alt {\n  color: #02bfe7;\n}\n\n.usajobs-joa-locations__body {\n  padding: 0 1rem 0 0.5rem;\n}\n\n.usajobs-joa-locations__location {\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  margin: 0;\n  font-weight: normal;\n}\n\n.usajobs-joa-locations__street, .usajobs-joa-locations__city {\n  display: block;\n}\n\n.usajobs-joa-locations__street, .usajobs-joa-locations__vacancies {\n  font-size: 1.4rem;\n}\n\n.usajobs-joa-locations__city {\n  font-weight: bold;\n  line-height: 1.2;\n}\n\n.usajobs-joa-locations__reveal-link, .usajobs-joa-locations__reveal-link:visited {\n  color: #0071bc;\n}\n\n.usajobs-joa-locations__reveal-link {\n  margin: 1rem 0 1.5rem;\n  background-color: #ffffff;\n  text-align: left;\n}\n\n.usajobs-joa-locations__more-locations {\n  padding: 1.5rem 0;\n}\n\n.usajobs-joa-locations__more-locations[aria-hidden=\"true\"] {\n  display: none;\n}\n\n.main-content .usajobs-joa-locations__link {\n  text-decoration: none;\n}\n\n.no-flexbox .usajobs-joa-locations__link {\n  display: table;\n}\n\n.no-flexbox .usajobs-joa-locations__link::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.no-flexbox .usajobs-joa-locations__figure, .no-flexbox .usajobs-joa-locations__body {\n  display: table-cell;\n}\n\n.no-flexbox .usajobs-joa-locations__body {\n  width: -webkit-calc(100% -  2.472rem);\n  width: calc(100% -  2.472rem);\n}\n\n.lt-ie9 .no-flexbox .usajobs-joa-locations__body {\n  width: 75%;\n}\n\n.flexbox .usajobs-joa-locations__link {\n  display: -webkit-box;\n  display: -moz-box;\n  display: box;\n  display: -webkit-flex;\n  display: -moz-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: top;\n  -moz-box-align: top;\n  box-align: top;\n  -webkit-align-items: top;\n  -moz-align-items: top;\n  -ms-align-items: top;\n  -o-align-items: top;\n  align-items: top;\n  -ms-flex-align: top;\n}\n\n.flexbox .usajobs-joa-locations__figure {\n  -webkit-flex-shrink: 0;\n  -moz-flex-shrink: 0;\n  flex-shrink: 0;\n  -ms-flex-negative: 0;\n}\n\n.flexbox .usajobs-joa-locations__body {\n  -webkit-box-flex: 1;\n  -moz-box-flex: 1;\n  box-flex: 1;\n  -webkit-flex: 1;\n  -moz-flex: 1;\n  -ms-flex: 1;\n  flex: 1;\n  min-width: 0;\n}\n\n.usajobs-joa-locations--v1-5 {\n  position: relative;\n  margin-bottom: 1.5rem;\n  background-color: #ffffff;\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-locations--v1-5 {\n    padding: 1.5rem;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n  }\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-locations--v1-5 {\n    padding: 3rem;\n  }\n}\n\n.usajobs-joa-locations--v1-5__header {\n  margin-top: 0;\n  color: #046b99;\n}\n\n.usajobs-joa-locations--v1-5__commuting-distance {\n  margin-top: 0;\n}\n\n.usajobs-joa-locations--v1-5__commuting-distance .fa-info-circle {\n  color: #0071bc;\n}\n\nhtml {\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\nhtml {\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-actions {\n  margin-bottom: 3rem;\n  padding: 1.5rem 1.5rem 0;\n  text-align: center;\n  background-color: #f1f1f1;\n}\n\n.usajobs-joa-actions::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-actions {\n    padding-bottom: 1.5rem;\n    text-align: left;\n  }\n}\n\n@media screen and (min-width: 30em) {\n  .usajobs-joa-actions__apply {\n    width: 80%;\n  }\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-actions__apply {\n    width: 100%;\n  }\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-actions__col-apply, .usajobs-joa-actions__col-sub-actions {\n    float: left;\n    display: block;\n    margin-right: 4.82916%;\n    width: 47.58542%;\n  }\n  .usajobs-joa-actions__col-apply:last-child, .usajobs-joa-actions__col-sub-actions:last-child {\n    margin-right: 0;\n  }\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-actions__col-apply, .usajobs-joa-actions__col-sub-actions {\n    float: left;\n    display: block;\n    margin-right: 2.35765%;\n    width: 31.76157%;\n  }\n  .usajobs-joa-actions__col-apply:last-child, .usajobs-joa-actions__col-sub-actions:last-child {\n    margin-right: 0;\n  }\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-actions__col-sub-actions {\n    min-width: 27.5rem;\n  }\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-actions__col-apply {\n    float: right;\n    margin-right: 0;\n  }\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-actions__col-sub-actions:last-child {\n    margin-right: 4.8291579146%;\n  }\n}\n\n.usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__print,\n.usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__share,\n.usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__save {\n  float: left;\n  display: block;\n  margin-right: 2.35765%;\n  width: 31.76157%;\n  padding: 1rem 0;\n  text-align: center;\n  color: #212121;\n  text-decoration: none;\n}\n\n.usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__print:last-child,\n.usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__share:last-child,\n.usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__save:last-child {\n  margin-right: 0;\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__print,\n  .usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__share,\n  .usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__save {\n    margin-top: 1.5rem;\n  }\n}\n\n.usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__print:hover,\n.usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__share:hover,\n.usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__save:hover {\n  text-decoration: none;\n}\n\n.usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__print {\n  padding-top: 1.1rem;\n}\n\n.usajobs-joa-actions__col-sub-actions .usajobs-joa-actions__share {\n  padding: 0.25rem 0;\n}\n\n.usajobs-joa-actions__save {\n  min-width: 7.3rem;\n}\n\n.usajobs-joa-actions__save::before {\n  padding-right: 0.25rem;\n  color: #fdb81e;\n  font-size: 1.7rem;\n  vertical-align: top;\n}\n\n.usajobs-joa-actions__save[data-state=\"is-saved\"]::before {\n  display: inline-block;\n  background-size: 2.4rem 2.4rem;\n  height: 2.4rem;\n  width: 2.4rem;\n  content: url(\"../img/icons/job/star.svg\");\n}\n\n.usajobs-joa-actions__save[data-state=\"is-unsaved\"]::before {\n  display: inline-block;\n  background-size: 2.4rem 2.4rem;\n  height: 2.4rem;\n  width: 2.4rem;\n  content: url(\"../img/icons/job/star-o.svg\");\n}\n\n.usajobs-joa-actions--v1-5 {\n  margin: 1.5rem 0;\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-actions--v1-5 {\n    background-color: #ffffff;\n  }\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-actions--v1-5 {\n    margin-bottom: 0;\n  }\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-actions--v1-5__col-apply, .usajobs-joa-actions--v1-5__col-sub-actions {\n    float: none;\n    width: 100%;\n  }\n}\n\n.usajobs-joa-actions--v1-5__col-sub-actions, .usajobs-joa-actions--v1-5__numbers {\n  display: block;\n}\n\n.usajobs-joa-actions--v1-5__col-sub-actions::after, .usajobs-joa-actions--v1-5__numbers::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-actions--v1-5__numbers {\n    margin-top: 1.5rem;\n    border-top: 1px solid #d6d7d9;\n  }\n}\n\n@media screen and (min-width: 30em) {\n  .usajobs-joa-actions--v1-5__number-container {\n    float: left;\n    display: block;\n    margin-right: 16.03631%;\n    width: 41.98184%;\n  }\n  .usajobs-joa-actions--v1-5__number-container:last-child {\n    margin-right: 0;\n  }\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-actions--v1-5__number-container {\n    float: left;\n    display: block;\n    margin-right: 4.82916%;\n    width: 47.58542%;\n  }\n  .usajobs-joa-actions--v1-5__number-container:last-child {\n    margin-right: 0;\n  }\n}\n\n@media screen and (min-width: 62em) {\n  .usajobs-joa-actions--v1-5__number-container {\n    float: none;\n    width: 100%;\n  }\n}\n\n.usajobs-joa-actions--v1-5__number {\n  margin: 0;\n}\n\n.usajobs-joa-actions-share {\n  position: relative;\n}\n\n.usajobs-joa-actions-share__trigger {\n  margin: 0;\n  background-color: inherit;\n  border-radius: inherit;\n  color: #212121;\n  font-weight: normal;\n  padding: 1rem 0;\n}\n\n.usajobs-joa-actions-share__trigger:hover {\n  color: #212121;\n  background-color: inherit;\n}\n\n.usajobs-joa-actions-share__list {\n  display: block;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n  position: absolute;\n  top: 100%;\n  left: -50%;\n  float: left;\n  min-width: 25rem;\n  background-color: #ffffff;\n  border: 1px solid #aeb0b5;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\n}\n\n.usajobs-joa-actions-share__list > li {\n  display: list-item;\n  margin: 0;\n}\n\n.usajobs-joa-actions-share__list > li:before {\n  display: none;\n}\n\n.usajobs-joa-actions-share__list > li:after {\n  display: none;\n}\n\n@media screen and (min-width: 30em) {\n  .usajobs-joa-actions-share__list {\n    left: 0;\n  }\n}\n\n.usajobs-joa-actions-share__list[aria-hidden=\"true\"] {\n  display: none;\n}\n\n.usajobs-joa-actions-share__list::before, .usajobs-joa-actions-share__list::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: 35%;\n  width: 0;\n  height: 0;\n  border-style: solid;\n}\n\n@media screen and (min-width: 30em) {\n  .usajobs-joa-actions-share__list::before, .usajobs-joa-actions-share__list::after {\n    left: 25%;\n  }\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-actions-share__list::before, .usajobs-joa-actions-share__list::after {\n    left: 15%;\n  }\n}\n\n.usajobs-joa-actions-share__list::before {\n  top: -2.5rem;\n  border-color: transparent transparent #aeb0b5 transparent;\n  border-width: 12px;\n}\n\n.usajobs-joa-actions-share__list::after {\n  top: -2.3rem;\n  border-color: transparent transparent #ffffff transparent;\n  border-width: 12px;\n}\n\n.usajobs-joa-actions-share__list.is-disabled {\n  opacity: 0.4;\n}\n\n.usajobs-joa-actions-share__list .usajobs-joa-actions-share__item {\n  display: inline-block;\n  float: left;\n}\n\n.usajobs-joa-actions-share__item .short-url {\n  display: block;\n  padding: 0.5rem 1rem;\n  font-size: 1.4rem;\n  color: #212121;\n}\n\n.usajobs-joa-actions-share__link {\n  display: block;\n  padding: 1rem;\n  color: #0071bc;\n}\n\n.usajobs-joa-actions-share__link:visited {\n  color: #0071bc;\n}\n\n.usajobs-joa-actions-share__link .fa {\n  font-size: 2.4rem;\n}\n\n.usajobs-joa-actions-share__link.email {\n  color: #fdb81e;\n}\n\n.usajobs-joa-actions-share__link.google {\n  color: #cd2026;\n}\n\n.usajobs-joa-actions-share__link.twitter {\n  color: #02bfe7;\n}\n\n.usajobs-joa-actions-share__link.linkedin {\n  color: #112e51;\n}\n\n.usajobs-joa-actions-share__link.link {\n  color: #5b616b;\n}\n\nhtml {\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-agency {\n  display: block;\n  margin-top: 6rem;\n  padding: 1.5rem;\n  border: 1px solid #aeb0b5;\n}\n\n.usajobs-joa-agency::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.usajobs-joa-agency__agency {\n  display: block;\n  text-decoration: none;\n}\n\n.usajobs-joa-agency__announcement-number, .usajobs-joa-agency__control-number {\n  margin-top: 0;\n}\n\n.usajobs-joa-agency__details, .usajobs-joa-agency__address {\n  margin-bottom: 1.5rem;\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-agency__details, .usajobs-joa-agency__address {\n    float: left;\n    display: block;\n    margin-right: 4.82916%;\n    width: 47.58542%;\n  }\n  .usajobs-joa-agency__details:last-child, .usajobs-joa-agency__address:last-child {\n    margin-right: 0;\n  }\n}\n\n@media screen and (min-width: 37.5em) {\n  .usajobs-joa-agency__address {\n    margin-right: 0;\n  }\n}\n\n.usajobs-joa .usajobs-joa-agency--v1-5,\n.usajobs-joa-agency--v1-5 {\n  display: block;\n  position: relative;\n  margin-top: 1.5rem;\n  padding: 1.5rem;\n  background-color: #f1f1f1;\n}\n\n.usajobs-joa .usajobs-joa-agency--v1-5::after,\n.usajobs-joa-agency--v1-5::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.usajobs-joa .usajobs-joa-agency--v1-5__contact-info,\n.usajobs-joa-agency--v1-5__contact-info {\n  margin-top: 0;\n}\n\n.usajobs-joa .usajobs-joa-agency--v1-5__contact-name,\n.usajobs-joa-agency--v1-5__contact-name {\n  font-weight: normal;\n}\n\n.usajobs-joa .usajobs-joa-agency--v1-5 .fa,\n.usajobs-joa-agency--v1-5 .fa {\n  color: #0071bc;\n}\n\n.usajobs-joa .usajobs-joa-agency--v1-5__learn-more,\n.usajobs-joa-agency--v1-5__learn-more {\n  clear: both;\n  display: block;\n  width: 100%;\n  padding: 1.5rem 0;\n}\n\n.usajobs-joa .usajobs-joa-agency--v1-5__learn-more::after,\n.usajobs-joa-agency--v1-5__learn-more::after {\n  clear: both;\n  content: \"\";\n  display: block;\n}\n\n.usajobs-joa .usajobs-joa-agency-contact--v1-6__list-thumbs,\n.usajobs-joa-agency-contact--v1-6__list-thumbs {\n  display: block;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n}\n\n.usajobs-joa .usajobs-joa-agency-contact--v1-6__list-thumbs > li,\n.usajobs-joa-agency-contact--v1-6__list-thumbs > li {\n  display: list-item;\n  margin: 0;\n}\n\n.usajobs-joa .usajobs-joa-agency-contact--v1-6__list-thumbs > li:before,\n.usajobs-joa-agency-contact--v1-6__list-thumbs > li:before {\n  display: none;\n}\n\n.usajobs-joa .usajobs-joa-agency-contact--v1-6__list-thumbs > li:after,\n.usajobs-joa-agency-contact--v1-6__list-thumbs > li:after {\n  display: none;\n}\n\n.usajobs-joa .usajobs-joa-agency-contact--v1-6__item .fa-thumbs-o-up,\n.usajobs-joa-agency-contact--v1-6__item .fa-thumbs-o-up {\n  color: #2e8540;\n}\n\n.usajobs-joa .usajobs-joa-agency-contact--v1-6__item .fa-thumbs-o-down,\n.usajobs-joa-agency-contact--v1-6__item .fa-thumbs-o-down {\n  color: #e31c3d;\n}\n\n.usajobs-joa .usajobs-joa-agency-contact--v1-6__timeframe,\n.usajobs-joa-agency-contact--v1-6__timeframe {\n  margin-top: 0.5rem;\n  font-style: italic;\n}\n\n.usajobs-joa-agency-modal__sub-title {\n  font-size: 2.4rem;\n  margin: 0;\n}\n\n.usajobs-joa-agency-modal__lead {\n  font-size: 1.9rem;\n  line-height: 1.7;\n  margin-top: 0;\n}\n\n.usajobs-joa-agency-modal__contact-info .usajobs-joa-agency--v1-5 {\n  background-color: #ffffff;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.usajobs-joa-agency-modal__url {\n  padding: 1.5rem;\n  background-color: #dce4ef;\n  text-align: left;\n}\n\n.usajobs-joa-agency-modal .usajobs-joa-agency--v1-5__learn-more {\n  display: none;\n}\n","// Colors\n\n// USWDS colors\n$color-primary: #0071bc;\n$color-primary-darker: #205493;\n$color-primary-darkest: #112e51;\n\n$color-primary-alt: #02bfe7;\n$color-primary-alt-dark: #00a6d2;\n$color-primary-alt-darkest: #046b99;\n$color-primary-alt-light: #9bdaf1; // lighten($color-primary-alt, 60%)\n$color-primary-alt-lightest: #e1f3f8; // lighten($color-primary-alt, 90%)\n\n$color-secondary: #e31c3d;\n$color-secondary-dark: #cd2026;\n$color-secondary-darkest: #981b1e;\n$color-secondary-light: #e59393; // lighten($color-secondary, 60%)\n$color-secondary-lightest: #f9dede; // lighten($color-secondary, 90%)\n\n$color-white: #ffffff;\n$color-base: #212121;\n$color-black: #000000;\n\n$color-gray-dark: #323a45;\n$color-gray: #5b616b; // lighten($color-gray-dark, 20%)\n$color-gray-medium: #757575; // lightest gray that passes color contrast\n$color-gray-light: #aeb0b5; // lighten($color-gray-dark, 60%)\n$color-gray-lighter: #d6d7d9; // lighten($color-gray-dark, 80%)\n$color-gray-lightest: #f1f1f1; // lighten($color-gray-dark, 91%)\n\n$color-gray-warm-dark: #494440;\n$color-gray-warm-light: #e4e2e0; // lighten($color-gray-warm-dark, 90%)\n$color-gray-cool-light: #dce4ef; // lighten($color-primary, 90%)\n\n$color-gold: #fdb81e;\n$color-gold-light: #f9c642; //  lighten($color-gold, 20%)\n$color-gold-lighter: #fad980; //  lighten($color-gold, 60%)\n$color-gold-lightest: #fff1d2; //  lighten($color-gold, 83%)\n\n$color-green: #2e8540;\n$color-green-light: #4aa564; // lighten($color-green, 20%)\n$color-green-lighter: #94bfa2; // lighten($color-green, 60%)\n$color-green-lightest: #e7f4e4; // lighten($color-green, 60%)\n\n$color-cool-blue: #205493;\n$color-cool-blue-light: #4773aa; // lighten($color-cool-blue, 20%)\n$color-cool-blue-lighter: #8ba6ca; // lighten($color-cool-blue, 60%)\n$color-cool-blue-lightest: #dce4ef; // lighten($color-cool-blue, 90%)\n\n$color-focus: #3e94cf;\n$color-visited: #4c2c92;\n\n$color-shadow: rgba(#000, 0.3);\n\n// USAJOBS specific\n$color-green-dark: #2d8700;\n$color-green-darker: darken($color-green-dark, 10%);\n\n// Only used for the active state of the alert/destructive button\n// See https://github.com/USAJOBS/design-system/issues/1\n$color-red-darkest: #7b0608;\n","@charset \"UTF-8\";\n\n/// Outputs a media-query block with an optional grid context (the total number of columns used in the grid).\n///\n/// @param {List} $query\n///   A list of media query features and values, where each `$feature` should have a corresponding `$value`.\n///   For a list of valid values for `$feature`, click [here](http://www.w3.org/TR/css3-mediaqueries/#media1).\n///\n///   If there is only a single `$value` in `$query`, `$default-feature` is going to be used.\n///\n///   The number of total columns in the grid can be set by passing `$columns` at the end of the list (overrides `$total-columns`).\n///\n///\n/// @param {Number (unitless)} $total-columns [$grid-columns]\n///   - Number of columns to use in the new grid context. Can be set as a shorthand in the first parameter.\n///\n/// @example scss - Usage\n///   .responsive-element {\n///      @include media(769px) {\n///        @include span-columns(6);\n///      }\n///   }\n///\n///  .new-context-element {\n///    @include media(min-width 320px max-width 480px, 6) {\n///      @include span-columns(6);\n///    }\n///  }\n///\n/// @example css - CSS Output\n///  @media screen and (min-width: 769px) {\n///    .responsive-element {\n///      display: block;\n///      float: left;\n///      margin-right: 2.35765%;\n///      width: 48.82117%;\n///    }\n///\n///    .responsive-element:last-child {\n///      margin-right: 0;\n///    }\n///  }\n///\n///  @media screen and (min-width: 320px) and (max-width: 480px) {\n///    .new-context-element {\n///      display: block;\n///      float: left;\n///      margin-right: 4.82916%;\n///      width: 100%;\n///    }\n///\n///    .new-context-element:last-child {\n///      margin-right: 0;\n///    }\n///  }\n\n@mixin media($query: $feature $value $columns, $total-columns: $grid-columns) {\n  @if length($query) == 1 {\n    @media screen and ($default-feature: nth($query, 1)) {\n      $default-grid-columns: $grid-columns;\n      $grid-columns: $total-columns !global;\n      @content;\n      $grid-columns: $default-grid-columns !global;\n    }\n  } @else {\n    $loop-to: length($query);\n    $media-query: \"screen and \";\n    $default-grid-columns: $grid-columns;\n    $grid-columns: $total-columns !global;\n\n    @if is-not(is-even(length($query))) {\n      $grid-columns: nth($query, $loop-to) !global;\n      $loop-to: $loop-to - 1;\n    }\n\n    $i: 1;\n    @while $i <= $loop-to {\n      $media-query: $media-query + \"(\" + nth($query, $i) + \": \" + nth($query, $i + 1) + \") \";\n\n      @if ($i + 1) != $loop-to {\n        $media-query: $media-query + \"and \";\n      }\n\n      $i: $i + 2;\n    }\n\n    @media #{$media-query} {\n      @content;\n      $grid-columns: $default-grid-columns !global;\n    }\n  }\n}\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","// JOA - Banner\n\n@import \"../../base-shared\";\n\n.usajobs-joa-banner {\n  background-color: $color-primary-alt-darkest;\n\n  &__body {\n    max-width: $site-max-width;\n    margin-left: auto;\n    margin-right: auto;\n    padding: $size-default;\n\n    @include media($ML) {\n      padding-left: $size-M; // to align with current non-full-bleed header\n      padding-right: $size-M; // to align with current non-full-bleed header\n    }\n  }\n\n  &__title {\n    @include h2();\n    margin: 0 0 $size-base 0;\n    color: $color-white;\n\n    @include media($ML) {\n      @include h1();\n      margin: 0;\n      color: $color-white;\n    }\n  }\n\n  &__dept {\n    margin-top: $size-S;\n    text-transform: uppercase;\n    font-weight: normal;\n    color: $color-white;\n  }\n\n  &__agency {\n    @include h4();\n    display: block;\n    margin: 0 0 $size-default 0;\n    font-weight: normal;\n    color: $color-white;\n\n    &:active,\n    &:hover,\n    &:visited {\n      color: $color-white;\n    }\n  }\n}\n\n.usajobs-joa-banner--v1-3 {\n  &__agency {\n    margin-bottom: $size-S;\n  }\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","@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","// JOA - Intro (Overview)\n\n@import \"../../base-shared\";\n\n$icon-width: rem(31px);\n$icon-padding: $size-default;\n$body-padding: $size-default;\n\n.usajobs-joa-intro {\n  @include clearfix();\n  padding: $size-default;\n\n  @include media($ML) {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n\n.usajobs-joa-summary {\n  margin-bottom: $size-M;\n\n  @include media($L) {\n    @include span-columns(8, 12);\n    margin-bottom: 0;\n  }\n\n  &__list {\n    @include unstyledList();\n    @include clearfix();\n    margin-bottom: $size-M;\n  }\n\n  &__list > &__item {\n    @include media($ML) {\n      @include span-columns(3, 6);\n    }\n\n    &:nth-child(2n) {\n      @include media($ML) {\n        @include omega();\n      }\n    }\n  }\n\n  &__label {\n    font-size: $base-font-size;\n  }\n\n  &__value,\n  &__grades,\n  &__salary,\n  &__series {\n    margin-top: 0;\n    margin-bottom: $size-base;\n  }\n\n  &__salary {\n    text-transform: lowercase;\n  }\n\n  &__closing-clock--is-warning {\n    color: $color-gold;\n  }\n\n  &__closing-clock--is-critical {\n    color: $color-secondary-darkest;\n  }\n\n  &__posting-duration {\n    display: block;\n    font-size: $small-font-size;\n  }\n\n  &__summary {\n    @include media($M) {\n      @include span-columns(3, 6);\n    }\n\n    @include media($L) {\n      @include span-columns(4, 12);\n    }\n  }\n}\n\n.usajobs-joa-intro {\n  &__details-container {\n    @include media($M) {\n      @include span-columns(3, 6);\n    }\n\n    @include media($L) {\n      @include span-columns(8, 12);\n    }\n  }\n\n  &__details {\n    @include unstyledList();\n\n    @include media($L) {\n      @include span-columns(6, 12);\n    }\n  }\n}\n\n.usajobs-joa-aside {\n  @include media($L) {\n    @include span-columns(4, 12);\n    @include omega();\n    max-height: 65rem; // We need a max height (even though it isn't really \"enforced\" to keep from pushing the main section down)\n  }\n}\n\n.usajobs-joa-intro-hiring-paths {\n  padding: $size-default;\n  background-color: $color-gray-cool-light;\n\n  @include media($L) {\n    @include span-columns(4, 12);\n    @include omega();\n  }\n\n  &__section-title {\n    margin-top: 0;\n  }\n\n  &__list {\n    @include unstyledList();\n  }\n\n  &__icon {\n    display: inline-block;\n    text-align: center;\n    margin-right: $size-base;\n\n    svg {\n      width: 3rem;\n      height: 3rem;\n      vertical-align: middle;\n    }\n  }\n\n  &__item > &__link {\n    width: 100%;\n    padding: $size-S 0;\n    color: $color-base;\n    text-decoration: none;\n\n    &:visited,\n    &:active,\n    &:hover {\n      color: $color-base;\n    }\n\n    &:hover {\n      text-decoration: none;\n      box-shadow: $focus-shadow;\n    }\n  }\n\n  &__body {\n    padding: 0 0 0 $size-default;\n  }\n\n  &__title {\n    margin: 0;\n    color: $color-primary;\n    text-decoration: underline;\n  }\n\n  &__detail,\n  &__sublist-item {\n    font-size: $small-font-size;\n    margin: 0;\n  }\n\n  &__sublist {\n    margin-bottom: 0;\n  }\n}\n\n.usajobs-joa--v1-5__intro-hiring-paths,\n.usajobs-joa--v1-6__intro-hiring-paths,\n.usajobs-joa--v1-7__intro-hiring-paths {\n  position: relative;\n\n  @include media($L) {\n    float: none;\n    width: 100%;\n    padding: $size-M $size-default $size-default;\n  }\n}\n\n.usajobs-joa--v1-7-intro-hiring-paths {\n  &__body {\n    padding: 0 0 0 $size-base;\n  }\n}\n\n// Fix for documentation only\n.main-content .usajobs-joa-intro-hiring-paths {\n  .usajobs-joa-intro-hiring-paths__link {\n    text-decoration: none;\n  }\n}\n\n.no-flexbox .usajobs-joa-intro-hiring-paths {\n  &__link {\n    @include clearfix();\n    display: table;\n  }\n\n  &__figure,\n  &__body {\n    display: table-cell;\n  }\n\n  &__body {\n    @include calc(\n      width,\n      \"100% - \" ($icon-width + $icon-padding + $body-padding)\n    );\n\n    .lt-ie9 & {\n      width: 75%;\n    }\n  }\n}\n\n.flexbox .usajobs-joa-intro-hiring-paths {\n  &__link {\n    @include display(flex);\n    @include align-items(top);\n  }\n\n  &__figure {\n    @include flex-shrink(0);\n  }\n\n  &__body {\n    @include flex(1);\n    min-width: 0;\n  }\n\n  // Added in v1-6\n  &__explanation-text {\n    margin-top: 0;\n  }\n}\n\n.usajobs-joa-intro--v1-5,\n.usajobs-joa-intro--v1-6,\n.usajobs-joa-intro--v1-7 {\n  padding-top: 0;\n\n  @include media($L) {\n    padding-bottom: 0;\n  }\n\n  &__container {\n    position: relative;\n\n    @include media($L) {\n      @include span-columns(8, 12);\n    }\n  }\n}\n\n.usajobs-joa-overview {\n  position: relative;\n  background-color: $color-white;\n  margin-bottom: $size-default;\n\n  @include media($M) {\n    padding: $size-default;\n    @include boxShadow(1);\n  }\n\n  @include media($L) {\n    padding: $size-M;\n  }\n\n  &__header {\n    display: none;\n    margin-top: 0;\n    color: $color-primary-alt-darkest;\n\n    @include media($M) {\n      display: block;\n    }\n  }\n}\n\n.usajobs-joa-closing-types {\n  padding: $size-S;\n  font-size: $small-font-size;\n  background-color: $color-gold-lighter;\n\n  a,\n  a:active,\n  a:hover,\n  a:visited {\n    color: $color-base;\n  }\n}\n\n.usajobs-joa-intro-second-announcement {\n  position: relative;\n  margin: $size-default 0;\n  padding: $size-M $size-default $size-default;\n  background-color: $color-white;\n\n  &__item {\n    padding: $size-base 0;\n    color: $color-base;\n    text-decoration: none;\n  }\n\n  &__link {\n    display: block;\n    margin-top: $size-S;\n\n    &:hover {\n      text-decoration: none;\n      box-shadow: $focus-shadow;\n    }\n  }\n}\n\n// Fighting design standards specificity\n.usajobs-joa-intro-second-announcement\n.usajobs-joa-intro-second-announcement__link {\n  text-decoration: none;\n}\n\n.no-flexbox .usajobs-joa-intro-second-announcement {\n  &__item {\n    @include clearfix();\n    display: table;\n  }\n\n  &__figure,\n  &__body {\n    display: table-cell;\n  }\n\n  &__body {\n    @include calc(\n      width,\n      \"100% - \" ($icon-width + $icon-padding + $body-padding)\n    );\n\n    .lt-ie9 & {\n      width: 75%;\n    }\n  }\n}\n\n.flexbox .usajobs-joa-intro-second-announcement {\n  &__item {\n    @include display(flex);\n    @include align-items(top);\n  }\n\n  &__figure {\n    @include flex-shrink(0);\n  }\n\n  &__body {\n    @include flex(1);\n    min-width: 0;\n  }\n}\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","@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/// 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","@mixin calc($property, $value) {\n  #{$property}: -webkit-calc(#{$value});\n  #{$property}: calc(#{$value});\n}\n","// JOA - Locations\n\n@import \"../../base-shared\";\n\n.usajobs-joa-locations {\n  &__sub-title {\n    margin-top: $size-base;\n  }\n\n  &__list {\n    @include unstyledList();\n    @include clearfix();\n    margin-top: $size-S;\n  }\n\n  &__list > &__item {\n    margin-bottom: $size-default;\n\n    @include media($SM) {\n      float: left;\n      width: 50%;\n    }\n  }\n\n  &__link,\n  &__link:visited {\n    text-decoration: none;\n    color: $color-base;\n\n    .fa-map-marker-alt {\n      color: $color-primary-alt;\n    }\n  }\n\n  &__body {\n    padding: 0 $size-S 0 $size-base;\n  }\n\n  &__location {\n    @include h4();\n    margin: 0;\n    font-weight: normal;\n  }\n\n  &__street,\n  &__city {\n    display: block;\n  }\n\n  &__street,\n  &__vacancies {\n    font-size: $small-font-size;\n  }\n\n  &__city {\n    font-weight: bold;\n    line-height: 1.2;\n  }\n\n  &__reveal-link,\n  &__reveal-link:visited {\n    color: $color-primary;\n  }\n\n  &__reveal-link {\n    margin: $size-S 0 $size-default;\n    background-color: $color-white;\n    text-align: left;\n  }\n\n  &__more-locations {\n    padding: $size-default 0;\n\n    &[aria-hidden=\"true\"] {\n      display: none;\n    }\n  }\n}\n\n.main-content .usajobs-joa-locations__link {\n  text-decoration: none;\n}\n\n.no-flexbox .usajobs-joa-locations {\n  &__link {\n    @include clearfix();\n    display: table;\n  }\n\n  &__figure,\n  &__body {\n    display: table-cell;\n  }\n\n  &__body {\n    $icon-width: rem(9.72px);\n    $icon-padding: $size-base;\n    $body-padding: $size-S;\n\n    @include calc(\n      width,\n      \"100% - \" ($icon-width + $icon-padding + $body-padding)\n    );\n\n    .lt-ie9 & {\n      width: 75%;\n    }\n  }\n}\n\n.flexbox .usajobs-joa-locations {\n  &__link {\n    @include display(flex);\n    @include align-items(top);\n  }\n\n  &__figure {\n    @include flex-shrink(0);\n  }\n\n  &__body {\n    @include flex(1);\n    min-width: 0;\n  }\n}\n\n.usajobs-joa-locations--v1-5 {\n  position: relative;\n  margin-bottom: $size-default;\n  background-color: $color-white;\n\n  @include media($M) {\n    padding: $size-default;\n    @include boxShadow(1);\n  }\n\n  @include media($L) {\n    padding: $size-M;\n  }\n\n  &__header {\n    margin-top: 0;\n    color: $color-primary-alt-darkest;\n  }\n\n  &__commuting-distance {\n    margin-top: 0;\n\n    .fa-info-circle {\n      color: $color-primary;\n    }\n  }\n}\n","// JOA - Actions (Apply, print, share, save)\n\n@import \"../../base-shared\";\n@import \"../actions\";\n\n.usajobs-joa-actions {\n  @include clearfix();\n  margin-bottom: $size-M;\n  padding: $size-default $size-default 0;\n  text-align: center;\n  background-color: $color-gray-lightest;\n\n  @include media($M) {\n    padding-bottom: $size-default;\n    text-align: left;\n  }\n\n  &__apply {\n    @include media($SM) {\n      width: 80%;\n    }\n\n    @include media($L) {\n      width: 100%;\n    }\n  }\n\n  &__col-apply,\n  &__col-sub-actions {\n    @include media($M) {\n      @include span-columns(3, 6);\n    }\n\n    @include media($L) {\n      @include span-columns(4, 12);\n    }\n  }\n\n  &__col-sub-actions {\n    @include media($L) {\n      min-width: rem(275px);\n    }\n  }\n\n  &__col-apply {\n    @include media($M) {\n      float: right;\n      @include omega();\n    }\n  }\n\n  &__col-sub-actions:last-child {\n    @include media($M) {\n      margin-right: 4.8291579146%;\n    }\n  }\n\n  &__col-sub-actions &__print,\n  &__col-sub-actions &__share,\n  &__col-sub-actions &__save {\n    @include span-columns(4, 12);\n    padding: $size-S 0;\n    text-align: center;\n    color: $color-base;\n    text-decoration: none;\n\n    @include media($M) {\n      margin-top: $size-default;\n    }\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  &__col-sub-actions &__print {\n    padding-top: $size-S + rem(1px);\n  }\n\n  &__col-sub-actions &__share {\n    padding: rem(2.5px) 0;\n  }\n\n  &__save {\n    min-width: rem(73px);\n\n    &::before {\n      padding-right: $size-XS;\n      color: $color-gold;\n      font-size: $base-font-size;\n      vertical-align: top;\n    }\n  }\n\n  &__save[data-state=\"is-saved\"] {\n    &::before {\n      @include icon-content(\"job/star\", 2.4rem, 2.4rem);\n    }\n  }\n\n  &__save[data-state=\"is-unsaved\"] {\n    &::before {\n      @include icon-content(\"job/star-o\", 2.4rem, 2.4rem);\n    }\n  }\n}\n\n.usajobs-joa-actions--v1-5 {\n  margin: $size-default 0;\n\n  @include media($M) {\n    background-color: $color-white;\n  }\n\n  @include media($L) {\n    margin-bottom: 0;\n  }\n\n  &__col-apply,\n  &__col-sub-actions {\n    @include media($L) {\n      float: none;\n      width: 100%;\n    }\n  }\n\n  &__col-sub-actions,\n  &__numbers {\n    @include row();\n  }\n\n  &__numbers {\n    @include media($L) {\n      margin-top: $size-default;\n      border-top: 1px solid $color-gray-lighter;\n    }\n  }\n\n  &__number-container {\n    @include media($SM) {\n      @include span-columns(1, 2);\n    }\n\n    @include media($M) {\n      @include span-columns(3, 6);\n    }\n\n    @include media($L) {\n      float: none;\n      width: 100%;\n    }\n  }\n\n  &__number {\n    margin: 0;\n  }\n}\n\n.usajobs-joa-actions-share {\n  @include actionShare();\n}\n","@charset \"UTF-8\";\n\n/// Designates the element as a row of columns in the grid layout. It clears the floats on the element and sets its display property. Rows can't be nested, but there can be more than one row element—with different display properties—per layout.\n///\n/// @param {String} $display [default]\n///  Sets the display property of the element and the display context that will be used by its children. Can be `block` or `table`.\n///\n/// @param {String} $direction [$default-layout-direction]\n///  Sets the layout direction. Can be `LTR` (left-to-right) or `RTL` (right-to-left).\n///\n/// @example scss - Usage\n///  .element {\n///    @include row();\n///  }\n///\n/// @example css - CSS Output\n///  .element {\n///    *zoom: 1;\n///    display: block;\n///  }\n///\n/// .element:before, .element:after {\n///   content: \" \";\n///   display: table;\n/// }\n///\n/// .element:after {\n///   clear: both;\n/// }\n\n@mixin row($display: default, $direction: $default-layout-direction) {\n  @if $direction != $default-layout-direction {\n    @include -neat-warn(\"The $direction argument will be deprecated in future versions in favor of the direction(){...} mixin.\");\n  }\n\n  $layout-direction: $direction !global;\n\n  @if $display != default {\n    @include -neat-warn(\"The $display argument will be deprecated in future versions in favor of the display(){...} mixin.\");\n  }\n\n  @if $display == table {\n    display: table;\n    @include fill-parent;\n    table-layout: fixed;\n    $container-display-table: true !global;\n  } @else {\n    @include clearfix;\n    display: block;\n    $container-display-table: false !global;\n  }\n}\n","// Actions - Shared actions across components\n\n@import \"../base-shared\";\n\n@mixin actionShare() {\n  position: relative;\n\n  &__trigger {\n    @include removeButton();\n    padding: $size-S 0;\n  }\n\n  &__list {\n    @include unstyledList();\n    position: absolute;\n    top: 100%;\n    left: -50%;\n    float: left;\n    min-width: rem(250px);\n    background-color: $color-white;\n    border: 1px solid $color-gray-light;\n    @include boxShadow(1);\n\n    @include media($SM) {\n      left: 0;\n    }\n  }\n\n  &__list[aria-hidden=\"true\"] {\n    display: none;\n  }\n\n  &__list::before,\n  &__list::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    left: 35%;\n    width: 0;\n    height: 0;\n    border-style: solid;\n\n    @include media($SM) {\n      left: 25%;\n    }\n\n    @include media($M) {\n      left: 15%;\n    }\n  }\n\n  &__list::before {\n    top: rem(-25px);\n    border-color: transparent transparent $color-gray-light transparent;\n    border-width: 12px;\n  }\n\n  &__list::after {\n    top: rem(-23px);\n    border-color: transparent transparent $color-white transparent;\n    border-width: 12px;\n  }\n\n  &__list.is-disabled {\n    opacity: $layer-disabled;\n  }\n\n  &__list &__item {\n    display: inline-block;\n    float: left;\n  }\n\n  &__item .short-url {\n    display: block;\n    padding: $size-base $size-S;\n    font-size: $small-font-size;\n    color: $color-base;\n  }\n\n  &__link {\n    display: block;\n    padding: $size-S;\n    color: $color-primary;\n\n    &:visited {\n      color: $color-primary;\n    }\n\n    .fa {\n      font-size: $h3-font-size;\n    }\n\n    &.email {\n      color: $color-gold;\n    }\n\n    &.google {\n      color: $color-secondary-dark;\n    }\n\n    &.twitter {\n      color: $color-primary-alt;\n    }\n\n    &.linkedin {\n      color: $color-primary-darkest;\n    }\n\n    &.link {\n      color: $color-gray;\n    }\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@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","// Accessibility\n\n@import \"utilities\";\n\n.usajobs-assistive-text {\n  @include hide();\n}\n","// JOA - Agency\n\n@import \"../../base-shared\";\n\n.usajobs-joa-agency {\n  @include row();\n  margin-top: $size-XL;\n  padding: $size-default;\n  border: 1px solid $color-gray-light;\n\n  &__agency {\n    display: block;\n    text-decoration: none;\n  }\n\n  &__announcement-number,\n  &__control-number {\n    margin-top: 0;\n  }\n\n  &__details,\n  &__address {\n    margin-bottom: $size-default;\n\n    @include media($M) {\n      @include span-columns(3, 6);\n    }\n  }\n\n  &__address {\n    @include media($M) {\n      @include omega();\n    }\n  }\n}\n\n.usajobs-joa .usajobs-joa-agency--v1-5,\n.usajobs-joa-agency--v1-5 {\n  @include row();\n  position: relative;\n  margin-top: $size-default;\n  padding: $size-default;\n  background-color: $color-gray-lightest;\n\n  &__contact-info {\n    margin-top: 0;\n  }\n\n  &__contact-name {\n    font-weight: normal;\n  }\n\n  .fa {\n    color: $color-primary;\n  }\n\n  &__learn-more {\n    clear: both;\n    @include clearfix();\n    display: block;\n    width: 100%;\n    padding: $size-default 0;\n  }\n}\n\n.usajobs-joa .usajobs-joa-agency-contact--v1-6,\n.usajobs-joa-agency-contact--v1-6 {\n  &__sub-title {\n    // color: $color-primary-alt-darkest;\n  }\n\n  &__list-thumbs {\n    @include unstyledList();\n  }\n\n  &__item {\n    .fa-thumbs-o-up {\n      color: $color-green;\n    }\n\n    .fa-thumbs-o-down {\n      color: $color-secondary;\n    }\n  }\n\n  &__timeframe {\n    margin-top: $size-base;\n    font-style: italic;\n  }\n}\n\n.usajobs-joa-agency-modal {\n  &__sub-title {\n    font-size: $h3-font-size;\n    margin: 0;\n  }\n\n  &__lead {\n    font-size: $h4-font-size;\n    line-height: 1.7;\n    margin-top: 0;\n  }\n\n  &__contact-info .usajobs-joa-agency--v1-5 {\n    background-color: $color-white;\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  &__url {\n    padding: $size-default;\n    background-color: $color-gray-cool-light;\n    text-align: left;\n  }\n\n  .usajobs-joa-agency--v1-5__learn-more {\n    display: none;\n  }\n}\n"]}