*/
.jobswtcust h1 {
	font-size: 1.4em;
    line-height: 1.2;
    --text-transform: uppercase;
    font-weight: 700;
}

@media screen and (min-width: 460px) {
    .jobswtcust h1 {
        font-size: 1.8em;
    font-weight: 700;
    }
}
@media screen and (min-width: 600px) {
    .jobswtcust h1 {
        font-size: 2.2em;
    font-weight: 700;
    }
}
.jobswtcust h2 {
    font-size: 1.5em;/
    line-height: 1.2;
    font-weight: 700;
}
.jobswtcust h3 {
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: 700;
}
.jobswtcust h4 {
    font-size: 1.15em;
    line-height: 1.2;
    font-weight: 700;
}
.jobswtcust h5 {
    font-size: 1.05em;
    font-weight: 700;
    line-height: 1.2;
}
.jobswtcust h6 {
    font-size: 1em;
    font-weight: 700;
}
/*
 *  BOOTSTRAP OVERRIDES
 */
 
/* Mockups don't have a border radius on form elements. */
.jobswtcust .form-control {
    border-radius: 0;
}
/*
 *  GRID HELPERS
 */
/* Added for the search button on the employer page
   that abuts the form element. */
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}
/*
 *  HEROES
 */
.hero {
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}
.hero > .blade {
    height: 17em;
    position: relative;
}
@media screen and (min-width: 460px) {
    .hero > .blade {
        height: 16em;
    }
}
.hero .hero-content {
    width: 60%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
    .hero .hero-content {
        width: 50%;
    }
}
.hero .hero-title {
    text-transform: uppercase;
    margin-top: 0;
    color: #a00;
    background-repeat: no-repeat;
	font-weight: 700;
}
.hero .hero-copy {
    margin-bottom: 1em;
    font-size: 15px;
	line-height: 1.2;
}
@media screen and (max-width: 600px) {
    .hero .hero-copy {
        width: 85%;
    }
}
@media screen and (min-width: 600px) {
	.hero .hero_copy {
		font-size: 16px;
		line-height: 1.43;
	}
}
.hero.female-yellow-blouse {
    background-image: url("/images/2023-Hero/home_hero.jpg");
    background-size: 215%;
    background-position: -275px 0;
}
@media screen and (min-width: 375px){
    .hero.female-yellow-blouse {
        background-size: 195%;
        background-position: -255px 0;
    }
}
@media screen and (min-width: 400px) {
    .hero.female-yellow-blouse {
        background-size: 140%;
        background-position: -140px 0;
    }
}
@media screen and (min-width: 600px) {
    .hero.female-yellow-blouse {
        background-size: 120%;
        background-position: -80px 0;
    }
}
@media screen and (min-width: 768px) {
    .hero.female-yellow-blouse {
        background-size: 100%;
        background-position: top center;
    }
}
@media screen and (min-width: 1024px) {
    .hero.female-yellow-blouse {
        background-size: 80%;
    }
}
@media screen and (min-width: 1200px) {
    .hero.female-yellow-blouse {
        background-size: 70%;
        background-position: 230px 0;
    }
}
.hero.veteran {
    background-image: url("/images/2023-Hero/veteran_hero.jpg");
    background-size: 215%;
    background-position: -170px -40px;
}
@media screen and (min-width: 375px){
    .hero.veteran {
        background-size: 195%;
        background-position: -190px -40px;
    }
}
@media screen and (min-width: 400px) {
    .hero.veteran {
        background-size: 140%;
        background-position: -100px -40px;
    }
}
@media screen and (min-width: 600px) {
    .hero.veteran {
        background-size: 120%;
        background-position: -40px -40px;
    }
}
@media screen and (min-width: 768px) {
    .hero.veteran {
        background-size: 100%;
        background-position: 0 -40px;
    }
}
@media screen and (min-width: 1024px) {
    .hero.veteran {
        background-size: 100%;
		background-position: 0 -60px;
    }
}
@media screen and (min-width: 1200px) {
    .hero.veteran {
        background-size: 100%;
        background-position: 10px -80px;
    }
}
.hero.male-blue-shirt {
    background-image: url("/images/2023-Hero/services_hero.jpg");
    background-size: 190%;
    background-position: -195px 15px;
}
@media screen and (min-width: 375px){
    .hero.male-blue-shirt {
        background-size: 180%;
        background-position: -195px 10px;
    }
}
@media screen and (min-width: 425px) {
    .hero.male-blue-shirt {
        background-size: 150%;
        background-position: -145px 0;
    }
}
@media screen and (min-width: 530px) {
    .hero.male-blue-shirt {
        background-size: 130%;
        background-position: -95px 0;
    }
}
@media screen and (min-width: 600px) {
    .hero.male-blue-shirt {
        background-size: 120%;
        background-position: -70px -50px;
    }
}
@media screen and (min-width: 992px) {
    .hero.male-blue-shirt {
        background-size: 100%;
        background-position: 20px -45px;
    }
}
@media screen and (min-width: 1200px) {
    .hero.male-blue-shirt {
        background-size: 100%;
        background-position: -10px -55px;
    }
}
.hero.male-blue-suit {
    background-image: url("/images/2023-Hero/job_seeker_hero.jpg");
    background-size: 215%;
    background-position: -280px 0;
}
@media screen and (min-width: 375px){
    .hero.male-blue-suit {
        background-size: 190%;
        background-position: -250px 0;
    }
}
@media screen and (min-width: 400px) {
    .hero.male-blue-suit {
        background-size: 150%;
        background-position: -170px 10px;
    }
}
@media screen and (min-width: 500px) {
    .hero.male-blue-suit {
        background-size: 130%;
        background-position: -110px 0;
    }
}
@media screen and (min-width: 600px) {
    .hero.male-blue-suit {
        background-size: 110%;
        background-position: -30px 0;
    }
}
@media screen and (min-width: 768px) {
    .hero.male-blue-suit {
        background-size: 120%;
        background-position: -110px 0;
    }
}
@media screen and (min-width: 992px) {
    .hero.male-blue-suit {
        background-size: 90%;
        background-position: 20px 0;
    }
}
@media screen and (min-width: 1200px) {
    .hero.male-blue-suit {
        background-size: 110%;
        background-position: -90px -75px;
    }
}
/*
 *  Employers Hero
 */
