body a.cr-btn{color: #fff;}
.careers main.mainContent .container{max-width: 1150px;}
.career-banner h1{font-family: 'Interstate_Black_Cond';}
.career-banner .bn-img{display: none;}
.career-banner .banner-content{text-align: center; color: #fff; padding: 30px 10px; background-size: cover; background-repeat: no-repeat;}
.career-banner .banner-content p{font-family: 'Interstate_Light_Cond'; font-size: 1em; padding-bottom: 20px; line-height: 1.5em;}
.career-banner .banner-content.heartportillos{padding: 50px 0;}

.career-banner.big-dill-float{position: relative; padding: 100px 10px; background-position: 25%;  background-size: auto 100%; background-repeat: no-repeat;}
.career-banner.big-dill-float .banner-overlay{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}


.career-home-wrapper{margin: 0px 10px 0px;}
.our-people-wrapper .career-home-wrapper{margin: 20px 10px;}

.careers .reskin-heading{color:#d22630; font-size: 3em; text-align: center; margin:25px 25px 10px 25px; font-family: 'Interstate_Black_Cond'; text-transform: uppercase;}
.careers p.reskin-para,
.careers ul.reskin-ulist,
.careers .job-description p,
.careers .job-description ul{ font-size: 1.2em; color: #000000; line-height: 1.25em; font-family: 'Interstate_Regular'; text-align: center; margin: 15px 0; padding:0 10px;}
.careers .job-description p{ text-align: left; }
.careers ul.reskin-ulist,
.careers .job-description ul{ margin: 10px; padding: 10px;  text-align: left;}

.career-cta{margin: 10px 0;}
.career-cta a{display: block;}
.career-cta img{width: 100%;}
.career-interior-intro{font-family: 'Interstate_Regular_Cond'; font-size: 1em; line-height: 1.5em; padding:20px 0; }
.careers .page_intro{text-align: center; padding: 20px 0; }
.careers .page_intro h1{  font-family: 'Interstate_Black_Cond';  color: #df0102; font-size: 1.75em; text-transform: uppercase;}
.careers .page_intro p{ font-family: 'Interstate_Regular_Cond'; font-size: 1em; }

.cursive-suti{display:block; font-family: "Suti Regular"; color: #000000;  font-size: 1.75em;  font-weight: 100; margin: 25px 10px;  line-height: 1.5em; text-align: center; text-align: center;}

.landing-our-people .cursive-suti{max-width: 18em; margin: 25px auto;}
.careers .gbl-cta h1, .careers .gbl-cta h2, .careers .gbl-cta h3, .careers .gbl-cta h4{font-family: 'Interstate_Bold_Cond'; font-size: 1.75em; color: #df0102; text-transform: uppercase; margin-top: 0;  padding: 0 30px;}
.careers .gbl-cta.training h2{color: #000;}        

.gbl-cta{padding: 40px 0; border-top: 2px solid #df0102;}
.gbl-cta.training{padding: 20px 0;}
.block .gbl-cta.training{text-align: center;}
.block:nth-child(2n) .gbl-cta.training{text-align: center;}
.gbl-cta span{font-family: 'Interstate_Regular_Cond'; font-size: 1.25em; font-weight: 600;}
.gbl-cta .column-wrapper{margin: 10px 0px 25px 0px; padding: 0 30px;}
.gbl-cta .p-img-wrapper{text-align: center; padding: 20px 0;}
.gbl-cta.training .p-img-wrapper{text-align: center; padding:0;}
.gbl-cta img{width: 300px; padding: 10px 0;}

.careers .gbl-cta p,
.careers .gbl-cta ul{margin: 5px 0 10px 0; line-height: 1.25em; font-family: 'Interstate_Regular_Cond'; font-size: 1.15em; list-style: none; padding: 0;}
 
.our-mission-wrapper{margin: 10px; background: #d22630; text-align: center; color: #fff; padding: 25px;}
.our-mission{margin: 0 0 15px 0;}
.dog-house {margin: 50px 0; position: relative;}
.dog-house:after{content: ''; height: 100%; width:400px; background: #000; opacity: 0; position: absolute; right: -75px; display: none;}
.dog-house:before{content: ''; height: 100%; width:400px; background: #000; opacity: 0; position: absolute; left: -75px; display: none;}
.dog-house img{width: 250px;}

/*  To be isolated later  */
.careers .our-mission-wrapper h1, .careers .our-mission-wrapper h2,
.careers .our-mission-wrapper h3{color: #fff; font-family: 'Interstate_Bold_Cond'; margin: 0; padding: 10px 0 5px 0;}
.careers .our-mission-wrapper p{margin: 0; font-family: 'Interstate_Regular_Cond'; font-size: 1.15em;}
svg.icon { display: inline-block; width: 25em; height: 40em; stroke-width: 0; stroke: currentColor;fill: currentColor; position: relative;}

/*  GLobal Settings  */
.careers-btn-wrapper{display: flex; align-items: center; justify-content: space-around; padding:10px; flex-direction: column;}

.cr-btn{background-color: #df0102;
    font-size: 2em;
    font-weight: 500;
    padding: 5px 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration: none;
    text-align: center;
			 font-family: 'Interstate_Black_Cond';
    text-transform: uppercase;
    margin: 10px 0;
    border: 2px solid #df0102;
    display: inline-block;
    color: #fff;
}


.cr-btn:hover, 
.cr-btn:focus {
	background-color: #fff;
	 border: 2px solid #df0102;
	 color: #df0102;
	 -webkit-transition: all 0.2s ease;
	 transition: all 0.2s ease;
	 text-decoration:none;
 }


.cr-btn.altbtn{ background-color: #ffffff; font-size: 1.25em; font-weight: 500; padding: 13px 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; text-decoration: none;  text-align: center; font-family: 'Interstate_Regular_Cond'; text-transform: uppercase; margin: 10px 0; border:2px solid #df0102; color: #df0102;}
.cr-btn.altbtn:hover,
.cr-btn.altbtn:active{ border:2px solid #ffffff;}
.top-dog-split{display: flex; align-items: center; flex-direction: column; padding: 0 15px; margin-bottom: 0px; text-align: center;}
.port-image{ width: 200px; margin: 0 10px;}
.port-intro span,
.careers .port-intro h1{ font-family: 'Interstate_Bold_Cond'; text-transform: uppercase; font-size: 1.75em; padding: 5px 0; margin: 0;}
.careers .port-intro h1{color:#d21e24; }
.top-dog{background:#d21e25; padding: 15px; margin: 20px 0; color: #fff; font-size: 1.15em; font-family: 'Interstate_Regular_Cond';text-align: center;}
.top-dog-gal{display: flex; align-items: center; flex-direction: column;}
.ingredients{display: flex; flex-direction: column; padding: 10px; text-align: center;}
.ingr-cta {position: relative; min-height: 250px; display: flex; flex-direction: column; padding: 25px;}
.ingr-cta img{width: 200px;}
.careers .ingr-cta h2,
.careers .hotdog-outer h3{font-family: 'Interstate_Black_Cond'; text-transform: uppercase; margin: 5px 0;}
.careers .ingr-cta p{margin: 10px 0;font-family: 'Courgette', cursive; font-style: italic;}
.ingr-cta .ingr-media{order: 2;}
.careers .hotdog-outer{text-align: center; color: #000; margin-top: 20px; font-family: 'Interstate_Regular_Cond';}
.careers h3{font-size: 1.75em; color: #000; }
.careers .hotdog-outer span{font-size: 1.35em;}
.our-people-cta > a{display: block; position: relative;}
.our-people-cta a span.staff-name{margin: 0px 10px 0 0; padding: 0; font-family: 'Interstate_Bold_Cond'; text-transform: uppercase; color:#fff;display: inline-block; font-size: 1.56em;}
.our-people-cta a > span{display: flex; align-items: flex-end; justify-content: center; font-family: 'Interstate_Bold_Cond'; text-transform: uppercase; padding: 5px 0; background: rgba(0,0,0,.8); position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.our-people-cta a > span > span{margin: 0 0 2px 0; color: #fff;}
.career-video{margin: 0px;}

.why-portillos-block{margin: 75px auto; max-width:40em; padding: 0 10px;}
.why-portillos-block .play-vid{position: relative; display: block;}
.why-portillos-block .play-vid a.pl-btn{position: absolute; display: block; height: 65px; width: 65px; background: url('/cms/images/careersimg/playgraphic.png') no-repeat; background-size: contain; background-position: center; left: 0; right: 0; margin: 0 auto; top: 40%;}
.careers .why-portillos-block h2{ font-family: 'Interstate_Black_Cond'; color: #df0102; font-size: 1.85em; text-transform: uppercase; margin-bottom: 10px;}

x.careers  .career-banner a.cr-btn{ padding: 5px 18px; font-size: 1.4em; }
.careers  .career-top-content{text-align: center; margin: 50px 10px;}
.careers  .career-top-content p{font-weight: 400; font-size: 1.5em; font-family: 'Interstate_Regular_Cond', sanserif;  }


.careers-bottom{text-align: center; margin: 0;}
.careers-bottom img{margin: 25px auto; display: block; width: 200px;}
.careers-bottom h2{font-size: 2em; font-family: 'Interstate_Regular_Cond', sanserif; text-transform: uppercase; color: #000; }
.careers-bottom p{font-family: 'Interstate_Regular_Cond', sanserif; font-weight: 400; font-size: 1.35em;}
.careers-bottom h2 span{display: block;}
.careers-bottom .cr-btn{padding: 5px 25px;}
.careers-mid-content {text-align: center; margin: 50px auto; font-family: "Interstatefont"; max-width: 55em;}
.careers-mid-content p{ padding: 20px; font-size: 1.35em; }
.careers-mid-content h2{font-size: 2em; text-transform: uppercase; margin: 10px 0; padding: 0;}
.careers-mid-content .mid-bottom{padding-top: 20px; border-top: 4px dotted #000000}
.careers-mid-content .mid-top{ display: block; }
.careers-mid-content .mid-top img{padding: 10px; width: 150px;}
.portillos-values-black{background: #000000; text-align: center; padding: 0 10px;  font-family: 'Interstate_Regular_Cond', sanserif;}
.portillos-values .values-header{display: flex; align-items: center; justify-content: center; }
.portillos-values .values-header h2{color: #ffffff; font-size: 2em; text-transform: uppercase;}
.portillos-values .values-header img{width: 75px; margin: 0 15px;}
.portillos-values .values-content p{ font-size: 1.35em; color: #fff; margin: 20px;  }
.portillos-values-black .slick-slide .values-image img{width: 100%;}
.portillos-values-black .slick-dots{position: relative; bottom: 20px; z-index: 999; margin: 20px 0;}
.portillos-values-black .slick-dots li {margin: 0 20px; width: auto; position: relative;}
.portillos-values-black .slick-dots li:after{content: ''; height: 2px; width: 2px; padding: 2px; background:#d7292e; position: absolute; right: -20px;  transform: rotate(135deg); top: 12px;}
.portillos-values-black .slick-dots li:last-child:after{display: none;}
.portillos-values-black .slick-dots li span{color:#d7292e; font-size: 1.5em; text-transform: uppercase;}
.portillos-values-black .slick-dots li.slick-active span{color:#ffffff;}
.portillos-values-black .slick-arrows{ position: absolute; top: 45%; cursor: pointer; }
.portillos-values-black .slick-arrows img{width: 30px}
.portillos-values-black .slick-prev{transform: rotate(180deg); left: 5%; }
.portillos-values-black .slick-next{right: 5% }
.career-banner .banner-content .grid_12 { background: rgba(0,0,0,0.4);}
.career-cta a { -webkit-transition: ease-in-out .5s all; -moz-transition: ease-in-out .5s all; -o-transition: ease-in-out .5s all; transition: ease-in-out .5s all; }
.career-cta a:hover, .career-cta a:focus {  box-shadow: 0 0 7px 1px #333; }
.portillos-fund{font-family: "Interstatefont"; margin-top: 70px;}
.portillos-fund .fund-content{max-width: 35em; padding: 20px; margin:0 auto; }
.portillos-fund .fund-content p{font-size: 1.35em; margin:0;}
.portillos-fund img{width: 300px;}
.careers .banner-content.covid19 h1{font-family: 'Interstate_Light_Cond'; color: #fff;}
.covid19-content{max-width: 40em; margin: 50px 10px;}
.covid19-content .covidstat p:first-of-type{font-size: 1.35em; font-family: Interstate_Bold; font-weight: normal;}
.covid19-content .covidstat p:last-of-type{font-family: Interstate_Bold; font-weight: normal; font-size:1.5em; text-transform: uppercase; color: #000000; margin: 15px 0;}
.covid19-content .covidstat a.cr-btn{padding: 5px 25px;}
.covid19-content .covidstat h2{font-family: Interstate_Bold; font-weight: normal; color: #000000;}
.covid19-update{text-align: center; padding: 0 10px;}
.careers .covid19-update h2{    font-family: 'Interstate_Black_Cond'; text-transform: uppercase; color: #000000;}
.covid19-update p{font-family: 'Interstate_Regular_Cond', sanserif; font-size: 1.35em;}
.covid19-update img{width: 300px;}
.covid19-update hr{border-top: 5px dotted #000000; width: 80%; margin: 50px auto;}
.careers-bottom.topdog img{width: 100px;}
.careers .careers-bottom.topdog h3{font-size: 1.5em; font-family: 'Interstate_Regular_Cond', sanserif; text-transform: uppercase; color: #000; margin: 10px 0;}
.careers-bottom.topdog p{margin: 10px 0;}

/* ====== Careers Reskin Project ======*/

.careers-landing-banner{position: relative;}
.careers-landing-banner .floater-tag{ display: block; position:relative; text-align:center; margin:20px 20px 0px;}
.careers-landing-banner .floater-tag img {max-width:200px !important;}
.careers-landing-banner .cinescope{max-height:500px;}
.careers-landing-banner .cinescope-video{padding-bottom: 50%}
.careers-landing-banner .cinescope-overlay{position: relative; top: 15px; transform: none; left: 0; margin: 10px;}
.careers-landing-banner .cinescope-overlay img{ position: absolute; bottom: 20px; left: 0; }
.careers .hop-video{margin:50px 30px 10px; position: relative;}
.careers .hop-video > img{width: 100%;}
.portillos-perks-wrapper{margin: 25px 10px;}
.careers .blockgrid-slideshow{margin: 0px 10px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.careers .blockgrid-slideshow .blockgrid img,
.careers .blockgrid-slider .blockgrid-headshot img{width: 255px;} /*As Max width available for the image is 255px */
.careers .blockgrid-slider{padding:25px 0;}
.careers .blockgrid-slider .blockgrid-info ol{margin: 15px; padding: 0px}
.careers .blockgrid-slider .blockgrid-info ol li{padding-top:10px; text-align: left;}
.careers .blockgrid-slider .slick-arrows.slick-prev{left: 3%;}
.careers .blockgrid-slider .slick-arrows.slick-next{right: 3%;}
.careers .blockgrid-slider .blockgrid-info p,
.careers .blockgrid-slider .blockgrid-info li{font-size:1.25em; font-family: 'Interstate_Regular_Cond';}
.careers .blockgrid-slide-track{align-items:center;}
.grey-landing{background: #D1D3D4;}
.landing-our-people{padding: 25px 0;}
.landing-our-people img{margin: 15px 0;}
.portillos-people-wrapper{ max-width: 36em; margin: 0 auto; padding:0 10px; }
.red-highlight{position: relative;}
.red-highlight span{ color: #D22630; font-weight: bold; }
.red-highlight:after{content: ''; display: block; position: absolute; bottom: -30px; left: 50%; height:10px; width: 10px; background:#D22630; transform: rotate(45deg); }
.red-highlight:last-child:after{display: none;}
.careers p.red-highlight{margin-bottom: 50px;}
.careers .reskin-get-obsessed .get-obsessed img{width: 100%;}
.portillos-fries {margin: 25px 10px; text-align: center;}
.portillos-fries img{ margin: 0 auto; width: 100%; }
.hearabout-employees-wrapper{margin: 60px 0 40px;}
.hearabout-employee .hop-video{margin: 10px 30px;}
.hearabout-employee .hop-video > img{ width: 255px; margin: 0 auto; }
.hearabout-employee .cursive-suti{ color:#D22630; margin: 5px 10px; }
.hearabout-employees-content {margin: 25px 25px 0;}
.hearabout-employees .slick-arrows{ position: absolute; top: 15%; cursor: pointer; }

.hearabout-employees .slick-prev{left: 5%;}
.hearabout-employees .slick-next{right: 5%;}
.hearabout-employees .slick-dots{ display: flex; align-items: center; justify-content: center; margin: 0px; flex-direction: column; position: relative; bottom: 0;}
.hearabout-employees .slick-dots li{width: 100%; height: 100%; margin: 10px 0;  position: relative;}
.hearabout-employees .slick-dots li span{font-family: 'Interstate_Black_Cond'; font-size: 1.5em; color: #000;}
.hearabout-employees .slick-dots li.slick-active span{ color:#D22630;}
.hearabout-employees .slick-dots li:after{ display: none;}
.hearabout-employees .slick-dots li:last-child:after{ display: none;}
.careers .our-story-home{padding:10% 4%; background-repeat: no-repeat;}
.careers .our-story-home h3,
.careers .our-story-home span{color: #fff;}
.job-search-tool{display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 20em; margin: 0px auto 25px;}
.job-search-tool .job-keyword,
.job-search-tool .job-category{margin: 10px 0;  text-align: center; width: 100%}
.job-search-tool input, .job-search-tool select, .job-search-tool button{width: 100%}
.job-search-tool input, 
.job-search-tool select{border:solid #e7e7e7 1px; box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.4); border-radius: 6px; padding: 10px 15px; color: #000; text-transform: uppercase; font-size: .9em; -webkit-appearance:none;}
.job-search-tool input{width: 90%; padding: 10px 5%; }
.job-search-tool select{
  background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") #ffffff;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 8px;}



.job-listing-wrapper{ margin: 25px 10px; }
.job-listing-card{ box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2); padding: 10px 20px 20px; margin: 20px 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.job-listing-post{ width: 100%; }
.careers .job-listing-post h2{ color: #d22630; font-size: 2.25em; text-align: left; margin: 0px 25px 10px 0px; font-family: 'Interstate_Black_Cond'; text-transform: uppercase;}
.job-listing-post .job-listing-details{display: table; width: 100%; text-align: left;}
.job-listing-post .job-listing-details span{ color: #000000;}
.job-listing-post .job-listing-details span:first-child{font-family: 'Interstate_Bold';  padding-right: 8px;}
.job-listing-post .job-listing-details span:last-child{font-family: 'Interstate_Regular';}
.job-listing-address{ display: flex; align-items: center; justify-content: flex-start; width: 100%; margin: 10px 0; }
.job-listing-address img{width: 50px; margin-right: 10px;}
.job-listing-address span{ color: #d22630; font-weight: 500;line-height: 1.5em; font-family: 'Interstate_Regular';}
.job-details-wrapper{box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2); padding: 35px 20px 20px; margin-top: -25px;}
.job-details-wrapper .job-listing-post h1{max-width: 12em}
main.interior-main .job-details-wrapper .job-listing-post h1{ text-align: left; margin-left: 0; }
.job-details-wrapper .job-listing-address{flex-wrap: wrap;}
.job-details-wrapper .job-listing-address span.jobdate{width: 100%; color: #000; margin: 10px;}
.job-listing-post .job-listing-details span,
.job-listing-address span{font-size: 1.15em;}
.careers .job-description h2{font-family: "Suti Regular"; color: #000000;  font-size: 1.75em; }
main.interior-main .job-description  p.reskin-para{ text-align: left; }
.job-details-tools{display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap;}
.job-details-tools > a{ padding: 10px 5px; text-transform: uppercase;}
.job-details-tools svg.ft-icon{display: inline-block; width: 1.5em; height: 1.5em; stroke-width: 0; stroke: currentColor; fill: #8c1114;}
.job-details-tools .share-social{width: 100%; display: flex; justify-content: center; align-items: center;}
.job-details-tools .share-social a{margin: 10px;}
.job-details-tools a:focus,
.job-details-tools a:hover{color: #df0102;}

/*Why Portillos Page*/
.careers .site-alternate-wrapper{max-width: 64em;}
.careers .site-alternate-div{margin: 0 10px;}
.careers .why-portillos-banner .banner-overlay{position: relative; text-align: center;}
.careers .why-portillos-banner .banner-overlay .floater{ width: 300px; margin: 15% auto; text-align: center; position: relative; left: 0%; }
.careers .evp-intro .cursive-suti{ margin: 10px 0; }
.careers .site-alternate-div{position: relative; padding:40px 20px;}
.careers .site-alternate-div:nth-child(even){background:#e6e6e6;}

.careers .site-alternate-div-image-content span:first-child{ display: block;  font-family: 'Interstate_Black_Cond'; font-size: 1.75em; color: #df0102;  }
.careers .site-alternate-div-image-content span:last-child{display:block; font-family: 'Interstate_Regular'; color: #df0102; font-weight: 300; margin-top: 15px; font-size: 1.35em; }

/* Floating Apply now Button */
.floating-button{display: inline-block;position: fixed; z-index: 99; bottom: 25px; left: 25px; box-shadow: 0 2px 10px 2px rgba(0,0,0,0.5)}
.why-portillos-banner{ background-position:left; background-size: cover;}

@media only screen and (min-width: 35em){
  .portillos-values-black{padding: 0 50px;}
  .portillos-values .values-header h2{font-size: 3em} 
  .careers .blockgrid-slideshow { flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
  .careers .blockgrid-slideshow .blockgrid{width: 40%;}
  .job-search-tool{flex-direction: row; max-width: 100%; flex-wrap: wrap;}
  .job-search-tool .job-keyword{ width: 50%; margin: 10px; }
  .job-search-tool .job-category{ width: 30%; margin: 10px; }
  .job-search-tool button{ width: 85%; margin: 10px; }
  .portillos-fries img{width: 50%;}
  .careers-landing-banner .cinescope-overlay{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0px;}
		.careers-landing-banner .cinescope-overlay img{ position: relative; bottom: 0; left: 0; width: 480px;  }

}

@media only screen and (max-width: 35em){    
  .portillos-values-black .slick-arrows img{width: 10px}
  .portillos-values .values-image{padding: 0 25px}
  .portillos-values-black .slick-arrows{top: 30%}
  .portillos-values-black .slick-dots li{margin: 0 5px;}
  .portillos-values-black .slick-dots li span{ font-size: 1em; }
  .portillos-values-black .slick-dots li:after{display: none;}
  .hearabout-employees .slick-arrows{ top: 12%; }
  .hearabout-employees .slick-prev{ left: 2%; }
  .hearabout-employees .slick-next{ right: 2%; }
  .hearabout-employees .slick-arrows img{ width: 25px; }

}

@media only screen and (min-width: 40em) {
  .covid19-content{margin: 50px auto;}
  
}

@media only screen and (min-width: 48em) {
  .career-banner h1{font-size: 2.25em;}
  .career-logo{margin:0}
  .career-nav ul{display: table;}
  .career-banner .banner-content{padding: 100px 10px;}
  .career-banner .banner-content .grid_12{background: rgba(0,0,0,0.4)}
  .career-banner .banner-content.heartportillos .grid_12{background: none}
  .career-banner .banner-content p{font-size: 1.5em;}
  .career-interior-intro{ padding: 50px 0;}
  .careers  .career-banner .careers-btn-wrapper{justify-content: center;}
  .careers  .career-banner a.cr-btn{ margin: 10px; }
  .careers  .career-banner{padding: 25px 0; background-size: cover;}
  .career-banner.big-dill-float{padding: 12% 10%;}
  .careers  .career-banner h1{font-size: 3em; margin: 25px 0 10px;}
  .careers-mid-content .mid-top{ display: flex; align-items: center; }
  .careers .page_intro{ padding: 10px 0 50px; }
  .careers .page_intro h1 { font-family: 'Interstate_Black_Cond';  color: #df0102; font-size: 2.5em; text-transform: uppercase;}
  .careers .page_intro p  { font-family: 'Interstate_Regular_Cond'; font-size: 1.15em; margin: 0 45px; }
  .careers .page_intro a  { font-family: 'Interstate_Regular_Cond'; font-size: 1.6em; display: inline-block; }
  .careers .gbl-cta h1,  .careers .gbl-cta h2,  .careers .gbl-cta h3,  .careers .gbl-cta h4{font-size: 2.5em;}
  .careers .gbl-cta.training h1,  .careers .gbl-cta.training h2,  .careers .gbl-cta.training h3,  .careers .gbl-cta.training h4{font-size: 2em;}
  .block .gbl-cta.training{text-align: left;}
  .block:nth-child(2n) .gbl-cta.training{text-align: right;}
  .gbl-cta span{font-size: 1.65em;}
  .careers .gbl-cta p,  .careers .gbl-cta ul{font-size: 1.25em;}
  .why-portillos-block{margin: 75px auto; padding:0;}
  .careers .why-portillos-block h2{font-size:2.25em;}
  .top-dog-split{flex-direction: row; justify-content:flex-start; padding: 0 75px; margin-bottom: -50px; text-align: initial;}
  .port-image{margin: 0 25px 0 50px;}
  .port-intro span,
  .careers .port-intro h1{ font-size: 2.5em; }
  .top-dog{padding: 75px 50px 50px; font-size: 1.25em; margin: 0;}
  .top-dog-gal{flex-direction: row;}
  .portillos-values-black{padding: 0 150px;}

  .ingredients-wrapper{margin: 50px 0; padding: 25px 0;}
  .ingredients{ flex-direction: column; padding: 10px; text-align: initial;}
  .ingr-cta {flex-direction: row;}
  .ingr-cta.energetic,  .ingr-cta.considerate,  .ingr-cta.friendly{align-items: flex-start; text-align: right; margin-top: 75px; }
  .ingr-cta .ingr-media{order: initial;}
  .ingr-cta.engaging .ingr-media img,  .ingr-cta.driven .ingr-media img{width: 260px;}
  .ingr-cta .ingr-media img{width: 300px; max-width: 100%;}
  .ingr-cta.energetic .ingr-media img,  .ingr-cta.considerate .ingr-media img,  .ingr-cta.friendly .ingr-media img{margin-top: -50px;}
  .ingr-cta.energetic .ingr-content,  .ingr-cta.considerate .ingr-content,  .ingr-cta.friendly .ingr-content,  .ingr-cta.reliable .ingr-content{padding: 10px;}
  .ingr-content{width:40%}
  .ingr-cta.ambitious, .ingr-cta.driven,  .ingr-cta.reliable{margin-top: -75px; }
  .ingr-cta.energetic,  .ingr-cta.friendly,  .ingr-cta.considerate{margin-top: -75px; justify-content: flex-end;}
  .careers .ingr-cta h2{font-size: 2em;}
  .careers .ingr-cta p{font-size: 1.25em; line-height: 1.25em;}
  .careers  .career-top-content {margin: 50px 100px;}
  .careers .hotdog-outer{margin-top: -100px;  color: #fff;}
  .careers .hotdog-outer h3{font-size: 2.25em; color: #fff; }
  .hotdog-buttons{margin-top: 50px; }
  .career-video{margin: 0 30px;}
  .banner-content.covid19{padding: 50px 10px;}
  .careers .covid19-update h2{font-size: 2em;}
  .careers .blockgrid-slider{padding: 40px 10px;}
  .career-banner.big-dill-float .banner-overlay{left: 60%;}
  .job-details-tools{flex-wrap: nowrap;}  
  .job-details-tools > a,
  .job-details-tools span {font-size: 1.25em; padding: 0 10px; margin: 25px 0; font-weight: 500; color: #8c1114; text-transform: uppercase;}
  .job-details-tools > a:first-child{border-right: 2px solid #8c1114}
  .job-details-tools .share-social{width: auto;}
  
  .hearabout-employee .hop-video > img{width: 400px;}
  .hearabout-employees .slick-arrows{ top: 20%; }  

  .job-search-tool input, .job-search-tool select{font-size:1em }
  .careers-landing .job-search-tool{flex-wrap: wrap; justify-content: center;}
  .careers-landing .job-search-tool .job-keyword{width: 50%;}
  .careers-landing .job-search-tool .job-category {width: 35%;}
  .careers-landing .job-search-tool button.reskin-btn{ width: 50%; }
  .careers-landing-banner .floater-tag{display: block; position: absolute; right: 250px; bottom: 0; width:200px;}

  .careers .why-portillos-banner .banner-overlay .floater{left: 10%; width: 600px; margin: 5% auto;}
  .careers .site-alternate-div-image-content{ width: 45%; }

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {  
  .ingr-cta .ingr-media img{width:100%;}
  body.careers-home {margin-top: 150px;}
}

@supports (-ms-ime-align:auto) {
  .ingr-cta .ingr-media img{width: 100%;}
}

@media only screen and (min-width: 55em) {
  .careers-btn-wrapper{flex-direction: row; justify-content: center;}
  .careers .blockgrid-slideshow .blockgrid{width: 25%; margin: 40px 25px;}
  .hearabout-employees .slick-dots{flex-direction: row;justify-content: space-between;}
  .hearabout-employees .slick-dots li {width: 12%;}
  .hearabout-employees .slick-dots li:first-child{width: 16%;}
  .hearabout-employees .slick-dots li:after{display: block; content: ''; height: 8px; width: 8px;  background: #000; transform: rotate(45deg); position: absolute; right: -25px; top: 45%; }
}


@media only screen and (min-width: 63.963em) {  
  .our-mission-wrapper{margin:50px;}
  .portillos-fund img{width: 500px;} 
  .portillos-perks-wrapper{margin: 25px;}
  .landing-our-people .cursive-suti{margin: 25px auto;}
  .careers .blockgrid-slider{padding: 60px 50px;}
  .job-listing-card{flex-direction: row; padding: 10px 30px 20px;}
  .job-listing-post{ width: 50%; }
  .job-listing-address{ width: 30%; }
  .job-listing-button{ width: 30%; text-align: right;}
  .portillos-fries img{width: 35%;}
  .job-details-wrapper .job-listing-post,
  .job-details-wrapper .job-listing-address{ width:100%; }
  .job-details-wrapper .job-listing-address{flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
  .job-details-wrapper .job-listing-address span{width: 40%;}
  .job-details-wrapper .job-listing-address span.jobdate{width: auto; margin: 0;}
  .careers .job-description h2{font-size: 2.5em;}
  .job-details-wrapper{padding: 50px; position: relative;}
  .job-details-wrapper .job-listing-button{ position: absolute; top: 2.5%; right: 50px; width: auto; }
  .careers-landing-banner .cinescope-video{ padding-bottom: 55%; }
  .hearabout-employees .slick-prev{ left: 20%; }
  .hearabout-employees .slick-next{ right: 20%; }
  .job-search-tool{flex-wrap: nowrap; justify-content: space-between; max-width: 60em; }
  .job-search-tool .job-keyword{width: 40%;}
  .job-search-tool .job-category {width: 35%;}
  .job-search-tool button.reskin-btn{ width: 25%; font-size: 1.75em }

  .careers .site-alternate-div:nth-child(even):after{
				content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: #e6e6e6;
    transform: translateX(100%);
		}
		.careers .site-alternate-div:nth-child(even):before{
				content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: #e6e6e6;
    transform: translateX(-100%);
		}

		.careers .site-alternate-div-image-content span:first-child{ font-size: 2.15em; text-align: center;}
		.careers .site-alternate-div-image-content span:last-child{ font-size: 1.25em; text-align: center; }
}


@media only screen and (min-width: 66.250em) {
  .dog-house:after{content: ''; height: 100%; width:400px; background: #000; opacity: .5; position: absolute; right: -75px; display: inline-block;}
  .dog-house:before{content: ''; height: 100%; width:400px; background: #000; opacity: .5; position: absolute; left: -75px; display: inline-block;}
}

@media only screen and (min-width: 75em) {
  .cursive-suti{ font-size: 2.25em;}
  .portillos-fries p.reskin-para{margin:0 100px;}
  .careers .blockgrid-slider{ padding: 25px 100px; }
  .job-listing-post .job-listing-details span,
  .job-listing-address span{font-size: 1.25em;}
  .careers .blockgrid-slideshow-wrapper{margin-top: 0px;}
  .careers-landing-banner .cinescope-overlay img{ bottom: 100px; width: 650px; }
  .careers-landing .careersMainWrpr{ position: relative;  }
  .careers-landing .careersMainWrpr .job-search-tool{ position: absolute; bottom: 90px; left: 0; right:0; }
}

@media only screen and (min-width: 80.063em) {
  .careers .page_intro p{ font-size: 1.35em;}
  .careers .reskin-heading{ font-size: 4em;}
  .careers p.reskin-para,
  .careers ul.reskin-ulist{ font-size: 1.45em; line-height: 1.5em; }
  .portillos-perks-wrapper{margin: 25px 50px;}
  .hearabout-employees .slick-dots li{padding: 0 10px;}
  .hearabout-employees .slick-dots li span{font-size: 2em;}
  .hearabout-employees-content p.reskin-para{font-size: 1.15em; margin-top: 0;}
  .careers .blockgrid-slideshow-wrapper .blockgrid-slider-wrapper{width:90em; left: 50%; top: 25%; transform: translate(-50%, -50%);}
}


/* ticket #574270 - Make Map Icon and Address Link to Google Maps Directions on Careers Page */
.job-details-wrapper .job-listing-address a {display:flex; flex-wrap:nowrap;}
.job-details-wrapper .job-listing-address a span {width:auto;}
.job-listing-wrapper .job-listing-address a {display:flex; flex-wrap:nowrap;}
.job-listing-wrapper .job-listing-address a span {width:auto;}


@media only screen and (max-width: 1460px) {  
	.careers-landing-banner .floater-tag{right: 130px;}
}

@media only screen and (max-width: 1199px) {  
	.careers-landing-banner .floater-tag{right: initial; position:relative; margin:10px auto;}
}