/* template.css */

:root {
  font-family: sans-serif;
  /* font-size: 100%; not working correctly in Chrome */
  font-size: 16px;
}

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


/* CTA */


.cta_container {
  text-align: center;
  margin: 16px auto 0;
}
.cta {
  display: inline-block;
  background-color: #333;
  border: none;
  border-radius: 100px;
  font: 16px/23px Tesco_W_Bd, sans-serif;
  padding: 12.6px 16px 13.8px 24px; /* Mobile 48px */
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
}
.cta,
.cta:visited{color:#fff;}
.cta:hover,
.cta:active,
.cta:focus {
  color: #fff;
  box-shadow: 0 0 0 4px #fff; /* rgba(255, 255, 255, 0.4); /* Usually .4 opacity of bg colour */
}
.cta:focus {
  outline: 0 solid;
}
/*.ie9 .cta {box-shadow:none}*/
@media (min-width:960px) {
  .cta {
    /* desktop size 40px approx */
    padding: 8px 16px 8px 24px;
  }
}
@media screen and (min-width:960px) {
  .cta {
    padding: 8px 16px 8px 24px;
  }
}
.cta span {
  border: 1px solid transparent;
  -webkit-transition: border-color 0.3s ease-out;
  transition: border-color 0.3s ease-out;
  pointer-events: none;
}
.cta:hover span,
.cta:active span,
.cta:focus span {
  border-bottom-color: currentColor;
}
.cta svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
  fill: currentColor;
}
.cta-arrow svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}






/* local.css */

body {text-rendering: optimizeLegibility;}
body,
.smooth-container {scroll-behavior: smooth}


.header2 {
  background-color: #fff;
}

h1,
h2,
h3,
h4 {
 font-family: Tesco_W_Bd, sans-serif;
 font-weight: normal;
}

a:focus {
  outline: 0 solid;
  box-shadow: 0 0 0 4px #DC0800;
  z-index: 5;
  position: relative;
}

.content {
  margin: 0;
  font: 16px/1.4 'Tesco_W_Rg', sans-serif;
  width: 100%;
  max-width: none;
}




/* Hero - blurred load and parallax background-image  */

.hero {
  position: relative;
  overflow: hidden;
  background-color: #AD2620;
  padding: 8px;
  padding:0;
  /*color: #203759;*/
}

.hero_bg {
  background-repeat: no-repeat;
  background-position: top center;
  /*background-size: contain;*/
  padding-bottom: 40%;
  background-color: #B42B23;
}
@media (max-width:599.5px) {
  .hero_bg {
    background-size: contain;
  }
}
.ie9 .hero_bg {
  background-position: center center;
}
@media (max-width: 599.6px){
  .hero_bg {
    /* Overrides inline style hence important, don't want to remove the inline value as it is still relevant */
    background-image: url(../i/hero-bg.5.mobile.jpg) !important;
  }
}
.mobile .hero_bg {
  /* Overrides inline style hence important, don't want to remove the inline value as it is still relevant */
  background-image: url(../i/hero-bg.5.mobile.jpg) !important;
  margin-top: 0 !important;
  height: auto !important;
  background-size: cover !important;
  position: relative;
  padding-bottom: 40%;
}
.mobile  .hero_bg-blurred {display:none;}
.hero_inner {
  /*opacity: 0;*/
  max-width: 424px;
  margin: 0 auto;
  padding: 12px 0 0;
  padding: 0;
}
.ie9 .hero_inner {
  opacity: 1;
}
.mobile .hero_inner {display: none;}
.hero_ttl {
  font-family: 'TescoDisplay_W_Rg';
  font-size: 44px;
  line-height: 1;
  margin-bottom: 16px;
  margin-bottom: 0;
}
.hero_ttl i {
  margin-right: 0.2em;
}
.hero_strp {
  font-family: 'TescoDisplay_W_Rg';
  font-size: 20px;
  line-height: 1.4;
  max-width: 600px;
  margin: 16px auto;
  padding: 0 16px;
}
.hero_cpy {
  max-width: 600px;
  margin: 16px auto;
}

