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

[class^="tab-"] {
  margin: 0 .5rem .75rem;
  padding: 1rem 0 0
}
@media (min-width:28.75em) {
  [class^="tab-"] {
    margin: 0 .75rem .75rem
  }
}
@media (min-width:57em) {
  [class^="tab-"] {
    margin: 0 1rem 1rem
  }
}
/* /food-love-stories/css/local.min.css */

body {
  font-family: regularFont, sans-serif;
  text-rendering: optimizeLegibility;
  color: #333;
  background-color: #fff;
  scroll-behavior: smooth
}

/* modern clearfix */
section::after,
.cta_lnk-stories::after,
.cnt-stories::after,
.vds_inner::after {
  content: "";
  display: block;
  clear: both;
}

.hero_ttl {
  position: relative;
  margin: 0;
  height: calc(120px + 5vw);
  background-position: center center;
  background-image: url(../i/bg-slate.jpg);
}
@media (min-width: 40.25em) {
  .hero_ttl {
    position: absolute !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
  }
}
.hero_ttl-spn {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);

  width: calc(200px + 3vw);
  max-width: 534px;
  height: calc(80px + 4vw);

  text-indent: -200em;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../i/fls-logo.2.png);
}



.stry_ttl-lead {
  color: #00539f;
  font-family: boldfont, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.75em;
  padding: 1rem .75rem 0;
}
@media (min-width: 40.25em) {
  .stry_ttl-lead {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate3d(-50%, -50%, 0);
    padding: 0 .75rem;
    color: #fff;
    text-shadow: 0 0 2px #000;
    letter-spacing: .2em;
    font-size: calc(1.75rem + ((1vw - 0.375rem) * 3.5294));
  }
  .stry_ttl-lead [class^="stry_ttl-span"] {
    display: block;
    white-space: nowrap;
    max-width: 13em;
  }
}
@media (min-width: 78em) {
  .stry_ttl-lead {
    font-size: 3.2rem;
  }
}
.stry_ttl2 .stry_ttl-span1,
.stry_ttl2 .stry_ttl-span2 {
  display: block;
}
.stry_cnt-lead {
  padding: 0 .75rem;
}
@media (min-width: 48em) {
  .stry_cnt-lead {
    padding: 0 1rem;
  }
}


[class^="tab-"] {
  padding: 0 .75rem;
  margin: 0 0 3rem;
}
@media (min-width: 48em) {
  [class^="tab-"] {
    padding: 0 1rem 1rem;
  }
}
.tab-hero {
  padding: 0;
  margin: 0;
}
.tab-lead {
  margin: 0;
  padding: 0;
}
.tab-stories {
  padding: 0 .75rem;
  position: relative;
  background-color: #fff
}
@media (min-width:40.25em) {
  .tab-lead {
    padding: 0;
  }
}
@media (min-width:48em) {
  .tab-stories {
    padding: 0 1rem
  }
}


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


[class^="tab_ttl"] {
  font-size: 1.5rem;
  font-family: boldFont, sans-serif;
  font-weight: normal;
  line-height: 1.2;
  padding: .75rem .75rem 1.5rem;
  text-align: center;

  text-transform: uppercase;
  letter-spacing: .06em;
}





[class^="stry_sbttl"] {
  color: #00539f;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.4;
  padding: .75em;
  letter-spacing: .05em;
}
@media (min-width: 40.25em) {
  .stry_sbttl-lead {
    font-size: calc(1rem + ((1vw - 0.4025em) * 0.6623));
    padding: 1.5rem 1rem 1rem;
  }
}
@media (min-width: 78em) {
  .stry_sbttl-lead {
    font-size: 1.25em;
  }
}





[class^="stry_txt"] {
  padding: 0 .75rem .75rem
}
.stry_txt-lead {
  padding: 0 .75rem;
  max-width: 40em;
  margin: 0 auto;
}


