/****************************************
= FONTS
****************************************/
/****************************************
= MEDIA QUERY BREAKPOINTS
****************************************/
/****************************************
= 2018 - PRIMARY COLORS
****************************************/
/****************************************
= 2018 - SECONDARY COLORS
****************************************/
/****************************************
= BRAND COLORS
****************************************/
/****************************************
= 2020 PROMO COLORS
****************************************/
/****************************************
= UTILITY COLORS
****************************************/
/****************************************
= MEDIA QUERY MIXINS
****************************************/
/****************************************
= MIXINS
****************************************/
/****************************************
= GLOBAL STYLES
****************************************/
::-moz-selection {
  background: #000;
  color: #fff;
}
::selection {
  background: #000;
  color: #fff;
}

/****************************************
= BASE ELEMENT STYLES
****************************************/
body {
  font-size: 100%;
  margin: 0 auto;
  background: #fff;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.no-scroll {
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.container {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.wrapper {
  width: 90%;
  margin: auto;
  max-width: 1400px;
}
.wrapper.tall {
  padding-top: 2em !important;
  padding-bottom: 2em !important;
}
@media (min-width: 48em) {
  .wrapper.tall {
    padding-top: 4em !important;
    padding-bottom: 5em !important;
  }
}

.clearfix:after,
.wrapper:after,
.container:after,
.container-fluid:after,
.container-flex:after,
.row:after {
  display: table;
  content: "";
  clear: both;
}

.wrapper-top-no-bottom {
  padding: 0.00025em 0;
}

img {
  width: 100%;
}

/****************************************
= DISPLAY UTILITIES
****************************************/
.block {
  display: block;
}

.xs-inline {
  display: inline;
}

.inline-block {
  display: inline-block !important;
  float: none !important;
  margin-left: -3px !important;
}

@media (min-width: 48em) {
  .md-block {
    display: block;
  }
}
.table {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.md-table {
  display: block !important;
}
@media (min-width: 62em) {
  .md-table {
    display: table !important;
    height: 100%;
  }
}

.table-cell {
  display: table-cell;
}

.sm-table-cell {
  display: block !important;
}
@media (min-width: 48em) {
  .sm-table-cell {
    display: table-cell !important;
  }
}

.md-table-cell {
  display: block !important;
}
@media (min-width: 62em) {
  .md-table-cell {
    display: table-cell !important;
    vertical-align: middle;
    height: 100%;
  }
}

.sm-flex {
  display: block;
}
@media (min-width: 48em) {
  .sm-flex {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-flow: nowrap;
        flex-flow: nowrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.display-property {
  display: block;
}
@media (min-width: 48em) {
  .display-property {
    display: inline-block !important;
  }
}

.display-property-opposition {
  display: inline-block !important;
}
@media (min-width: 48em) {
  .display-property-opposition {
    display: block !important;
  }
}

/****************************************
= SIZE UTILITIES
****************************************/
.full {
  width: 100% !important;
}

.four-fifths, .xs-four-fifths {
  width: 80% !important;
  margin: 0 auto;
}

.two-thirds {
  width: 66.6666% !important;
  margin: 0 auto;
}

.half {
  width: 50% !important;
  margin: 0 auto;
}

.one-third {
  width: 50% !important;
  margin: 0 auto;
}

.xs-four-fifths {
  margin: 0 auto;
}
@media (min-width: 48em) {
  .xs-four-fifths {
    width: 100% !important;
  }
}

@media (min-width: 48em) {
  .sm-half {
    width: 50% !important;
    margin: 0 auto;
  }
}

@media (min-width: 48em) {
  .sm-four-seven {
    width: 70% !important;
    margin: 0 auto;
  }
}

@media (min-width: 48em) {
  .sm-four-fifths {
    width: 80% !important;
    margin: 0 auto;
  }
}

@media (min-width: 48em) {
  .sm-sm-fifths {
    width: 90% !important;
    margin: 0 auto;
  }
}

@media (min-width: 48em) {
  .sm-sm-over {
    width: 110% !important;
    margin: 0 auto;
  }
}

/****************************************
= MISC UTILITIES
****************************************/
.punchh-frame {
  height: 57em;
}
@media (min-width: 62em) {
  .punchh-frame {
    height: 56em;
  }
}
@media (min-width: 90em) {
  .punchh-frame {
    height: 55em;
  }
}

.none {
  display: none !important;
}

.none-w-trans {
  visibility: hidden;
  opacity: 0;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.xs-hidden {
  display: none !important;
}
@media (min-width: 48em) {
  .xs-hidden {
    display: block !important;
  }
}

.xs-hidden-inline-block {
  display: none !important;
}
@media (min-width: 48em) {
  .xs-hidden-inline-block {
    display: inline-block !important;
  }
}

.xs-hidden-l {
  display: none !important;
}
@media (min-width: 62em) {
  .xs-hidden-l {
    display: block !important;
  }
}

.xs-hidden-xl {
  display: none !important;
}
@media (min-width: 75em) {
  .xs-hidden-xl {
    display: block !important;
  }
}

.xs-hidden-flex {
  display: none !important;
}
@media (min-width: 48em) {
  .xs-hidden-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.xs-hidden-l-flex {
  display: none !important;
}
@media (min-width: 62em) {
  .xs-hidden-l-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.s-hidden {
  display: block !important;
}
@media (min-width: 28em) {
  .s-hidden {
    display: none !important;
  }
}

.sm-hidden {
  display: block !important;
}
@media (min-width: 48em) {
  .sm-hidden {
    display: none !important;
  }
}

.sm-hidden-inline {
  display: inline !important;
}
@media (min-width: 48em) {
  .sm-hidden-inline {
    display: none !important;
  }
}

.md-hidden {
  display: block !important;
}
@media (min-width: 62em) {
  .md-hidden {
    display: none !important;
  }
}

.m-hidden-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media (min-width: 48em) {
  .m-hidden-flex {
    display: none !important;
  }
}

.md-hidden-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
@media (min-width: 62em) {
  .md-hidden-flex {
    display: none !important;
  }
}

.video-border {
  padding: 1em;
  background: #FFF;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 48em) {
  .sm-scale-up {
    -ms-transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }
}

@media (min-width: 48em) {
  .sm-scale-2up {
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
}

@media (min-width: 48em) {
  .sm-scale-1up {
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
}

.fixfixed {
  position: absolute;
}

.t-Disclaimer {
  padding-top: 0.5em;
  font-size: 0.8em;
  text-transform: uppercase;
}
@media (min-width: 48em) {
  .t-Disclaimer {
    font-size: 0.9em;
  }
}

/****************************************
= OPACITY
****************************************/
.dim {
  opacity: 0.5;
}

/****************************************
= ANIMATION KEYFRAMES
****************************************/
@-webkit-keyframes showFade {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.0425);
            transform: scale(1.0425);
  }
  to {
    opacity: 1;
  }
}
@keyframes showFade {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.0425);
            transform: scale(1.0425);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    background-color: #EF3340;
  }
  50% {
    background-color: #C42428;
  }
  100% {
    background-color: #EF3340;
  }
}
@keyframes pulse {
  0% {
    background-color: #EF3340;
  }
  50% {
    background-color: #C42428;
  }
  100% {
    background-color: #EF3340;
  }
}
@-webkit-keyframes pulseOrder {
  0% {
    color: #EF3340;
  }
  50% {
    color: #000;
  }
  100% {
    color: #EF3340;
  }
}
@keyframes pulseOrder {
  0% {
    color: #EF3340;
  }
  50% {
    color: #000;
  }
  100% {
    color: #EF3340;
  }
}
@-webkit-keyframes rotatePulse {
  0% {
    opacity: 0.9;
    -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
            transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  25% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg) scale(1.3);
            transform: translate(-50%, -50%) rotate(360deg) scale(1.3);
  }
  75% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg) scale(1.2);
            transform: translate(-50%, -50%) rotate(360deg) scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(360deg) scale(1.5);
            transform: translate(-50%, -50%) rotate(360deg) scale(1.5);
  }
}
@keyframes rotatePulse {
  0% {
    opacity: 0.9;
    -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
            transform: translate(-50%, -50%) rotate(0deg) scale(1);
  }
  25% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg) scale(1.3);
            transform: translate(-50%, -50%) rotate(360deg) scale(1.3);
  }
  75% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg) scale(1.2);
            transform: translate(-50%, -50%) rotate(360deg) scale(1.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) rotate(360deg) scale(1.5);
            transform: translate(-50%, -50%) rotate(360deg) scale(1.5);
  }
}
@-webkit-keyframes speedyTaco {
  20%, 100% {
    -webkit-transform: translate(0%, 30%) scale(1);
            transform: translate(0%, 30%) scale(1);
  }
  0% {
    -webkit-transform: translate(-5000%, 30%) scale(0.1);
            transform: translate(-5000%, 30%) scale(0.1);
  }
  10% {
    -webkit-transform: translate(0%, 30%) scale(1);
            transform: translate(0%, 30%) scale(1);
  }
}
@keyframes speedyTaco {
  20%, 100% {
    -webkit-transform: translate(0%, 30%) scale(1);
            transform: translate(0%, 30%) scale(1);
  }
  0% {
    -webkit-transform: translate(-5000%, 30%) scale(0.1);
            transform: translate(-5000%, 30%) scale(0.1);
  }
  10% {
    -webkit-transform: translate(0%, 30%) scale(1);
            transform: translate(0%, 30%) scale(1);
  }
}
/****************************************
= LOADING ICONS
****************************************/
.loading:before {
  background: url("../../images/main-logo.svg") no-repeat;
  background-position: center 10%;
  width: 50px;
  height: 30px;
  content: "";
  margin: auto;
  display: inline-block;
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: rotatePulse 1.5s ease-in-out infinite;
          animation: rotatePulse 1.5s ease-in-out infinite;
}
@media (min-width: 48em) {
  .loading:before {
    top: 20%;
  }
}
.loading:after {
  display: block;
  width: 100%;
  text-align: center;
  position: absolute;
  margin: auto;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-30%);
      -ms-transform: translateY(-30%);
          transform: translateY(-30%);
}
@media (min-width: 48em) {
  .loading:after {
    top: 30%;
  }
}

