Favoreats
Favoreats LLC
GET — On the App Store
INGREDIENTS
1 serving
[class*='col-']
1
background-color: rgba
1
color: rgba
1 serving
font-style: normal
1 serving
font-size: 14px
1 serving
body.tm-lightbox-active
1 serving
full width main document column
1 serving
contained sections/pages
555
color
1 serving
font-size: inherit
1 serving
font-style: normal
1 serving
font-size: 20px
1 serving
margin-top: 140px
1 serving
margin-top: calc)
1 serving
margin-top: 120px
1 serving
margin-top: 75px
1 serving
font-style: normal
1 serving
font-size: 11px
1 serving
font-style: normal
1 serving
font-size: 12px
1 serving
section
111
background-color: #ffd; color
1
border-color: rgba
background-color: rgba
1
border: px solid rgba
555
color
1 serving
font-size: inherit
1 serving
padding-bottom: 10px
1 serving
padding-top: 10px
1 serving
padding-top: 10px
1 serving
padding-bottom: 10px
1 serving
button
1 serving
border: 1px solid; border-radius: 0; cursor: pointer
1 serving
font-style: normal
1 serving
font-size: 18px
1 serving
btn:active
1 serving
no-touch.csstransitions button
1 serving
button a - main big buttons. used
1 serving
background-color: #fff
1
color: rgba
1
border-color: rgba
1
background-color: rgba
1
border-color: rgba
1 serving
color: #fff
1 serving
background-color: #fff
1 serving
border-color: #ddd
1 serving
color: #aaa
1 serving
font-size: 16px
1 serving
background-color: #fff
555
border-color
555
color
1 C
button used
1
background-color: rgba
1
border-color: rgba
1
color: rgba
1 serving
font-size
1 serving
font-style: normal
1 serving
font-size: 13px
1
background-color: rgba
1
border-color: rgba
1
color: rgba
1 serving
btn [class*='icon-'] {
17/160
background-color: rgba
1 serving
font-size: 20px
1 serving
no-touch .scroll-header nav button {
1
background-color: rgba
1 serving
display: block
1
color: rgba
background-color: rgba
17/20
background-color: rgba
1 serving
display: block
1
color: rgba
1
color: rgba
1 serving
font-size: 11px
1 serving
font-style: normal
1 serving
font-size: 30px
1 serving
display: inline-block
1
color: rgba
1 serving
font-size: 14px
1 serving
background-color: transparent
1
color: rgba
1 serving
scroll-header.scroll-header-shrink .nav-icon-holder.is-active
body:not .nav-icon-holder.is-active {
1
color: rgba
1 serving
font-size: 20px
1 serving
background-color: #fff
1 serving
color: #000!important
1 serving
display: inline-block
1 serving
font-size: 10px
1 serving
background-color:#4566ac; color:#fff!important
1
color: rgba
1 serving
no-touch .anim-fadein-medium
1
background-color: rgba
1
background-color: rgba
1
color: rgba
1
color: rgba
1 serving
border-style: solid
1
border-color: transparent transparent rgba) transparent
1 serving
top: inherit
1 serving
display: block
1 serving
padding-top: 10px
1 serving
display: inline-block !important
1 serving
padding-bottom: 3px
1 serving
padding-top: 3px
1 serving
margin-top: -2px
1 serving
display: block !important
1 serving
display: block
1 serving
search bar
1 serving
nav-search-bar
1 serving
nav-search-bar .search-form__search-field
1 serving
nav-search-bar .search-form__search-submit
1 serving
nav-search-bar .search-form__search-field
1 serving
nav-search-bar
1 serving
webkit-filter: url) saturate
1 serving
webkit-filter: url) grayscale
1 serving
filter: url)
1 serving
font-size: 12px!important
1 serving
top: -8px
1 serving
display: block
1 serving
padding-bottom: 50px
1 serving
display: block
1 serving
padding-bottom: 5px
1 serving
padding-top: 5px
1 serving
font-size: 6vw
1 serving
font-size: 4vw
1 serving
nav-search-bar
1 serving
display: inline-block
1
color: rgba
1 serving
display: block
1 serving
padding-top: 5px
1 serving
padding-bottom: 5px
1 serving
top
1
color: rgba
1 serving
footer section
1
color: rgba
1 serving
font-style: normal
1 serving
font-size: 11px
1 serving
display:table
border-bottom: 1px dotted rgba
1
color: rgba
1 serving
padding-top: 2px
1 serving
font-style: normal
1 serving
font-size: 11px
1 serving
display: inline-block!important
1 serving
background-color: transparent
font-size: 9em
1 serving
generics
1 serving
before
1 serving
svg_filter
1 serving
bootstrap overide
1 serving
reduce the gutter width from 15px to 5px - its likely we'll want this media query wrapped
1 serving
container
1 serving
page-header
1 serving
row
1 ml
ht
1 serving
body {
1 serving
font-family: "snptical"
1 serving
font-weight: normal
1
line-height: 325em
1 serving
text-align: left
1 serving
text-transform: none
1
1 serving
}
1 serving
body.tm-screenwipe {
1 serving
overflow: hidden
1 serving
}
1 serving
site-header
1 serving
container--main {
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
max-width
1 serving
min-height
1 serving
}
1 serving
hide main content area when nothing to see
body.tm-dsp-bnr:not.tm-coll-prod-tm-coll-no-blrb .container--main {
1 serving
display: none
1 serving
}
1 serving
scroll-header .scroll-header__inner
1 serving
is-nav-collapsible-item>.nav-collapsible-item
1 serving
container--main>.cart
1 serving
page--contact
1 serving
page--product
1 serving
footer-columnal__inner {
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
max-width: 1280px
1 serving
}
1 serving
{
1 serving
font-weight: inherit
1 serving
line-height: inherit
1 serving
text-align: inherit
1 serving
text-transform: inherit
1 serving
text-decoration: none
1 serving
}
1 serving
a
1 serving
a:hover
1 serving
h1
1
product-heading htitle
2
product-heading htitle
1 serving
font-family: "roboto"
1 serving
font-family: inherit
400
1
line-height: 325em
1 serving
text-align: center
1 serving
text-transform: none
1 serving
}
1 serving
container--main {
1 serving
padding-right: 10px
1 serving
padding-left: 10px
1 serving
position: relative
1 serving
}
1 serving
container--main.container--main--extended {
1 serving
width
1 serving
max-width
1 serving
overflow: hidden
? padding-right: 0; padding-right: 0; padding-right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding-left: 0; padding-left: 0; padding-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
container--main.container--main--topless {
1 serving
}
container--main:not
1 serving
media only screen and {
1 serving
container--main.container--main--topless {
1 serving
}
1 serving
}
1 serving
media only screen and {
container--main:not
1 serving
}
1 serving
body.sd-banner__full-bleed .container--main
1 container
nav.nav ul li
1 serving
nav.main-menu>.item
1 serving
nav-inpage__list .horizontal>.item {
1 serving
font-family: "montserrat"
1 serving
font-family: inherit
400
1
line-height: 325em
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
vertical-align: middle
1 serving
}
1 serving
nav-inpage__list .subnav-parent /* accomodate +/- sign
1 serving
nav .subnav>.item
1 serving
navbar .main-menu .nav .subnav>.item {
1 serving
font-family: "roboto"
1 serving
font-family: inherit
1 serving
font-weight: normal
1
line-height: 325em
1 serving
text-align: left
1 serving
text-transform: uppercase
1 serving
letter-spacing: 1px; margin-right: -1px
1 serving
}
1 serving
footer
1 serving
page--info--is-supa-page
1 serving
hr
1 serving
hr.dotted
1 serving
input[type=text]:focus
1 serving
textarea:focus
1 serving
form-control:focus {
1 serving
}
1 serving
form-control:focus {
1 serving
webkit-box-shadow: none
1 serving
box-shadow: none
1 serving
}
1 serving
form
1 serving
form .has-error .form-control
1 serving
form-group
1 serving
form-group.fg-mbx
1 serving
form-control {
1 serving
border-radius: 3px
1 serving
height: auto
1 serving
webkit-box-shadow: none; box-shadow: none
1 serving
}
1 serving
form-group .control-label
1 serving
input[type="number"].form-control {
1 serving
height: inherit
1 serving
}
1 small
input
1 serving
buttons:; various defaults
1 serving
currently working on the assumption of a primary and a secondary variation
1 serving
}
1 serving
btn {
1 serving
font-family: "roboto"
1 serving
font-family: inherit
1 serving
font-weight: normal
1
line-height: 325em
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
letter-spacing: 2px; margin-right: -2px
1 serving
}
1 serving
btn-xl {
1 serving
padding: 10px 16px
2
? border-radius: 0; border-radius: 0; border-radius 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
no-touch.csstransitions .btn {
webkit-transition: all 2s ease-in-out
o-transition: all 2s ease-in-out
transition: all 2s ease-in-out
1 serving
}
1 serving
btn.btn-primary {
1 serving
}
1 serving
btn.btn-primary:hover {
1 serving
}
1 serving
buttons b - used
1 serving
btn.btn-secondary {
1 serving
height: 45px
1 serving
}
1 serving
btn.btn-secondary:hover {
1 serving
}
1 serving
btn.btn-other {
1 serving
padding: 10px
1 serving
font-family: "roboto"
1 serving
font-family: inherit
1 serving
font-weight: normal
1
line-height: 325em
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
}
1 serving
btn.btn-other:hover {
1 serving
}
1 serving
force icons within buttons to sit vertically next to each other
1 serving
padding-right: 5px
1 serving
line-height: inherit
1 serving
vertical-align: middle
1 serving
}
1 serving
btn-inline
1 container
div.nav.nav ul li #cart_bubble
1 container
div.nav.nav ul.horizontal .cart-count
1 serving
nav and menus
1 serving
scroll-header {
1 serving
width
1 serving
height: 120px
9000
1 serving
position: fixed
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
csstransitions .scroll-header {
webkit-transition: all 235s ease-in-out
1 oz
m -transition: all 0.235s ease-in-out
transition: all 235s ease-in-out
1 serving
}
1 serving
scroll-header .scroll-header__inner {
1 serving
height
1 serving
line-height: 1em
margin: auto
servings
padding: 15px
1 serving
}
1 serving
transitions and class
1 serving
no-touch .scroll-header h1
1 serving
no-touch .scroll-header nav a
webkit-transition: all 3s
1 oz
m -transition: all 0.3s
transition: all 3s
1 serving
}
1 serving
scroll-header nav a .ident__name
1 serving
scroll-header.scroll-header-shrink
body:not .scroll-header {
1 serving
}
1 serving
scroll-header.scroll-header-shrink
1 serving
scroll-header.scroll-header-shrink h1
scroll-header.scroll-header-shrink .ident_item.not
1 serving
scroll-header.scroll-header-shrink .ident__logo
1 serving
scroll-header.scroll-header-shrink .is-visible-onshrink
1 serving
scroll-header.scroll-header-shrink img.is-visible-onshrink
1 serving
scroll-header__content {
1 serving
width
1 serving
}
1 serving
nav menus
1 serving
scroll-header>.nav
1 serving
scroll-header .is-nav-collapsible-item {
1 serving
display: none
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position: absolute
1 serving
width
1 serving
}
body:not .scroll-header>.nav
body:not .scroll-header .is-nav-collapsible-item
1 serving
scroll-header.scroll-header-shrink .is-nav-collapsible-item {
1 serving
}
1 serving
scroll-header>.nav.is-visible
1 serving
scroll-header .is-nav-collapsible-item.is-visible {
1
1 serving
}
1 serving
scroll-header .is-nav-collapsible-item {
1 serving
text-align: center
1 serving
padding: 10px 15px
19/20
transition: all 0.23s cubic-bezier
1 serving
}
1 serving
nav-collapsible-item .nav.horizontal>.item>a
1 serving
faux-nav-collapsible-item .nav.horizontal>.item>a {
1 serving
}
body:not .nav-collapsible-item .nav.horizontal>.item>a
body:not .faux-nav-collapsible-item .nav.horizontal>.item>a
1 serving
scroll-header.scroll-header-shrink .nav-collapsible-item .nav.horizontal>.item>a
1 serving
scroll-header.scroll-header-shrink .faux-nav-collapsible-item .nav.horizontal>.item>a {
1 serving
}
1 serving
is-nav-collapsible-item>.nav-collapsible-item
1 serving
nav-collapsible-item.organised-placement
1 serving
nav-collapsible-item.organised-placement .nav.horizontal
1 serving
nav-collapsible-item.organised-placement .nav.horizontal>.item {
1 serving
width
1 serving
text-align: left
1 serving
vertical-align: middle
1 serving
}
1 serving
scroll-header.scroll-header-shrink .ident_item.is-visible-onshrink
scroll-header.scroll-header-shrink .ident_item:not {
? font-size: 0; font-size: 0; font-size 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? height: 0; height: 0; height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
max-height: 50px
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
header ident component - logo
1 serving
ident__tagline
1 serving
scroll-header.scroll-header-shrink .ident_item.is-visible-onshrink {
1 serving
}
1 serving
ident
1 serving
ident {
1 serving
float: none
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
font-family: "roboto"
1 serving
font-family: inherit
400
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
}
1 serving
ident_item {
1
webkit-transition: all 1s ease
1 oz
m -transition: all 0.1s ease
transition: all 1s ease
1 serving
}
1 serving
ident__logo {
1 serving
max-height: 60px
1 serving
max-width
1 serving
line-height: 1em
1
1 serving
vertical-align: middle
webkit-transition: all 13s 08s ease-in-out
1 oz
m -transition: all 0.13s 0.08s ease-in-out
o-transition: all 13s 08s ease-in-out
transition: all 13s 08s ease-in-out
1 serving
}
1 serving
ident__name
1 serving
ident__name
1 serving
ident__tagline
1 serving
ident.no-logo .ident__name
1 serving
ident.no-tagline .ident__logo
1 serving
scroll-header.scroll-header-shrink .ident
1 serving
scroll-header.scroll-header-shrink .ident_item
body:not .ident
body:not .ident_item {
1 serving
}
1 serving
header .ident
1 serving
media only screen and {
1 serving
is-ident-cell
1 serving
display: none!important
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
ident .ident__name
1 serving
ident .ident__item
1 serving
scroll-header.scroll-header-shrink .ident_item.is-visible-onshrink {
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
ident__logo
1 serving
container--main
1 serving
scroll-header
1 serving
scroll-header .scroll-header__inner
1 serving
scroll-header.scroll-header-shrink h1
1 serving
max-height: 35px
1 serving
overflow: hidden
1 serving
}
1 serving
}
1 serving
nav-icon-holder {
border: none
1 serving
border-radius: 3px
1 serving
padding: 10px 12px
19/20
transition: all 0.23s cubic-bezier
1 serving
}
1 serving
nav-icon-holder:first-child
1 serving
nav-icon-holder:last-child
1 serving
nav-icon-holder
1 serving
nav-icon-holder
1 serving
nav-icon-holder:hover
1 serving
scroll-header.scroll-header-shrink .nav-icon-holder
1 serving
scroll-header.scroll-header-shrink .nav-icon-holder a
body:not .nav-icon-holder
body:not .nav-icon-holder a {
1 serving
}
1 serving
scroll-header.scroll-header-shrink .nav-icon-holder:hover
1 serving
scroll-header.scroll-header-shrink .nav-icon-holder:hover a
body:not .nav-icon-holder:hover
body:not .nav-icon-holder:hover a
1 serving
}
1 serving
nav-icon-holder
1 serving
nav-icon-holder .nav-icon
1 serving
nav-icon-holder .basket-count {
1 serving
cursor: pointer
1 serving
line-height: 1em
1 serving
}
1 serving
nav-icon-holder .basket-count
1 serving
nav-icon.icon-basket-loaded
1 serving
nav-lnk {
1 serving
border-radius: 2px
1 serving
letter-spacing: 2px
1 serving
text-transform: uppercase
1 serving
}
1 serving
nav-lnk:hover {
1 serving
}
1 serving
media only screen and {
1 serving
nav-lnk.lnk-lgn
1 serving
}
1 serving
scroll-header.scroll-header-shrink .ident
1 serving
scroll-header.scroll-header-shrink .ident_item {
1 serving
}
1 serving
nav>li>a
1 serving
nav>li>a:focus
1 serving
banner_container
1 serving
container--main
1 serving
no-touch .banner-jumpoff-controls
1 serving
no-touch .scroll-header
1 serving
no-touch .footer-columnal {
webkit-animation: fade-in 95s linear
animation: fade-in 95s linear
1 serving
}
1 serving
no-touch .anim-fadein
1 serving
no-touch header .nav-collapsible-item
1 container
no-touch .nav.nav ul>li {
webkit-animation: fade-in 25s linear
animation: fade-in 25s linear
1 serving
}
1 serving
no-touch .anim-fadein-slow {
1
webkit-animation: fade-in 45s linear
1
animation: fade-in 45s linear
1 serving
}
1 serving
subnavs
1 container
nav.nav subnav
1 container
div.nav.nav ul.horizontal .subnav {
1 serving
}
1 container
div.nav.nav subnav li
1 container
div.nav.nav ul.horizontal .subnav li {
1 serving
}
1 container
div.nav.nav ul.horizontal .subnav>.item a {
1 serving
}
1 container
div.nav.nav ul.horizontal .subnav>.item:hover a {
1 serving
}
1 serving
nav.nav-container>ul.horizontal>.subnav
1 serving
nav ul.horizontal>.subnav-parent.expanded>a:after {
1 serving
content
? width: 0; width: 0; width 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? height: 0; height: 0; height 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
servings
border-width: 5px 5px 5px
1 serving
position: absolute
1 serving
left
1 serving
left: calc)
? bottom: 0; bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
subnav-parent>a:before {
1 serving
content
1 serving
font: inherit
1 serving
left: 3px
1/2
1 serving
position: absolute
1 serving
}
1 serving
subnav-parent.expanded>a:before {
1 serving
content
1 serving
}
1 container
div.nav.nav ul.horizontal .subnav a
1 serving
subnav: grid stacked
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--gridded {
1 serving
width
1 serving
left
border-radius: 3px 3px
padding: !important
1 serving
position: fixed
1 serving
text-align: center
1 serving
}
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--gridded:after
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--gridded:before {
1 serving
content
1 serving
}
1 serving
nav ul.horizontal .subnav-parent.expanded .subnav.subnav--gridded {
1
1 serving
}
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--gridded .item
1 container
div.nav.nav ul.horizontal .subnav li {
1 serving
width
1 serving
vertical-align: middle
? padding-left: 0; padding-left: 0; padding-left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--gridded.subnav--is-fullwidth {
1 serving
width
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? border-radius: 0; border-radius: 0; border-radius 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
subnav: vertically stacked
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--vertically-stacked {
1 serving
min-width
1 serving
min-width: 160px
1 serving
width: auto
border-radius: 3px 3px
1 serving
display: none
1 serving
padding: 10px !important
1 serving
position: absolute
1 serving
overflow: hidden
1 serving
}
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--vertically-stacked li {
1
1 serving
white-space: nowrap
1 serving
width
1 serving
}
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--vertically-stacked li a {
1 serving
padding: 3px 10px !important
1 serving
}
1 serving
nav ul.horizontal .subnav-parent.expanded .subnav.subnav--vertically-stacked
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--centered
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--centered li
body.tm-dsp-cart-icotm-carted-0 .basket-notice
1 serving
media only screen and {
1 serving
}
1 serving
body.dsp-xs.tm-nav-open
1 serving
dsp-xs.tm-nav-open #banner_container
1 serving
dsp-xs.tm-nav-open .container--main
1 serving
dsp-xs.tm-nav-open .footer-columnal {
1 oz
m -filter: url)
1 serving
}
1 serving
media only screen and {
1 serving
nav-icon-holder
1 serving
nav-icon-holder:first-child
1 serving
nav-icon-holder:last-child
1 serving
nav-icon-holder
1 serving
basket-notice
1 serving
basket-count {
1 serving
display: none
1 serving
font-family: monospace
1 serving
left
1 serving
position: absolute
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
scroll-header>.nav.is-visible
1 serving
scroll-header .is-nav-collapsible-item.nav-screenwipe-xs.is-visible {
1 serving
height
1
1 serving
overflow: scroll
1 serving
position: fixed
1 serving
}
1 serving
div.nav.nav-container
1 container
div.nav.nav ul
1 container
div.nav.nav ul.horizontal li {
1 serving
padding-right: 4px
1 serving
text-align: center
1 serving
letter-spacing: 5px; margin-right: -5px
1 serving
text-transform: uppercase
1 serving
}
1 serving
nav-collapsible-item .nav.horizontal>.item>a
1 serving
nav-collapsible-item.organised-placement .nav.horizontal>.item
1 serving
nav ul.horizontal .subnav-parent.expanded .subnav.subnav--vertically-stacked {
1 serving
width
1 serving
text-align: center
1 serving
position: relative
1 serving
}
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--vertically-stacked li
1 serving
nav-collapsible-item.organised-placement
1 serving
is-nav-collapsible-item .nav-container:last-child
1 serving
nav ul.horizontal .subnav-parent.expanded .subnav.subnav--vertically-stacked
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--gridded.subnav--is-fullwidth {
1 serving
left: 2px!important
1 serving
position: relative
1 serving
width
1 serving
width: calc)
1 serving
}
1 serving
subnav-parent>a:before
1 serving
nav ul.horizontal .subnav-parent.expanded .subnav
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--gridded
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--gridded .item
1 serving
nav ul.horizontal .subnav-parent .subnav.subnav--vertically-stacked .item {
1 serving
width
1 serving
letter-spacing: 3px; margin-right: -3px
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
nav-icon-holder
1 serving
nav-icon-holder:first-child
1 serving
nav-icon-holder:last-child
1 serving
}
1 serving
media only screen and {
1 serving
}
1 serving
main naigation menu hover effect
no-touch header .main-menu>.item:not
no-touch header .main-menu>.item:not a {
1 serving
position: relative
webkit-transition: -webkit-transform 3s
1 oz
m -transition: -moz-transform 0.3s
transition: transform 3s
1 serving
}
no-touch header .main-menu>.item:not a::before {
1 serving
content: attr)
1 serving
padding: inherit
1 serving
position: absolute
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
webkit-transform: translate3d
moz-transform: translate3d
transform: translate3d
1 serving
}
no-touch .scroll-header.scroll-header-shrink .main-menu>.item:not a::before
no-touch body:not header .main-menu>.item:not a::before {
1 serving
}
no-touch header .main-menu>.item:not:hover a
no-touch header .main-menu>.item:not:focus a {
1 serving
webkit-transform: translatey)
1 oz
m -transform: translatey)
1 serving
transform: translatey)
1 serving
}
1 serving
end :: nav and menus
1 serving
ul.menu-item-2up>li.item
1 container
div.nav.nav ul.menu-item-2up>li
1 serving
footer-columnal
1 serving
footer-columnal__inner {
1 serving
width
1 serving
padding-left: 30px
1 serving
padding-right: 30px
1 serving
font-family: "roboto"
1 serving
font-family: inherit
1 serving
font-weight: normal
1
line-height: 5em
1 serving
text-align: left
1 serving
text-transform: uppercase
1 serving
}
3
footer-columnal h {
1 serving
letter-spacing: 1px; margin-right: -1px
1 serving
text-transform: uppercase
1 serving
text-align: left
1 serving
}
1 serving
footer-columnal nav li.item
1 serving
footer-columnal .nav .subnav>.item {
1 serving
text-align: left
1 serving
font-family: "roboto"
1 serving
font-family: inherit
1 serving
font-weight: normal
1
line-height: 5em
1 serving
text-align: left
1 serving
text-transform: uppercase
1 serving
letter-spacing: 1px; margin-right: -1px
1 serving
text-overflow: ellipsis
1 serving
white-space: nowrap
1 serving
overflow: hidden
1 serving
}
1 serving
footer-columnal nav li.item a
1 serving
footer-columnal nav li.item a:hover
1 serving
footer-columnal nav li.item.subnav-parent
1 serving
footer-columnal nav ul.menu-item-2up>li.item.subnav-parent
1 container
footer-columnal nav ul.menu-item-2up>.subnav {
1 serving
width
1 serving
width: calc)
1 serving
}
body.tm-dsp-bnr:not.tm-coll-prod-tm-coll-no-blrb .footer-columnal {
1 serving
min-height
1 serving
min-height: calc)
1 serving
}
1 serving
footer-columnal nav ul.menu-item-2up.vertical>.subnav-container.expanded
1 container
footer-columnal div.nav.nav ul.vertical li.subnav-container.expanded
1 serving
footer-columnal nav ul.menu-item-2up.vertical>.subnav-container.expanded
1 container
footer-columnal div.nav.nav ul.vertical li.subnav-container.expanded
1 serving
{
1 serving
}
1 container
footer-columnal div.nav.nav ul.vertical .subnav {
1 serving
padding-left: 15px!important
1 serving
margin-left: 0!important
1 serving
}
1 container
footer-columnal div.nav.nav ul.vertical .subnav
1 container
footer-columnal div.nav.nav subnav>li {
1 serving
}
1 serving
footer-columnal .nav .subnav>.item {
1 serving
}