Favoreats
Favoreats LLC
GET — On the App Store
INGREDIENTS
1 serving
font-style: normal
1 serving
font-style: normal
1 serving
critical helper classes
1 serving
critical-clear {
1 serving
main-content .shopify-section {
1 serving
main-content .shopify-section:first-child {
1 serving
font-size
1 serving
background-color: #ffffff
1
font-size: 6rem
1 serving
font-style: normal
1 serving
color: #4a4a4a
1 serving
helper classes
1 serving
webkit-text-size-adjust
1 serving
font-style: normal
1 serving
color: inherit
2
font-size: 2rem
2
font-size: 4rem
1 serving
display: inline-block
1 serving
background-color: #dfa160
1 serving
color: #ffffff
160
border: 2px solid #dfa
1
font-size: 4rem
1 serving
btn--clear {
1 serving
background-color: transparent
1 serving
color: #4a4a4a
1 serving
btn--clear:hover::after
1 serving
btn--clear::after {
1 serving
display: block
160
outline: 2px solid #dfa
1 serving
display: inline-block
1 serving
background-color: #fff
1 serving
background-color: transparent
transition: background-color 25s ease-out
1 serving
display: block
1 serving
font-size: 16px
1 serving
top
1 serving
site-header-sections {
1 serving
site-header__logo-wrapper {
1 serving
display: inline-block
1 serving
display: block
1 serving
display: block
1 serving
display: block
1 serving
border-color: #4a4a4a
1 serving
top: 15px
1 serving
background-color: #b76b50
1 serving
top:15px
1 serving
top: 13px
1 serving
top: 12px
1 serving
burger-icon {
1 serving
display: block
1 serving
burger-icon {
1 serving
burger-icon--top {
1 serving
top: 18px
1 serving
burger-icon--top {
1 serving
top: 16px
1 serving
site-header__navigation--active .burger-icon--top {
1 serving
top: 25px
1 serving
burger-icon--mid {
1 serving
top: 24px
1 serving
burger-icon--mid {
1 serving
top: 24px
1 serving
site-header__navigation--active .burger-icon--mid {
1 serving
burger-icon--bottom {
1 serving
top: 30px
1 serving
burger-icon--bottom {
1 serving
top: 32px
1 serving
site-header__navigation--active .burger-icon--bottom {
1 serving
top: 25px
1 serving
border-color: #4a4a4a
1 serving
background-color: #d9d9d9
1 serving
slideshow--full .slideshow {
1 serving
list-style: none
1 serving
slideshow__slide--active {
1 serving
display: block
1 serving
background-color: #f1eee6
1 serving
top
1 serving
background-color: #faf9f6
1 serving
list-style: none
1 serving
slideshow__button-cta-single {
1 serving
list-style: none
1 serving
font-face {
1 serving
font-family: "open sans
700
1 serving
}
1 serving
font-face {
1 serving
font-family: "open sans
400
1 serving
}
1 serving
critical-hide {
1 serving
display: none
1 serving
}
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
visibility: hidden
1 serving
}
1 serving
drawer-cover {
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
display: none
1 serving
}
1 serving
display: inherit
1 serving
}
body:not .main-content {
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
global styles
1 serving
before
1 serving
box-sizing: border-box
1 serving
}
1 ml
ht {
1 serving
}
1 serving
body {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
font-family: "open sans"
400
1 5/8
1 serving
}
1 serving
page-width {
1 serving
max-width: 980px
servings
padding: 20px
margin: auto
1 serving
}
1 serving
visually-hidden
1 lb
icon__fal ack-text {
1 serving
position: absolute !important
1 serving
overflow: hidden
clip: rect
1 serving
height: 1px
1 serving
width: 1px
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? border: 0; border: 0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
typography
1 serving
body {
1 serving
webkit-font-smoothing: antialiased
1 serving
}
4
h {
1 serving
letter-spacing: inherit
1 serving
text-transform: inherit
1 serving
font-family: "open sans"
700
1 serving
}
4
h a {
1 serving
text-decoration: none
1 serving
font-weight: inherit
1 serving
}
4
h {
1 serving
}
1 serving
media only screen and {
4
h {
1 1/2
1 serving
}
1 serving
}
1 serving
buttons
1 serving
btn
1 serving
btn--secondary {
1 oz
m -user-select: "none
1 serving
ms-user-select: "none
1 serving
webkit-user-select: "none
1 serving
user-select: "none
1 serving
webkit-appearance: none
1 oz
m -appearance: none
1 serving
appearance: none
1 serving
position: relative
1 serving
width: auto
? border-radius: 0; border-radius: 0; border-radius 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
700
1
letter-spacing: 5px
1 serving
text-decoration: none
1 serving
text-align: center
1 serving
text-transform: uppercase
1 serving
padding: 10px 30px
2 1/5
1 serving
vertical-align: middle
1 serving
cursor: pointer
transition: outline 1s linear
1 serving
box-sizing: border-box
1 serving
}
1 square
btn {
1 serving
width: 50px
1 serving
height: 50px
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
text-align: center
1 serving
line-height: 50px
1 serving
}
1 serving
position: relative
? border: 0; border: 0; border 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
transition: 15s opacity ease-out
1 serving
}
outline: !important
1 serving
}
1 serving
btn::after
1 serving
btn--secondary::after {
1 serving
content
1 serving
position: absolute
? 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
width
1 serving
height
transition: outline 1s linear
1 serving
}
1 serving
icons
1 serving
icon {
1 serving
width: 20px
1 serving
height: 20px
1 serving
vertical-align: middle
1 serving
}
1 serving
site header
1 serving
site-header {
1 serving
position: relative
transition: transform 25s ease-out
10
1 serving
}
1 serving
site-header--transparent
1 serving
site-header--homepage {
1 serving
position: absolute
? 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"=>""}}
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
10
1 serving
}
1 serving
site-header__wrapper {
1 serving
position: relative
1 serving
min-height: 60px
1 serving
width
10
1 serving
}
1 serving
site-header--transparent .site-header__wrapper {
1 serving
}
1 serving
site-header__wrapper svg {
1 serving
fill: #dfa160
1 serving
}
1 serving
site-header__wrapper--transitioning {
1 serving
}
1 serving
display: none
1 serving
text-align: center
1 serving
position: relative
1 serving
text-decoration: none
10
1 serving
}
1 serving
}
700
1 serving
padding: 10px 20px
? margin-bottom: 0; margin-bottom: 0; margin-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
fill: currentcolor
1 serving
}
1 serving
position: absolute
1 serving
right: 20px
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width: 30px
1 serving
height: 30px
1 serving
line-height
1 serving
ms-transform: translatey)
1 serving
webkit-transform: translatey)
1 serving
transform: translatey)
1 serving
}
1 serving
width: 12px
1 serving
height: 12px
1 serving
fill: currentcolor
1 serving
}
1 serving
display: -webkit-flex
1 serving
display: -ms-flexbox
1 serving
display: flex
1 serving
width
1 serving
ms-flex-align: center
1 serving
webkit-align-items: center
1 oz
m -align-items: center
1 serving
ms-align-items: center
1 serving
o-align-items: center
1 serving
align-items: center
1 serving
min-height: 60px
1 serving
}
1 serving
site-header__section--title {
1 serving
display: -webkit-flex
1 serving
display: -ms-flexbox
1 serving
display: flex
1 serving
width
1 serving
webkit-justify-content: center
1 serving
ms-justify-content: center
1 serving
justify-content: center
1 serving
}
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
padding: 1px
1 serving
text-align: center
1 1/5
1 serving
}
1 serving
site-header__logo {
1 serving
}
1 serving
site-header__logo-image {
margin: auto
1 serving
}
1 serving
site-header--transparent .site-header__logo-image {
1 serving
display: none
1 serving
}
1 serving
media only screen and {
1 serving
site-header__logo-image {
1 serving
max-height: 30px
1 serving
}
1 serving
}
1 serving
site-header__logo-image--transparent {
1 serving
display: none
1 serving
}
1 serving
site-header--transparent .site-header__logo-image--transparent {
1 serving
}
1 serving
navigation-open .site-header__logo-image--transparent
1 ml
ht supports-no-js .site-header__logo-image--transparent {
1 serving
display: none
1 serving
}
1 serving
site-header__cart svg {
1 serving
width: 22px
1 serving
height: 30px
margin: -2px -2px
1 serving
}
1 serving
media only screen and {
1 serving
site-header__cart svg {
1 serving
width: 26px
1 serving
}
1 serving
}
1 serving
site-header__cart::after {
1 serving
}
1 serving
site-header__cart-bubble {
1 serving
position: absolute
1 serving
right: 10px
1 serving
width: 10px
1 serving
height: 10px
1 serving
border-radius
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
transition: all 25s ease-out
1 serving
ms-transform: scale
1 serving
webkit-transform: scale
1 serving
transform: scale
1 serving
}
1 serving
media only screen and {
1 serving
site-header__cart-bubble {
1 serving
right: 9px
1 serving
}
1 serving
}
1 serving
site-header__cart .site-header__cart-bubble {
1 serving
}
1 serving
media only screen and {
1 serving
site-header__cart .site-header__cart-bubble {
1 serving
}
1 serving
}
1 serving
site-header__cart-bubble--visible {
1
1 serving
ms-transform: scale
1 serving
webkit-transform: scale
1 serving
transform: scale
1 serving
}
1 serving
height: 2px
1 serving
width: 16px
1 serving
left
1 serving
margin-left: -8px
1 serving
background: #dfa160
1 serving
position: absolute
transition: all 25s ease-out
1 serving
}
1 serving
media only screen and {
1 serving
height:2px
1 serving
width: 24px
1 serving
left
1 serving
margin-left: -12px
1 serving
}
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
}
1 serving
}
1 serving
transform: rotate)
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
}
1 serving
}
? opacity: 0; opacity: 0; opacity 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
}
1 serving
}
1 serving
transform: rotate)
1 serving
}
1 serving
site-header__navigation {
1 serving
position: relative
1 serving
}
1 serving
site-header__navigation svg {
1 serving
width: 20px
1 serving
height: 30px
1 serving
}
1 serving
site-header__navigation::after {
1 serving
}
1 serving
slideshow
1 serving
slideshow {
1 serving
display: -webkit-flex
1 serving
display: -ms-flexbox
1 serving
display: flex
1 serving
width
1 serving
position: relative
1 serving
overflow: hidden
1 serving
min-height: 300px
1 serving
max-height: calc)
1 serving
}
1 serving
height: calc)
1 serving
}
1 serving
media only screen and {
1 pt
slideshow--ada slideshow {
1 serving
max-height: 125vw
1 serving
min-height: 75vw
1 serving
}
1 serving
}
1 serving
slideshow__slides {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
slideshow__slide {
1 serving
position: absolute
1 serving
height
1 serving
width
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? z-index: 0; z-index: 0; z-index 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1
transition: all 0.5s cubic-bezier
1 serving
}
1
transition: all 0.5s cubic-bezier
1
2
1 serving
}
1 serving
slideshow__overlay::before {
1 serving
content
1 serving
position: absolute
? top: 0; top: 0; top 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"=>""}}
? bottom: 0; bottom: 0; bottom 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"=>""}}
3
1 serving
}
1 serving
slideshow__image {
1 serving
height
1 serving
width
1 serving
object-fit: cover
1
transition: opacity 8s cubic-bezier
1 serving
font-family: "object-fit: cover
1 serving
}
1 serving
slideshow__image .placeholder-svg {
7/20
fill: rgba
1 serving
position: absolute
1 serving
left
1 serving
height
1 serving
width: auto
1 serving
max-height: none
1 serving
max-width: none
1 serving
ms-transform: translate)
1 serving
webkit-transform: translate)
1 serving
transform: translate)
1 serving
}
1 serving
slideshow__image .placeholder-background {
1 serving
position: absolute
? top: 0; top: 0; top 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"=>""}}
? bottom: 0; bottom: 0; bottom 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
slideshow__navigation {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
slideshow__text-content-mobile
1 serving
display: none
1 serving
}
1 serving
slideshow__indicators {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}