.hero.female-blue-jacket {
    background-image: url("/images/2023-Hero/employers_hero.jpg");
    background-size: 200%;
    background-position: -215px 0;
}
@media screen and (min-width: 375px){
    .hero.female-blue-jacket {
        background-position: -95px 0;
        background-size: 150%;
    }
}
@media screen and (min-width: 400px) {
    .hero.female-blue-jacket {
        background-size: 155%;
        background-position: -120px 20px;
    }
}
@media screen and (min-width: 500px) {
    .hero.female-blue-jacket {
        background-size: 120%;
        background-position: -40px 0;
    }
}
@media screen and (min-width: 600px) {
    .hero.female-blue-jacket {
        background-size: 110%;
        background-position: 20px 0;
    }
}
@media screen and (min-width: 900px) {
    .hero.female-blue-jacket {
        background-size: 90%;
        background-position: 90px 0;
    }
}
@media screen and (min-width: 1200px) {
    .hero.female-blue-jacket {
        background-size: 70%;
        background-position: 270px 0;
    }
}
/*
 * USOR Hero
 */
.hero.usor {
    background-image: url("/images/2023-Hero/usor_hero.jpg");
    background-size: 205%;
    background-position: -180px 50px;
}
@media screen and (min-width: 375px){
    .hero.usor {
        background-size: 180%;
        background-position: -165px 30px;
    }
}
@media screen and (min-width: 400px) {
    .hero.usor {
        background-size: 200%;
        background-position: -240px -25px;
    }
}
@media screen and (min-width: 475px) {
    .hero.usor {
        background-size: 160%;
        background-position: -155px -40px;
    }
}
@media screen and (min-width: 600px) {
    .hero.usor {
        background-size: 145%;
        background-position: -160px -45px;
    }
}
@media screen and (min-width: 768px) {
    .hero.usor {
        background-size: 120%;
        background-position: -65px -50px;
    }
}
@media screen and (min-width: 992px) {
    .hero.usor {
        background-size: 100%;
        background-position: 55px -50px;
    }
}
@media screen and (min-width: 1024px) {
    .hero.usor {
        background-size: 110%;
        background-position: -50px -60px;
    }
}
@media screen and (min-width: 1200px) {
    .hero.usor {
        background-size: 100%;
        background-position: 50px -70px;
    }
}
.hero.state-capitol {
    background-image: url("https://dws.utah.org/images/hero_state_capitol.jpg");
    background-position: center bottom;
    height: 200px;
}
.hero.wasatch-front {
    background-image: url("https://dws.utah.org/images/hero_wasatch_front.jpg");
    background-position: bottom center;
    height: 200px;
}
.hero.downtown-slc {
    background-image: url("https://dws.utah.org/images/hero_downtown.jpg");
    background-position: bottom center;
    height: 375px;
}
/*
 *  CHEVRONS
 */
.chevron {
    background-repeat: no-repeat;
    background-position: 50% -120px;
    padding: 145px 0 0;
}
.chevron.secondary {
	padding: 0;
	background-position-y: bottom;
}
.chevron.secondary .callout-image {
	text-align: center;
	margin: 0 auto;
}
@media screen and (min-width: 990px) {
	.chevron.secondary h3 {
		margin-top: 0;
	}
}
@media screen and (max-width: 990px) {
	.chevron.secondary h3 {
		text-align: center;
	}
}
@media screen and (min-width: 400px) {
    .chevron {
        background-position-y: -100px;
    }
}
@media screen and (min-width: 600px) {
    .chevron {
        background-position-y: -70px;
    }
}
@media screen and (min-width: 768px) {
    .chevron {
        background-position-y: -65px;
        padding-top: 205px;
    }
}
@media screen and (min-width: 992px) {
    .chevron {
        background-position-y: -25px;
    }
}
@media screen and (min-width: 1200px) {
    .chevron {
        background-position-y: 0;
        padding-top: 225px;
    }
}
/*  HERO CHEVRONS   */
.chevron.chevron-blue-bars {
    background-image: url("https://dws.utah.org/images/home_hero_chevron.png");
}
.chevron.chevron-blue-buildings {
    background-image: url("https://dws.utah.org/images/services_hero_chevron.png");
}
.chevron.chevron-purple-blueprint {
    background-image: url("https://dws.utah.org/images/housing_hero_chevron.png");
}
.chevron.chevron-eligibility-orange {
    background-image: url("https://dws.utah.org/images/eligibility_chevron.png");
}
.chevron.chevron-usor-teal {
    background-image: url("https://dws.utah.org/images/usor_chevron.png");
}
.chevron.chevron-blue-library {
    background-image: url("https://dws.utah.org/images/job_seeker_hero_chevron.png");
    color: #ccc;
    padding-top: 135px;
}
.chevron.chevron-blue-rotunda {
    background-image: url("https://dws.utah.org/images/employers_hero_chevron.png");
    color: #ccc;
    padding-top: 135px;
}
.chevron.chevron-blue-flag {
    background-image: url("https://dws.utah.org/images/veterans_hero_chevron.png");
    color: #ccc;
    padding-top: 135px;
}
.chevron.chevron-yellow-flag {
    background-image: url("https://dws.utah.org/images/homelessness-chevron.png");
    color: #ccc;
    padding-top: 185px;
}
.chevron.chevron-blue-library input {
    margin-bottom: 2px;
}
@media screen and (min-width: 600px){
    .chevron.chevron-blue-rotunda,
    .chevron.chevron-blue-library {
        padding-top: 155px;
    }
}
@media screen and (min-width: 768px){
    .chevron.chevron-blue-rotunda,
    .chevron.chevron-blue-library {
        padding-top: 185px;
    }
}
@media screen and (min-width: 992px){
    .chevron.chevron-blue-rotunda,
    .chevron.chevron-blue-library {
        padding-top: 235px;
    }
}
@media screen and (min-width: 1200px){
    .chevron.chevron-blue-rotunda,
    .chevron.chevron-blue-library {
        padding-top: 255px;
    }
}