.theatre-stage {
  position: relative
}
[class^="theatre_ttl"] {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  display: inline-block;
  z-index: 5;
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  pointer-events: none;
  font-family: boldfont, sans-serif;
  font-weight: normal;
  text-shadow: 0 0 2px #000;
  transition: .3s all ease-out
}
@media (min-width:48em) {
  [class^="theatre_ttl"] {
    padding: .5rem .75rem;
    font-size: 1rem
  }
}
@media (min-width:57em) {
  [class^="theatre_ttl"] {
    padding: .5rem 1rem
  }
}
.-removeHeading [class^="theatre_ttl"] {
  opacity: 0
}
.brghtHvr105.theatre-stage-img[role="button"]:hover,
.brghtHvr105.theatre-stage-img[role="button"]:focus {
  -webkit-filter: brightness(105%);
  filter: brightness(105%)
}
.brghtHvr110.theatre-stage-img[role="button"]:hover,
.brghtHvr110.theatre-stage-img[role="button"]:focus {
  -webkit-filter: brightness(110%);
  filter: brightness(110%)
}
.brghtHvr115.theatre-stage-img[role="button"]:hover,
.brghtHvr115.theatre-stage-img[role="button"]:focus {
  -webkit-filter: brightness(115%);
  filter: brightness(115%)
}
.brghtHvr120.theatre-stage-img[role="button"]:hover,
.brghtHvr120.theatre-stage-img[role="button"]:focus {
  -webkit-filter: brightness(120%);
  filter: brightness(120%)
}
.brghtHvr125.theatre-stage-img[role="button"]:hover,
.brghtHvr125.theatre-stage-img[role="button"]:focus {
  -webkit-filter: brightness(125%);
  filter: brightness(125%)
}
.stage-img[role="button"]:focus {
  outline: 0 solid
}
.theatre [class^="icon-youtube-play"] {
  fill: rgba(210, 33, 33, 1)
}
.theatre :hover>[class^="icon-youtube-play"],
.theatre :focus>[class^="icon-youtube-play"] {
  fill: rgba(48, 48, 48, .7);
  fill: rgba(210, 33, 33, .7)
}
.theatre-stage:hover {
  z-index: 5
}
.videoLocator_left .theatre.actors1 {
  max-width: 736px;
}
@media (min-width:80em) {
  [class^="stry"] .theatre.actors1 {
    padding: .75rem;
    background-color: #fff
  }
  .stry_lnk {
    padding: .75em 2.5rem .75em .75rem
  }
}
.vds_inner {
  max-width: 1248px;
  margin: 0 auto;
  overflow: hidden
}
@media (min-width:40.25em) {
  [class^="vd_cnt"] {
    width: 50%;
    float: left
  }
}
@media (min-width:80em) {
  [class^="vd_cnt"] {
    width: calc(50% - .5rem)
  }
}
[class^="vd_cnt"] .theatre {
  padding: .75rem;
  background-color: #f6f6f6;
}
.vd_cnt-who .theatre {
  padding-bottom: .25rem;
}
@media (min-width:40.25em) {
  [class^="vd_cnt"] .theatre {
    padding: .75rem
  }
  .vd_cnt-who .theatre {
    padding-right: .375rem
  }
}
@media (min-width:48em) {
  [class^="vd_cnt"] .theatre {
    padding: 1rem
  }
  .vd_cnt-who .theatre {
    padding-right: .5rem
  }
}
.stryCnt,
[class^="stry-"] {
  position: relative
}
[class^="stry-"] {
  text-align: center;
  background-color: #F6F6F6;
}
@media (min-width:37.5em) {
  .tab-lead {
    margin: 0
  }
}
[class^="stry_img"] {
  background-repeat: no-repeat;
  height: 300px;
  background-size: cover;
  background-position: center;
}


/* Grid */

.s-1 {
  height: 1.5rem
}
@media (min-width:40.25em) {
  .g-t-1-2 {
    width: calc(50% - .375rem);
    width: calc(50% - 6px);
    float: left
  }
  .s-t {
    float: left;
    width: .75rem
  }
  .s-t-1 {
    clear: both;
    height: .75rem
  }
}
@media (min-width:48em) {
  .s-d {
    width: 1rem;
    height: 1rem;
    float: left
  }
  .s-d-1 {
    height: 1rem;
    clear: both
  }
  @media(min-width:40em) {
    .s-d-1:last-child {
      height: 0
    }
  }
  .g-d-1-2 {
    width: calc(50% - .5rem);
    float: left;
    margin: 0;
    padding: 0
  }
}