@media (min-width:600px) {
  .hero {
    background:none;
    padding:0;
  }
  .hero_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
    padding-bottom: 0;
    margin-top: -40px;
  }
  .-overlay {
    position: absolute;
    display: block;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    background: -webkit-linear-gradient(to bottom, rgba(64,0,0,0) 0%, rgba(64,0,0,0) 45%, rgba(64,0,0,.8) 100%);
    background: linear-gradient(to bottom, rgba(64,0,0,0) 0%, rgba(64,0,0,0) 50%, rgba(64,0,0,.4) 100%);
  }

  .hero_bg-fixed {
    position: fixed;
    backface-visibility: hidden;
  }
  .hero_inner {
    max-width: 305px;
    height: 270px;
  }
  .hero_ttl {
    background-image: url(../i/hero_ttl-bg.6.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    padding-bottom: 90%;
  }
  .hero_strp {
    font-size: 24px;
  }
}


@media (min-width:600px) {
  /* cover to fade out once background-image has loaded */
  .hero_bg,
  .hero_bg-blurred {
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAA0JCQkKCQ0KCg0TDQsNExYQDQ0QFhoUFBQUFBoaFBYWFhYUGhkdHyAfHRkmJikpJiYzMzMzMzU1NTU1NTU1NTX/2wBDAQ4NDRAREBcRERcXExQTFx0aGhoaHSUdHR4dHSUrIyAgICAjKygqJSUlKiguLisrLi41NTQ1NTU1NTU1NTU1NTX/wAARCAAlAMADASIAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAAECBAYFA//EACsQAAEEAQMDAwQCAwAAAAAAAAABAgMEEQUSIRMxQRQiMgYVUYEjcTNhkf/EABkBAAIDAQAAAAAAAAAAAAAAAAABAgMEBf/EACIRAAICAQMFAQEAAAAAAAAAAAABAgMRFCExBBJBUWEjUv/aAAwDAQACEQMRAD8AvfeqrfllCS61URM84MxatrZfuVMBJaV8SR47GE7eij9NQ3WqmM54EutU3IuFyZhtpWwrFj9nl11ZE9G+RkZdJFJ+/Bqa+uV5XK1OzSFr6gqxxuVvLk8GKrXZYZf7Oi9j5WdXGUUnKKM1VannOz8Fit9QT9fc74r4O5H9QVHR+/uYpI13ltHJt2jn242HV08pSxLg1n3qpt3eBN1mqvKdjOeqVYOjj9jhtLHG6PHyKjVo4/TRLrlL8nl90ob9/kzYhEtFD2zUu1qkqdytY1Oo9mEUz4wDRQ9s7CaixqYVOPyWallJ12xnFktb4kjx2Lel3kgXa7/pJYbK7OlUYNrk7UkEzERyt4/JV9bFFYa1ycop2V1GKxT2o3+1Mtasot3MabscFko4KK4KTwbyDVWOgbtXwcDXtUifiN6mYm1G7XfhHK3/AEVXWpZ5N8i5UlO3McCr6T9N3sdn1kTE5yRdbjVN3goTWllY1uMbR+qXodHH7KDXpEWeux3uQg6ffxH3PGG1043MxnIVbK1370TID0iKwCARrBV4IRyMRFb5UkvYrr7FyTi/HsyXxXcrP5BY/eXqdt0P8b+WKVEnYnyIS2WJjb3LVX9MUuoWdkXrkcW5HxLwvgjWgdJIjPyV0n2t5TJ7V7b2vR6cYK3gvrlZ3Y+HRt6U+tFv7nOL1rVpLMXTXgoEZYzsbKXZ2/pySyCqRERLSQCAAHkHLxwIQCZJL1lrOmj1wW9NsNR3v7lDBByORcoSTMttTcdjq6u+s5Ux/kU5zUI5e9cvXJMTJUwaW40GRGI0jyPJEAAQAAACnlIAAVz4K7mtEjI8gBPLMSis8Is4TaNoARNa5JjABFoAAAAhgADAAABCAAABgAAAhgADAAABH//Z);
    background-position: center top;
    background-size: 1920px 440px;
  }

  .noJS .hero_bg {
    /* datauri.css - background-image: url(../i/hero-bg.7.jpg); */
  }

  .hero_bg-blurred {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: opacity 1s ease-out .5s;
    transition: opacity 1s ease-out .5s;
    opacity: 1;
  }
  .hasJS .hero_bg-blurred-fadeOut {
    opacity: 0;
    XXX-webkit-animation: fadeIn 2s ease-out .5s forwards;
    XXXanimation: fadeIn 2s ease-out .5s forwards;
  }
  .noJS .hero_bg-blurred {
    background-image: url(../i/hero-bg.7.jpg);
    opacity: 1;
    -webkit-animation: fadeOut 2s ease-out .5s forwards;
    animation: fadeOut 2s ease-out .5s forwards;
  }
}
@-webkit-keyframes fadeOut {
  to {opacity:0}
}
@keyframes fadeOut {
  to {opacity:0}
}