.chevron.chevron-blue-library a.simple-secondary,
.chevron.chevron-blue-rotunda a.simple-secondary{
    color: #eee;
    font-size: 11px;
}
.chevron.chevron-blue-library a.simple-secondary:hover,
.chevron.chevron-blue-rotunda a.simple-secondary:hover{
    color: #999;
}
.chevron.chevron-blue-windows {
    background-image: url("https://dws.utah.org/images/economic_data_hero_chevron.png");
}
.chevron.chevron-red-windows {
    background-image: url("https://dws.utah.org/images/462792243.png");
}
/*  OTHER CHEVRONS  */
.chevron.chevron-gray-buildings {
    background-image: url("https://dws.utah.org/images/653953918.png");
}
.chevron.usor-employer-chevron {
    background-image: url("https://dws.utah.org/images/usor_employer_chevron.png");
}
.chevron.chevron-missing {
    background-image: url("https://dws.utah.org/images/missing_chevron.png");
    padding-top: 275px;
}
.make-chevron-taller {
    height: 70px;
}
.chevron.chevron-solid-grey {
    background-color: #ddd;
    padding-top: 0;
    overflow: hidden;
}
.chevron-curtain {
    height: 80px;
    background-image: url('https://dws.utah.org/images/curtain-white.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}
.chevron-curtain-top {
    height: 80px;
    background-image: url('https://dws.utah.org/images/curtain-top.png');
    background-repeat: no-repeat;
    background-position: bottom center;
	margin-bottom: 3em;
}
.hero .chevron-curtain {
    margin-top: -50px;
}
.chevron-curtain.gray {
    background-image: url('https://dws.utah.org/images/curtain-gray.png');
}
@media screen and (min-width: 400px) {
	.chevron-curtain-top,
    .chevron-curtain {
        height: 110px;
    }
}
@media screen and (min-width: 640px) {
	.chevron-curtain-top,
    .chevron-curtain {
        height: 130px;
    }
}
@media screen and (min-width: 768px) {
	.chevron-curtain-top,
    .chevron-curtain {
        height: 135px;
    }
}
@media screen and (min-width: 992px) {
	.chevron-curtain-top,
    .chevron-curtain {
        height: 170px;
    }
}
@media screen and (min-width: 1200px) {
	.chevron-curtain-top,
    .chevron-curtain {
        height: 200px;
    }
}
/*
 *  CARD TILES
 */
.card {
    position: relative;
    margin: 0 auto 15px;
    height: 320px;
    overflow: hidden;
    max-width: 270px;
}
.card.vet{
	overflow: visible;
	height: 330px; 
}
.chevron .card {
    height: 360px;
}
@media screen and (min-width: 996px ){
    .card {
        max-width: 100%;
    }
}
.card .card-title {
}
.card .card-icon {
    text-align: center;
    font-size: 4em;
    margin: .25em 0;
}
.card .card-icon img {
    height: 100px;
}
.card a:hover img {
    opacity: .7;
}
.card .card-content {
    padding: 5px 0;
}
.card .card-content-vet {
	padding: 5px 0px;
	margin-right: -2px;
}
.card .card-action {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    text-align: center;
}
.card .vet-card-action {
    position: absolute;
    left: 0px;
    right: 25px;
    text-align: center;
}
.card a.btn {
    display: block;
    width: 80%;
    margin: 0 auto;
}
.card.media-card {
    height: auto;
}
.card.media-card h4 {
    margin: 0;
}
.card.media-card a {
    display: block;
}
.card.media-card a.btn{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
    color: #ddd;
    border: 0;
    font-weight: bold;
}
.card.media-card a:hover .btn{
    color: #999;
}
.card.media-card img,
.card .card-image img {
    width: 100%;
    height: auto;
}
.card.card-image-bg {
    background-size: cover;
    overflow: hidden;
    height: 350px;
}
.card.card-image-bg .dummy-link {
    display: block;
    width: 100%;
    height: 45%;
}
.card.card-image-bg .dummy-link:hover {
    background-color: rgba(255,255,255,.3);
}
.card.card-image-bg .card-content {
    position: absolute;
    top: 45%;
    bottom: 0;
    color: white;
    padding: .5em 1em 0;
    background-color: rgba(0, 2, 53, 0.8);
}
.card.card-image-bg .card-content .card-title {
    margin-top: 0;
}
.card.card-image-bg .btn.btn-jobs {
    position: static;
}
.card-image-bg.missing {
    background-image: url("https://dws.utah.org/images/missing_vertical.png");
}
.card-image-bg.job-prep {
    background-image: url("https://dws.utah.org/images/jobs_prep.jpg");
}
.card-image-bg.career-planning {
    background-image: url("https://dws.utah.org/images/jobs_career.jpg");
}
.card-image-bg.hill-afb {
    background-image: url("https://dws.utah.org/images/jobs_HAFB.jpg");
}
.card-image-bg.training {
    background-image: url("https://dws.utah.org/images/jobs_training.jpg");
}
.card-image-bg.veterans {
    background-image: url("https://dws.utah.org/images/jobs_veterans.jpg");
}
.card-image-bg.jobs-app {
    background-image: url("https://dws.utah.org/images/jobs_app.jpg");
}
.card-image-bg.about-history {
    background-image: url("https://dws.utah.org/images/about_history.jpg");
}
.card-image-bg.about-leadership {
    background-image: url("https://dws.utah.org/images/about_leadership.jpg");
}
.card-image-bg.about-media {
    background-image: url("https://dws.utah.org/images/about_media.jpg");
}
.card-image-bg.about-mission {
    background-image: url("https://dws.utah.org/images/about_mission.jpg");
}
.card-image-bg.about-policy {
    background-image: url("https://dws.utah.org/images/about_policy.jpg");
}
.card-image-bg.about-partners {
    background-image: url("https://dws.utah.org/images/about_partners.jpg");
}
.card-image-bg.program-info {
    background-image: url("https://dws.utah.org/images/185121475.jpg");
}
.card-image-bg.hiring-events {
    background-image: url("https://dws.utah.org/images/588266018.jpg");
}
.card-image-bg.local-resources {
    background-image: url("https://dws.utah.org/images/519967552.jpg");
}
.card-image-bg.career-planning {
    background-image: url("https://dws.utah.org/images/517013990.jpg");
}
.card-image-bg.job-sites {
    background-image: url("https://dws.utah.org/images/522543232.jpg");
}
.card-image-bg.unemployment {
    background-image: url("https://dws.utah.org/images/619518292.jpg");
}
.card-image-bg.economic-data {
    background-image: url("https://dws.utah.org/images/522303674.jpg");
}
.card-image-bg.human-resources {
    background-image: url("https://dws.utah.org/images/185121475.jpg");
}
.card-image-bg.analysis {
    background-image: url("https://dws.utah.org/images/529418462.jpg");
}
.card-image-bg.wages {
    background-image: url("https://dws.utah.org/images/538811846.jpg");
}
.card-image-bg.featured-data {
    background-image: url("https://dws.utah.org/images/520230184.jpg");
}
.card-image-bg.success-stories {
    background-image: url("https://dws.utah.org/images/644244842.jpg");
}
.card-image-bg.community {
    background-image: url("https://dws.utah.org/images/625736338.jpg");
}
.card-image-bg.policy {
    background-image: url("https://dws.utah.org/images/527528428.jpg");
}
.card-image-bg.tools-resources {
    background-image: url("https://dws.utah.org/images/522303674.jpg");
}
.card-image-bg.usor-employment {
    background-image: url("https://dws.utah.org/images/usor_employment.jpg");
}
.card-image-bg.usor-parents {
    background-image: url("https://dws.utah.org/images/usor_parents.jpg");
}
.card-image-bg.usor-partnerships {
    background-image: url("https://dws.utah.org/images/522303674.jpg");
}
.card-image-bg.pamela {
    background-image: url("https://dws.utah.org/images/pamela.jpg");
}
.card-image-bg.wapwin {
    background-image: url("https://dws.utah.org/images/wapwin.jpg");
}
.card-image-bg.homelessdata {
    background-image: url("https://dws.utah.org/images/homelessdata.jpg");
}
.card-image-bg.htf {
    background-image: url("https://dws.utah.org/images/htfvert.jpg");
}
.card-image-bg.rentrelief {
    background-image: url("https://dws.utah.org/images/homeownervert.jpg");
}
.card-image-bg.homelessness {
    background-image: url("https://dws.utah.org/images/housinggisvert.jpg");
}
.card-image-bg.disableserve {
    background-image: url("https://dws.utah.org/images/disableserve.jpg");
}
.card-image-bg.grantee {
    background-image: url("/opencms/homelessness/Grantee.jpg");
}
.card-image-bg.hms-summit {
    background-image: url("/opencms/homelessness/Homeless_summit.jpg");
}
.card-image-bg.uhmis {
    background-image: url("/opencms/homelessness/UHMIS.jpg");
}
.card-image-bg.state-org {
    background-image: url("/opencms/homelessness/State_organization.jpg");
}
.card-image-bg.strategic-plan {
    background-image: url("/opencms/homelessness/Strategic_plan.jpg");
}
.card-image-bg.report {
    background-image: url("/opencms/images/homelessnessvert.jpg");
}
.card.division-card {
    color: white;
    padding: 35px;
    height: 350px;
    margin-bottom: 30px;
}
.division-card h2 {
    text-align: center;
    margin-top: 0;
}
.division-card .division-button {
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
}
.division-card .division-button a.btn {
    width: 50%;
}
.division-card.homelessness {
    background-color: #edbf1b;
}
.division-card.housing {
    background-color: #64499b;
}
.division-card.eligibility {
    background-color: #f69623;
}
.division-card.childcare {
    background-color: #84c240;
}
.division-card.refugee {
    background-color: #ee5826;
}
.division-card.unemployment {
    background-color: #8c3c95;
}
.division-card.development {
    background-color: #3a80be;
}
.division-card.research {
    background-color: #319847;
}
.division-card.rehab {
    background-color: #62abbc;
}
/*
 *  Division Sub Pages
 */

.jobswtcust.division-sub .container {
    padding: 0;
}
.jobswtcust.division-sub {
    position: relative;
    padding-bottom: 15px;
}
.jobswtcust.division-sub .hero {
    height: 200px;
	margin-top: -15px;
    overflow: hidden;
    position: relative;
}
.jobswtcust.division-sub .hero img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -585px;
    min-width: 1170px;
}
.jobswtcust.division-sub .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: -1;
    overflow: hidden;
}
.jobswtcust.division-sub .footer img {
    min-width: 2500px;
}