.locations-coming-soon h2 {
  padding: 0.25em 0;
}
.locations-coming-soon ul {
  font-size: 1.4em;
  padding-top: 0.5em;
  padding-bottom: 4em;
}
@media (min-width: 48em) {
  .locations-coming-soon ul {
    font-size: 1.1em;
  }
}
@media (min-width: 48em) {
  .locations-coming-soon ul {
    font-size: 1.25em;
  }
}
.locations-coming-soon ul li {
  padding: 1em 0;
  width: 100%;
  max-width: 20em;
  margin: 0 auto;
}
@media (min-width: 48em) {
  .locations-coming-soon ul li {
    max-width: 100%;
  }
}
.locations-coming-soon ul li .locations-coming-soon-icon {
  display: block;
  height: 100%;
}
.locations-coming-soon ul li .icon-wrap {
  padding: 0;
  height: 1.75em;
}
.locations-coming-soon ul li .address-wrap {
  padding: 0;
}
.locations-coming-soon ul li .address-wrap span {
  padding: 0;
}
.locations-coming-soon ul li .locations-coming-soon-icon-comingsoon {
  background: url(/images/locationIcon_comingsoon.svg) no-repeat center center;
  background-size: contain;
}
.locations-coming-soon ul li .locations-coming-soon-icon-justopened {
  background: url(/images/locationIcon_justopened.svg) no-repeat center center;
  background-size: contain;
}
.locations-coming-soon ul li .locations-coming-soon-icon-comingsoon, .locations-coming-soon ul li .locations-coming-soon-icon-justopened {
  height: 3em;
  width: 100%;
}
@media (min-width: 48em) {
  .locations-coming-soon ul li .locations-coming-soon-icon-comingsoon, .locations-coming-soon ul li .locations-coming-soon-icon-justopened {
    width: 4em;
  }
}
.locations-coming-soon ul li .locations-coming-soon-direction {
  margin-top: 1em;
}
@media (min-width: 48em) {
  .locations-coming-soon ul li .locations-coming-soon-direction {
    margin-top: 0;
  }
}
.locations-coming-soon ul li .locations-coming-soon-phone {
  margin: 0.5em auto 1em;
}
@media (min-width: 48em) {
  .locations-coming-soon ul li .locations-coming-soon-phone {
    margin: 0 auto;
  }
}
.locations-coming-soon ul li .locations-coming-soon-phone a {
  color: #f26649;
  text-decoration: underline;
}
.locations-coming-soon ul li .locations-coming-soon-phone a:hover {
  color: #b5361c;
}