[class^="tab_ttl"] {
  font-size:2rem;
  font-weight:normal;
  margin-bottom:0.2em;
  font-family:'TescoDisplay_W_Rg', sans-serif;
  line-height:1;
  padding:0 .5rem;
  text-align:center;
  color:#dc0800;
}
[class^="tab_strp"] {
  font-size:1.25rem;
  max-width:28em;
  margin:0 auto 1.5em;
  line-height:1.2;
  color:#666;
  padding:0 .5rem;
  text-align:center;
}
@media (min-width: 600px) {
  [class^="tab_ttl"] {font-size:2.75rem;padding:0 .75rem;}
  [class^="tab_strp"] {font-size:1.5rem;padding:0 .75rem;}
}
@media (min-width: 768px) {
  [class^="tab_ttl"] {font-size:2.75rem;padding:0 1rem;}
  [class^="tab_strp"] {font-size:1.5rem;padding:0 1rem;}
}

.tab_ttl-moments,
.tab_strp-moments {
  text-shadow: 0 0 1px #FADAD9,1px 0 1px #FADAD9,0 1px 1px #FADAD9,0 -1px 1px #FADAD9;
}

.img-wrap{
  display:block;
  position:relative;
  padding:0
}
.img-wrap i {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:rgba(0,0,0,0.2);
  opacity:0;
  -webkit-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out;
}
a:hover i,
a:focus i {opacity:1}


/* sub navigation */

.sub-nav-container {
  display:none;
}
.clone {
  position:fixed;
  top:0;
  left:0;
  right:0;
  display:none;
  z-index:2;
  box-shadow:0 0 4px 0 rgba(0,0,0,.5);
  background-color:#dc0800
}
.display {display:none;}

.tab:focus {outline:0 solid}