/*
 *  CAROUSEL
 */
.carousel {
    margin-bottom: 45px;
}
.carousel .carousel-inner {
    height: 390px;
}
@media screen and (min-width: 992px) {
    .carousel .carousel-inner {
        height: 270px;
    }
}
.carousel img {
    display: block;
    height: auto;
    margin: 0 auto;
}
.carousel .item {
    margin: 0 16px;
}
.carousel .item .row .btn-jobs {
    margin-top: 1em;
}
@media screen and (min-width: 768px) {
    .carousel .item {
        margin: 0;
    }
}
.carousel h4 {
    margin-top: 0;
}
/*
 *  Carousel Bootstrap overrides
 */
.carousel-indicators {
    bottom: -40px;
}
@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: -40px;
    }
}
.carousel-indicators li {
    border-color: #333;
}
.carousel-indicators .active {
    background-color: #333;
}
.carousel-control {
    color: #222;
    opacity: 1.0;
    width: auto;
}
.carousel-control:focus,
.carousel-control:hover {
    color: #ddd;
    opacity: 1.0;
}
.carousel-control.right {
    right: -25px;
}
.carousel-control.left {
    left: -25px;
}
.carousel-control.right,
.carousel-control.left {
    background-image: none;
}

@media screen and (max-width: 991px){
    #announcements-carousel img {
        max-width: 50%;
    }
}
/*
 *  FOOTERS
 */