.map-wrapper #map_canvas {
  width: 100%;
  height: 300px;
}
@media (min-width: 48em) {
  .map-wrapper #map_canvas {
    height: 400px;
  }
}
.locations-wrapper {
  padding: 0;
  width: 95%;
}
@media (min-width: 62em) {
  .locations-wrapper {
    padding: 0 2em;
  }
}

.location_search_error {
  padding-top: 80px;
  margin-bottom: -60px;
}

.location-header-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 0 15px 0;
  border-bottom: 2px solid #000;
}
@media (min-width: 62em) {
  .location-header-form {
    width: 90%;
    margin: auto;
  }
}
.location-header-form h2 {
  text-align: center;
  padding-top: 0.5em;
  text-transform: none;
  padding: 15px;
  margin-bottom: 0;
}
@media (min-width: 48em) {
  .location-header-form h2 {
    padding: 0 0 0 20px;
    text-align: left;
    font-size: 3em;
    line-height: 70px;
  }
}
.location-header-form h3 {
  font-family: "Nunito Sans", "Nunito-Sans-Fallback", sans-serif;
  padding: 25px 0.25em 0 0.5em;
  text-align: right;
  font-size: 1.5em;
  line-height: 25px;
}
.location-header-form div {
  padding: 0;
}
.location-header-form form {
  padding: 0;
}
.location-header-form form input, .location-header-form form select {
  padding-left: 0.25em;
  padding-right: 0;
}
.location-header-form form div input, .location-header-form form div select {
  width: 100%;
}
.location-header-form form div select {
  border-left: 1px solid #747475 !important;
}
.location-header-form .location-form-modal select {
  border-left: none !important;
}
.location-header-form .result-filter {
  width: 100%;
  text-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (min-width: 48em) {
  .location-header-form .result-filter {
    width: 33.33333333%;
  }
}
.location-header-form .result-filter > div {
  margin: 0 auto;
}
.location-header-form .result-filter h2 {
  text-transform: none;
  margin-bottom: 0;
  padding: 15px 5px;
  text-align: left;
  font-size: 1.5em;
  line-height: unset;
  text-transform: uppercase;
}
@media (min-width: 48em) {
  .location-header-form .result-filter h2 {
    padding: 24px 0.25em 0 0.5em;
    line-height: 25px;
  }
}
@media (min-width: 62em) {
  .location-header-form .result-filter h2 {
    font-size: 2em;
  }
}
.location-header-form .result-filter button {
  padding: 0;
  width: 100%;
  border: none;
  cursor: pointer;
}
.location-header-form .heading {
  max-width: 120px;
}
@media (min-width: 48em) {
  .location-header-form .heading {
    max-width: 130px;
  }
}
@media (min-width: 62em) {
  .location-header-form .heading {
    max-width: 190px;
  }
}
.location-header-form .filter {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px !important;
}
@media (min-width: 62em) {
  .location-header-form .filter {
    text-align: left;
  }
}
.location-header-form .filter button {
  max-width: 160px;
  background: none;
}
.location-header-form .filter button img {
  pointer-events: none;
}
.location-header-form .new-search [data-open=location-new-search] {
  height: 100%;
  text-transform: uppercase;
  font-size: 0.75em;
  color: #fff;
  background: #EF3340 !important;
}
@media (min-width: 48em) {
  .location-header-form .new-search [data-open=location-new-search] {
    font-size: 1em;
  }
}
.location-header-form .new-search [data-open=location-new-search]:hover, .location-header-form .new-search [data-open=location-new-search]:focus {
  background: #ae0e19 !important;
  border-color: #c6101c !important;
}

.location-form-modal {
  padding: 1.5em 0 !important;
}
.location-form-modal div {
  margin: 0.25em auto;
}
.location-form-modal select {
  border-left: none !important;
}

.stores-pager {
  width: 95%;
  margin: auto;
}
@media (min-width: 62em) {
  .stores-pager {
    width: 90%;
  }
}

.locations-top .stores-headers {
  text-transform: uppercase;
  color: #f6891f;
}
.locations-top .stores-headers span {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
}
.locations-top .stores-headers span:nth-child(3) {
  text-align: center;
}
.locations-top .stores-headers span:nth-child(4) {
  text-align: center;
}
@media (min-width: 48em) {
  .locations-top .stores-headers .stores-header-hour {
    padding-right: 0;
  }
}
@media (min-width: 62em) {
  .locations-top .stores-headers .stores-header-hour {
    padding-right: 5%;
  }
}
@media (min-width: 75em) {
  .locations-top .stores-headers .stores-header-hour {
    padding-right: 0;
  }
}
.locations-top .error-text {
  font-family: "Nunito Sans", "Nunito-Sans-Fallback", sans-serif;
  margin: 1em auto 0 auto;
}

.stores-pager {
  position: relative;
}
.stores-pager a {
  padding: 10px 0;
  font-size: 0.8em;
}
.stores-pager a:hover {
  color: #f6891f;
  cursor: pointer;
}
.stores-pager .stores-pager-prev,
.stores-pager .stores-pager-next {
  width: auto;
}
.stores-pager .stores-pager-prev {
  float: left;
  -moz-text-align-last: left;
       text-align-last: left;
}
.stores-pager .stores-pager-next {
  float: right;
  text-align: right;
}

.locations-bottom {
  margin-top: 1em;
}

.locations-list {
  list-style-type: none !important;
  margin-left: 0 !important;
  width: 100%;
  margin-top: 40px;
}

.locations-listing {
  font-family: "Nunito Sans", "Nunito-Sans-Fallback", sans-serif;
  padding: 2em 0;
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  border-bottom: 1px solid #4c4c4e;
  font-family: "Nunito Sans", "Nunito-Sans-Fallback", sans-serif;
  background: #fff;
  position: relative;
}
@media (min-width: 48em) {
  .locations-listing {
    max-width: 100%;
    padding: 2em 1em;
  }
}
.locations-listing .col-xs-2 {
  padding-left: 0;
  padding-right: 0;
}
.locations-listing .col-xs-10 {
  padding-right: 0;
}
.locations-listing h4 {
  font-family: "Nunito Sans", "Nunito-Sans-Fallback", sans-serif;
  font-size: 0.85em;
  margin-bottom: 10px;
  max-width: 200px;
}
@media (min-width: 28em) {
  .locations-listing h4 {
    font-size: 1em;
  }
}
.locations-listing .store-info-marker {
  text-align: right;
}
@media (min-width: 48em) {
  .locations-listing .store-info-marker {
    padding: 0 0 0 0.25em;
  }
}

.toggle-restaurant-info {
  width: 35px;
  min-width: 35px;
  max-width: 35px;
  padding: 0;
  height: 35px;
  line-height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 auto;
  font-size: 1em;
  color: #6CC24A;
  background: none !important;
  border: none;
}
.toggle-restaurant-info:hover, .toggle-restaurant-info:focus {
  background: none !important;
  color: #4c4c4e;
  border: none;
}
@media (min-width: 48em) {
  .toggle-restaurant-info {
    display: none;
  }
}

.store-info-wrap {
  padding: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.store-info-wrap.active {
  opacity: 1;
  visibility: visible;
  height: auto;
}
@media (min-width: 48em) {
  .store-info-wrap {
    padding: 0 0.5em 0 1.5em;
    opacity: 1;
    visibility: visible;
    height: auto;
  }
}
@media (min-width: 62em) {
  .store-info-wrap {
    padding: 0 0.5em;
  }
}

.store-info .col-sm-4 {
  padding-right: 0;
  padding-left: 0;
}
.store-info .col-sm-4:first-child {
  padding-left: 0;
}
.store-info .store-info-hours {
  padding: 0;
  margin: 5px auto;
}
@media (min-width: 48em) {
  .store-info .store-info-hours {
    font-size: 0.9em;
  }
}
@media (min-width: 62em) {
  .store-info .store-info-hours {
    font-size: 1em;
    margin-top: 0;
  }
}
.store-info .store-info-phone {
  padding: 0;
}
.store-info .store-info-phone a {
  color: #000;
  font-size: 1.1em;
  margin-top: 0.5em;
  display: inline-block;
}
.store-info .store-info-phone a:hover {
  color: #EF3340;
}
.store-info .store-info-location {
  padding: 0;
}

.store-info-icons [class^=icon-] {
  font-size: 3em;
}

.store_marker_icon {
  width: 60%;
}

.store-info-actions a {
  font-size: 1em;
}
.store-info-actions .btn {
  margin: 2px auto;
}
.store-info-actions .modal {
  max-width: 500px;
}
.store-info-actions span {
  padding: 0;
  width: 100%;
}
.store-info-actions span a,
.store-info-actions span button {
  width: 100%;
  min-width: 100%;
  font-size: 0.9em;
}
@media (min-width: 48em) {
  .store-info-actions span a,
.store-info-actions span button {
    min-width: 100%;
    font-size: 0.8em;
    padding: 0px 5px;
    margin: 0 auto;
  }
}
@media (min-width: 62em) {
  .store-info-actions span a,
.store-info-actions span button {
    font-size: 1em;
  }
}
.store-info-actions .gray-button {
  color: #FFF !important;
}
@media (min-width: 48em) {
  .store-info-actions {
    padding: 30px 0.25em 0 0;
    font-size: 0.9em;
  }
}
@media (min-width: 62em) {
  .store-info-actions {
    padding: 30px 0.25em 0 0;
    font-size: 1.1em;
  }
}
@media (min-width: 48em) {
  .store-info-actions.webstore {
    padding: 0 0.25em 0 0;
    font-size: 0.9em;
  }
}
@media (min-width: 62em) {
  .store-info-actions.webstore {
    padding: 0 0.25em 0 0;
    font-size: 1.1em;
  }
}
.store-info-actions.webstore .delivery-button-group {
  visibility: hidden;
  opacity: 0;
  height: 0;
  background: #e1e1e1;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #747475;
  padding: 10px 10px 10px 10px;
}
.store-info-actions.webstore .delivery-button-group.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.store-info-actions.webstore .delivery-button-group .close-delivery-button {
  cursor: pointer;
  background: none;
  margin: 2px auto;
  border: 1px solid #747475;
}
.store-info-actions.webstore .delivery-button-group .close-delivery-button:hover {
  background: #747475;
  color: #fff;
}
.store-info-actions.webstore .grubhub-logo img {
  height: 1em;
  padding: 0 0.2em;
}

.store-icons {
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 62em) {
  .store-icons {
    margin-top: -20px;
  }
}
.store-icons span {
  text-align: center;
  font-size: 1.5em;
  padding: 0 0.15em;
}
@media (min-width: 62em) {
  .store-icons span {
    padding: 0.15em;
  }
}

.locations-coming-soon-icon-comingsoon {
  background: url(/images/locationIcon_comingsoon.svg) no-repeat center center;
  background-size: contain;
}

.locations-coming-soon-icon-justopened {
  background: url(/images/locationIcon_justopened.svg) no-repeat center center;
  background-size: contain;
}

.locations-coming-soon-icon-temporarilyclosed {
  background: url(/images/locationIcon_temp-closed.svg) no-repeat center center;
  background-size: contain;
}

.locations-coming-soon-icon-comingsoon,
.locations-coming-soon-icon-justopened,
.locations-coming-soon-icon-temporarilyclosed {
  height: 3em;
  width: 4em;
  display: inline-block;
}

.store-pop-infobox {
  font-family: "Nunito Sans", "Nunito-Sans-Fallback", sans-serif;
}
.store-pop-infobox .store-pop-address {
  font-size: 1.5em;
}
.store-pop-infobox .store-pop-phone {
  font-size: 1.25em;
  margin-top: 0.5em;
}
.store-pop-infobox .store-pop-phone a {
  color: #f6891f;
}
.store-pop-infobox .store-pop-phone a:hover {
  color: #b5361c;
}
.store-pop-infobox .store-pop-direction {
  font-size: 1em;
  margin-top: 0.5em;
}

.testling {
  font-size: 5em;
  color: #73cddb;
}

.yellow-text {
  color: #ffd400;
}

.cursive {
  font-family: "Nunito Sans", "Nunito-Sans-Fallback", sans-serif;
}

.locations-wrapper input,
.locations-wrapper select {
  background: #cfcfcf;
}

.locations-wrapper input[type=submit] {
  background: #4c4c4e;
}
.locations-wrapper input[type=submit]:hover {
  background: #6CC24A;
}