.sub-nav {background-color:#dc0800}
.sub-nav ul {
  max-width: 1248px;
  /*overflow: hidden;*/
  margin: 0 auto;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ie9 .sub-nav ul {
  max-width:768px;
  overflow:hidden;
}
.sub-nav li {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;

  width: 20%; /* IE9 fix */
  text-align: center;
  list-style: none;
  font-family: 'Tesco_W_Bd',sans-serif;
  font-size: 16px;
  line-height: 1;
  float: left;
  border-left: 1px solid #fff;
  background-color: #dc0800;
  max-width: 20%; /* IE9 fix */
}
.sub-nav > ul > :first-child {border: 0 solid}

.sub-nav a {
  height: 100%;
  position:relative;
  /*top: 50%;
  transform: translateY(-50%);*/
  display:block;
  padding:1em;
  -webkit-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}


.sub-nav a,
.sub-nav a:visited {color:#fff}
.sub-nav a:hover,
.sub-nav a:focus {color:#fff;background-color:#9d0500}



@media screen and (min-width:768px) {
  .sub-nav-container,
  .display {display:block}
}




.tab_bg-hero {background-size:cover;background-position:center top;background-repeat:no-repeat;position:absolute;top:0;right:0;bottom:0;left:0}

.tab {
  padding: 2em 0;
  clear: both;
}
@media screen and (min-width: 768px) {
  .tab {padding: 3em 0}
}

@media screen and (min-width:1248px) {
  .tab {padding: 4em 0 5em}
}

[class^="tab_inner"] {
  width: 100%;
  max-width: 1248px;
  margin: 0 auto;
  position: relative;
}



.tab_ttl-hero {text-align:center;font-size:52px;color:#fff;font-family:TescoDisplay_W_Rg,sans-serif;line-height:1;margin:1em 0 0}

@media screen and (min-width:1248px) {
  .tab.tab-hero {padding:6em 0}
}







/* Cross links */

.tab-xlinks {
  padding: 0;
  background-color: #fff;
}
@media (min-width: 1248px) {
  .tab-moments,
  .tab-xlinks {
    /* datauri.css - background-image: url(../i/bg-candle.2.jpg), url(../i/bg-pinecone.2.jpg); */
    background-repeat: no-repeat;
    background-position: bottom left, top right;
    background-attachment: fixed;
  }
}
.tab_inner-xlinks {
  padding: 12px 8px;
}
@media (min-width: 460px) {
  .tab_inner-xlinks {
    padding: 12px;
  }
}
@media (min-width: 912px) {
  .tab_inner-xlinks {
    padding: 16px;
  }
}
@media (min-width: 1248px) {
  .tab_inner-xlinks {
    padding: 48px 16px;
    max-width: 1248px;
  }
}
@media (min-width: 1280px) {
  .tab_inner-xlinks {
    padding: 48px 0;
  }
}

@media (min-width: 668px) {
  .cnt-xlinks {min-height: 384px;}
}
@media (min-width: 912px) {
  .cnt-xlinks {min-height: 365px;}
}
@media (min-width: 1070px) {
  .cnt-xlinks {min-height: 343px;}
}
@media (min-width: 1248px) {
  .cnt-xlinks {min-height: 373px;}
}
.stmp_a-xlinks, .stmp_a-xlinks * {
  transition: all .3s ease-out;
}
[class^="stmp_a-xlinks"] {
  display: block;
  max-width: 532px;
  height: 100%;
  min-height: 185px;
  margin: 0 auto;
}
@media (min-width: 1248px) {
  .stmp_a-xlinks:hover .cta,
  .stmp_a-xlinks:focus .cta,
  .stmp_a-xlinks:active .cta {
    box-shadow: 0 0 0 4px rgba(220,8,0,0.4);
    color: #fff;
  }
}


/* Image block */

[class^="stmp_img-xlinks"] {
  display: block;
  width: calc(100% - 220px);
  max-width: 312px;
  height: 185px;
  background-repeat: no-repeat;
  overflow: hidden;
  float: left;
}
@media (min-width: 912px) {
  [class^="stmp_img-xlinks"] {
    width: 100%;
    float: none;
  }
}
@media (min-width: 1248px) {
  [class^="stmp_img-xlinks"] {
    width: 100%;
    float: none;
  }
}

.stmp_img-xlinks-1 {
  /* datauri.css - background-image: url(../i/xlinks/xlinks-s1-groceries.jpg); */
  background-position: right bottom;
}
.stmp_img-xlinks-2 {
  /* datauri.css - background-image: url(../i/xlinks/xlinks-s2-direct.jpg); */
  background-position: left center;
}
.stmp_img-xlinks-3 {
  /* datauri.css - background-image: url(../i/xlinks/xlinks-s3-clothing.jpg); */
  background-position: center top;
}
.stmp_img-xlinks-4 {
  /* datauri.css - background-image: url(../i/xlinks/xlinks-s4-realfood.jpg); */
  background-position: left bottom;
}

.brghtHvr105:hover [class^="stmp_img"],
.brghtHvr105:focus [class^="stmp_img"] {
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.brghtHvr110:hover [class^="stmp_img"],
.brghtHvr110:focus [class^="stmp_img"] {
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}
.brghtHvr115:hover [class^="stmp_img"],
.brghtHvr115:focus [class^="stmp_img"] {
  -webkit-filter: brightness(115%);
  filter: brightness(115%);
}
.brghtHvr120:hover [class^="stmp_img"],
.brghtHvr120:focus [class^="stmp_img"] {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}


/* Text content */

.stmp_txtCnt-xlinks {
  display: block;
  width: 220px;
  min-height: 185px;
  background-color: #efefef;
  padding: 12px;
  float: right;
}

[class^="stmp_a-xlinks"]:hover .stmp_txtCnt-xlinks,
[class^="stmp_a-xlinks"]:focus .stmp_txtCnt-xlinks {
  background-color: #f6f6f6;
}
@media (min-width: 554px) {
  .stmp_txtCnt-xlinks {
    float: left;
  }
}
@media (min-width: 912px) {
  .stmp_txtCnt-xlinks {
    text-align: center;
    padding: 12px;
    width: 100%;
    float: none;
    max-width: none;
    min-height: 0;
  }
  .stmp_imgCnt-xlinks {
    width: 100%;
    float: none;
  }
}

.stmp_ttl-xlinks {
  font-style: normal;
  font-size: 20px;
  font-family: Tesco_W_Bd, sans-serif;
  color: #dc0800;
}

.stmp_cpy-xlinks {
  display: block;
  font-size: 16px;
  line-height: 1.4;
  margin: 8px 0 12px;
  color: #666;
}
@media (min-width: 912px) {
  .stmp_cpy-xlinks {
    min-height: 5.6em;
    margin: 8px;
  }
}

@media (min-width: 1070px) {
  .stmp_cpy-xlinks {
    min-height: 0;
  }
}



/* Grid overrides */

@media (min-width: 28.75rem) {
  .cnt-xlinks .g-t-1-2 {
    width: 100%;
    float: none;
  }
  .cnt-xlinks .s-t {
    width: 100%;
    float: none;
  }
}
@media (min-width: 554px) {

}
@media (min-width: 668px) {
  .cnt-xlinks .g-t-1-2 {
    width: calc(50% - 6px);
    float: left;
  }
  .cnt-xlinks .s-t {
    width: .75rem;
    float: left;
  }
}
@media (min-width: 912px) {
  .cnt-xlinks .g-d-1-4 {
    width: calc(25% - 2px);
  }
  .cnt-xlinks .s-t {
    width: .75rem;
    float: left;
  }
  .cnt-xlinks .s-d {
    width: 2px;
    clear: none;
    float: left;
  }
}
@media (min-width: 1248px) {
  .cnt-xlinks .s-d {
    background-color: #fff;
    min-height: 373px;
  }
}


/* end of xlinks */













/* control cta mobile & tablet versus desktop */
.cta-container-shop .cta {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
}
.cta-container-shop .cta:hover span {
  border-bottom-color: transparent;
}

@media (min-width: 1248px) {
  .cta-container-shop {
    display: block;
    margin: 1rem 0 .5rem
  }
  .cta-container-shop .cta {
    background-color: #dc0800;
    padding: 0 16px 0 24px;
  }
}



.tab_inner-dates {
  /*max-width: 936px;*/
  max-width: 1242px;
}
/*
@media (min-width:1248px) {
  .tab_inner-dates {
    max-width: 1242px;
  }
}
*/
.tab_ttl-dates {
  width: 100%;
  width: 8em;
  padding: 0;
  margin: 0 auto 2rem;
  white-space: nowrap;
}
@media (min-width:1248px) {
  .tab_ttl-dates {
    margin-bottom: 2rem;
  }
}
.tab-sl {background-color:#fff}


.cell-span {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}


[class^="gallery_img"] {
  display: block;
  width: 310px;
  height: 197px;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.brghtHvr105:hover [class^="gallery_img"],
.brghtHvr105:focus [class^="gallery_img"] {
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.brghtHvr110:hover [class^="gallery_img"],
.brghtHvr110:focus [class^="gallery_img"] {
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}
.brghtHvr115:hover [class^="gallery_img"],
.brghtHvr115:focus [class^="gallery_img"] {
  -webkit-filter: brightness(115%);
  filter: brightness(115%);
}
.brghtHvr120:hover [class^="gallery_img"],
.brghtHvr120:focus [class^="gallery_img"] {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}

.tab-recipes .cell-span,
.tab-more .cell-span {background-color:#fff;display:block;width:100%;color:#dc0800;font-size:18px;padding:0.63em 2em;
  /*font-family: 'Tesco_W_Bd', sans-serif;*/
  position:relative;text-align:center}
.tab-tips .cell-span {background-color:#fff;display:block;width:100%;color:#dc0800;font-size:18px;padding: 0.63em 3em;
  /*font-family: 'Tesco_W_Bd', sans-serif;*/
  position:relative;text-align:center}


.tab-recipes a:hover .cell-span,
.tab-recipes a:focus .cell-span,
.tab-more a:hover .cell-span,
.tab-more a:focus .cell-span,
.tab-tips a:hover .cell-span,
.tab-tips a:focus .cell-span {
  background-color: #FFF9F9;
}




.tab_inner-sl {
  max-width: 1242px;
  background-color: rgba(250, 219, 217, 0.8);
  padding: 2rem 0 .75rem;
}
@media (min-width: 600px) {
  .tab_inner-sl {
    padding: 2rem 0;
  }
}

.tab_inner-more {
  max-width: 1242px;
}

.tab-text {display: none}

.st-frm {
  margin: 0 auto;
  padding: 0;
}
.responses {
  max-width: 693px;
  max-width: none;
}
.responses.ON {
  margin: 1rem 0;
}



.st-inp-txt {
  width: calc(100% - 138px);
}
.st-submit {
  border-radius: 100px;
  margin-left: 16px;
}

.strButton-a {
  border-radius: 100px;
}

.fndStrs {
  margin-right: 1rem;
}

/* mostly replaced by store locator v2 */
.locator-container {padding:0; margin:0}
.locator {text-align:center;display:block;width:100%;margin:0 auto;background-color:#fadad9;padding:3em 0}
.locator h2 {padding-left:0;padding-top:0;padding-bottom:0.3em;}
.locator legend {font-size:18px;padding:0 0 1em;width:100%;text-align:center;margin:1em 0}

.sl-form fieldset {border:0 solid;text-align:center}
.sl-form label {position:absolute;left:-200em}
.sl-form input,
.sl-form button{font-size:16px;padding:12px;border:1px solid #fff}
.sl-form input{min-width:163px; width:54%;}
.sl-form button {font-weight:bold;}


/* SL repair */
.locator {max-width:1248px}
.locator h2 i {
  vertical-align: sub;
}


/* Store Locator v2 */

/* Store times module */
.box {padding:2em}
.box h2 {padding:0;margin:0}
.sl-frm {max-width:624px; margin:0 auto; background-color:#fadad9; font: normal 21px/1.4 arial,sans-serif;}
.sl-fld {border:0 none;}
.sl-lgd {width:100%; text-align:center; font-size:larger; padding:0 0 3%}
.sl-lbl {display:none; padding-bottom: 3%; text-align: center;}
.sl-ctl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
.sl-inp {
  box-sizing: content-box;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  width:100%;
  min-width:0;
  font:inherit;
  border: 1px solid #fff;
  padding: 0 1em;
  margin-right:0.3em;
}

@media screen and (min-width:414px) {
  .sl-inp {margin-right:1em}
}

.ie9 .sl-ctl{overflow:hidden}
.ie9 .sl-inp{float:left; min-width:312px;}
.ie9 .sl-btn {float:right; min-height:45px;}

/* placeholder text color */
.sl-inp::-webkit-input-placeholder {color: #666; opacity:1;}
.sl-inp:focus::-webkit-input-placeholder{color:transparent;} /* iOS */
.sl-inp:-moz-placeholder {color: #666; opacity:1;} /* Firefox 18- */
.sl-inp::-moz-placeholder {color: #666; opacity:1;}  /* Firefox 19+ */
.sl-inp:focus::-moz-placeholder {opacity:0.5;}  /* Firefox 19+ */
.sl-inp:-ms-input-placeholder {color: #666; opacity:1;}


.sl-btn {width:auto; font:inherit; border: 0 none; padding: .5em 1em;}

.tab-sl .cta {
  display: inline-block;
  background-color: #dc0800;
  border: none;
  color: #fff;
  border-radius: 100px;
  font: 16px/37px 'Tesco_W_Bd', sans-serif;
  padding: 0 16px 0 24px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.tab-sl .cta-label {
  -webkit-transition: border 0.1s;
  transition: border 0.1s;
  padding: 0;
  display: inline-block;
  line-height: 1;
  border: 1px solid transparent;
}
.tab-sl .cta:hover,
.tab-sl .cta:active,
.tab-sl .cta:focus,
.tab-sl .cta:visited {
  box-shadow: 0 0 0 4px rgba(220,8,0,0.4);
  color: #fff;
}
.tab-sl .cta span {
  border: 1px solid transparent;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
}
.tab-sl .cta:hover span,
.tab-sl .cta:active span,
.tab-sl .cta:focus span {
  border-bottom-color: currentColor;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}


.cta {font-family: Tesco_W_Bd, sans-serif;}
.cta,
.cta:visited {color:#dc0800}
.cta:hover,
.cta:focus {color:#9d0500}
.cta svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
  fill: currentColor;
}

.cta-arrow svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}




.tab-tips,
.tab-dates {
  background-color:#fff;
}

.tab-moments,
.tab-recipes,
.tab-more {
  position: relative;
  background-color: #fff; /*#fadad9;*/
}
.tab-moments {
  border-bottom: 2px solid #F0F0F0;
}
.tab-more {
  border-bottom: 2px solid #fff;
}
.tab_bg-moments,
.tab_bg-recipes,
.tab_bg-more {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.tab_bg-moments {
  background-color: rgba(220, 8, 0, 0.025);
}
.tab_bg-recipes,
.tab_bg-more {
  background-color: rgba(153, 153, 153, 0.15);
}

@media (min-width: 804px) {
  .tab_ttl-more {
    margin-bottom: 1rem;
  }
}


@media (min-width:1100px) {

  .tab-recipes,
  .tab-more,
  .tab-tips {
    /* datauri.css - background-image:url(../i/bg-snowflake.jpg), url(../i/bg-thread.2.jpg); */
    background-repeat:no-repeat;
    background-position:bottom left, top right;
    background-attachment: fixed;
  }
  .tab-sl,
  .tab-dates {
    /* datauri.css - background-image:url(../i/bg-star.2.jpg), url(../i/bg-red-stars.jpg); */
    background-repeat:no-repeat;
    background-position:bottom left, top right;
    background-attachment: fixed;
  }
  .-oldChrome .tab {
    background-attachment: scroll;
  }
  .-oldChrome .tab-sl {
    /* datauri.css - background-image:url(../i/bg-red-stars.jpg); */
    background-position:top right;
  }
}
@media (min-width:1248px) {

  .cta-container a:hover,
  .cta-container a:focus {color:#fff}

  .cta {
    display: inline-block;
    background-color: #dc0800;
    border: none;
    color: #fff;
    border-radius: 100px;
    font: 16px/37px 'Tesco_W_Bd', sans-serif;
    padding: 0 16px 0 24px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
  }
  .cta-label {
    -webkit-transition: border 0.1s;
    transition: border 0.1s;
    padding: 0;
    display: inline-block;
    line-height: 1;
    border: 1px solid transparent;
  }
  .cta:hover,
  .cta:active,
  .cta:focus,
  .cta:visited {
    box-shadow: 0 0 0 4px rgba(220,8,0,0.4);
    color: #fff;
  }
  .cta span {
    border: 1px solid transparent;
    -webkit-transition: border 0.3s;
    transition: border 0.3s;
  }
  .cta:hover span,
  .cta:active span,
  .cta:focus span {
    border-bottom-color: currentColor;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
  }
}

.gallery-container {
  max-width: 1242px;
  margin: 0 auto;
  background-color: #F6F6F6;
}

@media screen and (min-width:1248px) {
  .gallery-container,
  [class^="controls-"] {
    border: 1px solid #f6f6f6;
    border-bottom-width: 0;
  }
  [class^="controls-"] {
    border-top-width: 0;
  }

  .gallery-container {
    display: block;
    width: 100%;
    max-width: none;
    overflow: hidden;
  }
  .tab-tips .gallery-container {
    overflow:visible;
  }
  .tab-more .gallery-container {
    overflow:visible;
  }
  .gallery-cell {display:block;float:left;overflow:hidden}
}



.tab .flickity-prev-next-button {
  background-color: #FFF;
  border-radius: 100%;
  border: 2px solid rgba(220,8,0,.7);
}
.tab .flickity-prev-next-button .arrow {fill:#dc0800}
.flickity-page-dots .dot {background-color:#dc0800}
.gallery-cell {
  border-left: 2px solid #F6F6F6;
}
.tab-recipes .gallery-cell {border-color: #efefef}
.tab-more .gallery-cell {border-color: #efefef}

.tab .cta-arrow {position:absolute;top:0.72em;right:16px}



/* flickity - horizontal slider */
.gallery-container {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*margin-bottom: 2em;*/
}
.gallery {max-width:1248px; margin:0 auto}

.gallery-cell {
  width: 312px;
  height:272px;
}




.flickity-page-dots .dot {border: 2px solid #fff}

.noJS .gallery-container {
  opacity: 1;
  overflow: hidden;
  overflow-x: scroll;
  display: flex;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.noJS .gallery{
  width: 1248px;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
.noJS .cell-container {
  float: left;
  margin-right: 10px;
}

@media (min-width: 912px) {
  .noJS .cell-container {
    margin-right: 14px;
  }
}

/* enable gallery by default, mobile-first */
.gallery:after {content: 'flickity'; display: none;}
.gallery-cell {position:relative}

@media screen and ( min-width: 1248px ) {

  /* disable gallery on larger devices, replace with flexbox */
  .gallery:after {content: ''; display: none;}
  /*.gallery-container {margin-bottom:1em}*/
}


  /*! Flickity v1.1.1
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}


/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}


/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: box-shadow .3s ease-out;
}

.flickity-prev-next-button:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
}
.flickity-prev-next-button:focus {
  outline: 0 solid;
  box-shadow: 0 0 0 4px #99BAD9;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 0px; }
.flickity-prev-next-button.next { right: 0px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

@media screen and (min-width: 968px) {
  .flickity-prev-next-button.previous {
    left: -16px;
  }
  .flickity-prev-next-button.next {
    right: -16px;
  }
}
@media screen and (min-width: 1000px) {
  .flickity-prev-next-button.previous {
    left: -32px;
  }
  .flickity-prev-next-button.next {
    right: -32px;
  }
}
@media screen and (min-width: 1248px) {
  .flickity-prev-next-button.previous {
    left: 0;
  }
  .flickity-prev-next-button.next {
    right: 0;
  }
}
@media screen and (min-width: 1280px) {
  .flickity-prev-next-button.previous {
    left: -16px;
  }
  .flickity-prev-next-button.next {
    right: -16px;
  }
}
@media screen and (min-width: 1312px) {
  .flickity-prev-next-button.previous {
    left: -32px;
  }
  .flickity-prev-next-button.next {
    right: -32px;
  }
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 30%;
  top: 30%;
  width: 40%;
  height: 40%;
}

.flickity-prev-next-button .arrow {
  fill: #fff;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}


/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}



/* enable Flickity by default */
.carousel:after {
  content: 'flickity';
  display: none; /* hide :after */
}


@media screen and (min-width:1248px) {

  .flickity-page-dots,
  .flickity-prev-next-button.previous,
  .flickity-prev-next-button.next {display:none}

  /* override for hints and tips (5 min cells) */
  .tab-tips .flickity-page-dots,
  .tab-tips .flickity-prev-next-button.previous,
  .tab-tips .flickity-prev-next-button.next {display:block}

  /* override for More from Tesco (5 min cells) */
  .tab-more .flickity-page-dots,
  .tab-more .flickity-prev-next-button.previous,
  .tab-more .flickity-prev-next-button.next {display:block}
}

.cell-container {
  opacity: 0.5;
  transition: opacity .6s ease-out;
}
.cal_tbl-flickity .cell-container {
  /* Override for the calendar */
  opacity: 1;
}
.cell-container:hover,
.cell-container:focus,
.is-selected {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .cell-container {
    opacity: 1;
  }
}








/* ScrollWatch - fade in as object scrolls into viewport */
@media (min-width: 600px) {
  .hasJS [data-sw] {
    opacity: 0;
    transition: opacity 1.4s;
  }
  .hasJS [data-sw].IN {
    opacity: 1;
  }
  .ie9 [data-sw] {
    opacity: 1;
  }
}










/* carousel controls */

.more-carousel {
  margin-bottom: 0;
}
[class^="controls-"] {
  background-color: #F6F6F6;
  /* Removing DDL border to improve asthetic
  border: 1px solid #ccc;
  border-width: 1px 0;
  */
  clear: both;
  overflow: hidden;
}
.controls_buttons {
  float: right;
  padding: 6.5px 12px;
}
.controls_buttons:focus {
  outline: 0 solid;
}
@media (min-width: 912px) {
  .controls_buttons {
    padding: 12px 16px 8px;
  }
}
[class^="controls_btn"] {
  vertical-align: middle;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  border: 0 solid;
  background-color: transparent;
}
.controls_btn-previous {
}
[class^="controls_svg"] {
  color: #dc0800;
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid rgba(220, 8, 0, 0.8); /* current colour at 80% */
  overflow: hidden;
  transition: box-shadow .3s ease-out;
}
[class^="controls_btn"]:hover [class^="controls_svg"],
[class^="controls_btn"]:focus [class^="controls_svg"] {
  box-shadow:  0 0 0 4px rgba(220, 8, 0, 0.4); /* current colour at 40% */
}
.controls_counter {
  color: #333;
  font-family: Tesco_Wd_Bd, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 0 4px;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  min-width: 3.2em;
}
@media (min-width: 912px) {
  .controls_counter {
    margin: 0 8px;
  }
}
.controls_indicator {
  clear: both;
  display: flex;
  height: 4px;
  /*border-top: 1px solid #ccc;*/
}
.controls_indicator span {
  width:100%;
  height: 4px;
  background-color: rgba(220, 8, 0, 0);
  transition: background-color .3s linear;
}
.controls_indicator .-selected {
  background-color: rgba(220, 8, 0, 1);
}

.is-selected a:focus {box-shadow: none;}
.is-selected :focus .cell-span {
  box-shadow: inset 0 0 0 4px #DC0800;
}