Skip to content

Instantly share code, notes, and snippets.

@patrickbolle
Last active May 13, 2025 21:21
Show Gist options
  • Select an option

  • Save patrickbolle/05d3d223b0a7a1d62d46708065e1e69f to your computer and use it in GitHub Desktop.

Select an option

Save patrickbolle/05d3d223b0a7a1d62d46708065e1e69f to your computer and use it in GitHub Desktop.
@charset "UTF-8";
/* Base SCSS Variables */
/* End SCSS Variables */
/* Media Queries for SCSS */
/* End Media Queries */
/* Debut Theme Overrides */
.rte .social-sharing {
margin: 0;
list-style: none;
padding-top: 10px;
}
#frameToPrint {
display: none;
}
/* End Theme Overrides */
#rk_parent {
/* Reset base styles */
/* End reset */
/* RK Modern - Default Recipe Styles */
/* End RK Modern */
/* RK Modern Column Styles */
/* RK Modern - Default Recipe Styles */
/* End RK Sunny Design */
/* RK Uptown */
/* End RK Uptown Design */
/* Global Styling */
/* End Global Styling */
}
#rk_parent *::after {
display: none;
}
#rk_parent .rk_modern {
position: relative;
display: block !important;
}
#rk_parent .rk_modern .rk_container {
width: 100%;
max-width: 1000px;
padding: 15px;
border: 1px solid black;
/* Typogaphy */
/* End Typography */
/* Utilities */
/* End Utilities */
/* Recipe Image */
/* End Recipe Image */
/* Recipe Details (Meta Info) */
/* End Recipe Details */
/* List Items (Description, Ingredients) */
/* End List Items */
/* Actions and Social Media Sharing Buttons */
/* End Actions / Social Media */
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_modern .rk_container {
padding: 25px;
}
}
#rk_parent .rk_modern .rk_container .rk_heading {
width: 100%;
margin-bottom: 5px;
margin-top: 0;
padding-top: 0;
border: 0;
font-size: 30px;
text-align: left;
line-height: 1;
margin-bottom: 10px;
}
#rk_parent .rk_modern .rk_container .rk_subheading {
line-height: 1;
margin-top: 0px;
border: 0;
}
#rk_parent .rk_modern .rk_container .rk_meta {
margin-top: 0;
font-size: 17px;
margin-bottom: 5px;
font-weight: bold;
text-align: left;
border: 0;
line-height: 1;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_modern .rk_container .rk_meta {
margin-bottom: 10px;
}
}
#rk_parent .rk_modern .rk_container ul,
#rk_parent .rk_modern .rk_container li,
#rk_parent .rk_modern .rk_container p,
#rk_parent .rk_modern .rk_container a {
font-size: 15px;
line-height: 21px;
margin-bottom: 0;
margin-top: 0;
}
#rk_parent .rk_modern .rk_container .rk_hr {
margin: 15px 0;
width: 100%;
max-width: 100%;
display: block;
border-bottom: 1px solid;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_modern .rk_container .rk_hr {
margin: 30px 0;
}
}
#rk_parent .rk_modern .rk_container .rk_grid {
display: block;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_modern .rk_container .rk_grid {
display: flex;
}
}
#rk_parent .rk_modern .rk_container .rk_grid .rk_column {
flex: 1;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_modern .rk_container .rk_grid .rk_primary {
margin-bottom: 25px;
padding-right: 25px;
flex: 1 0 30%;
}
}
#rk_parent .rk_modern .rk_container .rk_grid .rk_column_third {
width: 100%;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_modern .rk_container .rk_grid .rk_column_third {
flex: initial;
width: 30%;
text-align: left;
padding-right: 20px;
}
}
#rk_parent .rk_modern .rk_container .rk_secondary {
display: flex;
flex-direction: column;
}
#rk_parent .rk_modern .rk_container .rk_image {
padding-top: 20px;
}
#rk_parent .rk_modern .rk_container .rk_image img {
width: 100%;
height: 100%;
max-height: 250px;
max-width: 100%;
margin: 0;
object-fit: cover;
}
@media only screen and (max-width: 1023px) {
#rk_parent .rk_modern .rk_container .rk_image img {
width: 100%;
max-width: 100%;
max-height: 350px;
height: 100%;
object-fit: cover;
}
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_modern .rk_container .rk_image {
text-align: right;
}
#rk_parent .rk_modern .rk_container .rk_image img {
object-fit: cover;
max-height: 400px;
height: 100%;
width: 100%;
max-width: 100%;
margin-bottom: 0;
}
}
#rk_parent .rk_modern .rk_container .rk_details {
text-align: left;
}
#rk_parent .rk_modern .rk_container .rk_details .rk_grid {
display: flex;
flex-wrap: wrap;
}
#rk_parent .rk_modern .rk_container .rk_details .rk_column {
float: left;
flex: 50%;
padding-bottom: 10px;
padding-right: 10px;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_modern .rk_container .rk_details .rk_column {
padding-bottom: 0;
flex-grow: 1;
flex: auto;
}
}
#rk_parent .rk_modern .rk_container .rk_details a {
text-decoration: none;
border-bottom: 1px dotted black;
}
#rk_parent .rk_modern .rk_container .rk_column_heading {
margin-bottom: 10px;
font-size: 17px;
text-align: left;
font-weight: bold;
border: 0;
line-height: 1;
}
#rk_parent .rk_modern .rk_container .rk_print {
text-align: right;
cursor: pointer;
}
#rk_parent .rk_modern .rk_container .rk_description {
padding-top: 10px;
word-wrap: break-word;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_modern .rk_container .rk_description {
padding-top: 20px;
}
}
#rk_parent .rk_modern .rk_container .rk_description .rk_author {
padding-top: 10px;
font-style: italic;
display: block;
}
#rk_parent .rk_modern .rk_container .rk_description .rk_author a {
border-bottom: 1px dotted black;
}
#rk_parent .rk_modern .rk_container .rk_directions .rk_group_heading,
#rk_parent .rk_modern .rk_container .rk_ingredients .rk_group_heading {
font-weight: bold;
font-size: 15px;
margin: 10px 0;
padding: 0;
}
#rk_parent .rk_modern .rk_container .rk_directions ul,
#rk_parent .rk_modern .rk_container .rk_ingredients ul {
padding-left: 0;
margin-left: auto;
list-style-type: none;
counter-reset: item;
}
#rk_parent .rk_modern .rk_container .rk_directions ul li::before,
#rk_parent .rk_modern .rk_container .rk_ingredients ul li::before {
content: "•";
margin-right: 8px;
}
#rk_parent .rk_modern .rk_container .rk_directions ul li,
#rk_parent .rk_modern .rk_container .rk_ingredients ul li {
margin-bottom: 10px;
position: relative;
white-space: normal;
}
#rk_parent .rk_modern .rk_container .rk_directions ul li p,
#rk_parent .rk_modern .rk_container .rk_ingredients ul li p {
display: inline;
}
#rk_parent .rk_modern .rk_container .rk_directions ol,
#rk_parent .rk_modern .rk_container .rk_ingredients ol {
padding-left: 0;
margin-left: 15px;
margin-bottom: 0;
list-style: decimal outside;
}
#rk_parent .rk_modern .rk_container .rk_directions ol li,
#rk_parent .rk_modern .rk_container .rk_ingredients ol li {
padding-bottom: 10px;
padding-left: 5px;
position: relative;
list-style: decimal;
}
#rk_parent .rk_modern .rk_container .rk_directions ol li p,
#rk_parent .rk_modern .rk_container .rk_ingredients ol li p {
display: inline-block;
vertical-align: top;
}
#rk_parent .rk_modern .rk_container .rk_directions a,
#rk_parent .rk_modern .rk_container .rk_ingredients a {
text-decoration: none;
border-bottom: 1px dotted black;
white-space: normal;
vertical-align: top;
}
#rk_parent .rk_modern .rk_container .rk_directions ul li {
margin-bottom: 0;
}
#rk_parent .rk_modern .rk_container .rk_directions ul li p {
display: inline-block;
}
#rk_parent .rk_modern .rk_container .rk_directions .rk_direction_image {
padding: 10px 0;
}
#rk_parent .rk_modern .rk_container .rk_directions .rk_direction_image img {
max-width: 750px;
width: 100%;
height: 100%;
}
#rk_parent .rk_modern .rk_container .rk_actions {
padding: 15px 0;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_modern .rk_container .rk_actions {
text-align: right;
padding-top: 0;
padding-bottom: 0;
}
}
#rk_parent .rk_modern .rk_container .rk_social {
display: inline-flex;
margin: 0;
padding-left: 0;
list-style: none;
}
#rk_parent .rk_modern .rk_container .rk_social .visually-hidden {
display: none;
}
#rk_parent .rk_modern .rk_container .rk_social svg {
fill: black;
width: 26px;
height: auto;
}
#rk_parent .rk_modern .rk_container .rk_social li {
list-style: none;
margin: 0 5px;
width: 26px;
}
#rk_parent .rk_modern .rk_container .rk_social li a {
border: none;
}
#rk_parent .rk_modern .rk_container .rk_social li:first-child {
margin-left: 0;
}
#rk_parent .rk_modern .rk_container .rk_powered {
text-align: center;
position: relative;
margin-left: 0;
margin-bottom: -5px;
}
#rk_parent .rk_modern .rk_container .rk_powered span {
font-size: 9px;
}
#rk_parent .rk_modern .rk_container .rk_powered span a {
font-size: 9px;
border-bottom: 1px dotted black;
}
#rk_parent .rk_modern_column .rk_container .rk_atc_btn,
#rk_parent .rk_modern_column .rk_container .rk_rfc_btn {
position: relative;
display: block;
font-size: inherit;
top: 0;
}
#rk_parent .rk_modern_column .rk_container .rk_ingredients ul li p,
#rk_parent .rk_modern_column .rk_container .rk_ingredients a {
display: inline;
}
#rk_parent .rk_modern_column .rk_container .rk_has_link {
white-space: normal;
display: inline;
}
#rk_parent .rk_modern_column .rk_container .select_div {
position: relative;
display: block;
top: 0;
margin-left: 0;
margin-top: 10px;
}
#rk_parent .rk_modern_column .rk_container .select_div .rk_atc_btn,
#rk_parent .rk_modern_column .rk_container .select_div .rk_rfc_btn {
position: relative;
top: 0;
margin-left: 0;
margin-top: 5px;
}
#rk_parent .rk_sunny {
position: relative;
display: block !important;
}
#rk_parent .rk_sunny .rk_container {
width: 100%;
max-width: 1000px;
padding-top: 25px;
padding-bottom: 25px;
/* Typogaphy */
/* End Typography */
/* Utilities */
/* End Utilities */
/* Recipe Image */
/* End Recipe Image */
/* Recipe Details (Meta Info) */
/* End Recipe Details */
/* List Items (Description, Ingredients) */
/* End List Items */
/* Actions and Social Media Sharing Buttons */
/* End Actions / Social Media */
}
#rk_parent .rk_sunny .rk_container .rk_heading {
width: 100%;
margin-bottom: 5px;
margin-top: 0;
padding-top: 0;
border: 0;
font-size: 30px;
text-align: left;
line-height: 1;
margin-bottom: 10px;
}
#rk_parent .rk_sunny .rk_container .rk_subheading {
line-height: 1;
margin-top: 0px;
border: 0;
}
#rk_parent .rk_sunny .rk_container .rk_meta {
margin-top: 0;
font-size: 17px;
margin-bottom: 5px;
font-weight: bold;
text-align: left;
border: 0;
line-height: 1;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_sunny .rk_container .rk_meta {
margin-bottom: 10px;
}
}
#rk_parent .rk_sunny .rk_container ul,
#rk_parent .rk_sunny .rk_container li,
#rk_parent .rk_sunny .rk_container p,
#rk_parent .rk_sunny .rk_container a {
font-size: 15px;
line-height: 21px;
margin-bottom: 0;
margin-top: 0;
}
#rk_parent .rk_sunny .rk_container .rk_hr {
margin: 15px 0;
width: 100%;
max-width: 100%;
display: block;
border-bottom: 1px solid;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_sunny .rk_container .rk_hr {
margin: 30px 0;
}
}
#rk_parent .rk_sunny .rk_container .rk_grid {
display: block;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_sunny .rk_container .rk_grid {
display: flex;
}
}
#rk_parent .rk_sunny .rk_container .rk_grid .rk_column {
flex: 1;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_sunny .rk_container .rk_grid .rk_primary {
margin-bottom: 25px;
padding-right: 25px;
flex: 1 0 30%;
}
}
#rk_parent .rk_sunny .rk_container .rk_grid .rk_column_third {
width: 100%;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_sunny .rk_container .rk_grid .rk_column_third {
flex: initial;
width: 30%;
text-align: left;
padding-right: 20px;
}
}
#rk_parent .rk_sunny .rk_container .rk_secondary {
display: flex;
flex-direction: row;
}
@media only screen and (max-width: 600px) {
#rk_parent .rk_sunny .rk_container .rk_secondary {
flex-direction: column;
}
}
#rk_parent .rk_sunny .rk_container .rk_image {
padding-left: 15px;
}
#rk_parent .rk_sunny .rk_container .rk_image img {
width: 100%;
max-width: 100%;
height: auto;
}
@media only screen and (max-width: 600px) {
#rk_parent .rk_sunny .rk_container .rk_image {
padding-top: 15px;
padding-left: 0;
}
}
#rk_parent .rk_sunny .rk_container .rk_details {
text-align: left;
}
#rk_parent .rk_sunny .rk_container .rk_details .rk_grid {
display: flex;
flex-wrap: unset;
}
#rk_parent .rk_sunny .rk_container .rk_details .rk_column {
float: left;
flex: 50%;
padding-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_sunny .rk_container .rk_details .rk_column {
flex: 33%;
padding-bottom: 25px;
}
}
#rk_parent .rk_sunny .rk_container .rk_details a {
text-decoration: none;
border-bottom: 1px dotted black;
}
#rk_parent .rk_sunny .rk_container .rk_has_image .rk_grid {
flex-wrap: wrap;
}
#rk_parent .rk_sunny .rk_container .rk_column_heading {
margin-bottom: 10px;
font-size: 17px;
text-align: left;
font-weight: bold;
border: 0;
line-height: 1;
text-align: left;
border-bottom: 1px solid #000;
line-height: 0.1em;
margin: 25px 0;
}
#rk_parent .rk_sunny .rk_container .rk_column_heading span {
background: #fff;
padding-right: 10px;
}
#rk_parent .rk_sunny .rk_container .rk_print {
text-align: right;
cursor: pointer;
}
#rk_parent .rk_sunny .rk_container .rk_print svg {
padding: 1px;
}
#rk_parent .rk_sunny .rk_container .rk_description {
padding: 10px 0;
word-wrap: break-word;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_sunny .rk_container .rk_description {
padding: 0;
}
}
#rk_parent .rk_sunny .rk_container .rk_directions .rk_group_heading,
#rk_parent .rk_sunny .rk_container .rk_ingredients .rk_group_heading {
font-weight: bold;
font-size: 15px;
margin: 10px 0;
padding: 0;
}
#rk_parent .rk_sunny .rk_container .rk_directions ul,
#rk_parent .rk_sunny .rk_container .rk_ingredients ul {
padding-left: 0;
margin-left: auto;
list-style: inside;
}
#rk_parent .rk_sunny .rk_container .rk_directions ul li,
#rk_parent .rk_sunny .rk_container .rk_ingredients ul li {
list-style: outside;
margin-left: 13px;
margin-bottom: 10px;
position: relative;
padding-left: 5px;
}
#rk_parent .rk_sunny .rk_container .rk_directions ul li p,
#rk_parent .rk_sunny .rk_container .rk_ingredients ul li p {
display: inline-block;
}
#rk_parent .rk_sunny .rk_container .rk_directions ol,
#rk_parent .rk_sunny .rk_container .rk_ingredients ol {
padding-left: 0;
margin-left: 15px;
margin-bottom: 0;
list-style: decimal outside;
}
#rk_parent .rk_sunny .rk_container .rk_directions ol li,
#rk_parent .rk_sunny .rk_container .rk_ingredients ol li {
padding-bottom: 10px;
padding-left: 5px;
list-style: decimal;
position: relative;
}
#rk_parent .rk_sunny .rk_container .rk_directions ol li p,
#rk_parent .rk_sunny .rk_container .rk_ingredients ol li p {
display: inline-block;
vertical-align: top;
}
#rk_parent .rk_sunny .rk_container .rk_directions a p,
#rk_parent .rk_sunny .rk_container .rk_ingredients a p {
text-decoration: none;
border-bottom: 1px dotted black;
}
#rk_parent .rk_sunny .rk_container .rk_directions ul li {
margin-bottom: 0;
}
#rk_parent .rk_sunny .rk_container .rk_directions ul li p {
display: inline-block;
}
#rk_parent .rk_sunny .rk_container .rk_directions .rk_direction_image {
padding: 10px 0;
}
#rk_parent .rk_sunny .rk_container .rk_directions .rk_direction_image img {
max-width: 750px;
width: 100%;
height: 100%;
}
#rk_parent .rk_sunny .rk_container .rk_actions {
padding: 15px 0;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_sunny .rk_container .rk_actions {
text-align: right;
padding-top: 0;
padding-bottom: 0;
}
}
#rk_parent .rk_sunny .rk_container .rk_social {
display: inline-flex;
margin: 0;
padding-left: 0;
list-style: none;
}
#rk_parent .rk_sunny .rk_container .rk_social .visually-hidden {
display: none;
}
#rk_parent .rk_sunny .rk_container .rk_social svg {
fill: black;
width: 30px;
}
#rk_parent .rk_sunny .rk_container .rk_social li {
list-style: none;
margin: 0 10px;
width: 20px;
}
#rk_parent .rk_sunny .rk_container .rk_social li a {
border: none;
}
#rk_parent .rk_sunny .rk_container .rk_social li:first-child {
margin-left: 0;
}
#rk_parent .rk_sunny .rk_container .rk_powered {
text-align: center;
position: relative;
margin-left: 0;
margin-bottom: -5px;
}
#rk_parent .rk_sunny .rk_container .rk_powered span {
font-size: 9px;
}
#rk_parent .rk_sunny .rk_container .rk_powered span a {
font-size: 9px;
border-bottom: 1px dotted black;
}
#rk_parent .rk_uptown {
position: relative;
display: block !important;
}
#rk_parent .rk_uptown .rk_container {
width: 100%;
max-width: 1000px;
padding-top: 25px;
padding-bottom: 25px;
/* Typography */
/* End Typography */
/* Utilities */
/* End Utilities */
/* Recipe Image */
/* End Recipe Image */
/* Recipe Details (Meta Info) */
/* End Recipe Details */
/* List Items (Description, Ingredients) */
/* End List Items */
}
#rk_parent .rk_uptown .rk_container .rk_heading {
width: 100%;
margin-bottom: 5px;
margin-top: 0;
padding-top: 0;
border: 0;
font-size: 30px;
text-align: left;
line-height: 1;
margin-bottom: 10px;
text-align: center;
letter-spacing: 2px;
}
#rk_parent .rk_uptown .rk_container .rk_subheading {
line-height: 1;
margin-top: 0px;
border: 0;
text-align: center;
}
#rk_parent .rk_uptown .rk_container .rk_meta {
margin-top: 0;
font-size: 17px;
font-weight: bold;
text-align: left;
border: 0;
line-height: 21px;
}
#rk_parent .rk_uptown .rk_container ul,
#rk_parent .rk_uptown .rk_container li,
#rk_parent .rk_uptown .rk_container p,
#rk_parent .rk_uptown .rk_container a {
font-size: 15px;
line-height: 21px;
margin-bottom: 0;
margin-top: 0;
}
#rk_parent .rk_uptown .rk_container .rk_hr {
margin: 15px 0;
width: 100%;
max-width: 100%;
display: block;
border-bottom: 1px solid;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_uptown .rk_container .rk_hr {
margin: 30px 0;
}
}
#rk_parent .rk_uptown .rk_container .rk_grid {
display: block;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_uptown .rk_container .rk_grid {
display: flex;
}
}
#rk_parent .rk_uptown .rk_container .rk_grid .rk_column {
flex: 1;
}
#rk_parent .rk_uptown .rk_container .rk_grid .rk_meta_column {
display: flex;
}
#rk_parent .rk_uptown .rk_container .rk_grid .rk_primary {
margin: 15px 5px;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_uptown .rk_container .rk_grid .rk_primary {
margin: 20px 0;
flex: 1 0 30%;
}
}
#rk_parent .rk_uptown .rk_container .rk_grid .rk_column_third {
width: 100%;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_uptown .rk_container .rk_grid .rk_column_third {
flex: initial;
width: 30%;
text-align: left;
}
}
#rk_parent .rk_uptown .rk_container .rk_secondary {
display: flex;
flex-direction: row;
padding-top: 20px;
border-top: 2px solid rgb(226, 221, 204);
}
@media only screen and (max-width: 600px) {
#rk_parent .rk_uptown .rk_container .rk_secondary {
flex-direction: column;
}
}
#rk_parent .rk_uptown .rk_container .rk_image img {
width: 100%;
max-width: 100%;
height: auto;
}
#rk_parent .rk_uptown .rk_container .rk_details {
text-align: left;
/* Actions and Social Media Sharing Buttons */
/* End Actions / Social Media */
}
#rk_parent .rk_uptown .rk_container .rk_details .rk_grid {
display: flex;
flex-wrap: unset;
}
#rk_parent .rk_uptown .rk_container .rk_details .rk_column {
float: left;
flex: 50%;
padding-bottom: 10px;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_uptown .rk_container .rk_details .rk_column {
flex: 33%;
max-width: 33%;
}
}
#rk_parent .rk_uptown .rk_container .rk_details .rk_meta_column .rk_meta {
margin-right: 10px !important;
}
#rk_parent .rk_uptown .rk_container .rk_details a {
text-decoration: none;
border-bottom: 1px dotted black;
}
#rk_parent .rk_uptown .rk_container .rk_details .rk_actions {
padding: 15px 0;
}
@media only screen and (min-width: 1024px) {
#rk_parent .rk_uptown .rk_container .rk_details .rk_actions {
text-align: center;
padding-top: 10px;
padding-bottom: 0;
}
}
#rk_parent .rk_uptown .rk_container .rk_details .rk_social {
display: inline-flex;
margin: 0;
padding-left: 0;
list-style: none;
}
#rk_parent .rk_uptown .rk_container .rk_details .rk_social .visually-hidden {
display: none;
}
#rk_parent .rk_uptown .rk_container .rk_details .rk_social svg {
fill: #ddca8b;
width: 30px;
}
#rk_parent .rk_uptown .rk_container .rk_details .rk_social li {
list-style: none;
margin: 0 10px;
width: 20px;
}
#rk_parent .rk_uptown .rk_container .rk_details .rk_social li a {
border: none;
}
#rk_parent .rk_uptown .rk_container .rk_details .rk_social li:first-child {
margin-left: 0;
}
#rk_parent .rk_uptown .rk_container .rk_has_image .rk_grid {
flex-wrap: wrap;
}
#rk_parent .rk_uptown .rk_container .rk_column_heading {
margin-bottom: 10px;
font-size: 17px;
text-align: left;
font-weight: bold;
border: 0;
line-height: 1;
text-align: left;
border-bottom: 1px solid #000;
line-height: 0.1em;
margin: 20px 0;
}
#rk_parent .rk_uptown .rk_container .rk_column_heading span {
background: #fff;
padding-right: 10px;
}
#rk_parent .rk_uptown .rk_container .rk_print {
text-align: right;
cursor: pointer;
}
#rk_parent .rk_uptown .rk_container .rk_print svg {
padding: 1px;
}
#rk_parent .rk_uptown .rk_container .rk_description {
padding: 10px 0;
word-wrap: break-word;
}
#rk_parent .rk_uptown .rk_container .rk_directions .rk_ingredients_mark,
#rk_parent .rk_uptown .rk_container .rk_ingredients .rk_ingredients_mark {
background-color: rgb(226, 221, 204);
display: inline-block;
margin-bottom: 1.5rem;
padding: 0.25rem 0.5rem;
}
#rk_parent .rk_uptown .rk_container .rk_directions .rk_group_heading,
#rk_parent .rk_uptown .rk_container .rk_ingredients .rk_group_heading {
font-weight: bold;
font-size: 15px;
margin: 10px 0;
padding: 0;
}
#rk_parent .rk_uptown .rk_container .rk_directions ul,
#rk_parent .rk_uptown .rk_container .rk_ingredients ul {
padding-left: 0;
margin-left: auto;
list-style: none;
}
#rk_parent .rk_uptown .rk_container .rk_directions ul li,
#rk_parent .rk_uptown .rk_container .rk_ingredients ul li {
list-style: none;
margin-bottom: 10px;
position: relative;
}
#rk_parent .rk_uptown .rk_container .rk_directions ul li p,
#rk_parent .rk_uptown .rk_container .rk_ingredients ul li p {
display: inline-block;
}
#rk_parent .rk_uptown .rk_container .rk_directions ol,
#rk_parent .rk_uptown .rk_container .rk_ingredients ol {
padding-left: 0;
list-style-type: none;
counter-reset: elementcounter;
margin-left: 15px;
margin-bottom: 0;
}
#rk_parent .rk_uptown .rk_container .rk_directions ol li,
#rk_parent .rk_uptown .rk_container .rk_ingredients ol li {
padding-bottom: 10px;
padding-left: 5px;
list-style: none;
position: relative;
}
#rk_parent .rk_uptown .rk_container .rk_directions ol li:before,
#rk_parent .rk_uptown .rk_container .rk_ingredients ol li:before {
counter-increment: elementcounter;
font-size: 16px;
font-weight: 600;
padding-bottom: 5px;
display: block;
}
#rk_parent .rk_uptown .rk_container .rk_directions ol li p,
#rk_parent .rk_uptown .rk_container .rk_ingredients ol li p {
display: inline-block;
vertical-align: top;
padding-bottom: 5px;
}
#rk_parent .rk_uptown .rk_container .rk_directions a,
#rk_parent .rk_uptown .rk_container .rk_ingredients a {
text-decoration: none;
border-bottom: 1px dotted black;
}
#rk_parent .rk_uptown .rk_container .rk_directions {
margin-top: 30px;
}
#rk_parent .rk_uptown .rk_container .rk_directions .step_text {
display: block !important;
font-weight: 600;
padding-bottom: 5px;
}
#rk_parent .rk_uptown .rk_container .rk_directions ul li {
margin-bottom: 0;
list-style: none;
padding-left: 0;
margin-left: 0;
}
#rk_parent .rk_uptown .rk_container .rk_directions ul li p {
display: inline-block;
}
#rk_parent .rk_uptown .rk_container .rk_directions ol {
padding-left: 0;
margin-left: 0;
}
#rk_parent .rk_uptown .rk_container .rk_directions ol li {
list-style: none;
padding-left: 0;
margin-left: 0;
padding-bottom: 20px;
}
#rk_parent .rk_uptown .rk_container .rk_direction_image {
padding: 10px 0;
}
#rk_parent .rk_uptown .rk_container .rk_direction_image img {
max-width: 750px;
width: 100%;
height: 100%;
}
#rk_parent .rk_uptown .rk_container .rk_rating_wrapper {
display: flex;
flex-direction: column;
}
#rk_parent .rk_uptown .rk_container .rk_rating_wrapper .rk_rating_caption {
display: flex;
justify-content: center;
font-size: 1.5em;
}
#rk_parent .rk_uptown .rk_container .rk_rating_wrapper .rk_rating {
justify-content: center;
margin-top: 10px;
}
#rk_parent .rk_uptown .rk_container .rk_rating_wrapper .rk_rating .stars {
display: flex;
flex-flow: row-reverse;
justify-content: flex-end;
margin: 0;
padding: 0;
}
#rk_parent .rk_uptown .rk_container .rk_rating_wrapper .rk_rating .stars .star {
position: relative;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
}
#rk_parent .rk_uptown .rk_container .rk_rating_wrapper .rk_rating .stars .star::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
z-index: 1;
}
#rk_parent .rk_uptown .rk_container .rk_rating_wrapper .rk_rating svg {
position: relative;
width: 1.2em;
height: 1em;
margin: 5px 1px;
fill: transparent;
pointer-events: none;
z-index: 2;
font-size: 1.2em;
}
#rk_parent .rk_uptown .rk_container .rk_rating_wrapper .rk_rating .stars .star.is-selected svg,
#rk_parent .rk_uptown .rk_container .rk_rating_wrapper .rk_rating .stars .star.is-selected ~ .star svg {
fill: rgb(51, 51, 51);
}
#rk_parent .rk_uptown .rk_container .rk_rating_wrapper #rk_rating_thanks {
text-align: center;
}
#rk_parent .rk_uptown .rk_container .rk_section_header {
border-bottom: 2px solid rgb(226, 221, 204);
padding-bottom: 20px;
font-size: 1.4em;
padding-top: 10px;
}
#rk_parent details {
list-style: inside;
margin-bottom: 10px;
padding-left: 5px;
}
#rk_parent details summary {
display: list-item;
}
#rk_parent .rk_atc_form {
display: block;
margin: 10px 0 10px 15px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
max-width: 300px;
padding: 10px;
border-radius: 2px;
}
#rk_parent .rk_atc_form .original_id_select {
display: none;
}
#rk_parent .rk_atc_form select {
height: 28px;
padding: 5px 25px 5px 5px;
max-height: 28px;
width: 100%;
margin-bottom: 10px;
}
#rk_parent .rk_atc_form input {
height: 28px;
padding: 5px 5px 5px 5px;
max-height: 28px;
width: 50px;
}
#rk_parent .rk_atc_form .ingredient_product_section {
margin-bottom: 5px;
padding-bottom: 5px;
display: flex;
align-items: center;
}
#rk_parent .rk_atc_form .ingredient_product_section .product_info {
padding-left: 5px;
flex: 1;
text-align: center;
}
#rk_parent .rk_atc_form .ingredient_product_section .product_info button {
margin-top: 5px;
}
#rk_parent .rk_atc_form .ingredient_product_section .product_info svg {
width: 15px;
height: 18px;
display: inline-block;
margin-left: 5px;
vertical-align: middle;
margin-bottom: 3px;
}
#rk_parent [data-tip] {
position: relative;
transition: 550ms ease;
}
#rk_parent [data-tip]:before {
content: "";
/* hides the tooltip when not hovered */
display: none;
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid rgba(0, 0, 0, 0.68);
position: absolute;
bottom: 28px;
left: 35px;
z-index: 8;
font-size: 0;
line-height: 0;
width: 0;
border-radius: 1px;
height: 0;
transition: 550ms ease;
}
#rk_parent [data-tip]:after {
display: none;
content: attr(data-tip);
position: absolute;
bottom: 35px;
left: 0px;
padding: 10px;
background: rgba(0, 0, 0, 0.68);
color: #fff;
z-index: 9999;
line-height: 18px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
white-space: nowrap;
word-wrap: normal;
transition: 350ms ease;
}
#rk_parent [data-tip]:hover:before,
#rk_parent [data-tip]:hover:after {
display: block;
transition: 550ms ease;
}
#rk_parent #rk_checkout_div {
display: none;
}
#rk_parent #rk_checkout_div.show_checkout_div {
display: inline-flex !important;
margin-bottom: 10px;
}
#rk_parent .rk_checkout_btn,
#rk_parent .rk_atc_all {
display: inline-block;
margin-left: 5px;
max-width: 200px;
padding: 10px;
border-radius: 2px;
background: black;
border: 1px solid black;
color: white;
text-align: center;
opacity: 1;
border-bottom: 0 !important;
transition: 350ms ease;
}
#rk_parent .rk_checkout_btn:hover,
#rk_parent .rk_atc_all:hover {
transition: 350ms ease;
opacity: 0.8;
}
#rk_parent .rk_cart_btn {
display: inline-block;
border-bottom: 0 !important;
max-width: 250px;
padding: 10px;
border-radius: 2px;
background: transparent;
color: black;
text-align: center;
opacity: 1;
}
#rk_parent .rk_cart_btn:hover {
transition: 350ms ease;
opacity: 0.8;
}
#rk_parent .select_div {
position: absolute;
display: -webkit-inline-box;
top: -3px;
margin-left: 5px;
}
#rk_parent .select_div .original_id_select {
height: 28px;
min-height: 28px;
padding: 0 25px 0 10px;
}
#rk_parent .select_div .rk_atc_btn,
#rk_parent .select_div .rk_rfc_btn {
position: relative;
min-height: 28px;
top: 0;
}
@media only screen and (max-width: 1023px) {
#rk_parent .select_div {
position: relative;
display: block;
top: 0;
margin-left: 0;
margin-top: 8px;
}
#rk_parent .select_div .original_id_select {
height: 28px;
padding: 0 25px 0 10px;
}
#rk_parent .select_div .rk_atc_btn,
#rk_parent .select_div .rk_rfc_btn {
position: relative;
top: 0;
margin-left: 0;
}
}
#rk_parent .rk_atc_btn {
border: 0;
height: 28px;
margin-left: 5px;
max-width: 250px;
padding: 0 10px;
border-radius: 2px;
background: black;
color: white;
vertical-align: bottom;
opacity: 1;
border: 1px solid black;
}
@media only screen and (max-width: 600px) {
#rk_parent .rk_atc_btn {
display: block;
position: relative;
margin-left: 0;
margin-top: 8px;
}
}
#rk_parent .rk_atc_btn > * {
pointer-events: none;
}
#rk_parent .rk_atc_btn:disabled {
opacity: 0.6;
}
#rk_parent .rk_atc_btn:hover {
background: transparent !important;
border: 1px solid black;
color: black;
transition: 350ms ease;
}
#rk_parent .rk_atc_btn:hover .rk_rfc_close {
transition: 350ms ease;
display: block;
height: 28px;
}
#rk_parent .rk_atc_btn:hover .rk_rfc_text {
opacity: 0;
}
#rk_parent .rk_atc_btn svg {
max-width: 19px;
height: 90%;
margin-right: 5px;
}
#rk_parent .rk_atc_btn .rk_lang_atc {
display: flex;
}
#rk_parent .rk_atc_btn .rk_atc_text {
display: flex;
align-items: center;
}
#rk_parent .rk_rfc_close {
display: none;
}
#rk_parent .rk_rfc_close svg {
fill: white;
max-width: 20px;
height: 95%;
}
#rk_parent .is_in_cart {
color: #757575;
text-decoration: line-through #757575;
}
#rk_parent .is_in_cart p {
color: #757575;
text-decoration: line-through #757575;
}
#rk_parent .rk_rfc_btn {
border: 0;
height: 28px;
margin-left: 5px;
max-width: 250px;
padding: 0 10px;
border-radius: 3px;
background: transparent;
border: 1px solid black;
color: black;
opacity: 1;
transition: 350ms ease;
}
@media only screen and (max-width: 1023px) {
#rk_parent .rk_rfc_btn {
display: block;
position: relative;
margin-top: 8px;
}
}
#rk_parent .rk_rfc_btn > * {
pointer-events: none;
}
#rk_parent .rk_rfc_btn:disabled {
opacity: 0.6;
}
#rk_parent .rk_rfc_btn:hover {
background: #ff6961;
border: 1px solid #ff6961 !important;
color: white;
transition: 350ms ease;
}
#rk_parent .rk_rfc_btn:hover .rk_rfc_close {
transition: 350ms ease;
display: block;
height: 28px;
}
#rk_parent .rk_rfc_btn:hover .rk_rfc_text {
opacity: 1;
}
#rk_parent .rk_add_button,
#rk_parent .rk_remove_button {
cursor: pointer;
}
#rk_parent .rk_add_button svg,
#rk_parent .rk_remove_button svg {
width: 20px;
height: 20px;
}
#rk_parent .rk_has_link {
display: inline;
}
#rk_parent .rk_has_link svg {
width: 15px;
height: 18px;
display: inline-block;
margin-left: 5px;
vertical-align: middle;
margin-bottom: 3px;
}
#rk_parent .rk_rating {
display: inline-flex;
}
#rk_parent .rk_rating #rk_rating_thanks {
margin-top: 0;
padding: 0;
padding-left: 10px;
}
#rk_parent .rk_rating svg {
position: relative;
width: 1.2em;
height: 1em;
fill: transparent;
pointer-events: none;
z-index: 2;
}
#rk_parent .rk_rating .stars {
display: flex;
flex-flow: row-reverse;
justify-content: flex-end;
margin: 0;
padding: 0;
}
#rk_parent .rk_rating .stars .star {
position: relative;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
}
#rk_parent .rk_rating .stars .star::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
z-index: 1;
}
#rk_parent .rk_rating .stars .star svg {
position: relative;
width: 1.2em;
height: 1em;
fill: transparent;
pointer-events: none;
z-index: 2;
}
#rk_parent .rk_rating .stars .star.is-selected svg,
#rk_parent .rk_rating .stars .star.is-selected ~ .star svg {
fill: #ff5554;
}
#rk_parent .rk_rating .stars .star:hover svg,
#rk_parent .rk_rating .stars .star:hover ~ .star svg {
opacity: 0.8;
fill: #ff5554;
}
#rk_parent .rk_rating #rated {
margin-top: 1em;
}
#rk_parent .rk_video {
border: 0;
height: 400px;
padding: 0;
margin: 0;
position: relative;
}
#rk_parent .video-wrapper {
padding: 0;
height: auto;
}
#rk_parent .rk_atc_actions {
display: block;
column-gap: 25px;
}
#rk_parent .rk_atc_all {
font-size: 15px;
line-height: 21px;
margin-bottom: 0;
margin-top: 0;
}
/* Print Setup */
@media print {
img,
h1,
h2,
h3,
h4 {
page-break-before: auto;
page-break-after: auto;
page-break-inside: avoid;
display: block;
}
}
@media print {
#rk_parent .rk_primary {
padding-bottom: 15px;
}
#rk_parent .rk_actions {
display: none !important;
}
#rk_parent .rk_grid {
display: flex !important;
}
#rk_parent .rk_grid .rk_column {
flex: 1;
}
#rk_parent .rk_grid .rk_directions {
flex: 2 !important;
}
#rk_parent .rk_grid .rk_actions {
text-align: right !important;
}
#rk_parent .rk_print_hide {
display: none !important;
}
#rk_parent img {
display: block;
page-break-inside: avoid;
}
#rk_parent *::after {
display: none;
}
.pe-no-print {
display: none !important;
}
.pe-preserve-ancestor {
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
}
}
/* End Print Setup */
/* Nutrition Style */
.rk_nutrition_column {
display: flex;
justify-content: left;
}
.rk_nutrition_column .rk_nutrition_card {
width: 100%;
max-width: 550px;
color: #000;
}
.rk_nutrition_column .rk_nutrition_card .rk_nutrition_header {
font-size: 22px;
font-weight: 900;
margin: 0;
letter-spacing: 0;
border-bottom: 1px solid;
}
.rk_nutrition_column .rk_nutrition_card dl {
display: flex;
flex-direction: column;
flex-wrap: wrap;
line-height: 1;
margin: 0;
}
.rk_nutrition_column .rk_nutrition_card dl > div {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 5px 0px;
}
.rk_nutrition_column .rk_nutrition_card dl dl dt {
padding-left: 20px;
}
.rk_nutrition_column .rk_nutrition_card dl dl dl {
margin-left: 40px;
}
.rk_nutrition_column .rk_nutrition_card dl dl dl dt {
padding-left: 0px;
}
.rk_nutrition_column .rk_nutrition_card dl dd {
display: flex;
margin: 0;
}
.rk_nutrition_column .rk_nutrition_card dl dd,
.rk_nutrition_column .rk_nutrition_card dl dt {
margin-right: 3px;
font-size: 14px;
}
.rk_nutrition_column .rk_nutrition_card .mast__title {
font-size: 17px;
font-weight: 600;
margin: 0;
letter-spacing: 0;
border-bottom: 1px solid;
display: none;
}
.rk_nutrition_column .rk_nutrition_card .mast__list {
font-size: 14px;
line-height: 1;
}
.rk_nutrition_column .rk_nutrition_card .serving {
padding-bottom: 0px;
}
.rk_nutrition_column .rk_nutrition_card .serving dt {
order: 2;
}
.rk_nutrition_column .rk_nutrition_card .serving span {
margin-right: 3px;
}
.rk_nutrition_column .rk_nutrition_card .size {
border-bottom: 7px solid;
font-weight: 600;
}
.rk_nutrition_column .rk_nutrition_card .size dt {
flex: 1;
}
.rk_nutrition_column .rk_nutrition_card .nut-size {
border-bottom: 7px solid;
font-weight: 600;
display: flex;
justify-content: space-between;
}
.rk_nutrition_column .rk_nutrition_card .calories {
border-bottom: 4px solid;
font-weight: 600;
flex-direction: row;
align-items: flex-end;
padding: 5px 0px 5px 0px;
}
.rk_nutrition_column .rk_nutrition_card .calories div {
flex: 1;
}
.rk_nutrition_column .rk_nutrition_card .calories dt {
font-size: 10px;
flex: 1 0 100%;
}
.rk_nutrition_column .rk_nutrition_card .calories__label {
font-size: 16px;
flex: 1;
}
.rk_nutrition_column .rk_nutrition_card .calories__value {
font-size: 27px;
}
.rk_nutrition_column .rk_nutrition_card .values__title {
display: flex;
font-size: 14px;
font-weight: 900;
padding: 5px 0px;
}
.rk_nutrition_column .rk_nutrition_card .values__title span:first-of-type {
flex: 1;
visibility: hidden;
}
.rk_nutrition_column .rk_nutrition_card .values__list div {
border-top: 1px solid;
}
.rk_nutrition_column .rk_nutrition_card .values__list dt {
font-weight: 600;
}
.rk_nutrition_column .rk_nutrition_card .values__list dl dt {
font-weight: 400;
}
.rk_nutrition_column .rk_nutrition_card .values__list dt + dd {
flex: 1;
}
.rk_nutrition_column .rk_nutrition_card .values__list dt + dd + dd {
font-weight: 900;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal {
width: 100%;
display: grid;
grid-template-columns: 0.8fr 2fr;
grid-column-gap: 10px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .mast__title {
font-size: 20px;
font-weight: bold;
font-family: inherit;
letter-spacing: 0;
line-height: 1;
padding-bottom: 5px;
display: none;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .size {
border-bottom: 1px solid;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .nut-size {
border-bottom: 1px solid;
font-weight: 600;
display: block;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .nut-size dd {
display: flex;
justify-content: left;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .calories {
border-bottom: 0px;
flex-direction: row;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .calories > div {
display: flex;
flex-direction: column;
line-height: 0.8;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .calories dt {
order: 2;
font-size: 12px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .calories dt span {
display: none;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal dt,
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal dd {
font-size: 14px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .calories__label {
order: 1;
font-size: 14px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .calories__value {
order: 3;
font-size: 23px;
margin-left: 5px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .values {
grid-template-columns: repeat(2, 225px);
grid-column-gap: 10px;
grid-row-gap: 3px;
flex-direction: row;
flex-wrap: wrap;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .values .values__list {
border-bottom: 5px solid;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .values__title {
border-bottom: 5px solid;
font-size: 13px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .values__title span:first-of-type {
visibility: visible;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_horizontal .footnote {
display: none;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear {
width: 100%;
max-width: 100%;
display: block;
font-size: 15px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear section {
display: contents;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear dl {
display: contents;
float: left;
margin-left: 0;
line-height: 1.1;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear dl > div {
display: contents;
float: left;
padding: 1px 0px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear dl dd,
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear dl dt {
display: contents;
float: left;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear dl dl dt {
padding-left: 2px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .mast__title {
width: auto;
font-size: 17px;
display: contents;
float: left;
border-bottom: 0px;
letter-spacing: 0;
display: none;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .mast__list {
font-size: 14px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .mast .serving {
margin-left: 140px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .mast .serving dt {
display: none;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .mast .size {
border-bottom: 0px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .mast .calories {
border-bottom: 0px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .mast .calories div {
display: contents;
float: left;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .mast .calories dt {
font-size: 14px;
font-weight: 400;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .mast .calories__label {
font-size: 14px;
flex: 1;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .mast .calories__value {
font-size: 14px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .values--a {
display: contents;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .values__title {
display: none;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .values__list {
border-bottom: 0px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .values__list div {
border-top: 0px;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .values__list dt + dd + dd {
font-weight: 400;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .values__list dt + dd + dd::after {
content: " DV),";
display: contents !important;
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .values__list dt + dd + dd::before {
content: "(";
}
.rk_nutrition_column .rk_nutrition_card.rk_nutrition_linear .footnote {
display: none;
}
/* End Nutrition Style */
/* insta footer */
.rk_footer .rk_footer__content_wrapper {
display: flex;
justify-content: center;
align-items: center;
padding: 1.5em 0;
text-align: left;
margin-top: 10px;
}
.rk_footer svg {
fill: black;
}
.rk_footer .rk_footer__content {
margin-left: 0.8em;
}
.rk_footer .rk_footer__content .rk_footer__content_title {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
/* End insta footer */
/* Cook Mode Toggle Styles */
.rk-cook-mode-wrapper {
display: flex;
align-items: center;
gap: 12px;
margin: 1rem 0;
}
.rk-cook-mode-label {
font-weight: 500;
margin: 0;
}
.rk-cook-mode-knob {
position: relative;
width: 40px;
height: 20px;
padding: 0;
border: 2px solid #c4cdd5;
border-radius: 12px;
background: white;
cursor: pointer;
transition: all 0.2s ease;
}
.rk-cook-mode-knob:hover {
border-color: #b4b9be;
}
.rk-cook-mode-knob:focus {
outline: none;
box-shadow: 0 0 0 2px #5c6ac4;
}
.rk-cook-mode-knob__indicator {
position: absolute;
top: 1px;
left: 1px;
width: 14px;
height: 14px;
background: #637381;
border-radius: 50%;
transition: all 0.2s cubic-bezier(0.64, 0, 0.35, 1);
}
.rk-cook-mode-knob[aria-pressed="true"] {
border-color: var(--design-colour);
background: var(--design-colour);
}
.rk-cook-mode-knob[aria-pressed="true"] .rk-cook-mode-knob__indicator {
left: 21px;
background: white;
}
.rk-cook-mode-knob.active {
border-color: var(--design-colour);
background: var(--design-colour);
}
.rk-cook-mode-knob.active .rk-cook-mode-knob__indicator {
left: 21px;
background: white;
}
#rk_parent .rk_container {
border-color: var(--design-colour) !important;
}
#rk_parent .rk_hr {
border-color: var(--design-colour) !important;
}
#rk_parent .rk_social svg {
fill: var(--design-colour) !important;
}
#rk_parent .rk_container .rk_column_heading {
border-color: var(--design-colour) !important;
}
#rk_parent .rk_atc_form button {
background: var(--design-colour) !important;
}
#rk_parent .rk_atc_all {
background: var(--design-colour) !important;
border: 1px solid var(--design-colour) !important;
}
#rk_parent .rk_checkout_btn {
background: var(--design-colour) !important;
border: 1px solid var(--design-colour) !important;
}
#rk_parent .rk_cart_btn {
border: 1px solid var(--design-colour) !important;
}
#rk_parent .rk_atc_btn {
background: var(--design-colour) !important;
border: 1px solid var(--design-colour) !important;
}
#rk_parent .rk_rfc_btn {
border-color: var(--design-colour) !important;
}
.star.is-selected svg,
.star.is-selected ~ .star svg {
fill: var(--design-colour) !important;
}
.star:hover svg,
.star:hover ~ .star svg {
opacity: 0.8;
fill: var(--design-colour) !important;
}
#rk_parent .rk_uptown .rk_container .rk_secondary {
border-color: var(--design-colour) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment