INGREDIENTS
1 serving
display: block
1 serving
also use object-fit:contain in worst case scenario when we can't figure out dimensions
1 serving
font-size: inherit
1 serving
display: inline-block
1 serving
font-style: italic
8000
border: solid 1px
90
background-color: #ee
color
border: solid 1px #f
1 serving
background-color: #ffb6c1
color
1 pty
prevent showing em success message in the case of an amp-redirect-to response header
1/2
background-color: rgba
1 serving
color: #fff
1 serving
wp-block-gallery[data-amp-carousel="true"] {
1 serving
display: block
1 serving
flex-wrap: unset
1 serving
amp-wp-title-bar div {
353535
color
1 serving
ol
color: #a89c
1 serving
a:active
353535
color
353535
color
border-left: 2px solid #a89c
1 serving
back-to-top {
1 serving
font-family: -apple-system
background-color: #a89c
1 serving
color: #fff
1 serving
font-size: 1em
1 serving
color: #fff
1 serving
background-color: #fff
1 serving
border: 1px solid #fff
1 serving
top: 10px
353535
color
1 serving
overflow-wrap: break-word
1 serving
word-wrap: break-word
1 serving
flex-wrap: wrap
353535
color
1 serving
display: block
696969
color
1 serving
display: inline-block
font-size: 875em
1 serving
display: inline-block
border: 1px solid #a89c
2
border-bottom: 1px solid #ccc
696969
color
font-size: 875em
1 serving
clear: both
1 serving
amp-vine {
1 serving
background-size: 48px 48px
1 serving
display: block
696969
color
font-size: 875em
696969
color
font-size: 875em
1 serving
border-style: solid
1 serving
border-color: #c2c2c2
1 serving
background-color: transparent
color: #a89c
1 serving
display: block
1 serving
font-size: 14px
webkit-transition: background-color 2s ease
transition: background-color 2s ease
2
border-top: 1px solid #ccc
1 serving
font-size: 1em
696969
color
font-size: 8em
1 serving
back-to-top {
1
bottom: 275em
font-size: 8em
1 serving
font-style:normal
1 serving
font-style:normal
1 serving
display:inline-block
1 serving
font-style:normal
1 serving
color: #fff
1 serving
display: inline-block
1 serving
top: 1px
1 serving
vertical-align: top
1 serving
display: inline-block
656565
color
555
color
1 serving
the gutenberg block
1
margin-top: 5rem
1 serving
jp-related-posts-i2__post-date
1 serving
display: block
1 serving
font-size: 1rem
1 serving
display: block
1 serving
display: block
1 serving
margin-top: 1rem
1 serving
display: block
1 serving
margin-top: 1rem
1 serving
margin-top: 1rem
1 serving
padding-top: 1em
1 serving
clear: both
1 serving
display: block
1 serving
clear: both
1 serving
headline above related posts section
1 serving
display: inline-block
1 serving
display: block
1 serving
border-top: 1px solid #ddd
2
border-top: 1px solid rgba
1 serving
margin-bottom: 1em
1 serving
font-style: normal
1 serving
clear: left
margin: 1em; /* needs to be same as the main outer wrapper
80
filter: alpha
1 serving
clear: both
100
filter: alpha
1 serving
font-size: 14px
1 serving
display:block
1 serving
display: block
1 serving
font-size: inherit
100
filter: alpha
1 serving
display: block
1 serving
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date
1 serving
hide the date by default
1 serving
jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date {
1 serving
margin-bottom: 1em
1 serving
clear: both
1 serving
display: inline-block
1 serving
clear: left
1 serving
clear: both
1 serving
generic wp styling
1 serving
alignright {
1 serving
float: right
1 serving
}
1 serving
alignleft {
1 serving
float: left
1 serving
}
1 serving
aligncenter {
1 serving
text-align: center
1 serving
margin-left: auto
1 serving
margin-right: auto
1 serving
}
1 serving
amp-wp-enforced-sizes {
1 lb
our sizes fal ack is 100vw
1 serving
max-width
margin: auto
1 serving
}
1 serving
prevent cases of amp-img converted from img to appear
1 serving
see
1 serving
additionally
1 serving
so that the following rules wouldn't be needed
1 serving
amp-img.amp-wp-enforced-sizes[layout="intrinsic"] > img
1 serving
amp-anim.amp-wp-enforced-sizes[layout="intrinsic"] > img {
1 serving
object-fit: contain
1 serving
}
1 serving
amp-fit-text blockquote
1 serving
amp-fit-text h1
1 serving
amp-fit-text h2
1 serving
amp-fit-text h3
1 serving
amp-fit-text h4
1 serving
amp-fit-text h5
6
amp-fit-text h {
1 serving
}
1 serving
override rule in twenty sixteen and twenty seventeen
1 serving
it set display:none
1 serving
this selector is the same
1 serving
body amp-audio:not) {
1 serving
height: auto
1 serving
}
1 serving
the default template messages
1 T
by the form sanitizer when a pos form lacks the action-xhr attribute
1 serving
amp-wp-default-form-message > p {
margin: 1em
padding: 5em
1 serving
}
1 serving
amp-wp-default-form-message[submitting] > p
1 serving
amp-wp-default-form-message[submit-success] > p.amp-wp-form-redirecting {
1 serving
}
amp-wp-default-form-message[submit-success] > p:not {
1 serving
}
1 serving
amp-wp-default-form-message[submit-error] > p {
1 serving
}
1 pty
amp-wp-default-form-message[submit-success] > p:em {
1 serving
display: none
1 serving
}
1 serving
amp-carousel .amp-wp-gallery-caption {
1 serving
position: absolute
? 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
text-align: center
1 serving
padding: 1rem
1 serving
}
1 serving
}
1 serving
template styles
1 serving
amp-wp-content
margin: auto
1 serving
max-width: 760px
1 serving
}
1 ml
ht {
background: #a89c
1 serving
}
1 serving
body {
1 serving
background: #fff
1 serving
font-family: georgia
300
1
line-height: 75em
1 serving
}
1 serving
p
1 serving
ul
1 serving
figure {
margin: 1em
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
a
1 serving
a:visited {
1 serving
}
1 serving
a:hover
1 serving
a:focus {
1 serving
}
1 serving
quotes
1 serving
blockquote {
125
background: rgba
margin: 8px 24px
1 serving
padding: 16px
1 serving
}
1 serving
blockquote p:last-child {
? 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
ui fonts
1 serving
amp-wp-meta
1 serving
amp-wp-header div
1 serving
amp-wp-title
1 serving
wp-caption-text
1 serving
amp-wp-tax-category
1 serving
amp-wp-tax-tag
1 serving
amp-wp-comments-link
1 serving
amp-wp-footer p
1 serving
}
1 serving
header
1 serving
amp-wp-header {
1 serving
}
1 serving
amp-wp-header div {
400
margin: auto
1 serving
max-width: calc)
padding: 875em 16px
1 serving
position: relative
1 serving
}
1 serving
amp-wp-header a {
1 serving
text-decoration: none
1 serving
}
1 serving
amp-wp-header .amp-wp-site-icon {
1 serving
site icon is 32px
1 serving
border-radius
1 serving
position: absolute
1 serving
right: 18px
1 serving
}
1 serving
article
1 serving
amp-wp-article {
400
1
margin: 5em auto
1 serving
max-width: 840px
1 serving
}
1 serving
article header
1 serving
amp-wp-article-header {
1 serving
align-items: center
1 serving
align-content: stretch
1 serving
display: flex
1 serving
justify-content: space-between
margin: 1.5em 16px
1 serving
}
1 serving
amp-wp-title {
10
900
margin: 0 625em
1 serving
width
1 serving
}
1 serving
article meta
1 serving
amp-wp-meta {
21
1
line-height: 5em
margin: 0 5em
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
amp-wp-article-header .amp-wp-meta:last-of-type {
1 serving
text-align: right
1 serving
}
1 serving
amp-wp-article-header .amp-wp-meta:first-of-type {
1 serving
text-align: left
1 serving
}
1 serving
amp-wp-byline amp-img
1 serving
amp-wp-byline .amp-wp-author {
1 serving
vertical-align: middle
1 serving
}
1 serving
amp-wp-byline amp-img {
1 serving
border-radius
1 serving
position: relative
1 serving
margin-right: 6px
1 serving
}
1 serving
amp-wp-posted-on {
1 serving
text-align: right
1 serving
}
1 serving
featured image
1 serving
amp-wp-article-featured-image {
margin: 1em
1 serving
}
1 serving
amp-wp-article-featured-image amp-img {
margin: auto
1 serving
}
1 serving
amp-wp-article-featured-image.wp-caption .wp-caption-text {
servings
margin: 18px
1 serving
}
1 serving
article content
1 serving
amp-wp-article-content {
servings
margin: 16px
1 serving
}
1 serving
amp-wp-article-content ul
1 serving
amp-wp-article-content ol {
1 serving
margin-left: 1em
1 serving
}
1 serving
amp-wp-article-content .wp-caption {
1 serving
max-width
1 serving
}
1 serving
amp-wp-article-content amp-img {
margin: auto
1 serving
}
1 serving
amp-wp-article-content amp-img.alignright {
margin: 1em 16px
1 serving
}
1 serving
amp-wp-article-content amp-img.alignleft {
margin: 16px 1em
1 serving
}
1 serving
captions
1 serving
wp-caption {
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
wp-caption.alignleft {
1 serving
margin-right: 16px
1 serving
}
1 serving
wp-caption.alignright {
1 serving
margin-left: 16px
1 serving
}
1 serving
wp-caption .wp-caption-text {
1
line-height: 5em
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
padding: 66em 10px 75em
1 serving
}
1 serving
amp media
1 serving
alignwide
1 serving
alignfull {
1 serving
}
1 serving
amp-carousel {
1 serving
background: #c2c2c2
margin: -16px 1.5em
1 serving
}
1 serving
amp-iframe
1 serving
amp-youtube
1 serving
background: #c2c2c2
margin: -16px 1.5em
1 serving
}
1 serving
amp-wp-article-content amp-carousel amp-img {
1 serving
border: none
1 serving
}
1 serving
amp-carousel > amp-img > img {
1 serving
object-fit: contain
1 serving
}
1 serving
amp-wp-iframe-placeholder {
2
background: #ccc url) no-repeat center
1 serving
min-height: 48px
1 serving
}
1 serving
article footer meta
1 serving
amp-wp-article-footer .amp-wp-meta {
1 serving
}
1 serving
amp-wp-tax-category
1 serving
amp-wp-tax-tag {
1
line-height: 5em
1
margin: 5em 16px
1 serving
}
1 link
amp-wp-comments {
1
line-height: 5em
1 serving
text-align: center
margin: 25em 0 1.5em
1 serving
}
1 link
amp-wp-comments a {
1 serving
border-width: 1px 1px 2px
1 serving
border-radius: 4px
1 serving
cursor: pointer
600
1 serving
line-height: 18px
margin: auto
1 serving
max-width: 200px
1 serving
padding: 11px 16px
1 serving
text-decoration: none
1 serving
width
1 serving
}
1 serving
amp footer
1 serving
amp-wp-footer {
margin: calc)
1 serving
}
1 serving
amp-wp-footer div {
margin: auto
1 serving
max-width: calc)
1
padding: 25em 16px 25em
1 serving
position: relative
1 serving
}
2
amp-wp-footer h {
1
line-height: 375em
margin: 0 5em
1 serving
}
1 serving
amp-wp-footer p {
1
line-height: 5em
margin: 0 85px
1 serving
}
1 serving
amp-wp-footer a {
1 serving
text-decoration: none
1 serving
}
600
1 serving
line-height: 2em
1 serving
position: absolute
1 serving
right: 16px
1 serving
}
1 serving
generated by grunt-webfont
1 serving
font-face {
1 serving
font-family:"social-logos
1 serving
src:url)
1 serving
font-weight:normal
1 serving
}
1 serving
font-face {
1 serving
font-family:"social-logos
1 serving
src:url)
1 serving
src:url) format)
1 serving
url) format)
1 serving
font-weight:normal
1 serving
}
1 serving
social-logo {
1 serving
font-family:"social-logos
1 serving
vertical-align:middle
1
1 serving
font-weight:normal
1 serving
speak:none
1 serving
text-decoration:inherit
1 serving
text-transform:none
1 serving
text-rendering:auto
1 serving
webkit-font-smoothing:antialiased
1 serving
moz-osx-font-smoothing:grayscale
1 serving
}
1 serving
icons
1 serving
social-logo__amazon:before {
1 serving
content:"\f600
1 serving
}
1 serving
social-logo__behance:before {
1 serving
content:"\f101
1 serving
}
1 serving
social-logo__blogger-alt:before {
1 serving
content:"\f601
1 serving
}
1 serving
social-logo__blogger:before {
1 serving
content:"\f602
1 serving
}
1 serving
social-logo__codepen:before {
1 serving
content:"\f216
1 serving
}
1 serving
social-logo__dribbble:before {
1 serving
content:"\f201
1 serving
}
1 serving
social-logo__dropbox:before {
1 serving
content:"\f225
1 serving
}
1 serving
social-logo__eventbrite:before {
1 serving
content:"\f603
1 serving
}
1 serving
content:"\f203
1 serving
}
1 serving
social-logo__feed:before {
1 serving
content:"\f413
1 serving
}
1 serving
social-logo__flickr:before {
1 serving
content:"\f211
1 serving
}
1 serving
social-logo__foursquare:before {
1 serving
content:"\f226
1 serving
}
1 serving
social-logo__ghost:before {
1 serving
content:"\f61c
1 serving
}
1 serving
social-logo__github:before {
1 serving
content:"\f200
1 serving
}
1 serving
social-logo__google-plus-alt:before {
1 serving
content:"\f218
1 serving
}
1 serving
social-logo__google-plus:before {
1 serving
content:"\f206
1 serving
}
1 serving
content:"\f215
1 serving
}
1 serving
social-logo__linkedin:before {
1 serving
content:"\f207
1 serving
}
1 serving
social-logo__mail:before {
1 serving
content:"\f410
1 serving
}
1 serving
social-logo__:before {
1 serving
content:"\f623
1 serving
}
1 serving
social-logo__path-alt:before {
1 serving
content:"\f604
1 serving
}
1 serving
social-logo__path:before {
1 serving
content:"\f219
1 serving
}
1 serving
social-logo__pinterest-alt:before {
1 serving
content:"\f210
1 serving
}
1 serving
social-logo__pinterest:before {
1 serving
content:"\f209
1 serving
}
1 serving
social-logo__pocket:before {
1 serving
content:"\f224
1 serving
}
1 serving
social-logo__polldaddy:before {
1 serving
content:"\f217
1 serving
}
1 serving
social-logo__print:before {
1 serving
content:"\f469
1 serving
}
1 serving
social-logo__reddit:before {
1 serving
content:"\f222
1 serving
}
1 serving
social-logo__share:before {
1 serving
content:"\f415
1 serving
}
1 serving
social-logo__skype:before {
1 serving
content:"\f220
1 serving
}
1 serving
social-logo__spotify:before {
1 serving
content:"\f515
1 serving
}
1 serving
social-logo__squarespace:before {
1 serving
content:"\f605
1 serving
}
1 serving
social-logo__stumbleupon:before {
1 serving
content:"\f223
1 serving
}
1 g
social-logo__tele :before {
1 serving
content:"\f606
1 serving
}
1 serving
social-logo__tumblr-alt:before {
1 serving
content:"\f607
1 serving
}
1 serving
social-logo__tumblr:before {
1 serving
content:"\f214
1 serving
}
1 serving
social-logo__twitch:before {
1 serving
content:"\f516
1 serving
}
1 serving
content:"\f202
1 serving
}
1 serving
content:"\f610
1 serving
}
1 serving
social-logo__vimeo:before {
1 serving
content:"\f212
1 serving
}
1 serving
social-logo__whatsapp:before {
1 serving
content:"\f608
1 serving
}
1 serving
social-logo__wordpress:before {
1 serving
content:"\f205
1 serving
}
1 serving
social-logo__xanga:before {
1 serving
content:"\f609
1 serving
}
1 serving
social-logo__youtube:before {
1 serving
content:"\f213
1 serving
}
1 serving
amp-social-share
1 serving
amp-social-share {
1 serving
border-radius
1 serving
webkit-border-radius
1 serving
position: relative
1
1 serving
width: 32px
1 serving
height: 32px
margin: 5px 5px
1 serving
vertical-align: middle
1 serving
}
1 serving
amp-social-share::before
1 serving
amp-social-share::before {
1
font: normal 8px/ 'social-logos
1 serving
padding: 7px
1 serving
position: relative
1 serving
text-align: center
1 serving
}
1 serving
amp-social-share.print {
1 serving
background: #e9e9e9
? font-size: 0; font-size: 0; font-size 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
cursor: pointer
1 serving
vertical-align: middle
1 serving
border: none
? padding: 0; padding: 0; padding 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
amp-social-share.print::before {
1 serving
content: '\f469
1 serving
}
1 serving
amp-social-share[type='tumblr'] {
4762
background: #2c
1 serving
}
1 serving
amp-social-share[type='tumblr']::before {
1 serving
content: '\f607
1 serving
}
2
background: #1877f
1 serving
}
1 serving
content: '\f203
1 serving
}
1 serving
background: #00acee
1 serving
}
1 serving
content: '\f202
1 serving
}
1 serving
amp-social-share[type='pinterest'] {
1 serving
background: #ca1f27
1 serving
}
1 serving
amp-social-share[type='pinterest']::before {
1 serving
content: '\f210
1 serving
}
1 g
amp-social-share[type='tele '] {
1 serving
background: #0088cc
1 serving
}
1 g
amp-social-share[type='tele ']::before {
1 serving
content: '\f606
1 serving
}
1 serving
amp-social-share[type='linkedin'] {
5
background: #0077b
1 serving
}
1 serving
amp-social-share[type='linkedin']::before {
1 serving
content: '\f207
1 serving
}
1 serving
amp-social-share[type='pocket'] {
1 serving
background: #ee4056
1 serving
}
1 serving
amp-social-share[type='pocket']::before {
1 serving
content: '\f224
1 serving
}
1 serving
amp-social-share[type='reddit'] {
1 serving
background: #cee3f8
1 serving
}
1 serving
amp-social-share[type='reddit']::before {
1 serving
content: '\f222
1 serving
}
1 serving
amp-social-share[type='skype'] {
background: #aff
1 serving
}
1 serving
amp-social-share[type='skype']::before {
1 serving
content: '\f220
1 serving
}
1 serving
amp-social-share[type='whatsapp'] {
854
background: #43d
1 serving
}
1 serving
amp-social-share[type='whatsapp']::before {
1 serving
content: '\f608
1 serving
}
1 serving
jetpack related posts
1 serving
jp-related-posts-i2__row {
1 serving
display: flex
1 serving
}
1 serving
jp-related-posts-i2__row:first-child {
? margin-top: 0; margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
jp-related-posts-i2__post {
1
? flex-basis: 0; flex-basis: 0; flex-basis 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
servings
margin: 10px
1 serving
display: flex
1 serving
flex-direction: column
? 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
jp-related-posts-i2__row[data-post-count="3"] .jp-related-posts-i2__post {
1 serving
max-width: calc)
1 serving
}
1 serving
jp-related-posts-i2__row[data-post-count="2"] .jp-related-posts-i2__post
1 serving
jp-related-posts-i2__row[data-post-count="1"] .jp-related-posts-i2__post {
1 serving
max-width: calc)
1 serving
}
1 serving
jp-related-posts-i2__post-heading
1 serving
flex-direction: row
1 serving
}
1 serving
jp-related-posts-i2__post-heading {
margin: .5rem
1
line-height: 2em
1 serving
}
1 link
jp-related-posts-i2__post {
1 serving
width
1
line-height: 2em
1 serving
}
1 link
jp-related-posts-i2__post-img {
1
1 serving
}
1 link
jp-related-posts-i2__post-img img {
1 serving
width
1 serving
}
1 serving
list view
1 serving
jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__row{
? margin-top: 0; margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__post {
1 serving
max-width: none
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 link
jp-relatedposts-i2[data-layout="list"].jp-related-posts-i2__post-img {
1 serving
}
1 serving
breakpoints
1 serving
media only screen and {
1 serving
jp-related-posts-i2__row {
? margin-top: 0; margin-top: 0; margin-top 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
jp-related-posts-i2__row[data-post-count] .jp-related-posts-i2__post {
1 serving
max-width: none
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 link
jp-related-posts-i2__post-img {
1 serving
}
1 link
jp-related-posts-i2__post-img img {
1 serving
width: 350px
1 serving
}
1 serving
}
1 serving
container
1 serving
jp-relatedposts {
1 serving
display: none
margin: 1em
1 serving
position: relative
1 serving
}
1 serving
jp-relatedposts:after {
1 serving
content
1 serving
}
3
jp-relatedposts hjp-relatedposts-headline {
margin: 1em
1 serving
float: left
9 pts
1 serving
font-weight: bold
1 serving
font-family: inherit
1 serving
}
3
jp-relatedposts hjp-relatedposts-headline em:before {
1 serving
content
1 serving
width
1 serving
min-width: 30px
1 serving
}
3
jp-relatedposts hjp-relatedposts-headline em {
1 serving
font-weight: bold
1 serving
}
1 serving
related posts items
1 serving
jp-relatedposts .jp-relatedposts-items {
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items-visual {
1 serving
margin-right: -20px
1 serving
}
1 serving
related posts item
1 serving
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
1 serving
float: left
1 serving
width
1 serving
box-sizing: border-box
1 oz
m -box-sizing: border-box
1 serving
webkit-box-sizing: border-box
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
1 serving
padding-right: 20px
4/5
4/5
1 serving
}
4
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child
4
jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child) {
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a {
1 serving
text-decoration: underline
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover {
1
1
1 serving
}
1 serving
related posts item content
4
jp-relatedposts .jp-relatedposts-items-visual hjp-relatedposts-post-title
1 serving
jp-relatedposts .jp-relatedposts-items p {
1 serving
line-height: 20px
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs {
1 serving
position:relative
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay {
1 serving
position:absolute
? top:0; top:0; top 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"=>""}}
? right:0; right:0; right 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
? border-bottom: 0; border-bottom: 0; border-bottom 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items 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
}
4
jp-relatedposts .jp-relatedposts-items-visual hjp-relatedposts-post-title {
1 serving
text-transform: none
? margin: 0; margin: 0; margin 0.0 {"us"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}, "metric"=>{"amount"=>0.0, "unitShort"=>"", "unitLong"=>""}}
1 serving
font-family: inherit
1 serving
max-width
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
1 serving
font-weight: normal
1 serving
text-decoration: none
1
1
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
1 serving
text-decoration: underline
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img
1 serving
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span {
1 serving
max-width
1 serving
overflow: hidden
1 serving
text-overflow: ellipsis
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img
1 serving
jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span {
1 serving
max-width
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
3/5
1 serving
}
1 serving
display: none
1 serving
}
1 serving
behavior when there are thumbnails in visual mode
1 pt
jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excer {
1 serving
display: none
1 serving
}
1 serving
behavior when there are no thumbnails in visual mode
1 pt
jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excer {
1 serving
overflow: hidden
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span {
1 serving
}
1 serving
list layout
1 serving
jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post {
1 serving
width
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img {
1 serving
float: left
1 serving
overflow: hidden
1 serving
max-width
1 serving
margin-right
1 serving
}
4
jp-relatedposts .jp-relatedposts-list hjp-relatedposts-post-title {
1 serving
max-width
1 serving
}
1 serving
responsive
1 serving
media only screen and {
1 serving
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
1 serving
width
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child) {
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-items-visual {
1 serving
margin-right: 20px
1 serving
}
1 serving
}
1 serving
media only screen and {
1 serving
jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
1 serving
width
margin: 1em
1 serving
}
1 serving
jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img
4
jp-relatedposts .jp-relatedposts-list hjp-relatedposts-post-title {
1 serving
float: none
1 serving
max-width
? 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
}