.cta_cnt-stories {
  color: #00539f;
  background-color: #E7E7E7;
  border-top: 1px solid #e0e0e0
}
.cta_cnt-stories {
  font-family: boldFont, sans-serif
}
.cta_cnt-stories * {
  transition: all .3s ease-out
}
.cta_lnk-stories {
  display: block;
  outline: 0 solid;
  position: relative;
  padding: .75rem;
  text-align: left;
}
.cta_lnk-stories,
.cta_lnk-stories:visited {
  color: currentColor
}
.cta_lnk-stories:hover,
.cta_lnk-stories:focus {
  color: #008dc8;
}
.cta_lnk-stories:focus {
  box-shadow: 0 0 0 4px #99BAD9;
  z-index: 5;
  position: relative
}
.cta_lbl-stories {
  border-bottom: 1px solid transparent
}
.cta_lnk-stories:hover .cta_lbl-stories,
.cta_lnk-stories:focus .cta_lbl-stories,
.cta_lnk-stories:active .cta_lbl-stories {
  border-bottom-color: currentColor
}

/* brand */

.cta_lnk-stories:hover .cta_spn-svg,
.cta_lnk-stories:focus .cta_spn-svg {
  box-shadow: 0 0 0 4px #99BAD9
}

[class^="tab_ttl"] {
  color: #00539f
}
.stry_cnt-stories {
  background-color: #F6F6F6
}
.stry_cnt-stories {
  text-align: center;
  border-bottom: 1px solid #fdfdfd
}

/* Predefined to allow late-load of video and peekaboo CSS */

/* Theatre */

.noJS [class^="theatre_ttl"] {
  display: none
}
.theatre-stage-img {
  display: block;
  width: 100%
}
.icon-youtube-play-stage {
  position: absolute;
  width: 60px;
  height: 46px;
  left: calc(50% - 30px);
  top: calc(50% - 23px)
}
.noJS .icon-youtube-play-stage {
  display: none
}



/* Crop content, restore stories */

.stry_cnt-stories {
  padding-bottom:.75rem;
  position: relative;
  overflow: hidden;
  transition: max-height .6s ease-out
}
/* Additions */

/* darken video text bg on image hover */

.theatre-stage:hover [class^="theatre_ttl"] {
  background-color: rgba(0, 0, 0, .7)
}

/* Stories image link */

.-linkedImg {
  cursor: pointer;
  transition: -webkit-filter .3s ease-out, filter .3s ease-out, box-shadow .3s ease-out;
  z-index: 1;
  position: relative;
}
.-linkedImg:hover {
  -webkit-filter: brightness(115%);
  filter: brightness(115%);
  box-shadow: 0 0 0 4px #7A91A7;
}


/* story-template.inc.asp - CTAs */

.svg_cnt {
  /* SVG container */
  display: block;
  position: relative;
  float: right;
  pointer-events: none;
  margin-left: auto;
  border-radius: 100%;
  /*  border: .125rem solid currentColor;*/
  border: 1.6px solid currentColor;
  transition: box-shadow .3s ease-out;
  /* small icon 24px */
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  min-height: 1.5em;
  /* Colour not set on parent */
  color: #00539f;
  background-color: #fff;
  border-color: #00539f;
}
[class^="cta"] .svg-cta {
  /* SVG */
  position: absolute;
  display: block;
  /* stroke-width: 2.4; /* small icon 24px */
  stroke-width: 3;
  /* small icon 24px */
  /*  width: 100%;*/
  /*  height: 100%;*/
  width: 22px;
  height: 21px;
  padding: 20%;
  pointer-events: none;
  stroke-linecap: square;
  stroke: currentColor;
  transition: transform .7s ease-out;
}
.cta_lnk-stories:hover .svg_cnt,
.cta_lnk-stories:focus .svg_cnt {
  box-shadow: 0 0 0 4px #99BAD9;
  box-shadow: 0 0 0 4px rgba(0, 83, 159, .4);
}





/* Added for stories version 2 */

.stry_img-lead {
/*  padding-bottom: 41.667%;*/
  height: 333px;
  background-position: center;
  background-size: cover;
  padding: 0;
}
@media (min-width: 40.25em) {
  .stry_img-lead {
    height: auto;
    padding-bottom: 41.7%;
  }
}
.stry_ttl2 {
  color: #00539f;
  font-size: 1.25rem;
  position: relative;
  text-transform: uppercase;
  line-height: 1.4;
  padding: 1rem .75rem 0;
  letter-spacing: .125em;
}
.stry_cpy {
  color: #333;
  padding: 0 .75rem;
}

.cta_cnt-stories {
  border-top: 1px solid #fff;
}
.cta_cnt-stories:last-child {
  background-color: #d8d8d8;
}




/* New lead story */

