INGREDIENTS
333
color
1 serving
font-size: 14px
1 serving
background-size: cover
1 serving
bottom: 20px
333
color
1 serving
font-size: 14px
1 serving
aesop-sequence-img-wrap .aesop-sequence-caption {
1 serving
aesop-sequence-img-wrap .aesop-sequence-caption:before {
1 serving
bottom: -4px
1 serving
border: 1px solid
1 serving
border-color: inherit
1 serving
aesop-sequence-img-wrap .aesop-sequence-img {
1 serving
display: block
1 serving
aesop-hero-gallery-wrapper {
1 serving
clear: both
1 serving
aesop-hero-gallery-content {
1 serving
top: 20px
1 serving
color: #fff
1 serving
font-size: ; // arbitrary number
1 serving
display: inline-block
1 serving
font-style: normal
1 serving
clear: both
1 serving
aesop-content-component .aesop-content-comp-wrap {
1 serving
aesop-content-component .aesop-content-comp-wrap {
1 serving
word-wrap: break-word
1 serving
display: block
1 serving
top: 1px
1 serving
color: #b3b3b3
767676
color
1 serving
font-size: 12px
1 serving
aesop-image-component .aesop-cap-cred
1 serving
color: #b3b3b3
767676
color
1 serving
aesop-image-component .aesop-cap-cred {
3
border-top: 1px dotted #bbb
1 serving
font-size: 9px
85
filter: alpha
1 serving
aesop-image-component:active img {
1 serving
color: #b3b3b3
333
color
1 serving
font-size: 14px
1 serving
margin-top: 1rem
1 serving
font-style: italic
1 serving
display: block
1 serving
font-size: 14px
1 serving
clear: both
1
font-size: 75rem
1 serving
display: table
1 serving
color
65
filter: alpha
filter: alpha
1 serving
display: table-cell
1 serving
color
1 serving
font-size: 12px
1 serving
font-size: 12px
1 serving
margin-bottom: 3rem
1 serving
font-style: italic
333
color
65
filter: alpha
1 serving
color
1 serving
jorgen-article-cover-wrap {
1 serving
aesop-article-chapter-wrap {
1 serving
aesop-article-chapter-wrap.aesop-video-chapter .aesop-cover-title {
1 serving
padding-bottom: 20px
1 serving
top: 150px
1 serving
border-bottom: 1px solid #fff
1 serving
font-size: 62px !important
1 serving
color: #fff
1 serving
aesop-article-chapter-wrap.aesop-video-chapter .aesop-cover-title {
1 serving
font-size: 40px
1 serving
aesop-article-chapter-wrap .aesop-cover-title {
1 serving
font-size: 52px
1 serving
aesop-article-chapter-wrap .aesop-cover-title {
1 serving
font-size: 42px
1 serving
aesop-article-chapter-wrap .aesop-cover-title {
1 serving
display: block
1 serving
bottom: 30px
1 serving
font-size: 32px
1 serving
aesop-article-chapter-wrap .aesop-cover-title {
1 serving
display: block
1 serving
font-size: 20px
1 serving
padding-bottom: 20px
1 serving
bottom: 100px
1 serving
border-bottom: 1px solid #fff
1 serving
font-size: 62px !important
1 serving
color: #fff
1 serving
font-size: 40px
1 serving
bottom: 57px
1 serving
border-top-left-radius: 2px
1 serving
border-bottom-left-radius: 2px
1 serving
color
1 serving
color: #007aac
1 serving
top: 12px
777
color
1 serving
display: block
777
color
1 serving
padding-top: 5px
1 serving
padding-bottom: 5px
1 serving
admin-bar .aesop-chapter-menu {
1 serving
top: 32px
1 serving
vertical-align: top
1 serving
font-size: 12px
767676
color
1 serving
display: block
1 serving
aesop-character-component .aesop-character-cap {
1 serving
font-size: 12px
767676
color
1 serving
font-style: italic
margin-top: 8rem
3
border-top: 1px dotted #bbb
padding-top: 3rem
1 serving
font-size: 12px
1 serving
color: #b3b3b3
6
border-bottom: 1px solid #eee
1 serving
font-size: 12px
757575
color
1 serving
display: table
1 serving
clear: both
1 serving
display: inline-block
1 serving
font-size: 14px
1 serving
color: inherit
1 serving
display: block
666666
border-right: 1px solid
1 serving
bottom: -10px
1 serving
aesop-timeline ol li.active a {
1 serving
color: #428bca
1 serving
aesop-timeline ol li.active a:after {
1 serving
border-right-color: #428bca
1 serving
aesop-gallery-component .aesop-component-caption {
padding: 25rem 75rem
4/5
background: rgba
1 serving
}
1 serving
aesop-stacked-img {
1 serving
background-position
1 serving
background-repeat: no-repeat
1 serving
width
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position: relative
1 serving
overflow: hidden
1 serving
}
1 serving
aesop-stacked-img .aesop-stacked-caption {
1 serving
position: absolute
1 serving
right: 20px
? z-index: 0; z-index: 0; z-index 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
padding: 25rem 75rem
4/5
background: rgba
webkit-transition: all 75s ease-in-out
transition: all 75s ease-in-out
1 serving
}
4
padding-left: 5rem
1 serving
}
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
font-weight: bold
1
padding: 6rem 75rem
1 serving
content: counter)
1 serving
counter-increment: sequence-counter
1 serving
}
1 serving
width
1 serving
max-width: 1200px
1 serving
}
1 serving
position: relative
1 serving
}
1 serving
position: absolute
1 serving
webkit-transform: translate)
1 oz
m -transform: translate)
1 serving
ms-transform: translate)
1 serving
transform: translate)
1 serving
text-align: center
1 serving
}
1 serving
aesopicon-search-plus {
1 serving
position: relative
1 serving
}
1 serving
aesopicon-search-plus:after {
1 serving
font-family: 'dashicons
1 serving
font-weight: normal
1
1 serving
webkit-font-smoothing: antialiased
1 oz
m -osx-font-smoothing: grayscale
1 serving
content: '\f179
1 serving
}
1 serving
aesop-parallax-component {
1 serving
}
1 serving
aesop-parallax-component .aesop-parallax-sc {
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1
padding: 5em 2em
1 serving
}
1 serving
media {
1 serving
padding: 1em
1 serving
}
1 serving
}
1 serving
aesop-content-component .aesop-content-comp-inner p {
1
line-height: 2em
1 serving
}
1 serving
aesop-content-component .aesop-content-img .aesop-content-comp-inner {
2/5
background: rgba
1 serving
padding: 1rem
1 3/10
1 serving
}
1 serving
aesop-content-component .aesop-content-img .aesop-content-comp-inner p {
? 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
aesop-image-component img {
webkit-box-shadow: 0 0 6px -1px rgba
box-shadow: 0 0 6px -1px rgba
1 serving
}
1 box
aesop-image-component .aesop-light {
1 serving
text-decoration: none
1 serving
}
1 serving
aesop-image-component .aesop-img-enlarge {
margin: 0 5rem
1 serving
}
1 serving
aesop-image-component .aesop-img-enlarge:hover {
1 serving
text-decoration: none
1 serving
}
1 serving
aesop-image-component .aesop-img-enlarge i {
1 serving
position: relative
1 serving
}
1 serving
aesop-image-component .aesop-img-enlarge
1 serving
aesop-image-component .aesop-image-component-caption {
1 serving
font-family: "helvetica neue"
1 serving
}
1 serving
aesop-image-component .aesop-img-enlarge {
1 serving
}
1 serving
}
1 serving
aesop-image-component:hover {
17/20
webkit-transition: opacity 25s ease-in-out
transition: opacity 25s ease-in-out
1 serving
}
1 serving
box-shadow: none
1 serving
}
1 serving
aesop-video-component .aesop-video-component-caption {
1 serving
}
1 serving
aesop-video-component .aesop-component-caption {
padding: 25rem 75rem
4/5
background: rgba
1 serving
}
1 container
mejs {
1 serving
width
1 serving
max-width: 800px !important
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
}
1 container
mejs
1 serving
}
1 serving
aesop-quote-component {
1 serving
padding: 3rem 2rem
1 serving
}
1 serving
aesop-quote-component blockquote {
1 serving
}
1 serving
aesop-quote-component cite {
1 serving
}
1 serving
aesop-on-genesis .aesop-quote-component blockquote:before {
1 serving
content: none
1 serving
}
1 serving
aesop-story-collection {
1 serving
}
1 serving
aesop-story-collection .aesop-story-collection-title {
1 serving
text-align: center
1 serving
background: #fff
1 serving
text-transform: uppercase
1
line-height: 75rem
letter-spacing: 05rem
padding: 0.8rem 6rem
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
2
1 serving
position: relative
webkit-box-shadow: 0 7px 7px -7px
box-shadow: 0 7px 7px -7px
1 serving
}
1 serving
aesop-story-collection .aesop-collection-item {
1 serving
float: left
1 serving
position: relative
1 serving
height: 220px
1 serving
overflow: hidden
1 serving
}
1 link
aesop-story-collection .aesop-collection-item .aesop-collection-item {
1 serving
height
1 serving
width
webkit-transition: all 25s ease-in-out
transition: all 25s ease-in-out
1 serving
}
1 serving
aesop-story-collection .aesop-collection-item .aesop-collection-item-link:before {
1 serving
position: absolute
1 serving
content
1 serving
width
1 serving
height
1 serving
background
13/20
1
1 serving
}
1 serving
aesop-story-collection .aesop-collection-item .aesop-collection-item-link:hover {
1 serving
text-decoration: none
webkit-transition: all 25s ease-in-out
transition: all 25s ease-in-out
1 serving
}
1 serving
aesop-story-collection .aesop-collection-item .aesop-collection-item-link:hover:before {
webkit-transition: opacity 25s linear
transition: opacity 25s linear
? opacity: 0; opacity: 0; opacity 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
aesop-story-collection .aesop-collection-item .aesop-collection-item-link:hover .aesop-collection-item-inner {
1/2
background: rgba
1 serving
}
1 serving
aesop-story-collection .aesop-collection-item .aesop-collection-item-inner {
1 serving
vertical-align: middle
1 serving
width
1 serving
height
padding: 0 5rem
1 serving
position: relative
1 serving
text-align: center
1
1 serving
overflow: hidden
text-shadow: 0 0 3px rgba
1 serving
}
1 serving
aesop-story-collection .aesop-collection-item .aesop-collection-item-inner .aesop-collection-entry-title {
800
1 serving
text-transform: uppercase
1 serving
margin: auto
1 serving
}
1 pt
aesop-story-collection .aesop-collection-item .aesop-collection-item-inner .aesop-collection-item-excer {
1 serving
}
1 serving
aesop-story-collection .aesop-collection-item .aesop-collection-item-inner .aesop-collection-meta {
1 serving
font-family: "helvetica neue"
1 serving
}
1 serving
aesop-story-collection .aesop-collection-item .aesop-collection-item-img {
1 serving
position: absolute
1 serving
width
1 serving
height
? left: 0; left: 0; left 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 serving
background-position: center center
1 serving
}
1 tbsp
aesop-story-collection .aesop-collection .aesop-collection-item-link:before {
1 serving
content: none
1 serving
}
1 tbsp
aesop-story-collection .aesop-collection .aesop-collection-item-link:hover .aesop-collection-item-inner {
1 serving
background: transparent
1 serving
}
1 tbsp
aesop-story-collection .aesop-collection .aesop-collection-item-inner .aesop-collection-entry-title {
1 serving
text-shadow: none
1 serving
}
1 serving
aesop-story-collection .aesop-collection-load-more {
1 serving
background
13/20
1
1 serving
height: 70px
1 serving
line-height: 70px
1 serving
}
1 serving
position: fixed
1 serving
}
1 serving
position: relative
1 serving
}
1 serving
max-width
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width
1 serving
left
1 serving
position: absolute
1
1 serving
}
1 serving
}
1 serving
media {
1 serving
}
1 serving
}
1 serving
}
1 serving
media {
1 serving
}
1 serving
}
1 serving
}
1 serving
aesop-cover-title {
1 serving
max-width
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
width
1 serving
left
1 serving
position: absolute
1
1 serving
}
1 serving
aesop-cover-title {
1 serving
}
1 serving
aesop-toggle-chapter-menu {
1 serving
position: fixed
1 serving
right: -1px
1 serving
height: 44px
1 serving
width: 44px
1 serving
background: #e6e6e6
150
webkit-transition: right 25s ease
transition: right 25s ease
1 serving
}
1 serving
aesop-toggle-chapter-menu:hover {
1 serving
background: #007aac
1 serving
text-decoration: none
1 serving
}
1 serving
aesop-toggle-chapter-menu:hover i {
1 serving
}
1 serving
aesop-toggle-chapter-menu i {
1 serving
}
1 serving
aesop-chapter-menu-open .aesop-chapter-menu {
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
aesop-chapter-menu-open .aesop-toggle-chapter-menu {
1 serving
right: 250px
1 serving
}
1 serving
aesop-close-chapter-menu {
1 serving
position: absolute
1 serving
right: 12px
1
1 serving
}
1 serving
aesop-close-chapter-menu:hover {
1 serving
cursor: pointer
1 serving
}
1 serving
aesop-chapter-menu {
1 serving
right: -250px
1 serving
width: 250px
? top: 0; top: 0; top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position: fixed
? bottom: 0; bottom: 0; bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
background: #e6e6e6
webkit-transition: right 25s ease
transition: right 25s ease
500
1 serving
counter-reset: sequence-counter
1 serving
}
1 serving
aesop-chapter-menu .scroll-nav__list {
? 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
aesop-chapter-menu * {
1 serving
box-sizing: border-box
1 oz
m -box-sizing: border-box
1 serving
webkit-box-sizing: border-box
1 serving
}
1 serving
aesop-chapter-menu li {
? margin-bottom: 0; margin-bottom: 0; margin-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
position: relative
1 serving
padding-left: 15px
1 serving
font: normal 14px/28px arial
1 serving
}
1 serving
aesop-chapter-menu li:before {
1 serving
content: counter)
1 serving
counter-increment: sequence-counter
1 serving
position: absolute
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
aesop-chapter-menu a:link
1 link
aesop-chapter-menu .scroll-nav__ {
1 serving
}
1 serving
}
1 serving
aesop-chapter-menu--inner {
1 serving
padding: 15px
1 serving
}
1 serving
aesop-chapter-title {
1 serving
position: absolute
1 serving
left: -10000px
1 serving
}
1 serving
aesop-character-component .aesop-character-float {
margin: .65rem
1 serving
width: 150px
1 serving
text-align: center
1 serving
}
1 serving
aesop-character-component .aesop-character-float .aesop-character-title {
1 serving
font-family: "helvetica neue"
1 serving
text-transform: uppercase
letter-spacing: 05em
1 serving
text-align: center
margin: 0 5rem
1 serving
}
1 serving
aesop-character-component .aesop-character-float.aesop-character-right {
1 serving
float: right
1
margin-left: 75rem
1 serving
}
1 serving
aesop-character-component .aesop-character-float.aesop-character-center {
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
}
1 serving
aesop-character-component .aesop-character-float.aesop-character-center .aesop-character-name {
1 serving
text-align: center
1 serving
}
1 serving
aesop-character-component .aesop-character-float.aesop-character-left {
1 serving
float: left
1
margin-right: 75rem
1 serving
}
1 serving
aesop-character-component .aesop-character-avatar {
1 serving
width
1 serving
border-radius
1 serving
}
1 serving
line-height: 14px
1 serving
font-family: "helvetica neue"
1 serving
}
1 serving
aesop-document-component a {
1 serving
font-family: "helvetica neue"
1 serving
line-height: 12px
1 serving
text-decoration: none
1 serving
}
1 serving
aesop-document-component a span {
1 serving
}
1 serving
aesop-document-component a span:before {
1 serving
content: '\f498
1 serving
font-family: dashicons
1 serving
position: absolute
? left: 0; left: 0; left 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
aesop-timeline {
1 serving
position: fixed
? 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"=>""}}
? right: 0; right: 0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
aesop-timeline ol {
? 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
position: relative
1 serving
background: #e6e6e6
1 serving
padding: 5px 10px
webkit-box-shadow: inset 0 7px 7px -7px
box-shadow: inset 0 7px 7px -7px
1 serving
}
1 serving
aesop-timeline ol:before
1 serving
aesop-timeline ol:after {
1 serving
content
1 serving
}
1 serving
aesop-timeline ol:after {
1 serving
}
1 serving
aesop-timeline ol li {
1 serving
margin-right: 5px
1 serving
}
1 serving
aesop-timeline ol li:last-child {
? margin-right: 0; margin-right: 0; margin-right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
aesop-timeline ol li a {
1 serving
text-transform: uppercase
1 serving
padding: 2px 10px 8px
1 serving
position: relative
1 serving
}
1 serving
aesop-timeline ol li a:after {
1 serving
content
1 serving
height: 20px
1 serving
width: 1px
1 serving
position: absolute
1 serving
left
1 serving
}
1 serving
}
1 serving
}