html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%;} body{min-width:320px;font-family:'Work Sans',Arial,Helvetica,sans-serif;font-size:18px;font-weight:300;line-height:1.5;text-align:center;} body,header a{color:#211d1e;} body,.top ul{padding:0;margin:0;} h1,h2,h3,h4,h5,h6,p,th,td,dd,dt,li,blockquote{text-align:left;} h1,header,.apply strong,.home h2,form input[type=submit],.btn{text-transform:uppercase;} img,iframe{max-width:100%;height:auto;} iframe{aspect-ratio:auto 16 / 9;width:100%;margin:1em auto;display:block} .fullwidth{width:100%;} a img,iframe{border:none;} a:hover{transition:ease-in-out .3s;} a,header a:hover,footer a:hover,form input[type=submit]:hover,.btn:hover{text-decoration:none;} a,header a:hover,footer a:hover{color:#01a2dd;} a:hover{text-decoration:underline;} hr{border-width:1px;border-color:#eee;border-style:none none solid;margin:40px 0;} .imgLeft,.imgRight{max-width:45%;} .imgLeft{float:left;margin:10px 4% 2% 0;} .imgCenter{display:block;margin:0 auto;} .imgRight{float:right;margin:10px 0 2% 4%;} .clear{clear:both;} .nowrap,a[href^=tel]{white-space:nowrap;} .hide{display:none !important;} .center,.apply h1,.apply h2,.featured h2,.cta h2,.cta h3,.join h2,.join p,.ccpaNotice,footer .grid>div:nth-of-type(2) li{text-align:center !important;} .wrap{display:block;max-width:1200px;margin:0 auto;position:relative;} .flex{display:flex;flex-wrap:wrap;} .flex>*{flex:1;} .mid{align-items:center;align-self:center;} .grid{display:grid;grid-gap:10px 40px;} .grid.half{grid-template-columns:repeat(2,1fr);} .grid.third{grid-template-columns:repeat(3,1fr);} .grid.fourth{grid-template-columns:repeat(4,1fr);} .gallery.grid{grid-gap:25px;grid-template-columns:1fr 1fr} .gallery img{width:100%;height:100%;object-fit:cover} .bgimg{position:relative} .bgimg>img:first-of-type{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:0} .top,footer{background-color:#0055a5;} .top,.top a,footer,footer .grid a,.apply h1,.apply h2,.welcome,.welcome h2,.welcome h3,.featured h2,.cta h2,.cta h3,.safety,.safety h2{color:#fff !important;} .top a{margin-left:20px;} .top,footer .grid>div:nth-of-type(3),footer .grid>div:nth-of-type(3) p,.welcome h2,.welcome h3,.welcome p{text-align:right;} header,footer{font-size:16px;} header .wrap{padding:10px;} nav ul{margin:0} nav a{font-weight:bold;color:#908e8f;display:block;margin:5px;padding:5px} footer .grid>div:nth-of-type(2) li{margin:0 10px;} header li,footer .grid>div:nth-of-type(2) li{display:inline-block;} header{box-shadow:0 0 10px rgba(0,0,0,.1);position:relative;z-index:999;} header img{max-width:200px;filter:drop-shadow(1px -1px 2px #fff)} header svg,main svg{vertical-align:middle;} .home>div>.wrap{padding:50px 15px 60px;} .apply,.welcome,.featured .grid>div,.cta,.safety{background-size:cover;background-position:center;} .apply{width:100%;height:900px;margin-top:-222px;} .apply:before,.featured .grid>div:before,.cta:before{width:100%;content:"";background-color:rgba(0,0,0,.4);position:absolute;inset:0} .apply:before{height:900px;z-index:1} .apply .wrap,.cta .wrap{position:relative;transform:translateY(-50%);z-index:2} .apply .wrap{top:60%} .cta .wrap{top:50%} .apply h1,.apply h2,.featured h2,.cta h2,.cta h3{text-shadow:2px 2px 3px rgba(0,0,0,.3);} .apply h1,.apply h2,.cta h2,.cta h3{margin:0;} .apply h1,.home .cta h2{font-size:48px;} .apply h2{text-transform:unset;} .apply .btn{margin-top:20px;} .welcome{background-image:url(/images/bg-welcome.png);background-color:#508bc2;} .welcome .grid{padding-right:50px;} .featured .grid{grid-gap:0;} .featured .grid>div,.featured h2,.featured .btn,.cta{position:relative;} .featured h2,.featured .btn{z-index:999;} .featured h2:after{width:60px;height:2px;content:"";background-color:rgba(255,255,255,.8);position:absolute;top:50px;left:50%;transform:translateX(-50%);} .featured .btn{margin-top:20px;} .featured .grid>div{padding:100px 10px;} .featured .grid>div:before,.cta:before{height:100%;} .featured .grid>div:nth-of-type(1){background-image:url(/images/feat1.jpg);} .featured .grid>div:nth-of-type(2){background-image:url(/images/feat2.jpg);} .featured .grid>div:nth-of-type(3){background-image:url(/images/feat3.jpg);} .featured .grid>div:nth-of-type(4){background-image:url(/images/feat4.jpg);} .cta{width:100%;height:600px;background-image:url(/images/bg-cta.jpg);} .cta h2{max-width:900px;line-height:1.2;margin:0 auto;} .cta h3{padding:20px 0;} .join ul{margin:40px 0;} .join li{display:block;width:max-content;background-color:#508bc2;color:#fff;padding:10px 20px;margin:20px auto;border-radius:10px;} .join svg{margin-right:5px;} .safety{background-image:url(/images/bg-safety.png);background-color:#0d4073;} .safety .grid{padding-left:50px;} main{padding:40px 10px 60px;} main h1,.home .join h2{font-size:36px;line-height:1.2;} main h1,main h3{color:#508bc2;} main h2,.home h2,.home .cta h3{font-size:24px;} main h2{color:#0d4073;} main h3{font-size:20px;} main h4,.home h3{font-size:18px;} main ul,main ol{padding-left:25px;} main li,footer li{margin:5px 0;} main .grid{padding:40px 0;} .nolist,header ul,footer ul,.join ul{list-style:none;padding:0;} .contact .grid{grid-template-columns:1fr 350px;} .contact .grid>div:last-of-type{background-color:#0d4073;color:#fff;padding:0 40px;} .cycle-slideshow,.cycle-slideshow *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .cycle-slideshow{width:100%;max-width:600px;margin:30px auto;padding:0;position:relative;} .cycle-slideshow img{position:absolute;top:0;left:0;width:100%;padding:0;display:block;}.cycle-slideshow img:first-child{position:static;z-index:100;} .cycle-pager{text-align:center;width:100%;z-index:500;position:absolute;top:10px;overflow:hidden;} .cycle-pager span{font-family:arial;font-size:50px;width:16px;height:16px;display:inline-block;color:#ddd;cursor:pointer;} .cycle-pager span.cycle-pager-active{color:#476bc3;} .cycle-pager>*{cursor:pointer;} .cycle-caption{position:absolute;color:#fff;bottom:15px;right:15px;z-index:700;} .cycle-overlay{position:absolute;bottom:0;width:100%;z-index:600;background:black;color:white;padding:15px;opacity:.5;} form .grid{grid-gap:0 10px;padding:0} form fieldset{border:1px solid black;padding:5px 10px;margin:1em 0 2em;text-align:left} form legend{background-color:#ccc;display:block;text-align:center;font-weight:bold;width:calc(100% + 20px);text-transform:uppercase;padding:5px 0;border:1px solid #000;margin:0 -11px 10px} form legend span{text-transform:lowercase;white-space:nowrap} form label{display:block;text-align:left;margin-bottom:10px} form input,form select,form textarea,.btn{font-family:'Work Sans',sans-serif;font-size:16px;font-weight:300;} form input,form select,form textarea{background-color:#fff;padding:10px;border:1px solid #ddd;box-sizing:border-box;width:100%} form textarea{height:100px} form input[type=radio],form input[type=checkbox]{width:auto;margin:0 5px 0 0} form input[type=date]{padding:9px 10px} form .radio{text-align:left;margin-bottom:10px} form .radio label{display:inline-block;margin-right:30px} form input[type=file]{margin-left:10px;border-radius:0;} form input[type=submit],.btn{display:inline-block;font-weight:bold;text-align:center;line-height:1.5;background-color:#0055a5;color:#fff;padding:10px 30px;margin:10px 0;border:none;border-radius:50px;transition:ease-out .3s;} form input[type=submit]{min-width:250px;margin:0;} form input[type=submit]:hover,.btn:hover{cursor:pointer;background-color:#01a2dd;color:#fff !important;} form .note{font-style:italic;font-size:14px;display:block} form .formbox{border:1px solid #ddd} form .formbox>label{margin-bottom:0;padding:6px 10px} form p{margin-bottom:0} form .grid p{margin-top:0} form .education b{display:block;margin-top:20px} form .education b:first-of-type{margin-top:0} #application .grid.app-name{grid-template-columns:1fr 1fr 125px 1fr} #application .grid.address{grid-template-columns:2fr 1fr 100px 100px} #application .grid.half{grid-template-columns:1fr 1fr} #application .references .grid.third{grid-template-columns:200px 1fr 150px} #application .grid.leaving{grid-template-columns:1fr 250px} #application .grid.salary{grid-template-columns:1fr 150px 150px} #application summary{font-weight:bold} #application .additional textarea{height:400px} #self-identification .grid.selfdate{grid-template-columns:1fr 200px} footer .wrap{padding:20px 10px;} footer .grid.third{grid-template-columns:250px 1fr 250px;} @media(max-width:999px){.top,footer,footer li,footer p{text-align:center !important;} .grid.half,.grid.third,.grid.fourth{grid-template-columns:1fr !important;} .welcome,.safety{background-image:none;padding:0 10px;} .welcome .grid,.safety .grid{padding:0;} footer .wrap{padding:20px 10px 40px;} footer img{display:block;margin:0 auto;} .apply{position:relative} .apply,.apply:before{height:500px} .apply .wrap{transform:none;top:unset;position:unset;} .apply .btn{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:2} .apply h1,.apply h2{position:relative;z-index:2}} @media(max-width:600px){.join li{width:unset;text-align:center;background-color:unset;color:#508bc2;margin:5px 0;padding:0;} .join li svg{filter:invert(100%);} #application .grid,.gallery.grid{grid-template-columns:1fr !important;} .cycle-overlay{padding:4px} .cycle-caption{bottom:4px;right:4px}} @media(max-width:450px){.top li{display:block;text-align:center;margin:5px 0;} .top a{margin:0;} .home .cta h2{font-size:40px;}}