a.reskin-btn,
button.reskin-btn{
				background-color: #df0102;
    font-size: 1.25em;
    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;
}

a.reskin-btn:hover,
a.reskin-btn:focus,
button.reskin-btn:hover,
button.reskin-btn:focus{
 background-color: #fff;
 border: 2px solid #df0102;
 color: #df0102;
 -webkit-transition: all 0.2s ease;
 transition: all 0.2s ease;
}

a.reskin-btn.alternate-btn,
button.reskin-btn.alternate-btn{background: #8c1114; border: 2px solid #8c1114;}

a.reskin-btn.alternate-btn:hover,
a.reskin-btn.alternate-btn:focus,
button.reskin-btn.alternate-btn:hover,
button.reskin-btn.alternate-btn:focus{color:#df0102; background: #fff; border:2px solid #8c1114;}

.unrivaled-content h2{color:#d3212c; font-family: 'Interstate_Black_Cond'; font-size: 2.25em; text-transform: uppercase; margin-bottom: 0px;}
.unrivaled-content span {
	font-family: "Tillo";
	color: #000000;
	font-size: 2em;
	margin-bottom: 0;
	display: block;
}
.unrivaled-content{text-align: center;}

.reskin-cta-item {margin: 15px 10px;}
.reskin-cta-item > a{display: flex; align-items: center; justify-content: flex-start;}
	.reskin-cta-item span {
		display: block;
		font-family: "Tillo";
		color: #000000;
		font-size: 1.75em;
	}

.reskin-cta-item > a .hoverimage{display: none;}
.reskin-cta-item a:hover .hoverimage,
.reskin-cta-item a:active .hoverimage,
.reskin-cta-item a:focus .hoverimage{display: block;}

.reskin-cta-item a:hover .loadimage,
.reskin-cta-item a:active .loadimage,
.reskin-cta-item a:focus .loadimage{display: none;}

.reskin-cta-item a img{width: 50%; margin: 0 auto;}
.reskin-cta-item a span{width: 50%; padding-left: 15px;}
.reskin-cta-item a span img {width: 150px;}
.content-image{margin: 20px 0}
.content-image img{transform: scale(1.5); margin: 50px 0;}


.get-obsessed{margin: 10px 25px;     text-align: center;}
.get-obsessed > a {display: flex; justify-content:center;}
.get-obsessed > a .hoverimage{display: none;}
.get-obsessed a:hover .hoverimage,
.get-obsessed a:active .hoverimage,
.get-obsessed a:focus .hoverimage{display: block;}

.get-obsessed a:hover .loadimage,
.get-obsessed a:active .loadimage,
.get-obsessed a:focus .loadimage{display: none;}

.beef-bus-content{text-align: center; position: relative; margin-bottom: -50px; z-index: 9}
.beef-bus-content h2{color:#d3212c; font-family: 'Interstate_Black_Cond'; font-size: 2.25em; text-transform: uppercase; margin-bottom: 0px;}
	.beef-bus-content span {
		font-family: "Tillo";
		color: #000000;
		font-size: 2em;
		margin-bottom: 0;
		display: block;
	}

.our-story-home{background: url(/cms/images/reskin/doghouse.jpg) no-repeat; background-size: cover; text-align: center; background-position: center; padding: 4%;}
.our-story-home h3{color:#d3212c; font-family: 'Interstate_Black_Cond'; font-size: 2.25em; text-transform: uppercase; margin: 0px;}
	.our-story-home span {
		display: block;
		font-family: "Tillo";
		color: #000000;
		font-size: 2em;
	}
.content-image{margin: 0;}
.content-image-beef img{transform: none; margin: 0;}

.free-cake-pop{background: #d22630; padding: 10px; position: fixed; bottom:0%; left: 0%; right: 0; z-index: 9999; display: flex; align-items: center; font-family: 'Interstate_Black_Cond'; max-width: 30em; border-radius: 10px 10px 0 0; cursor:move; border: 0; box-shadow: -1px 9px 14px 9px rgb(0 0 0 / 15%);}

.free-cake-pop span{display: block; color: #fff; font-size: 1.25em;  text-transform: uppercase; }
.free-cake-pop .freecake-content{text-align: center;}
.free-cake-pop a{background: #fff; color:#d22630; display: inline-block; padding: 10px; text-transform: uppercase; border-radius: 10px; margin-top: 10px;}
.free-cake-pop  > img{width: 100px;}
.free-cake-pop button{position: absolute; top: 2px; right: 2px; border: 0; background: none;}
.free-cake-pop .freecake-content{padding-right: 10px;}

/* Our Story Page*/

.ourstoryHead{color:#d22630; font-size: 3em; text-align: center; margin:25px 25px 10px 25px; font-family: 'Interstate_Black_Cond'; text-transform: uppercase;}
.our-story-topper span {
	font-family: "Tillo";
	color: #000000;
	font-size: 2em;
	margin-bottom: 0;
	display: block;
	text-align: center;
}
.our-story-wrapper{margin: 25px;}
.our-story-wrapper .story-alternate{text-align: center;}
	.our-story-wrapper .story-alternate h2 {
		font-family: "Tillo";
		color: #000000;
		font-size: 2em;
		font-weight: 100;
		margin: 25px;
	}
.our-story-wrapper .story-alternate p{font-size: 1.2em; color: #000000; line-height: 1.25em; font-family: 'Interstate_Regular';}
.our-story-wrapper .story-alternate{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.our-story-wrapper .story-alternate img{order: 1}
.our-story-wrapper .story-alternate .alternate-content{order: 2}
.our-story-wrapper .story-alternate .alternate-content strong{font-style: italic; font-weight: 900}
.story-alternate-end {text-align: center;}
	.story-alternate-end h2 {
		font-family: "Tillo";
		color: #000000;
		font-size: 2em;
		margin: 25px;
		font-weight: 100;
	}
.story-alternate-end a{font-size: 1.75em;}
.our-story-page .get-obsessed{margin: 25px;}

.our-heart-portillos {margin: 25px;}
.our-heart-portillos h3{color:#d22630; font-size: 3em; text-align: center; margin:25px 25px 10px 25px; font-family: 'Interstate_Black_Cond'; text-transform: uppercase;}
.our-heart-portillos p{font-size: 1.2em; color: #000000; line-height: 1.25em; text-align: center; font-family: 'Interstate_Regular';}
.our-heart-portillos img{width: 100%;}
.heart-wrapper-svgs{margin: 50px 0;}
.heart-wrapper-item{text-align: center; margin: 20px 0;}
.heart-wrapper-item img{width: 100px;}
	.heart-wrapper-item span {
		font-family: "Tillo";
		color: #000000;
		font-size: 1.5em;
		margin-bottom: 0;
		display: block;
		text-align: center;
		margin: 10px;
		font-weight: 100;
	}
.heart-wrapper-item:nth-child(2) img{ width: 50px; }
.our-heart-buttons {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.our-heart-buttons a{font-size: 2em;}

.our-fans-wrapper{background:url('/cms/images/reskin/ourstory/bg-hotdog.png') no-repeat; background-size: cover; }
.our-fans{ background: #fff; border: 4px solid  #d3212c; margin:50px 25px;}
.our-fans-scroller{overflow: auto; position: relative; padding: 20px 0; background: #fff; width: 100%; height: 350px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}

.our-fans-scroller ul{display: flex; align-content: center; justify-content: center; list-style: none;}
.our-fans-scroller ul li{margin:0 10px;}
.our-fans-scroller ul li img{width: 75%}
.our-fans-scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #d3212c;}
.our-fans-scroller .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 11px; margin: 2px 0px;}
.our-fans-scroller .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.our-fans-scroller .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display: none!important;}

	.our-fans-scroller .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:before {
		content: "";
		display: block;
		width: 0;
		height: initial !important;
		border-style: solid;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 20px solid #d3212c;
		border-left: 0;
		opacity: 1;
	}

	.our-fans-scroller .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:before {
		content: "";
		display: block;
		width: 0;
		height: initial !important;
		border-style: solid;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 20px solid #d3212c;
		border-right: 0;
		opacity: 1;
	}


.our-fans-scroller .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.our-fans-scroller .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #8c1114;}

.our-fans-scroller .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin: 0 auto; max-width: 80em;}
.our-fans-scroller .mCSB_scrollTools.mCSB_scrollTools_horizontal{margin: 0 25px;}
.our-fans-scroller .mCSB_scrollTools{opacity: 1;}

/* Beef Bus video code*/


.beefbus-video-mid{ position: relative;}
.cinescope-overlay{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  margin:0 auto; text-align: center;}
	.cinescope-overlay h3 {
		font-family: "Tillo";
		color: #ffffff;
		font-size: 2em;
		text-shadow: none;
		font-weight: 100;
		margin: 10px;
	}
.homepage-hero .cinescope-overlay { width: 100%; }
.homepage-hero .cinescope-overlay h1 {font-family: 'Interstate_Black_Cond'; color: #fff; text-transform: uppercase; font-size: 1.5em; margin:10px;}
	.homepage-hero .cinescope-overlay p {
		font-family: "Tillo";
		color: #ffffff;
		font-size: 1.5em;
		margin: 10px
	}


.beefbus-video-mid .cinescope-video-amp:after {content: '';position: absolute;top: 0;left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}

.ourstory-video iframe{height: 250px; object-fit: cover;  width: 100%; }


.chicago-icon-wrapper{ position: relative; }
.chicago-icon-wrapper > img{ width: 100%; }
.popvideo{display: inline-block; position: absolute; left: 50%; right: 0; margin: 0 auto; top: 50%; text-align: center; transform: translate(-50%,-50%);}
.popvideo img{width: 50px; margin: 0 auto;}

.get-obsessed-group{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.get-obsessed-pop{position: relative; margin: 10px; width: 100%; }
.get-obsessed-pop:last-child{margin-right: 0;}
.get-obsessed-pop a{display: inline-block; position: absolute; left: 0; right: 0; margin: 0 auto; top: 35%; text-align: center;}
.get-obsessed-pop a img{width: 50px;}
.get-obsessed-pop > img{width: 100%;}

.blockgrid-slideshow-wrapper{position: relative;}
.blockgrid-slideshow-wrapper .blockgrid-slider-wrapper{  display: none; position: absolute; top: 0; left: 0; right: 0; width: 100%; }
.blockgrid-slideshow .blockgrid .blockgrid-link{display: block; color: #D22630}
.blockgrid-slideshow{margin: 25px;}
.blockgrid-slider-wrapper{display: none;}
.blockgrid-slideshow .blockgrid{margin-bottom: 40px; text-align: center; }
.blockgrid-slideshow-wrapper h2 {
	font-family: "Tillo";
	font-size: 2em;
	color: #d3212c;
	font-weight: 100;
	margin: 10px 10px 0;
}
.blockgrid-slideshow-wrapper span.blockgrid-position{ font-family: "Interstate_Regular"; display: block; font-size: 1.15em; color: #000;  margin: 0 20px;}

.blockgrid-slider{background: #fff; padding: 10px; box-shadow: 0px 0px 10px 10px rgba(0,0,0, 0.1)}
.blockgrid-slide{ margin: 25px; }
.blockgrid-slide .blockgrid-info{text-align: center;}
.blockgrid-slide .blockgrid-info p{margin-top: 10px;}

.blockgrid-slider .slick-arrows{position: absolute; top: 45%; cursor: pointer; }

.blockgrid-slider .slick-arrows.slick-prev{left: 5%}
.blockgrid-slider .slick-arrows.slick-next{right: 5%}
.blockgrid-headshot img{margin:10px auto;}

.cinescope {position:relative; display:block; height:auto; width:100%; max-width:100%; max-height:600px; overflow:hidden;}
.cinescope-video {position:relative; display:block; margin:0 auto; width:100%; height:auto; opacity:1; transition:opacity 4000ms ease; padding-bottom:34.25%;}
.beefbus-video-mid .cinescope-video{	padding-bottom: 55%;}
.cinescope-video .cinescope-video-amp {	position:absolute; 	display:block; 	opacity:1;	left:0px; 	right:0px; 	top:-24px;	bottom:-24px;	transition:opacity 4000ms ease;}
.cinescope-video iframe {position:absolute; display:block; left:0; right:0; top:0; bottom:0; width:auto; height:auto; min-width:100%; min-height:100%;}
.cinescope-video video {position:relative; display:none; margin:0 auto; width:100%; max-width:100%; height:inherit; max-height:600px; object-fit:fill;}
.cinescope.active video {display:block;}
.cinescope-video video source {display:block;}


.homepage-hero .cinescope-video{padding-bottom: 29%;}

/* 404 Page Styling */

.wrapper-404{text-align: center;}
.wrapper-404 img{ margin: 15px auto 0; width: auto; }
	.wrapper-404 span {
		font-family: "Tillo";
		color: #000000;
		font-size: 1.75em;
		display: block;
		margin: 10px;
	}
main.interior-main .wrapper-404 h1{ color: #d3212c;  font-family: 'Interstate_Black_Cond'; text-transform: uppercase; font-size: 2.5em;}



/* For Good Project*/

main.interior-main .page-intro{ margin: 30px auto; max-width: 56em; }
main.interior-main p.reskin-para,
main.interior-main ul.reskin-ulist{ font-size: 1.2em; color: #000000; line-height: 1.25em; font-family: 'Interstate_Regular'; text-align: center; margin: 15px 0; padding:0 10px;}
main.interior-main ul.reskin-ulist{ margin: 10px; padding: 10px;  text-align: left;}
main.interior-main .cursive-suti {
	display: block;
	font-family: "Tillo";
	color: #000000;
	font-size: 1.75em;
	font-weight: 100;
	margin: 25px 10px;
	line-height: 1.5em;
	text-align: center;
}

main.interior-main .reskin-heading{color:#d22630; font-size: 3em; text-align: center; margin:25px 25px 10px 25px; font-family: 'Interstate_Black_Cond'; text-transform: uppercase;}
main.interior-main .page-intro img{margin: 25px 0;}

.shadow-box-wrapper{margin: 50px 10px 0;}
.shadow-box-wrapper .shadow-box{margin:40px 0px; box-shadow: 0px 0px 20px 15px rgba(0,0,0,0.2); transition: all ease .8s}
.shadow-box-wrapper .shadow-box:last-child{ margin-bottom: 0; }
.shadow-box-wrapper .shadow-box img{width: 100%;}
.shadow-box-wrapper .shadow-box .shadow-box-content{padding: 10px; text-align: center;}
.shadow-box-wrapper .shadow-box .shadow-box-content h2.cursive-suti{margin: 5px 10px;}
.shadow-box-wrapper .shadow-box .shadow-box-content .shadow-box-title{font-family: "Interstatefont"; font-weight: 800; color: #d22630; text-transform: uppercase;}
.shadow-box-wrapper .shadow-box .shadow-box-content p{ color: #000000;  font-family: "Interstate_Regular"; margin: 10px 0;}
.shadow-box-wrapper .shadow-box:hover,
.shadow-box-wrapper .shadow-box:focus{box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); transition: all ease .8s}

main.interior-main  .fundraiser-section .reskin-heading{margin-bottom: 0px;}
main.interior-main  .fundraiser-section .cursive-suti{margin:5px 10px 10px;}

.fundraiser-count{ position: relative; margin: 75px 0 25px; }
.fundraiser-count span.count,
.fundraiser-count span.count-span{font-family: 'Interstate_Black_Cond'; font-weight: 800; color: #d22630; text-transform: uppercase; font-size: 3em;}

.fundraiser-count span.fund-content{display:block; color: #000000;  font-family: "Interstate_Regular"; margin: 10px 0; text-transform: uppercase; font-size: 1.5em;}
.fundraiser-count{text-align: center;}

.fundraiser-count sup,
.fundraiser-count.funds-raised .fund-three > span:first-child{font-family: 'Interstate_Black_Cond'; font-weight: 800; color: #d22630; text-transform: uppercase; font-size: 2em;}
.fundraiser-count sup{top: -.5em; font-size: 2.5em;}

.fundraiser-count > div{ margin: 40px 10px 25px; }

.fundraiser-count:after,
.fundraiser-count:before{ content: ''; height: 10px; width: 250px; position: absolute; background: url('/cms/images/forgood/diamond-bg.svg') no-repeat; background-position: top;
    background-size: cover; background-repeat: no-repeat; margin: 0 auto; text-align: center; left: 0; right: 0; }

.fundraiser-count:after{bottom: -50px}
.fundraiser-count:before{top: -50px}
.grey-landing{background: #D1D3D4;}
.lightgrey-landing{background-color: #ebebeb;}
.fundraiser-section .reskin-para a{font-weight: bold; color: #d22630; }
.fundraiser-cta{margin: 25px 10px 0;}
.fundraiser-cta-media img{ width: 100%; }
.fundraiser-cta-content div{margin: 25px 10px;}
.fundraiser-cta-content div span{font-family: 'Interstate_Black_Cond'; font-weight: 800; color: #d22630; text-transform: uppercase; font-size: 2em;}
.fundraiser-cta-content div p{font-size: 1.2em; color: #000000; line-height: 1.25em; font-family: 'Interstate_Regular'; text-align: left; margin:0; padding:0;}
.site-alternate-wrapper{ max-width: 56em; margin: 25px auto 0; }
.site-alternate-div{ display: flex; flex-direction: column; margin:40px 10px; }
.site-alternate-div:last-child{margin-bottom: 0;}
.site-alternate-div-content a.reskin-btn{margin: 0 10px; padding: 0 25px;}

main.interior-main .site-alternate-div-content .cursive-suti,
main.interior-main .site-alternate-div-content .reskin-para,
.site-alternate-div-image-content{ text-align: center; }
.site-alternate-div img{margin: 0 auto; text-align: center;}


.portillos-rotating-banner-wrapper{margin: 25px 10px;}
.site-rotating-banner{text-align: center;}
main.interior-main .site-rotating-banner span.reskin-heading{display: block; margin: 5px 0 25px; font-size: 1.25em;}
main.interior-main .site-rotating-banner .cursive-suti{ margin-bottom:0; font-size:1.25em;}


@media only screen and (min-width: 36.063em){
.blockgrid-slideshow {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap:wrap; }
.blockgrid-slideshow .blockgrid{width: 45%;}
.ourstory-video iframe{height: 300px;}
.beefbus-video video,
.beefbus-video-wrapper{height: 200px;}

}

@media only screen and (min-width: 44em){
 .ourstory-video iframe{height: 350px}
 .beefbus-video video,
 .beefbus-video-wrapper{height: 250px;}
 .shadow-box-wrapper{display: flex; align-items: flex-start; justify-content: space-around;}
 .shadow-box-wrapper .shadow-box{width: 30%;}

}

@media only screen and (max-width: 48em){
	.blockgrid-slider .slick-arrows img{width:25px;}
	.blockgrid-slider .slick-arrows{top: 15%;}
	.site-alternate-div img{order: 1;  width: 300px;}
	.site-alternate-div-content{ order:2; }

    .homepage-hero .cinescope-overlay h1,
    .homepage-hero .cinescope-overlay p{font-size: 2.5em}
}

@media only screen and (min-width: 48.063em){
		.reskin-homepage-cta{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
		.reskin-cta-item{width: 50%; margin: 15px 0;}
		.reskin-cta-item > a{display: block; text-align: center;}
		.reskin-cta-item a img, .reskin-cta-item a span{width: 100%;}
		.content-image img{transform: scale(1.25); margin: 30px 0;}
		.reskin-get-obsessed{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin:25px; }
		.get-obsessed{width: 45%;}
		.our-story-page .get-obsessed{margin: 25px 10px 25px 0;}
		.our-story-page .get-obsessed:last-child{margin-right: 0;}
		.heart-wrapper-svgs {display: flex; align-items: center; justify-content: space-around;}
		.heart-wrapper-item{display: flex; flex-direction: column; align-items: center;}
		.heart-wrapper-item span{margin-top: auto;}
		.heart-wrapper-item:first-child img{width: 170px;}
		.heart-wrapper-item img{width: 100px;} 
		.heart-wrapper-item:nth-child(2) img{ width: 75px; }
		.our-heart-portillos p{font-size: 1.25em; margin: 25px auto; max-width: 40em;}
		.our-heart-buttons{flex-direction: row;}
		.our-heart-buttons .reskin-btn{margin: 0 25px;}
		.beefbus-video-wrapper,
		.beefbus-video-wrapper video{height: 350px;}
		.cinescope-overlay h3{font-size: 2.25em;}
		.blockgrid-slider{padding: 10px 20px;}
		.blockgrid-slide-track{display: flex; align-items: flex-start;}
		.blockgrid-slide-track .blockgrid-headshot{width: 25%;}
		.blockgrid-slide-track .blockgrid-info{width: 70%; text-align: left; margin-left: auto;}
		.blockgrid-slide-track .blockgrid-info h2{margin: 0;}
		.blockgrid-slideshow-wrapper span.blockgrid-position{margin: 0;}
		.departmentdrop .store-nav-user .desktop-header-subnav{top: 20px;}
		.cinescope-video {display:block; width:100%; max-width:100%; padding-bottom:40%; height:auto;}
        .homepage-hero .cinescope{max-height: 400px;}
		.wrapper-404 span{font-size: 2em;}
		main.interior-main .wrapper-404 h1{font-size: 3.5em}

		.fundraiser-cta{display:flex; flex-direction: row; align-items: flex-start;justify-content: space-between;}
		.fundraiser-cta-content div:first-child{margin-top: 0;}
		.fundraiser-cta-content{width: 60%; padding-left: 40px; }
		.fundraiser-cta-media{width: 40%;}
		.site-alternate-div{flex-direction: row; justify-content: space-between; align-items: center;}
		.site-alternate-div img{ width: 45%; }
		.site-alternate-div-content{width: 50%;}
        main.interior-main .site-alternate-div-content .reskin-para,
		main.interior-main .site-alternate-div-content .cursive-suti,
        .site-alternate-div-image-content{ margin-top: 0; text-align: left; }
        .shadow-box-wrapper .shadow-box{ margin-bottom: 0; }

        .homepage-hero .cinescope-overlay h1,
        .homepage-hero .cinescope-overlay p{font-size: 3em}
}

@media only screen and (min-width: 60em){
	
	button.reskin-btn{font-size:2em;}
	.unrivaled-content{position: relative; margin-bottom: -50px; z-index: 10;}
	.unrivaled-content h2,
	.beef-bus-content h2{font-size: 3em;}
	.unrivaled-content span,
	.beef-bus-content span{display: block; font-size: 2.5em; margin-bottom: 10px;}
	.reskin-cta-item span{font-size: 2em;}
	.content-image{margin: 50px 0}
	.content-image img{transform: none; margin: 0;}
	.content-image-beef{margin: 0}
	.our-story-home h3{font-size: 2.5em; margin: 0 0 10px;}
	.our-story-home span{font-size: 2.25em; margin-bottom: 10px;}
	.free-cake-pop{padding: 25px 25px 10px 0px; max-width: 36em;}
	.free-cake-pop  > img{width: 40%;}
	.free-cake-pop	.freecake-content{width: 60%}
	.free-cake-pop span{font-size: 2em;}
	.free-cake-pop a{font-size: 1.5em}
	.free-cake-pop button{top: 10px; right: 10px;}
	.free-cake-pop .freecake-content{padding-right: 0px;}
	.reskin-get-obsessed{flex-wrap: nowrap;}
	.reskin-get-obsessed{margin: 25px 0;}
	.ourstory-video iframe{height: 500px}
	.beefbus-video video,
	.beefbus-video-wrapper{height: 400px; }
	.our-story-wrapper .story-alternate{flex-direction: row; text-align: left; margin: 15px 0;}
	.our-story-wrapper .story-alternate img{order: revert;}
	.our-story-wrapper .story-alternate .alternate-content{order: revert; padding: 20px;}
	.our-story-wrapper .story-alternate h2{margin-left: 0;}
	.beefbus-video-wrapper{min-height: 400px; margin: 50px 0;}
	.cinescope-overlay h3{font-size: 2.5em;}
 	.popvideo img{width: 75px;}
	.our-fans{margin: 50px 0;}
	.blockgrid-slider{padding: 10px 50px;}
	.blockgrid-slideshow .blockgrid{width: 30%;}
	.get-obsessed-group{flex-direction: row;}
	.get-obsessed-pop{margin-right: 10px; width: 30%;}
	.get-obsessed-pop:last-child{margin-right: 0;}
	.cinescope-video{padding-bottom: 32%;}
	.fundraiser-count{ display: flex; align-items: flex-start; justify-content: space-around; }
	.fundraiser-count > div{ width: 30%; }
	.fundraiser-count:after{bottom: -25px}
	.fundraiser-count:before{top: -25px}
	.portillos-rotating-banner-wrapper{margin: 50px 10px 35px;}
	.site-alternate-div-content a.reskin-btn{font-size: 1.75em;}
	.fundraiser-cta-content div span{ font-size: 2.25em; }
	main.interior-main .site-rotating-banner span.reskin-heading,
	main.interior-main .site-rotating-banner .cursive-suti{font-size: 1.75em;}
}

@media only screen and (min-width: 75em){

	  main.interior-main .cursive-suti{ font-size: 2.25em;}
			.reskin-cta-item{width: 33.33%; margin: 15px 0;}	
			.unrivaled-content h2,
			.beef-bus-content h2{font-size: 4em;}
			.reskin-cta-item span{font-size: 2.5em;}
			.get-obsessed{width: 25%; margin: 10px;}
			.beef-bus-content{ margin-bottom: -200px; }
			.our-story-home h3{font-size: 3em; }
			.our-story-home span{font-size: 2.75em;}
			.free-cake-pop{left: 0;}
			.heart-wrapper-item span{font-size:2em; }
			.our-fans-scroller ul li{margin:0 30px;}
			.our-fans-scroller ul li img{width: 100%}
			.our-fans-scroller{height: 500px;}
			.our-fans-scroller .mCSB_scrollTools{bottom: 50px!important}
			.ourstory-video{margin-top: 165px; margin-bottom: 50px;}
			.ourstory-video iframe{height: 600px;}
			.beefbus-video-wrapper,
			.beefbus-video-wrapper video{height: 500px;}
			.cinescope-overlay h3{font-size: 3em;}
			.popvideo img{width: 100px;}
			.blockgrid-slideshow-wrapper{margin-top: 50px;}            
			.leadership-top{margin-top: 40px;}
			.blockgrid-slideshow .blockgrid{width: 18%; }
			.blockgrid-slider{padding: 10px 100px;}
			.fundraiser-cta-content{width: 65%; }
		    .fundraiser-cta-media{width: 35%;}
            .homepage-hero .cinescope-overlay h1,
            .homepage-hero .cinescope-overlay p{font-size: 4.5em}
}

@media only screen and (min-width: 84em){

	 main.interior-main p.reskin-para,
  main.interior-main ul.reskin-ulist,
  .fundraiser-cta-content div p{ font-size: 1.35em; line-height: 1.25em; }
  main.interior-main .reskin-heading{ font-size: 4em;}
 .fundraiser-count.funds-raised .fund-three > span:first-child{font-size: 2.5em;}

 .fundraiser-count span.count,
 .fundraiser-count span.count-span{font-size: 4em;}
	.beef-bus-content{margin-bottom: -200px;}
	.free-cake-pop span{font-size: 2.5em;}
	.free-cake-pop a{font-size: 1.5em}
	.our-story-topper{margin: 25px 0;}
	.ourstoryHead{font-size: 4em;}
	.our-story-topper span{font-size: 2.5em;}
	.our-story-wrapper .story-alternate{margin: 25px}
	.our-story-wrapper .story-alternate h2{font-size: 2.5em;}
	.our-story-wrapper .story-alternate p{font-size: 1.45em; line-height: 1.5em;}
	.our-story-wrapper .story-alternate img{width: 50%;}
	.our-story-wrapper .story-alternate .alternate-content{width: 50%; padding: 25px;}
	.story-alternate-end{margin: 80px 50px;}
	.story-alternate-end h2{font-size: 3em;}

	.our-heart-portillos h3{font-size: 4em;}
	.our-heart-portillos p{font-size: 1.45em;   line-height: 1.5em;}
	.heart-wrapper-svgs{ max-width: 54em; margin: 50px auto; }
	.heart-wrapper-item:first-child img{width: 175px;}
	.heart-wrapper-item img{width: 125px;} 
	.heart-wrapper-item:nth-child(2) img{ width: 90px; }
	.cinescope-overlay h3{font-size: 3.5em;}
    .homepage-hero .cinescope{max-height: 600px;}
	.blockgrid-slide-track .blockgrid-headshot{width: 20%;}
	.blockgrid-slide-track .blockgrid-info{width: 75%; margin-left: 20px}
	.blockgrid-slider{padding: 10px 150px;}

		.beefbus-video-wrapper,
		.beefbus-video-wrapper video{height: 600px;}
		.shadow-box-wrapper{max-width: 70em; margin:0px auto;}
		.shadow-box-wrapper .shadow-box .shadow-box-content .shadow-box-title{font-size: 1.25em;}
		.shadow-box-wrapper .shadow-box .shadow-box-content .reskin-btn{font-size: 1.5em;}
		.shadow-box-wrapper .shadow-box .shadow-box-content p{font-size: 1.05em; margin: 10px;}
}



.catering-box-landing a.catering-btn,
.partyroom-landing a.catering-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 5px;
    border: 2px solid #df0102;
    display: inline-block;
    color: #fff;
}

.catering-box-landing a.catering-btn:hover,
.partyroom-landing a.catering-btn:hover,
.partyroom-landing a.catering-btn:focus,
.catering-box-landing a.catering-btn:focus {
 background-color: #fff;
 border: 2px solid #df0102;
 color: #df0102;
 -webkit-transition: all 0.2s ease;
 transition: all 0.2s ease;
}



.btnWrapper .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;
}

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


/* Ticket #559571 - Plant-Based Garden Dog Landing Page  */

.portlet-content {min-height:200px;}

.gardendog main.interior {background-color:#047563; color:#e9dfc8; text-align:center;}

.gardendog .top .mobile {display:none;}

.gardendog .what {padding:0px 20px 30px; position:relative;}
.gardendog .what h2 {font-size:4em; margin:0; font-family: 'Interstate_Black_Cond';}
.gardendog .what p {margin-bottom:30px; font-size:1.7em; position:relative; z-index:1;}
.gardendog .what .imgWrpr {max-width:400px; position:absolute; right:0; margin:auto; bottom:0; width:400px; z-index:0;}

.gardendog .why {background:#e9dfc8; color:#000; padding:30px 20px; position:relative; }
	.gardendog .why h2 {
		font-family: "Tillo";
		color: #6caa49;
		font-weight: normal;
		font-size: 2em;
		margin-top: 0
	}
.gardendog .why p {padding:0 28%; margin:0px auto; font-size:1.4em;}


.gardendog .why .imgWrpr {max-width:25%; position:absolute; margin:auto; top:0; left:0; bottom:0;  }
.gardendog .why .imgWrpr img {position:relative; top:-70%; }


.gardendog .taste {padding:30px 20px 0px; position:relative;}
	.gardendog .taste h2 {
		font-family: "Tillo";
		color: #e9dfc8;
		font-weight: normal;
		font-size: 2em;
		margin-top: 0
	}
.gardendog .taste p {padding:0 30%;  margin:0px auto 30px; font-size:1.3em;}
.gardendog .taste .imgWrpr {max-width:25%; position:absolute; right:0; margin:auto; top:0; }

.gardendog .try {padding:0px 0px 30px; position:relative;}
.gardendog .try .imgWrprLeft {max-width:35%; position:absolute; left:0; margin:auto; bottom:0%; }
.gardendog .try .imgWrprRight {max-width:28%; position:absolute; right:0; margin:auto; bottom:15%; }

.gardendog .try h2.cap {font-size:3.7em; margin:0; font-family: 'Interstate_Black_Cond'; line-height:1.1em; color:#e9dfc8; margin-bottom:30px; padding:0px 20px;}
.gardendog .try a.reskin-btn {background-color:#e9dfc8; border:solid 2px #e9dfc8; color:#047563; font-size:1.5em; margin-bottom:30px;}


@media (max-width: 1530px) {
    .gardendog .why .imgWrpr img {position:relative; top:-50%; }
	.gardendog .why p {padding:0 22%;}
}

@media (max-width: 1328px) {
    .gardendog .why .imgWrpr img {position:relative; top:-30%; }
}

@media (max-width: 1199px) {
    .gardendog .why .imgWrpr img {position:relative; top:-20%; }
	.gardendog .try .imgWrprLeft {max-width:30%;}
}

@media (max-width: 1043px) {
	x.gardendog .what .imgWrpr {max-width:35%; width:auto;}
}


@media (max-width: 768px) {
    .gardendog .top .desktop {display:none;}
    .gardendog .top .mobile {display:block;}
    
    .gardendog .why p {padding:0 5%; margin:0px auto 20px;}
    .gardendog .why .imgWrpr {max-width:300px; position:relative; margin:auto; top:0; left:0; bottom:0;  }
    .gardendog .why .imgWrpr img {position:relative; top:-0%; }
    
    .gardendog .taste p {padding:0 5%; position:relative; z-index:1;}
    .gardendog .taste .imgWrpr {display:none;}
    
    .gardendog .try .imgWrprLeft {display:none;}
    .gardendog .try .imgWrprRight {max-width:100%; position:relative; margin:0; text-align:right;}
    .gardendog .try .imgWrprRight img {width:300px;}
}


/* Ticket #586774 - New Homepage Content */
.careers-landing-banner2 .cinescope-overlay {width:100%;}
.careers-landing-banner2 .cinescope-overlay h2 {color: #d3212c; font-family: 'Interstate_Black_Cond'; font-size: 4.25em; text-transform: uppercase; margin-bottom: 0px; margin-top:0;}
.careers-landing-banner2 .cinescope-overlay h3 {font-size: 2.5em; color:#4a4a4a;}
.careers-landing-banner2 .cinescope-overlay .reskin-btn {margin:10px 20px}
.careers-landing-banner2 #cinescope-video:after {width:100%; height:600px; display:block; content:""; background:rgba(255,255,255,0.5); position:absolute;}
.get-obsessed > a {display:flex; justify-content:center;}

@media only screen and (max-width:1024px) {
    .careers-landing-banner2 #cinescope-video:after {height:350px; }
}

@media only screen and (max-width:767px) {
    .careers-landing-banner2 #cinescope-video:after {height:250px; }
}

@media only screen and (max-width:640px) {
    .careers-landing-banner2 #cinescope-video:after {height:220px; }
	.careers-landing-banner2 .cinescope-overlay {
        position:relative;
        top:0;
        left:0;
        transform: translate(0%, 0%);
    }
    .careers-landing-banner2 .cinescope-overlay h2 {
        font-size: 3.25em;
    }
    .careers-landing-banner2 .cinescope-overlay h3 {
        font-size: 2em;
    }
}

.shadow-box-wrapper .shadow-box .shadow-box-content a.reskin-btn {font-size: 1.5em;}
@media only screen and (max-width:703px){
	.shadow-box-wrapper .shadow-box .shadow-box-content h2.cursive-suti {min-height:initial !important;}
	.shadow-box-wrapper .shadow-box .shadow-box-content p {min-height:initial !important;}
	.shadow-box-wrapper .shadow-box .shadow-box-content a.reskin-btn {min-height:initial !important; font-size:2em;}
}


/* Ticket #695469 - Siteimprove ADA FED Remediations */
.slick-slide h3 {
	margin: 5px;
}

.slick-dots {
	bottom: -35px;
}

	.slick-dots li {
		border: solid 0px #ff0000;
		width: 10px;
		height: 10px
	}

		.slick-dots li button {
			font-size: 0px;
			line-height: 0;
			display: block;
			width: 10px;
			height: 10px;
			padding: 5px;
			cursor: pointer;
			color: transparent;
			border: 0;
			outline: none;
			background: #d3212c;
			border-radius: 50%;
			opacity: .5
		}

		.slick-dots li.slick-active button {
			opacity: 1.0;
		}

		.slick-dots li button::before {
			font-family: 'icomoon';
			font-size: 16px;
			line-height: 20px;
			position: absolute;
			top: 0;
			left: 0;
			width: 20px;
			height: 20px;
			content: '';
			text-align: center;
			opacity: .25;
			color: black;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}


.icon-left-bracket2-left, .icon-left-bracket2-right {
	font-size: 0;
	line-height: 0em;
	position: absolute;
	top: 0px;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: 0px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0px solid #EB0000;
	outline: none;
	background: transparent;
	z-index: 99;
	text-align: center;
}

.icon-left-bracket2-right {
	right: 20px;
}

.icon-left-bracket2-left::before {
	color: #d3212c;
	font-size: 50px;
	font-weight: 100;
	margin: 0px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	font-family: initial;
	content: "\25c2";
	line-height: .5em;
}

.icon-left-bracket2-right::before {
	color: #d3212c;
	font-size: 50px;
	font-weight: 100;
	margin: 0px;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	font-family: initial;
	content: "\25b8";
	line-height: .5em;
}