.footer-services {
    background-image: url("https://dws.utah.org/images/181410081.jpg");
    background-size: cover;
    background-position: center;
    padding-bottom: 50px;
    top: 0 !important;
    padding-top: 0;
    overflow: hidden;
    color: #000;
}
.footer-services .chevron-hack {
    background-image: url("https://dws.utah.org/images/fake-chevron.png");
    background-position: top center;
    height: 199px;
    margin-top: -110px;
}
@media screen and (min-width: 400px) {
    .footer-services .chevron-hack {
        margin-top: -90px;
    }
}
@media screen and (min-width: 768px) {
    .footer-services .chevron-hack {
        margin-top: -70px;
    }
}
@media screen and (min-width: 1200px) {
    .footer-services .chevron-hack {
        margin-top: 0;
    }
}
.footer-wasatch-pano {
    background-image: url("https://dws.utah.org/images/160735736.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 175px;
}
.footer-slc-cityscape {
    background-image: url("https://dws.utah.org/images/downtown_footer.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 195px;
}
.footer.job-seeker {
    background-image: url("https://dws.utah.org/images/158997559.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 175px;
}
/*
 *  Buttons
 */
.btn-jobs {
    border-radius: 0;
}
.btn-dark {
    background-color: #333;
    color: #fff
}
.btn-dark:hover {
    background-color: transparent;
    border: 1px solid #333;
    color: #333;
}
.btn-transparent {
    background-color: rgba(15, 15, 15, 0.85);
    border: 0;
}
.btn-outline {
    border: 1px solid #337ab7;
}
.btn-default {
    color: #555;
    border: 1px solid #e0e0e0;
}
.btn-jobs {
    border-style: outset;
    border-width: 1px;
}
.btn-jobs.btn-default:hover {
    color: #fff;
    border-color: #fff;
    border-style: solid;
    background: transparent;
}
p + button {
    margin-top: .5em;
}
/*
 *  Helper classes
 */
.blade {
    margin: 0 8%;
    margin-top: 45px;
}
@media screen and (min-width: 768px) {
    .blade {
        margin: 0 12%;
        margin-top: 45px;
    }
}
@media screen and (min-width: 1100px) {
    .blade {
        margin: 0 18%;
        margin-top: 45px;
    }
}
.no-top-m {
    margin-top: 0;
}

.form-blade .btn.w75 {
    display: block;
    width: 100%;
}
@media screen and (min-width: 600px){
    .blade.form-blade {
        margin: 0 25%;
    }
    .blade.form-blade select {
		width: auto;
        margin: 0 auto;
    }
    .form-blade .btn.w75 {
        display: block;
        width: 75%;
        margin: 0 auto;
    }
}
.inverse {
    color: #fff;
}
.strip-padding {
    padding: 0;
}
.post-job-form-link {
     color: white;
 }
div.post-job-form-btn a {
    color: black;
}

.post-job-form-link a {
    color: white;
}

@media screen and (min-width: 1024px) {
    .right-border {
        border-right: 1px solid;
    }
    .left-border {
        border-left: 1px solid;
    }
}
hr.thick-bar {
    border-top: 1px solid #000000;
}
.vertical-spacing-full {
    margin: 1em 0;
}
img {
    max-width: 100%;
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#navbar-headerImg.img-responsive {
	  max-width: 100%; /* never overflow parent */
	  height: auto;    /* maintain aspect ratio */
}
/*
 *  --Housing Development Page
 */
.hero.housing-dev {
    background-image: url("/images/2023-Hero/housing-hero.jpg");
    background-size: 155%;
    background-position: -90px 30px;
}
@media screen and (min-width: 360px){
    .hero.housing-dev {
        background-size: 175%;
        background-position: -170px 5px;
    }
    h1.hero-title {
        font-size: x-large;
    }
}
@media screen and (min-width: 375px){
    .hero.housing-dev {
        background-size: 175%;
        background-position: -170px 5px;
    }
}
@media screen and (min-width: 425px) {
    .hero.housing-dev {
        background-size: 160%;
        background-position: -150px 0;
    }
}
@media screen and (min-width: 460px) {
    .hero.housing-dev {
        background-size: 130%;
        background-position: -60px 0;
    }
}
@media screen and (min-width: 500px) {
    .hero.housing-dev {
        background-size: 120%;
        background-position: -35px 20px;
    }
}
@media screen and (min-width: 600px) {
    .hero.housing-dev {
        background-size: 120%;
        background-position: -40px -15px;
    }
    h1.hero-title {
        font-size: xx-large;
    }
}
@media screen and (min-width: 768px) {
    .hero.housing-dev {
        background-size: 120%;
        background-position: -85px 0;
    }
}
@media screen and (min-width: 992px) {
    .hero.housing-dev {
        background-size:110%;
        background-position: 0 -55px;
    }
}
@media screen and (min-width: 1100px) {
    .hero.housing-dev {
        background-size: 115%;
        background-position: -80px -50px;
    }
}
@media screen and (min-width: 1200px) {
    .hero.housing-dev {
        background-size: 100%;
        background-position: 0 -45px;
    }
}

.hero.homeless {
    background-image: url("/opencms/homelessness/Mom_baby.jpg");
    background-size: 155%;
    background-position: -90px 30px;
}
@media screen and (min-width: 375px){
    .hero.homeless {
        background-size: 175%;
        background-position: -170px 5px;
    }
}
@media screen and (min-width: 425px) {
    .hero.homeless {
        background-size: 160%;
        background-position: -150px 0;
    }
}
@media screen and (min-width: 460px) {
    .hero.homeless {
        background-size: 150%;
        background-position: -160px 0;
    }
}
@media screen and (min-width: 500px) {
    .hero.homeless {
        background-size: 130%;
        background-position: -120px 0;
    }
}
@media screen and (min-width: 600px) {
    .hero.homeless {
        background-size: 110%;
        background-position: -30px -5px;
    }
}
@media screen and (min-width: 768px) {
    .hero.homeless {
        background-size: 90%;
        background-position: 50px 0;
    }
}
@media screen and (min-width: 992px) {
    .hero.homeless {
        background-size:90%;
        background-position: 10px 0;
    }
}
@media screen and (min-width: 1100px) {
    .hero.homeless {
        background-size: 80%;
        background-position: 100px 0;
    }
}
@media screen and (min-width: 1200px) {
    .hero.homeless {
        background-size: 70%;
        background-position: 190px 0;
    }
}

.chevron.chevron-apartments {
    background-image: url("https://dws.utah.org/images/housing-secondary-chevron.jpg");
}
@media screen and (min-width: 1024px){
    .chevron-apartments .callout-image {
        text-align: right;
    }
}
@media screen and (min-width: 768px) {
    .chevron.chevron-apartments {
        margin-top: 0;
    }
}
@media screen and (min-width: 990px) {
	.chevron-apartments h3 {
		margin-top: 0;
	}
	.chevron-apartments .blade {
		margin-bottom: 125px;
	}
}


/*
 *  --Economic Data Page
 */
.hero.econ-data {
    background-image: url("/images/2023-Hero/econ_data_hero.jpg");
    background-size: 210%;
    background-position: -220px 0;
}
@media screen and (min-width: 375px){
    .hero.econ-data {
        background-size: 180%;
        background-position: -165px 0;
    }
}
@media screen and (min-width: 400px) {
    .hero.econ-data {
        background-size: 165%;
        background-position: -150px 0;
    }
}
@media screen and (min-width: 500px) {
    .hero.econ-data {
        background-size: 140%;
        background-position: -105px -10px;
    }
}
@media screen and (min-width: 600px) {
    .hero.econ-data {
        background-size: 115%;
        background-position: -10px -10px;
    }
}
@media screen and (min-width: 768px) {
    .hero.econ-data {
        background-size: 130%;
        background-position: -100px -40px;
    }
}
@media screen and (min-width: 992px) {
    .hero.occ-hero {
        background-size:110%;
        background-position: -40px -40px;
    }
}
@media screen and (min-width: 1024px) {
    .hero.econ-data {
        background-size: 110%;
        background-position: -10px -50px;
    }
}
@media screen and (min-width: 1200px) {
    .hero.econ-data {
        background-size: 105%;
        background-position: -70px -65px;
    }
}
.card-image-bg.ed-employment-update {
    background-image: url("https://dws.utah.org/images/619518292.jpg");
}
.card-image-bg.ed-local-insights {
    background-image: url("https://dws.utah.org/images/economic_local.jpg");
}
.card-image-bg.ed-benefit-info {
    background-image: url("https://dws.utah.org/images/benefitinfo.jpg");
}
/*
 *  --OCC PAGE--
 */
.hero.occ-hero {
    background-image: url("/images/2023-Hero/occ_hero.jpg");
    background-size: 185%;
    background-position: -190px 20px;
}
@media screen and (min-width: 375px){
    .hero.occ-hero {
        background-size: 175%;
        background-position: -170px 0;
    }
}
@media screen and (min-width: 425px) {
    .hero.occ-hero {
        background-size: 140%;
        background-position: -100px 20px;
    }
}
@media screen and (min-width: 460px) {
    .hero.occ-hero {
        background-size: 130%;
        background-position: -90px 0;
    }
}
@media screen and (min-width: 550px) {
    .hero.occ-hero {
        background-size: 110%;
        background-position: -10px 10px;
    }
}
@media screen and (min-width: 600px) {
    .hero.occ-hero {
        background-size: 110%;
        background-position: -30px 0;
    }
}
@media screen and (min-width: 768px) {
    .hero.occ-hero {
        background-size: 110%;
        background-position: -50px 0;
    }
}
@media screen and (min-width: 992px) {
    .hero.occ-hero {
        background-size:100%;
        background-position: 10px 0;
    }
}
@media screen and (min-width: 1100px) {
    .hero.occ-hero {
        background-size: 100%;
        background-position: 10px -30px;
    }
}
@media screen and (min-width: 1200px) {
    .hero.occ-hero {
        background-size: 100%;
        background-position: 10px -45px;
    }
}
.chevron.chevron-occ-green {
    background-image: url("https://dws.utah.org/images/occ_hero_chevron.png");
}
.chevron.chevron-occ-search {
    background-image: url("https://dws.utah.org/images/occ_search_chevron.jpg");
}
.chevron.chevron-occ-search .blade {
	margin-bottom: 180px;
}
.occ .card-image-bg.policy {
    background-image: url("https://dws.utah.org/images/occ_policy.jpg");
}
.occ .card-image-bg.plans {
    background-image: url("https://dws.utah.org/images/occ_asqvert.jpg");
}
.occ .card-image-bg.grants {
    background-image: url("https://dws.utah.org/images/occ_grants.jpg");
}
/*
 *  --Eligibility Page--
 */
.hero.eligibility {
    background-image: url("/images/2023-Hero/eligibility_hero.jpg");
    background-size: 220%;
    background-position: -245px 40px;
}
@media screen and (min-width: 375px){
    .hero.eligibility {
        background-size: 200%;
        background-position: -230px 30px;
    }
}
@media screen and (min-width: 425px) {
    .hero.eligibility {
        background-size: 170%;
        background-position: -160px 40px;
    }
}
@media screen and (min-width: 460px) {
    .hero.eligibility {
        background-size: 140%;
        background-position: -100px 30px;
    }
}
@media screen and (min-width: 550px) {
    .hero.eligibility {
        background-size: 140%;
        background-position: -135px ;
    }
}
@media screen and (min-width: 600px) {
    .hero.eligibility {
        background-size: 130%;
        background-position: -140px 15px;
    }
}
@media screen and (min-width: 768px) {
    .hero.eligibility {
        background-size: 120%;
        background-position: -80px -10px;
    }
}
@media screen and (min-width: 992px) {
    .hero.eligibility {
        background-size:100%;
        background-position: -5px 0;
    }
}
@media screen and (min-width: 1100px) {
    .hero.eligibility {
        background-size: 100%;
        background-position: -10px -10px;
    }
}
@media screen and (min-width: 1200px) {
    .hero.eligibility {
        background-size: 100%;
        background-position: -20px -50px;
    }
}
.chevron.chevron-eligibility-hero {
    background-image: url("https://dws.utah.org/images/eligibility_hero_chevron.png");
}
.chevron.chevron-eligibility-search {
    background-image: url("https://dws.utah.org/images/eligibility_second_chevron.jpg");
	background-position: 50% 100%;
}
@media screen and (max-width: 700px) {
	.chevron.chevron-eligibility-search {
		background-position: 64% 100%;
	}

	.chevron.chevron-eligibility-search .blade {
		width: 40%;
		margin: 0 4%;
	}
}
@media screen and (max-width: 450px) {
	.chevron.chevron-eligibility-search {
		background-image: none;
		background-color: #f9f9f1;
	}
	.chevron.chevron-eligibility-search .blade {
		width: auto;
		margin: 0 4%;
		text-align: center;
	}

}
.card-image-bg.esd-file-appeal {
    background-image: url("https://dws.utah.org/images/eligibility_appeal.jpg");
}
.card-image-bg.esd-policy {
    background-image: url("https://dws.utah.org/images/eligibility_policy.jpg");
}
.card-image-bg.esd-local {
    background-image: url("https://dws.utah.org/images/eligibility_resources.jpg");
}

/*
 *  --Refugee Page--
 */
.hero.refugee {
    background-image: url("/images/2023-Hero/refugee_hero.jpg");
    background-size: 175%;
    background-position: -150px 30px;
}
@media screen and (min-width: 375px){
    .hero.refugee {
        background-size: 160%;
        background-position: -160px 35px;
    }
}
@media screen and (min-width: 425px) {
    .hero.refugee {
        background-size: 160%;
        background-position: -150px 20px;
    }
}
@media screen and (min-width: 460px) {
    .hero.refugee {
        background-size: 150%;
        background-position: -145px 5px;
    }
}
@media screen and (min-width: 550px) {
    .hero.refugee {
        background-size: 130%;
        background-position: -80px -5px;
    }
}
@media screen and (min-width: 600px) {
    .hero.refugee {
        background-size: 115%;
        background-position: -40px 0;
    }
}
@media screen and (min-width: 690px) {
    .hero.refugee {
        background-size: 110%;
        background-position: 10px 0;
    }
}
@media screen and (min-width: 768px) {
    .hero.refugee {
        background-size: 120%;
        background-position: -50px -10px;
    }
}
@media screen and (min-width: 992px) {
    .hero.refugee {
        background-size:100%;
        background-position: 60px -20px;
    }
}
@media screen and (min-width: 1024px) {
    .hero.refugee {
        background-size: 100%;
        background-position: 30px -35px;
    }
}
@media screen and (min-width: 1200px) {
    .hero.refugee {
        background-size: 100%;
        background-position: 0 -70px;
    }
}
.chevron.chevron-refugee-hero {
    background-image: url("https://dws.utah.org/images/refugee_hero_chevron.png");
}

.chevron.chevron-refugee-education {
    background-image: url("https://dws.utah.org/images/refugee_second_chevron.jpg");
}
@media screen and (max-width: 990px) {
	.chevron-refugee-education .callout-image {
		max-width: 50%;
	}
}
.card-image-bg.refugee-get-involved {
    background-image: url("https://dws.utah.org/images/refugee_involved.jpg");
}
.card-image-bg.refugee-what-we-do {
    background-image: url("https://dws.utah.org/images/refugee_what.jpg");
}
.card-image-bg.refugee-partners {
    background-image: url("https://dws.utah.org/images/refugee_partners.jpg");
}
.card-image-bg.refugee-urc {
    background-image: url("https://dws.utah.org/images/refugee_urc.jpg");
}
.card-image-bg.refugee-wrd {
    background-image: url("https://dws.utah.org/images/refugee_wrd.jpg");
}
.card-image-bg.refugee-community {
    background-image: url("https://dws.utah.org/images/refugee_community.jpg");
}

/*
 *  --Unemployment Insurance Page--
 */
.hero.unemployment {
    background-image: url("/images/2023-Hero/ui_hero.jpg");
    background-size: 185%;
    background-position: -130px 20px;
}
@media screen and (min-width: 375px){
    .hero.unemployment {
        background-size: 175%;
        background-position: -140px 0;
    }
}
@media screen and (min-width: 425px) {
    .hero.unemployment {
        background-size: 160%;
        background-position: -85px 0;
    }
}
@media screen and (min-width: 460px) {
    .hero.unemployment {
        background-size: 140%;
        background-position: -80px -10px;
    }
}
@media screen and (min-width: 550px) {
    .hero.unemployment {
        background-size: 130%;
        background-position: -40px -20px;
    }
}
@media screen and (min-width: 600px) {
    .hero.unemployment {
        background-size: 130%;
        background-position: -60px 50px;
    }
}
@media screen and (min-width: 768px) {
    .hero.unemployment {
        background-size: 140%;
        background-position: -140px -50px;
    }
}
@media screen and (min-width: 992px) {
    .hero.unemployment {
        background-size:120%;
        background-position: -40px -50px;
    }
}
@media screen and (min-width: 1100px) {
    .hero.unemployment {
        background-size: 110%;
        background-position: 25px -50px;
    }
}
@media screen and (min-width: 1200px) {
    .hero.unemployment {
        background-size: 100%;
        background-position: 20px -50px;
    }
}
.chevron.chevron-unemployment-hero {
    background-image: url("https://dws.utah.org/images/unemployment_hero_chevron.png");
}

.chevron.ui_resources_chevron {
    background-image: url("https://dws.utah.org/images/ui_resources_chevron.jpg");
}
/*
 *  --Workforce Development Page--
 */
.hero.development {
    background-image: url("/images/2023-Hero/WDD_development_hero.jpg");
    background-size: 175%;
    background-position: -140px 32px;
}
@media screen and (min-width: 375px){
    .hero.development {
        background-size: 165%;
        background-position: -135px 32px;
    }
}
@media screen and (min-width: 425px) {
    .hero.development {
        background-size: 150%;
        background-position: -120px 40px;
    }
}
@media screen and (min-width: 460px) {
    .hero.development {
        background-size: 130%;
        background-position: -80px 0;
    }
}
@media screen and (min-width: 550px) {
    .hero.development {
        background-size: 120%;
        background-position: -50px 0;
    }
}
@media screen and (min-width: 600px) {
    .hero.development {
        background-size: 100%;
        background-position: 30px 0;
    }
}
@media screen and (min-width: 768px) {
    .hero.development {
        background-size: 100%;
        background-position: 20px 0;
    }
}
@media screen and (min-width: 992px) {
    .hero.development {
        background-size:85%;
        background-position: 110px 0;
    }
}
@media screen and (min-width: 1100px) {
    .hero.development {
        background-size: 85%;
        background-position: 170px -10px;
    }
}
@media screen and (min-width: 1200px) {
    .hero.development {
        background-size: 75%;
        background-position: 170px 0;
    }
}
.chevron.chevron-development-hero {
    background-image: url("https://dws.utah.org/images/development_hero_chevron.png");
}
.chevron.chevron-workforce-two {
    background-image: url("https://dws.utah.org/images/wdd_second_chevron.jpg");
}
/*
 *  --Workforce Research and Analytics Page--
 */
.hero.research {
    background-image: url("/images/2023-Hero/wra_hero.jpg");
    background-size: 220%;
    background-position: -255px 10px;
}
@media screen and (min-width: 375px){
    .hero.research {
        background-size: 180%;
        background-position: -210px -10px;
    }
}
@media screen and (min-width: 425px) {
    .hero.research {
        background-size: 170%;
        background-position: -190px -10px;
    }
}
@media screen and (min-width: 460px) {
    .hero.research {
        background-size: 160%;
        background-position: -170px -10px;
    }
}
@media screen and (min-width: 550px) {
    .hero.research {
        background-size: 130%;
        background-position: -80px 10px;
    }
}
@media screen and (min-width: 600px) {
    .hero.research {
        background-size: 120%;
        background-position: -80px 6px;
    }
}
@media screen and (min-width: 768px) {
    .hero.research {
        background-size: 120%;
        background-position: -40px -20px;
    }
}
@media screen and (min-width: 992px) {
    .hero.research {
        background-size:100%;
        background-position: 50px -10px;
    }
}
@media screen and (min-width: 1100px) {
    .hero.research {
        background-size: 90%;
        background-position: 80px -40px;
    }
}
@media screen and (min-width: 1200px) {
    .hero.research {
        background-size: 100%;
        background-position: 0 -57px;
    }
}
.chevron.chevron-research-hero {
    background-image: url("https://dws.utah.org/images/research_hero_chevron.png");
}
.chevron.wra-chevron-about {
    background-image: url("https://dws.utah.org/images/chevron_wra_about.jpg");
	color: white;
}
.card-image-bg.wra-economists {
    background-image: url("https://dws.utah.org/images/wra_economists.jpg");
}
.card-image-bg.wra-statistics {
    background-image: url("https://dws.utah.org/images/wra_statistics.jpg");
}

.content-page h1,
.content-page h2,
.content-page h3,
.content-page h4,
.content-page h5,
.content-page h6 {
	color: #062f6e;
	text-transform: none;
}