.ctas-lead {
  padding: .75rem;
  display: block;
}
.cta_cnt-lead {
  padding: .75rem;
}
.ctas-lead .cta-lead {
  color: #fff;
  background-color: #00539f;
}
.ctas-lead .cta-invert-lead {
  color: #00539f;
  background-color: #fff;
  border-color: #00539f;
}
.ctas-lead .cta-lead:hover,
.ctas-lead .cta-lead:focus,
.ctas-lead .cta-invert-lead:hover,
.ctas-lead .cta-invert-lead:focus {
  box-shadow: 0 0 0 4px #99BAD9;
}

.ctas-lead .svg_cnt {
  float:none;
  display: inline-block;
  border: 0 solid;
  color: inherit;
  background-color: transparent;
}

.ctas-lead .cta-lead,
.ctas-lead .cta-invert-lead {
  position: relative;
  padding-right: 2rem;
}
.cta-lead .svg_cnt,
.cta-invert-lead .svg_cnt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.cta-lead .svg-cta,
.cta-invert-lead .svg-cta {
  stroke-width: 1.5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 2rem;
}


@media (min-width: 25em) {
  .ctas-lead {
    display: flex;
    justify-content: space-around;
    max-width: 32em;
    margin: 0 auto;
  }
}
@media (min-width: 48em) {
  .cta_cnt-lead {
    padding: 1rem 0;
  }
}

@media (min-width: 40.25em) {

  .stry_cntImg {
    position: relative;
  }

  .fls_logo {
    display: block;
    margin: 0 auto .25em;
    padding: 0;
    width: 296px;
    height: 105px; /* Change to responsive height based on viewport */
    height: calc(105px + ((1vw - 6.44px) * 6.1258));
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../i/fls-logo.2.png);
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.5));
  }

}
@media (min-width: 78em) {
  .fls_logo {
    height: 142px;
  }
}




/* videoLocator */

.tab-videoLocator {
  background-color: #F6F6F6;
}
@media (min-width: 80em) {
.tab-videoLocator {
  background-color: transparent;
}
}

.videoLocator_left {
  margin-bottom: .75rem;
}

.videoLocator_left .theatre.actors1 {
  padding: 0;
}

@media (min-width: 40.25em) {
  .videoLocator_left [class^="vd_cnt"] {
    width: 100%;
    float: none;
  }
}

.st_responses-right .fndStrs {
  margin: 0 .75rem .75rem;
  width: calc(100% - 1.5rem);
}

.cnt-videoLocator {
  background-color: #F6F6F6;
}
.videoLocator_right {
  color: #fff;
  background-color: #70707A;
  background-image: url(../i/bg-slate.jpg);
  background-size: cover;
  max-width: 736px;
  margin: 0 auto;
}
@media (min-width: 48em) {
  .videoLocator_left {
    margin: 0 0 1rem 0;
  }
}
@media (min-width: 936px) {
  .cnt-videoLocator {
    display: flex;
  }
  .videoLocator_left {
    width: calc(50% - .5rem);
    margin: 0 1rem 0 0;
  }
  .videoLocator_right {
    padding-top: calc(8px + ((1vw - 9.7px) * 15.0641));
    width: calc(50% - .5rem);
  }
}
@media (min-width: 78em) {
  .videoLocator_right {
    padding-top: 55px;
  }
}



.videoLocator_right .st_cnt {
  color: #fff;
  background-color: transparent;
  max-width: 664px;
}
.videoLocator_right .tab_ttl-st,
.videoLocator_right .tab_strp-st {
  color: #fff;
}
.tab_ttl-st {
  font-size: 1.55rem;
  text-transform: none;
  line-height: 1.4;
}
.tab_strp-st {
  font-size: 1rem;
}
.videoLocator_right .cta-invert-se {
  border: 0 solid;
}
.cta-invert-se svg {
  display: inline-block;
  width: 1.25em;
  height: 1.5em;
  vertical-align: text-bottom;
  fill: currentColor;
}


.tab_inner .vds_inner,
.tab_inner .theatre {
  overflow: visible;
}

.theatre.actors1 {
  padding: 0;
}
@media (min-width: 40.25em) {
  .theatre.actors1 {
    padding: 0;
  }
}



.st_text {
  margin-bottom: 0;
}
.st_cnt .st_frm {
  padding: .75rem;
  margin: 0 auto;

}

.tab_ttl-st > span {
  padding-top: 0;
  font-size: 1.25rem;
  display: block;
  font-family: regularfont, sans-serif;
}
.tab_ttl-st > .date1 {
  margin-top: .75rem;
}



.tab-videoVideo .theatre.actors1 {
  padding: 0;
}