/* Jobs */
.hero-jobs { text-align: center; }
.hero-jobs h2 { margin-top: -5px; }
.hero-jobs p { font-size: 1.9em; text-shadow: 0 2px 3px rgba(0,0,0,0.45); margin: 10px; }
.hero-jobs h2 img { width: 45vw; max-width: 90%; height: auto;}
.block-jobs .inner { text-align: left; }
.block-jobs h2 { margin-bottom: 8px; width: 74%; font-size: 4.2em; }
.wf-ffgoodheadlinewebprocon-n9-active .block-jobs h2 { line-height: 0.9; font-size: 4.8em;  }
.block-jobs h2 em { font-style: normal; color: #248c42; }
.block-jobs h6 { text-transform: none; margin-top: 0; font-size: 1.9em; font-weight: 400; padding-left: 2px; }
.block-jobs img { max-width: 95%; height: auto; }

.block-jobs .right { float: right; width: 25%; margin-top: -70px;}
.block-jobs .left { float: left; width: 73%; }
.jobs-callout-box { background: #0e4929; color: #fff; border: 2px solid #fff; box-shadow: 1px 2px 10px rgba(0,0,0,0.2); }
.jobs-callout-box h3, .jobapply h3 { background: #fff; color: #0e4929; margin: 0 10px -35px; padding: 7px 20px; font-size: 2em; line-height: 0.95; position: relative; top: -45px; transform: rotate(-1deg);}
.wf-ffgoodheadlinewebprocon-n9-active .jobs-callout-box h3 { font-size: 2.3em; }
.jobs-callout-box ul { margin: 0; padding: 0 20px 20px 18px; font-size: 1.25em; list-style-type: none; }
.jobs-callout-box li { line-height: 1.2; margin: 16px 0; position: relative; padding: 0 0 0 30px;}
.jobs-callout-box li:before { content: ''; display: block; position: absolute; left: 0; top: 4px; width: 22px; height: 22px; background: url(/assets/icons/misc-2x.png) no-repeat 0 -1100px; background-size: 100px;}

.jobapply { clear: both; text-align: center; padding: 40px 0;}
.jobapply div { max-width: 940px; background: #fff; margin: 0 auto 30px; padding: 0 60px; box-shadow: 0 0 16px 5px #ddd; text-align: left; }
.jobapply h3 { text-align: center; width: 230px; margin: 0 auto 30px; top: -25px; background: #ef4241; color: #fff; font-size: 2.5em; }
.wf-ffgoodheadlinewebprocon-n9-active .jobapply h3 { font-size: 3.1em;}
.jobapply p.intro { width: 100%; max-width: 500px; text-align: center; }
.jobapply textarea.textinput { width: 100%; max-width: 100%; min-width: 100%; min-height: 100px; height: 250px; max-height: 600px; }
.jobapply .half input.textinput { width: 48%; margin: 0 0 12px; }
.jobapply .half input.textinput:first-child { margin-right: 3%; }
.jobapply .half input.textinput:last-child { position: relative; right: -0.5%; }
.jobapply .submitbtn { text-align: center; margin: 20px 0 0; font-size: 1.7em; position: relative; top: 22px; }
.jobapply .btn-primary { background-color: #248c42; }
.jobapply .btn-primary:hover, .jobapply .btn-primary:focus, .jobapply .btn-primary:active { background-color: #1f9b43; }
.jobapply .hp { display: none; }

@media screen and (max-width:820px) {
.block-jobs .right { width: 30%; }
.block-jobs .left { width: 68%; }
}

@media screen and (max-width:680px) {
.jobs-callout-box h3 { max-width: 300px; margin: 0 auto -35px;}
.block-jobs h2 { width: 100%;}
.block-jobs .right { float: none; width: 75%; min-width: 300px; margin: 60px auto 20px; }
.block-jobs .left { float: none; width: 100%; }
.jobapply div { padding: 0 30px; }
.jobapply .half input.textinput { width: 100%; margin: 0 0 12px; }
.jobapply .half input.textinput:first-child { margin-right: 0; }
.jobapply .half input.textinput:last-child { right: 0; }
}

@media screen and (max-width:490px) {
.jobs-callout-box h3 { max-width: 300px; margin: 0 10px -35px;}
}


@media screen and (max-width:400px) {
.jobapply div { padding: 0 20px; }
}