.dr-info {
letter-spacing: .2px;
display: block;
margin-bottom: 1.25em;
overflow-wrap: break-word;
}
.dr-info a {
font-size: .8889em;
font-weight: 600;
color: var(--font-color);
}
.dr-info a svg {
display: inline-block;
vertical-align: middle;
}
.dr-feature-image {
position: relative;
margin: 2.222em 0 2em;
}
.dr-feature-image .view-gallery-btn {
position: absolute;
top: 50%;
left: 0;
margin-top: -36px;
display: inline-block;
padding: 14px 57px 13px 30px;
background: var(--white-color);
line-height: normal;
}
.dr-feature-image .view-gallery-btn b {
font-size: .8889em;
font-weight: 600;
color: var(--font-color);
display: block;
position: relative;
width: 100%;
margin-bottom: 2px;
}
.dr-feature-image .view-gallery-btn span {
display: block;
position: relative;
width: 100%;
font-size: .8889em;
font-weight: 400;
color: rgba(35, 35, 35, .6);
letter-spacing: .2px;
}
.dr-feature-image .view-gallery-btn svg {
position: absolute;
top: 21px;
right: 30px;
}
.single-recipe {
max-width: 100%;
}
.single-recipe .dr-entry-header {
margin-bottom: 40px;
}
.single-recipe .dr-entry-header .dr-category {
margin-bottom: 10px;
}
.single-recipe .dr-entry-header .dr-category a {
width: auto;
height: auto;
display: inline-block;
background: none;
font-size: .722222em;
letter-spacing: .6px;
color: rgba(var(--black-color-rgb), .7);
border: 1px solid rgba(var(--primary-color-rgb), .25);
border-radius: 40px;
padding: 7px 15px 5px;
line-height: 1.3;
margin-bottom: 5px;
margin-right: 5px;
box-shadow: none;
transition: all ease .3s;
}
.single-recipe .dr-entry-header .dr-category a:hover {
background: var(--primary-color);
color: var(--white-color);
box-shadow: none;
}
.single-recipe .dr-entry-header .dr-entry-meta {
justify-content: initial;
}
.single-recipe .dr-entry-header .dr-entry-meta a {
display: inline-block;
vertical-align: middle;
text-decoration: none;
}
.dr-image img {
vertical-align: top;
}
.dr-post-summary .dr-image .post-pinit-button {
position: absolute;
top: 10px;
left: 10px;
background: none;
border: none;
padding: 0;
min-height: auto;
display: none;
}
.dr-post-summary .dr-image:hover .post-pinit-button {
display: block;
cursor: pointer;
}
.dr-image .dr-btn-link {
width: 100%;
display: block;
text-align: center;
margin-top: 14px;
padding: 9px 20px 8px;
}
.dr-image .dr-btn-link svg {
display: inline-block;
vertical-align: middle;
}
.dr-posted-on {
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: .7222em;
font-weight: 400;
color: #232323;
letter-spacing: .9px;
}
.dr-posted-on time {
vertical-align: middle;
}
.dr-summary-holder {
clear: both;
}
.dr-summary-holder p:empty {
display: none;
}
.dr-summary-holder img {
max-width: 100%;
height: auto;
}
button.dr-switch-btn {
min-height: unset !important;
height: 28px;
width: 60px;
font-size: 10px;
font-weight: bold;
line-height: 1;
padding: 0 10px !important;
border-radius: 30px;
background-color: rgba(120, 120, 128, .16);
border: none;
color: #787880 !important;
text-transform: uppercase;
transition: all .3s ease;
position: relative;
text-align: right;
outline: none !important;
}
button.dr-switch-btn:hover, button.dr-switch-btn:focus, button.dr-switch-btn:active {
background-color: rgba(120, 120, 128, .16);
}
button.dr-switch-btn::before {
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 1px 8px rgba(0, 0, 0, .08);
position: absolute;
top: 4px;
left: 4px;
box-sizing: content-box;
transition: all .3s ease;
}
button.dr-switch-btn[data-switch=off]::before {
left: 4px;
}
button.dr-switch-btn[data-switch=off] {
color: #fff !important;
}
button.dr-switch-btn[data-switch=on] {
background-color: var(--primary-color);
text-align: left;
color: #fff !important;
}
button.dr-switch-btn[data-switch=on]::before {
left: 36px;
}
.dr-single-recipe:not(:first-child) {
margin-top: 60px;
padding-top: 60px;
border-top: 2px solid rgba(var(--primary-color-rgb), .16);
}
.dr-ingrd-title-wrap, .dr-instrc-title-wrap {
flex-wrap: wrap;
gap: 8px;
margin-bottom: 8px;
}
@media (max-width: 767px) {
.dr-ingrd-title-wrap .wpdelicious-cook-mode-wrapper, .dr-ingrd-title-wrap .dr-ingredients-scale, .dr-instrc-title-wrap .wpdelicious-cook-mode-wrapper, .dr-instrc-title-wrap .dr-ingredients-scale {
margin-left: 0 !important;
margin-right: 0;
}
}
.view-gallery-btn, .dr-instruction-videopop {
cursor: pointer;
}
.dr-archive-details .dr-archive-list-title a {
text-decoration: none !important;
}
.scale-btn-wrapper button {
padding: 8px;
font-size: 1rem;
line-height: 1;
background-color: rgba(0, 0, 0, 0);
border: 1px solid var(--primary-color);
color: var(--primary-color);
min-height: unset;
}
.scale-btn-wrapper button:not(:last-child) {
margin-right: 8px;
}
.scale-btn-wrapper button:hover, .scale-btn-wrapper button.active {
background-color: var(--primary-color);
color: #fff;
}
div.lg {
max-width: 80vw;
margin: 0 auto;
position: relative;
height: calc(100vh - 47px) !important;
}
.dr-poweredby {
margin: 32px 0;
}
.dr-cta-image a > img {
max-width: 100%;
}
.dr-summary-holder .dr-ingredients-list li label {
font-size: 1rem;
margin: 0;
font-weight: 400;
}
.dr-summary-holder .dr-ingredients-list li.dr-ingredients-image-list-item {
padding-left: 0 !important;
align-items: center;
gap: 8px;
}
.dr-summary-holder .dr-ingredients-list li.dr-ingredients-image-list-item label {
font-size: 18px;
}
.dr-summary-holder .dr-ingredients-list .wpdelicious-gallery-item img {
width: 48px;
height: 48px;
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
}
.dr-video-gallery {
margin-block: 32px;
padding-bottom: 32px;
border-bottom: 1px solid rgba(var(--primary-color-rgb), .15);
}
.dr-video-gallery > .fslightbox-source {
display: none;
}
.dr-video-gallery .dr-instructions-toggle {
margin-bottom: 16px;
}
.comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url, .comment-respond .comment-form-comment {
display: flex;
flex-direction: column;
gap: 4px;
}
.comment-respond .comment-form-author input, .comment-respond .comment-form-author textarea, .comment-respond .comment-form-email input, .comment-respond .comment-form-email textarea, .comment-respond .comment-form-url input, .comment-respond .comment-form-url textarea, .comment-respond .comment-form-comment input, .comment-respond .comment-form-comment textarea {
padding: 12px;
line-height: 1.5;
border: 1px solid #eaeaea;
font-size: 1em;
}
.additional-images {
position: relative;
display: flex;
gap: 16px;
margin-bottom: 16px;
}
.additional-images > * {
flex: 1;
}
.additional-images:has(a+a) a > img {
height: 202px;
}
@media screen and (max-width: 767px) {
.additional-images {
flex-wrap: wrap;
}
}
.additional-images .dr-lg-media-popup img {
margin: 0;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.additional-images .wpd-fslightbox-images-box {
position: absolute;
bottom: 8px;
right: 8px;
z-index: 2;
background-color: #fff;
padding: 2px 12px;
font-weight: 500;
font-size: 14px;
line-height: 1.85;
box-shadow: 0 4px 24px rgba(0, 0, 0, .1);
cursor: pointer;
}
.dr-nutrition-collapse-section .dr-nutrition-collapse-section-content {
display: grid;
grid-template-rows: 0fr;
opacity: 0;
transition: grid-template-rows .5s ease-in-out, opacity .3s ease-in-out, margin-top .3s ease-in-out;
}
.dr-nutrition-collapse-section .dr-nutrition-collapse-section-content .dr-nutrition-facts {
overflow: hidden;
}
.dr-nutrition-collapse-section.show .dr-nutrition-collapse-section-content {
grid-template-rows: 1fr;
margin-top: 24px;
opacity: 1;
}
.dr-nutrition-collapse-section.show #collapsible-nutrition-chart-label svg {
transform: rotate(-180deg);
}
.dr-nutrition-collapse-section #collapsible-nutrition-chart-label {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 500;
color: var(--secondary-color);
border-bottom: 1px solid var(--secondary-color);
cursor: pointer;
}
.dr-nutrition-collapse-section #collapsible-nutrition-chart-label svg {
transition: transform .3s ease-in-out;
}
.dr-nutrition-collapse-section .dr-nutrition-summary-item-value {
font-weight: 600;
}
.dr-nutrition-summary {
display: flex;
gap: 32px;
margin-bottom: 16px;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.dr-nutrition-summary {
display: grid;
gap: 8px 16px;
grid-template-columns: repeat(2, 1fr);
}
}
.dr-nutrition-summary .dr-nutrition-summary-item {
font-size: 16px;
position: relative;
display: grid;
text-align: center;
}
.dr-nutrition-summary .dr-nutrition-summary-item:not(:last-child) {
padding-right: 32px;
}
@media (max-width: 767px) {
.dr-nutrition-summary .dr-nutrition-summary-item:not(:last-child) {
padding-right: 16px;
}
}
.dr-nutrition-summary .dr-nutrition-summary-item:not(:last-child)::after {
content: "";
display: block;
width: 1px;
background: #d9d9d9;
height: 55%;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
@media (max-width: 767px) {
.dr-nutrition-summary .dr-nutrition-summary-item:nth-child(even)::after {
content: none;
}
}
.dr-nutrition-summary .dr-nutrition-summary-item-value {
font-weight: 600;
}
.sigle-recipe .widget-area .widget {
padding: 0;
}
.wpdelicious-recipe-banner {
--background-color: #f6f3ef;
--text-color: #212728;
color: var(--text-color);
}
.wpdelicious-recipe-banner[class*=layout-] {
padding: 40px 0;
background-color: var(--background-color);
}
.wpdelicious-recipe-banner.default {
margin-left: -15px;
margin-right: -15px;
margin-bottom: 24px;
}
.wpdelicious-recipe-banner a {
text-decoration: none;
}
.wpdelicious-recipe-banner-image {
margin: 0 0 32px;
}
.wpdelicious-recipe-banner-image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.wpdelicious-recipe-banner .breadcrumb-wrapper {
padding: 0;
margin: 0 0 16px;
}
.wpdelicious-recipe-banner .breadcrumb-wrapper #crumbs > span {
font-size: 0;
line-height: 1;
display: inline-block;
}
@media (max-width: 767px) {
.wpdelicious-recipe-banner .breadcrumb-wrapper #crumbs > span {
max-width: 200px;
white-space: nowrap;
}
}
.wpdelicious-recipe-banner .breadcrumb-wrapper #crumbs > span a {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: block;
color: inherit;
}
.wpdelicious-recipe-banner .breadcrumb-wrapper #crumbs > span + span {
margin-left: 12px;
padding-left: 12px;
position: relative;
}
.wpdelicious-recipe-banner .breadcrumb-wrapper #crumbs > span + span::before {
content: "";
width: 18px;
height: 18px;
mask: url("data:image/svg+xml,%3Csvg width=%2748%27 height=%2748%27 viewBox=%270 0 48 48%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18 36L30 24L18 12%27 stroke=%27%231E1E1E%27 stroke-width=%274%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
-webkit-mask: url("data:image/svg+xml,%3Csvg width=%2748%27 height=%2748%27 viewBox=%270 0 48 48%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M18 36L30 24L18 12%27 stroke=%27%231E1E1E%27 stroke-width=%274%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-position: center;
mask-position: center;
background-color: #505556;
position: absolute;
left: 0;
top: 50%;
transform: translate(-50%, -50%);
opacity: .5;
}
.wpdelicious-recipe-banner .wpdelicious-category {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 0 16px;
gap: 4px;
}
.wpdelicious-recipe-banner .wpdelicious-category a {
color: var(--text-color);
margin: 0;
font-size: 14px;
line-height: 1.7;
gap: 4px;
}
.wpdelicious-recipe-banner .wpdelicious-category a:hover {
color: var(--primary-color);
}
.wpdelicious-recipe-banner .wpdelicious-category a:not(:last-child) {
padding-right: 16px;
position: relative;
}
.wpdelicious-recipe-banner .wpdelicious-category a:not(:last-child)::after {
content: "";
width: 12px;
height: 12px;
background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg opacity=%270.24%27%3E%3Cpath d=%27M3.5 11L8.5 1%27 stroke=%27%23505556%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/g%3E%3C/svg%3E%0A");
display: inline-block;
background-size: 100%;
background-repeat: no-repeat;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.wpdelicious-recipe-banner .dr-affiliate-disclosure {
padding: 0;
background: none;
margin: 0;
font-size: 14px;
line-height: 1.7;
}
.wpdelicious-recipe-banner .dr-affiliate-disclosure p {
margin-top: 0;
}
.wpdelicious-recipe-banner .dr-affiliate-disclosure p:last-child {
margin-bottom: 0;
}
.wpdelicious-recipe-banner .icon {
width: 1em;
height: 1em;
font-size: 20px;
margin-right: 8px;
}
.wpdelicious-recipe-banner .dr-entry-title {
font-size: 40px;
font-weight: 600;
line-height: 1.3;
margin: 0 0 24px;
color: var(--text-color);
}
.wpdelicious-recipe-banner .dr-entry-meta {
-moz-column-gap: 32px;
column-gap: 32px;
}
.wpdelicious-recipe-banner .dr-entry-meta .icon {
color: #212728;
opacity: .6;
margin-right: 10px;
fill: none !important;
}
.wpdelicious-recipe-banner .dr-entry-meta > span {
font-size: 14px !important;
line-height: 1;
margin: 0 !important;
}
.wpdelicious-recipe-banner .dr-entry-meta span:not(.dr-comment), .wpdelicious-recipe-banner .dr-entry-meta .fn {
color: var(--text-color);
}
.wpdelicious-recipe-banner .dr-comment {
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: .7222em;
color: var(--secondary-color);
line-height: 1;
letter-spacing: .5px;
cursor: pointer;
}
.wpdelicious-recipe-banner .dr-comment a {
text-decoration: underline !important;
color: inherit;
}
.wpdelicious-recipe-banner .dr-recipe-keys {
margin: 0 !important;
gap: 8px;
}
.wpdelicious-recipe-banner .dr-recipe-keys a {
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
.wpdelicious-recipe-banner .dr-recipe-keys a .svg-icon {
width: 29px;
height: 29px;
}
.wpdelicious-recipe-banner .wpdelicious-recipe-facts, .wpdelicious-recipe-banner .wpdelicious-recipe-info-metas {
display: flex;
flex-wrap: wrap;
row-gap: 8px;
}
.wpdelicious-recipe-banner .wpdelicious-recipe-facts > span, .wpdelicious-recipe-banner .wpdelicious-recipe-info-metas > span {
display: inline-flex;
align-items: center;
line-height: 1;
font-size: 14px;
position: relative;
}
.wpdelicious-recipe-banner .wpdelicious-recipe-facts > span:not(:last-child), .wpdelicious-recipe-banner .wpdelicious-recipe-info-metas > span:not(:last-child) {
padding-right: 16px;
margin-right: 16px;
}
.wpdelicious-recipe-banner .wpdelicious-recipe-facts > span:not(:last-child)::after, .wpdelicious-recipe-banner .wpdelicious-recipe-info-metas > span:not(:last-child)::after {
content: "";
width: 1px;
height: 20px;
background-color: #d9d9d9;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.wpdelicious-recipe-banner .wpdelicious-recipe-info-metas {
margin: 0 0 16px;
}
.wpdelicious-recipe-banner .wpdelicious-recipe-info-metas .icon {
fill: var(--secondary-color);
}
.wpdelicious-recipe-banner .wpdelicious-recipe-facts {
margin: 0 0 16px;
}
.wpdelicious-recipe-banner .wpdelicious-recipe-facts > span {
font-size: 16px;
}
.wpdelicious-recipe-banner .wpdelicious-recipe-facts > span::after {
height: 16px !important;
}
.wpdelicious-recipe-banner .wpdelicious-recipe-facts > span b {
margin-left: 6px;
}
.wpdelicious-recipe-banner .wpdelicious-btn-jump-to-recipe.dr-btn-link {
background-color: var(--primary-color);
border: 1px solid var(--primary-color);
color: #fff;
}
.wpdelicious-recipe-banner .wpdelicious-btn-jump-to-recipe.dr-btn-link:hover {
color: var(--primary-color);
background-color: rgba(0, 0, 0, 0);
}
.wpdelicious-recipe-banner .wpdelicious-btn-jump-to-video.dr-btn-link {
background-color: #fff;
}
.wpdelicious-recipe-banner .dr-btn-link.dr-print-trigger {
background-color: var(--secondary-color);
border: 1px solid var(--secondary-color);
color: #fff;
}
@media (min-width: 768px) {
.wpdelicious-recipe-banner.layout-2 .wpdelicious-recipe-banner-image {
width: 33%;
flex: 0 0 33%;
margin: 0;
}
.wpdelicious-recipe-banner.layout-2 .wpdelicious-recipe-banner-inner {
display: flex;
gap: 56px;
}
.wpdelicious-recipe-banner.layout-2 .wpdelicious-recipe-banner-content {
padding: 40px 0;
flex: 0 0 67%;
width: 67%;
}
}
.wpdelicious-recipe-banner.layout-3 .dr-buttons a, .wpdelicious-recipe-banner.layout-3 .dr-buttons .dr_wishlist__recipe {
padding: 0;
background: none !important;
border: none;
text-decoration: underline;
}
.wpdelicious-recipe-banner.layout-3 .dr-buttons a {
position: relative;
}
.wpdelicious-recipe-banner.layout-3 .dr-buttons a:not(:last-child) {
margin-right: 16px;
padding-right: 16px;
}
.wpdelicious-recipe-banner.layout-3 .dr-buttons a:not(:last-child)::after {
content: "";
width: 1px;
height: 20px;
background-color: #d9d9d9;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.wpdelicious-recipe-banner.layout-3 .dr-buttons a.wpdelicious-btn-jump-to-recipe {
color: var(--primary-color);
}
.wpdelicious-recipe-banner.layout-3 .dr-buttons a.dr-print-trigger {
color: var(--secondary-color);
}
.wpdelicious-recipe-banner.layout-3 .dr-buttons a.wpdelicious-btn-jump-to-video, .wpdelicious-recipe-banner.layout-3 .dr-buttons .dr_wishlist__recipe {
color: var(--text-color);
}
.wpdelicious-recipe-banner.layout-4 {
text-align: center;
}
.wpdelicious-recipe-banner.layout-4 .wpdelicious-category, .wpdelicious-recipe-banner.layout-4 .dr-entry-meta, .wpdelicious-recipe-banner.layout-4 .wpdelicious-recipe-info-metas, .wpdelicious-recipe-banner.layout-4 .wpdelicious-recipe-facts, .wpdelicious-recipe-banner.layout-4 .dr-buttons {
justify-content: center;
}
.wpdelicious-recipe-banner.layout-4 .dr-buttons a.wpdelicious-btn-jump-to-video, .wpdelicious-recipe-banner.layout-4 .dr-buttons .dr_wishlist__recipe.dr-bookmark-wishlist {
font-size: 0;
border: none;
background: none;
gap: 0;
padding-left: 0;
padding-right: 0;
}
.wpdelicious-recipe-banner.layout-4 .dr-buttons a.wpdelicious-btn-jump-to-video svg, .wpdelicious-recipe-banner.layout-4 .dr-buttons .dr_wishlist__recipe.dr-bookmark-wishlist svg {
width: 20px;
height: 20px;
color: var(--text-color);
}
.wpdelicious-recipe-banner.layout-5 {
padding: 0;
background: none;
}
.wpdelicious-recipe-banner.layout-5 .wpdelicious-recipe-banner-image {
position: relative;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
height: 600px;
margin-bottom: 0;
}
.wpdelicious-recipe-banner.layout-5 .wpdelicious-recipe-banner-inner {
border-bottom: 1px solid #edeeee;
}
.wpdelicious-recipe-banner.layout-5 .wpdelicious-recipe-banner-content {
padding: 40px 0;
max-width: 980px;
margin: 0 auto;
}
.wpdelicious-recipe-banner.layout-1, .wpdelicious-recipe-banner.layout-2, .wpdelicious-recipe-banner.layout-3, .wpdelicious-recipe-banner.layout-4, .wpdelicious-recipe-banner.layout-5 {
margin-bottom: 40px;
}
.wpdelicious-recipe-banner.layout-3 a.wpdelicious-btn-jump-to-video.dr-wishlist-is-bookmarked svg, .wpdelicious-recipe-banner.layout-3 .dr_wishlist__recipe.dr-bookmark-wishlist.dr-wishlist-is-bookmarked svg, .wpdelicious-recipe-banner.layout-4 a.wpdelicious-btn-jump-to-video.dr-wishlist-is-bookmarked svg, .wpdelicious-recipe-banner.layout-4 .dr_wishlist__recipe.dr-bookmark-wishlist.dr-wishlist-is-bookmarked svg {
fill: #cc3233;
color: #cc3233;
}
.dr-btn-link.dr-print-trigger {
background-color: var(--secondary-color);
color: #fff;
}
.single-recipe .dr_wishlist__recipe.dr-bookmark-wishlist, .single-recipe .dr_wishlist__recipe.dr-popup-user__registration {
border: 1px solid rgba(204, 50, 51, .4);
background-color: rgba(204, 50, 51, .1019607843);
color: #cc3233;
}
.single-recipe .dr_wishlist__recipe.dr-bookmark-wishlist.dr-wishlist-is-bookmarked, .single-recipe .dr_wishlist__recipe.dr-popup-user__registration.dr-wishlist-is-bookmarked {
background-color: #cc3233;
color: #fff;
}
.single-recipe .dr-btn-link, .single-recipe .dr-bookmark-wishlist, .single-recipe .dr-popup-user__registration, a.dr-btn-link.dr-btn1, a.dr-print-trigger.dr-btn-link {
padding: 9px 24px;
border-radius: 4px;
gap: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 1.75;
font-weight: 500;
border: 1px solid;
cursor: pointer;
text-decoration: none;
margin-bottom: 16px;
}
.single-recipe .dr-btn-link svg, .single-recipe .dr-bookmark-wishlist svg, .single-recipe .dr-popup-user__registration svg, a.dr-btn-link.dr-btn1 svg, a.dr-print-trigger.dr-btn-link svg {
width: 20px !important;
height: 20px;
margin-right: 0;
}
@media (max-width: 767px) {
.dr-add-to-wishlist-single, .dr-btn-link, .dr-bookmark-wishlist, a.dr-btn-link.dr-btn1, a.dr-print-trigger.dr-btn-link {
width: 100%;
margin-right: 0 !important;
}
}
.dr-comment-header {
font-weight: 600;
}
.dr-summary-holder {
padding: 24px;
margin: 35px 0;
background: rgba(var(--primary-color-rgb), .05);
}
.dr-summary-holder * {
box-sizing: border-box;
}
.dr-summary-holder .dr-unordered-list, .dr-summary-holder .dr-ordered-list {
list-style: none !important;
margin: 0;
padding: 0;
}
.dr-summary-holder .dr-unordered-list > li, .dr-summary-holder .dr-ordered-list > li {
padding-left: 32px;
position: relative;
}
.dr-summary-holder .dr-unordered-list > li:not(:last-child), .dr-summary-holder .dr-ordered-list > li:not(:last-child) {
margin-bottom: .5em;
}
.dr-summary-holder .dr-ordered-list > li::before {
counter-increment: section;
content: counter(section);
font: inherit;
position: absolute;
top: 5px;
left: 0;
justify-content: center;
width: 20px;
height: 20px;
background: var(--primary-color);
border-radius: 50%;
color: #fff;
text-align: center;
display: inline-flex;
align-items: center;
font-weight: bold;
font-size: 14px;
line-height: 1;
}
.dr-summary-holder h4 {
font-weight: 600;
line-height: 1;
}
.dr-summary-holder .dr-keywords {
margin-top: 30px;
font-size: .78em;
letter-spacing: .2px;
}
.dr-summary-holder .dr-keywords .dr-meta-title {
display: inline-block;
font-weight: 600;
margin-right: 5px;
}
.dr-note :is(ol,ul) > li::before {
content: "" !important;
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 1em;
height: 2em;
background-color: var(--primary-color);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M17 8L21 12L17 16%27 stroke=%27%232DB68D%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M7 16V10C7 8.89543 6.10457 8 5 8V8C3.89543 8 3 8.89543 3 10V10C3 11.1046 3.89543 12 5 12H21%27 stroke=%27%232DB68D%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M17 8L21 12L17 16%27 stroke=%27%232DB68D%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M7 16V10C7 8.89543 6.10457 8 5 8V8C3.89543 8 3 8.89543 3 10V10C3 11.1046 3.89543 12 5 12H21%27 stroke=%27%232DB68D%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
-webkit-mask: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M17 8L21 12L17 16%27 stroke=%27%232DB68D%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M7 16V10C7 8.89543 6.10457 8 5 8V8C3.89543 8 3 8.89543 3 10V10C3 11.1046 3.89543 12 5 12H21%27 stroke=%27%232DB68D%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
mask: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M17 8L21 12L17 16%27 stroke=%27%232DB68D%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M7 16V10C7 8.89543 6.10457 8 5 8V8C3.89543 8 3 8.89543 3 10V10C3 11.1046 3.89543 12 5 12H21%27 stroke=%27%232DB68D%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E%0A");
-webkit-mask-size: 1em 1em;
mask-size: 1em 1em;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
.dr-note ol, .dr-note ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.dr-note ol li, .dr-note ul li {
padding-left: 32px;
position: relative;
}
.dr-note ol li:not(:last-child), .dr-note ul li:not(:last-child) {
margin-bottom: .5em;
}
@media (min-width: 768px) {
.dr-summary-holder .dr-note {
padding: 40px 20px;
}
}
.dr-summary-holder .dr-note {
background: var(--white-color);
border: 1px solid rgba(var(--primary-color-rgb), .16);
padding: 40px;
margin-top: 2.2222em;
}
.dr-gb-block-wrap .dr-archive-single a, .dr-summary-holder .dr-buttons a {
text-decoration: none;
}
.dr-recipe-summary-inner {
display: flex;
flex-wrap: wrap;
}
.dr-recipe-summary-inner a {
text-decoration: none;
}
@media (max-width: 767px) {
.dr-recipe-summary-inner {
flex-direction: column;
}
}
.dr-recipe-summary-inner .dr-image {
width: 34%;
text-align: center;
position: relative;
}
@media (max-width: 767px) {
.dr-recipe-summary-inner .dr-image {
width: 100%;
}
}
.dr-recipe-summary-inner .dr-image img {
height: auto;
max-width: 100%;
}
.dr-recipe-summary-inner .dr-image + .dr-title-wrap {
width: 66%;
padding: 0 1.5em 0 2.44444em;
}
@media (max-width: 767px) {
.dr-recipe-summary-inner .dr-image + .dr-title-wrap {
width: 100%;
padding: 0 12px 16px;
}
}
@media (max-width: 767px) {
.dr-recipe-summary-inner .dr-title-wrap {
width: 100%;
}
}
.dr-recipe-summary-inner .dr-title-wrap .dr-star-ratings-wrapper {
margin-bottom: 15px;
}
.dr-recipe-summary-inner .dr-title-wrap .dr-title {
margin-top: 0;
font-size: 30px;
line-height: 1.3333;
font-weight: 500;
margin-bottom: .35em;
color: var(--font-color);
}
.dr-recipe-summary-inner .dr-title-wrap .dr-title a {
margin-top: 0;
margin-bottom: .35em;
font-size: 2em;
line-height: 1.3333;
font-weight: 600;
color: var(--font-color);
text-decoration: none;
transition: color .3s ease;
}
.dr-recipe-summary-inner .dr-title-wrap .dr-title a:hover {
color: var(--primary-color);
}
.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta {
margin-bottom: 0;
flex-direction: column;
align-items: initial;
}
.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta span a {
font-size: .89em;
color: var(--secondary-color);
}
.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .dr-category {
margin-bottom: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .dr-category a {
width: auto;
height: auto;
color: var(--secondary-color);
background: none;
border-radius: 0;
border: none;
margin: 0 4px;
padding: 0;
}
.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .dr-category.dr-recipe-keys a {
display: inline-block;
width: 35px;
height: 35px;
margin: 5px;
color: var(--white-color);
border-radius: 100%;
}
.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .dr-byline {
display: block;
width: 100%;
}
.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .dr-meta-title {
font-size: .8333em;
font-weight: 500;
margin-right: 5px;
}
.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .dr-meta-title svg {
margin-right: 6px;
display: inline-block;
vertical-align: middle;
margin-top: -3px;
width: 16px;
height: 16px;
fill: rgba(var(--font-color-rgb), .55);
}
.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .dr-cuisine .dr-meta-title svg, .dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .dr-recipe-keys .dr-meta-title svg {
width: 18px;
height: 18px;
margin-left: -2px;
}
.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .fn {
font-size: .89em;
color: var(--secondary-color);
}
.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .dr-method {
display: block;
width: 100%;
}
.dr-recipe-summary-inner .dr-title-wrap .dr-entry-meta .dr-cuisine {
display: block;
width: 100%;
}
.dr-recipe-summary-inner + .dr-extra-meta {
margin-top: 40px;
}
@media (max-width: 767px) {
.dr-recipe-summary-inner + .dr-extra-meta {
margin-top: 16px;
}
}
.dr-star-ratings-wrapper {
font-size: 14px;
font-weight: normal;
position: relative;
gap: 8px;
display: flex;
align-items: center;
color: #232323;
line-height: 1;
letter-spacing: .9px;
cursor: pointer;
}
.dr-star-ratings-wrapper a {
color: var(--secondary-color);
}
.dr-star-ratings-wrapper .icon {
width: 15px;
height: 15px;
fill: #e84e3b;
margin-right: 10px;
filter: drop-shadow(0 3px 6px rgba(232, 78, 59, .26));
}
.dr-star-ratings-wrapper img {
margin-left: -7px;
}
.dr-star-ratings-wrapper .dr-text-red {
margin-left: 6px;
color: var(--secondary-color);
}
.dr-byline {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.dr-byline .fn {
font-size: 14px;
font-weight: 600;
text-decoration: none;
border: none;
box-shadow: none;
color: #171717;
letter-spacing: .5px;
}
.dr-byline img {
width: 29px;
height: 29px;
border-radius: 50%;
}
.dr-extra-meta {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.dr-extra-meta .dr-sim-metaa {
display: flex;
flex-wrap: wrap;
align-items: center;
border-right: 1px solid rgba(var(--primary-color-rgb), .15);
border-left: none;
padding: 30px;
font-size: .833333em;
color: rgba(var(--font-color-rgb), .9);
width: 33.33%;
margin-top: -1px;
}
.dr-extra-meta .dr-sim-metaa .dr-meta-title {
display: flex;
align-items: center;
margin-right: 6px;
}
.dr-extra-meta .dr-sim-metaa .dr-meta-title .icon {
width: 20px;
height: 20px;
fill: var(--secondary-color);
margin-right: 10px;
filter: drop-shadow(0 3px 6px rgba(var(--secondary-color-rgb), .26));
}
.dr-extra-meta .dr-sim-metaa .dr-active-time .dr-meta-title {
display: inline-block;
}
.dr-extra-meta .dr-sim-metaa.dr-season .dr-meta-title .icon {
width: 25px;
margin-left: -5px;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time {
width: 66.66%;
border-right: none;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time > span {
flex: 1;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time > span:not(.dr-meta-title) {
display: inline-block;
padding: 5px 15px;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time > span:not(.dr-meta-title):last-child {
padding-right: 0;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time > span .dr-meta-title {
margin-bottom: 5px;
margin-right: 0;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time > .dr-meta-title {
position: relative;
top: 5px;
margin-right: 0;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time > span.dr-total-time {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time > span.dr-total-time .dr-meta-title {
background: var(--primary-color);
border-radius: 3px;
color: var(--white-color);
padding: 0 5px;
justify-content: center;
display: inline-block;
}
.dr-extra-meta .dr-sim-metaa:last-child {
border-right: none;
}
.dr-extra-meta .dr-yields .dr-meta-title {
display: flex;
align-items: center;
}
.dr-extra-meta .dr-yields .dr-meta-times {
font-size: 12px;
display: inline-block;
line-height: 1;
background: rgba(var(--primary-color-rgb), .76);
padding: 2px 5px;
color: var(--white-color);
border-radius: 3px;
margin-left: 7px;
}
.dr-extra-meta .dr-cook-time .dr-total-time, .dr-extra-meta .dr-cook-time .dr-meta-title {
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.dr-extra-meta .dr-sim-metaa.dr-yields {
padding-left: 0;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time {
padding-right: 0;
}
.dr-extra-meta .dr-sim-metaa:last-child {
padding-right: 0;
}
}
@media screen and (max-width: 1024px) {
.dr-extra-meta .dr-sim-metaa.dr-cook-time > span:not(.dr-meta-title) {
width: calc(50% - 25px);
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time > span.dr-Rest-time {
margin-left: 40px;
}
}
@media screen and (max-width: 767px) {
.dr-extra-meta {
flex-direction: column;
}
.dr-extra-meta .dr-sim-metaa, .dr-extra-meta .dr-sim-metaa.dr-cook-time {
width: 100%;
border-right: none;
border-left: none;
justify-content: space-between;
flex-wrap: wrap;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time {
grid-gap: 10px;
flex-direction: column;
text-align: center;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time span {
display: inline-block;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time > span:not(.dr-meta-title) {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.dr-extra-meta .dr-sim-metaa.dr-cook-time > span.dr-Rest-time {
margin-left: 0;
}
}
.dr-summary {
padding: 40px 0;
border-bottom: solid 1px rgba(var(--primary-color-rgb), .15);
}
.dr-summary h4 {
font-size: 1.11111em;
margin-bottom: .75em;
}
.dr-summary > *:last-child, .dr-ingredients-list > *:last-child {
margin-bottom: 0 !important;
}
.dr-summary-holder .dr-ingredients-list .dr-unordered-list li {
position: relative;
padding-left: 35px;
line-height: 1.5556;
margin-bottom: 8px;
display: flex;
}
.dr-summary-holder .dr-ingredients-list .dr-unordered-list li::before {
display: none;
}
.dr-summary-holder .dr-ingredients-list .dr-unordered-list li input[type=checkbox] {
display: block;
position: absolute;
top: 0;
left: 0;
margin-top: 4px;
margin-left: 0;
background: var(--white-color);
height: 17px;
width: 17px;
border-radius: 2px;
border: 1px solid var(--primary-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.dr-summary-holder .dr-ingredients-list .dr-unordered-list li input[type=checkbox]:focus {
outline: none;
}
.dr-summary-holder .dr-ingredients-list .dr-unordered-list li input[type=checkbox]:checked {
border-color: var(--primary-color);
background-color: var(--primary-color);
background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 3L4.5 8.5L2 6%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
background-size: 12px;
background-repeat: no-repeat;
background-position: center;
}
.dr-summary-holder .dr-ingredients-list .dr-unordered-list li input[type=checkbox]:checked.nitro-lazy {
background-image: none !important;
}
.dr-summary-holder .dr-ingredients-list .dr-unordered-list li input[type=checkbox]:checked + label {
text-decoration: line-through;
color: rgba(var(--black-color-rgb), .45);
}
.dr-summary-holder .dr-ingredients-list .dr-unordered-list li input[type=checkbox] + label {
margin-left: 0;
padding: 0;
border-left: none;
position: static;
}
@media (min-width: 768px) {
.dr-summary-holder .dr-ingredients-list .dr-unordered-list.double {
display: grid;
grid-template-columns: 1fr 1fr;
-moz-column-gap: 1em;
column-gap: 1em;
}
}
.dr-ingredients-list {
padding: 24px 0;
border-bottom: solid 1px rgba(var(--primary-color-rgb), .15);
}
.dr-ingredients-list label {
width: auto;
}
.dr-ingredients-list .dr-unordered-list {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.dr-ingredients-list .ingredients-list .dr-title, .dr-ingredients-list .dr-instructions .directions-list .dr-title {
margin-top: 0;
margin-bottom: .75em;
}
.dr-ingredients-list .dr-ingrd-title-wrap h3, .dr-ingredients-list .dr-ingrd-title-wrap input {
margin-bottom: 0;
}
.dr-ingrd-title-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.dr-ingredients-scale {
display: flex;
align-items: center;
margin: 0 20px;
}
.dr-ingredients-scale label {
display: inline-block;
margin: 0 6px 0;
letter-spacing: .5px;
font-size: .83333em;
color: rgba(var(--font-color-rgb), .9);
}
.dr-ingredients-scale .dr-scale-ingredients {
background: #fff;
width: 90px !important;
border: 1px solid rgba(45, 182, 141, .35);
border-radius: 3px;
color: #000;
padding: 10px 15px;
height: 50px;
}
.dr-ingredients-scale select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
line-height: 1;
font-size: .88889em;
letter-spacing: .5px;
height: auto;
padding: 7px 25px 7px 8px;
background: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%2712%27 viewBox=%270 0 8 12%27%3E%3Cg id=%27Group_5517%27 data-name=%27Group 5517%27 transform=%27translate%28-1092.999 -6749.494%29%27%3E%3Cpath id=%27Path_30610%27 data-name=%27Path 30610%27 d=%27M-14526-5621.506l4,4,4-4Z%27 transform=%27translate%2815619 12379%29%27 fill=%27%23374757%27/%3E%3Cpath id=%27Path_30611%27 data-name=%27Path 30611%27 d=%27M-14526-5617.506l4-4,4,4Z%27 transform=%27translate%2815619 12371%29%27 fill=%27%23374757%27/%3E%3C/g%3E%3C/svg%3E%0A");
background-color: var(--white-color);
border-color: rgba(var(--primary-color-rgb), .45);
background-repeat: no-repeat;
background-size: 8px;
background-position: center right 7px;
}
.dr-ingredients-scale input[type=number]::-webkit-inner-spin-button, .dr-ingredients-scale input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
.dr-summary-holder .dr-instructions {
counter-reset: section;
padding: 24px 0;
border-bottom: solid 1px rgba(var(--primary-color-rgb), .15);
margin-bottom: 24px;
}
.dr-summary-holder .dr-instructions .dr-instruction {
margin-bottom: 8px;
}
.dr-summary-holder .dr-instructions .dr-instruction p {
margin-bottom: 0;
}
.dr-summary-holder .dr-instructions .dr-instruction ul {
margin-left: 20px;
list-style: disc;
}
.dr-summary-holder .dr-instructions .dr-instruction ul li {
padding: 0;
}
.dr-summary-holder .dr-instructions .dr-instruction ul ul {
list-style: circle;
}
.dr-summary-holder .dr-instructions .dr-instruction ol {
margin-left: 20px;
}
.dr-summary-holder .dr-instructions .dr-ordered-list {
margin: 0 0 1.5em;
list-style: none !important;
padding: 0 !important;
}
.dr-summary-holder .dr-instructions .dr-ordered-list ul, .dr-summary-holder .dr-instructions .dr-ordered-list ol {
padding: 0 !important;
margin-bottom: 0;
}
.dr-summary-holder .dr-instructions .dr-ordered-list:last-child {
margin-bottom: 0;
}
.dr-summary-holder .dr-instructions ol.dr-ordered-list > li:last-child {
margin-bottom: 0;
}
.dr-summary-holder .dr-instructions ol.dr-ordered-list > li h5 {
font-size: 20px;
line-height: 1.5;
font-weight: bold;
}
.dr-summary-holder .dr-instructions li img {
margin: 0 auto 1em;
}
.dr-summary-holder .dr-instructions-video {
position: relative;
display: block;
margin: 0 0 1em;
}
.dr-summary-holder .dr-instructions-video:last-child {
margin-bottom: 0;
}
.dr-summary-holder .dr-instructions-video .dr-title {
position: absolute;
font-size: 2.77778em;
font-weight: 500;
color: var(--body-font-color);
top: 0;
left: 0;
right: 0;
text-align: center;
margin-top: -40px;
}
.dr-summary-holder .dr-instructions-video a {
position: absolute;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba(var(--font-color-rgb), .5);
display: flex;
align-items: center;
justify-content: center;
}
.dr-summary-holder .dr-instructions-video a svg {
margin-left: 4px;
}
.dr-summary-holder .dr-instructions-video img {
display: block;
margin: 0;
width: 100%;
}
.dr-summary-holder .dr-instructions-video video, .dr-summary-holder .dr-instructions-video iframe {
max-width: 100%;
}
.dr-summary-holder .dr-list-tips, .dr-summary-holder .dr-tips {
font-style: italic;
font-size: .875rem;
display: flex;
background: #fff;
padding: 10px 16px;
margin: 0 0 1.5rem;
border-left: 3px solid var(--primary-color);
line-height: 1.75;
word-break: break-word;
}
.dr-summary-holder .dr-list-tips::before, .dr-summary-holder .dr-tips::before {
content: "";
width: 1.25em;
height: 1.75em;
flex: 0 0 1.25em;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cmask id=%27mask0_439_2430%27 style=%27mask-type:alpha%27 maskUnits=%27userSpaceOnUse%27 x=%270%27 y=%270%27 width=%2720%27 height=%2720%27%3E%3Crect width=%2720%27 height=%2720%27 fill=%27%23D9D9D9%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23mask0_439_2430%29%27%3E%3Cpath d=%27M4.99992 18.3332C4.54159 18.3332 4.14936 18.1701 3.82325 17.844C3.49659 17.5173 3.33325 17.1248 3.33325 16.6665V3.33317C3.33325 2.87484 3.49659 2.48234 3.82325 2.15567C4.14936 1.82956 4.54159 1.6665 4.99992 1.6665H10.9791C11.2013 1.6665 11.4133 1.70817 11.6149 1.7915C11.816 1.87484 11.993 1.99289 12.1458 2.14567L16.1874 6.18734C16.3402 6.34012 16.4583 6.51706 16.5416 6.71817C16.6249 6.91984 16.6666 7.13178 16.6666 7.354V9.99984H14.9999V7.49984H11.6666C11.4305 7.49984 11.2327 7.41984 11.0733 7.25984C10.9133 7.10039 10.8333 6.90262 10.8333 6.6665V3.33317H4.99992V16.6665H9.99992V18.3332H4.99992ZM15.2499 12.104L16.1458 12.9998L12.9166 16.2082V17.0832H13.7916L17.0208 13.8748L17.8958 14.7498L14.5624 18.0832C14.4791 18.1665 14.3852 18.229 14.2808 18.2707C14.1769 18.3123 14.0694 18.3332 13.9583 18.3332H12.0833C11.9721 18.3332 11.8749 18.2915 11.7916 18.2082C11.7083 18.1248 11.6666 18.0276 11.6666 17.9165V16.0415C11.6666 15.9304 11.6874 15.8229 11.7291 15.719C11.7708 15.6146 11.8333 15.5207 11.9166 15.4373L15.2499 12.104ZM17.8958 14.7498L15.2499 12.104L16.4583 10.8957C16.611 10.7429 16.8055 10.6665 17.0416 10.6665C17.2777 10.6665 17.4721 10.7429 17.6249 10.8957L19.1041 12.3748C19.2569 12.5276 19.3333 12.7221 19.3333 12.9582C19.3333 13.1943 19.2569 13.3887 19.1041 13.5415L17.8958 14.7498Z%27 fill=%27%23232323%27/%3E%3C/g%3E%3C/svg%3E%0A");
mask-image: url("data:image/svg+xml,%3Csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cmask id=%27mask0_439_2430%27 style=%27mask-type:alpha%27 maskUnits=%27userSpaceOnUse%27 x=%270%27 y=%270%27 width=%2720%27 height=%2720%27%3E%3Crect width=%2720%27 height=%2720%27 fill=%27%23D9D9D9%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23mask0_439_2430%29%27%3E%3Cpath d=%27M4.99992 18.3332C4.54159 18.3332 4.14936 18.1701 3.82325 17.844C3.49659 17.5173 3.33325 17.1248 3.33325 16.6665V3.33317C3.33325 2.87484 3.49659 2.48234 3.82325 2.15567C4.14936 1.82956 4.54159 1.6665 4.99992 1.6665H10.9791C11.2013 1.6665 11.4133 1.70817 11.6149 1.7915C11.816 1.87484 11.993 1.99289 12.1458 2.14567L16.1874 6.18734C16.3402 6.34012 16.4583 6.51706 16.5416 6.71817C16.6249 6.91984 16.6666 7.13178 16.6666 7.354V9.99984H14.9999V7.49984H11.6666C11.4305 7.49984 11.2327 7.41984 11.0733 7.25984C10.9133 7.10039 10.8333 6.90262 10.8333 6.6665V3.33317H4.99992V16.6665H9.99992V18.3332H4.99992ZM15.2499 12.104L16.1458 12.9998L12.9166 16.2082V17.0832H13.7916L17.0208 13.8748L17.8958 14.7498L14.5624 18.0832C14.4791 18.1665 14.3852 18.229 14.2808 18.2707C14.1769 18.3123 14.0694 18.3332 13.9583 18.3332H12.0833C11.9721 18.3332 11.8749 18.2915 11.7916 18.2082C11.7083 18.1248 11.6666 18.0276 11.6666 17.9165V16.0415C11.6666 15.9304 11.6874 15.8229 11.7291 15.719C11.7708 15.6146 11.8333 15.5207 11.9166 15.4373L15.2499 12.104ZM17.8958 14.7498L15.2499 12.104L16.4583 10.8957C16.611 10.7429 16.8055 10.6665 17.0416 10.6665C17.2777 10.6665 17.4721 10.7429 17.6249 10.8957L19.1041 12.3748C19.2569 12.5276 19.3333 12.7221 19.3333 12.9582C19.3333 13.1943 19.2569 13.3887 19.1041 13.5415L17.8958 14.7498Z%27 fill=%27%23232323%27/%3E%3C/g%3E%3C/svg%3E%0A");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 100%;
mask-size: 100%;
margin-right: .25rem;
}
.dr-ingre-tips {
color: rgba(var(--font-color-rgb), .65);
}
.ingredient-notes {
color: rgba(var(--black-color-rgb), .5);
}
.dr-instrc-title-wrap {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1em;
}
.dr-instrc-title-wrap .dr-title {
margin: 0 !important;
}
.dr-instructions-toggle {
display: flex;
align-items: center;
}
.dr-instructions-video .fslightbox-source {
display: none;
}
.dr-video-gallery {
margin-block: 32px;
padding-bottom: 32px;
border-bottom: 1px solid rgba(var(--primary-color-rgb), .15);
}
.dr-video-gallery > .fslightbox-source {
display: none;
}
.dr-video-gallery .dr-instructions-toggle {
margin-bottom: 16px;
}
.dr-inst-label {
font-size: .83333em;
font-weight: 600;
color: rgba(var(--font-color-rgb), .9);
margin-right: 8px;
}
.dr-nutrition-facts .dr-title-wrap {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--primary-color);
color: var(--white-color);
padding: 12px 30px;
}
.dr-nutrition-facts .dr-title-wrap .dr-title b {
margin-right: 10px;
}
.dr-nutrition-facts .dr-title-wrap .dr-title span {
font-weight: 400;
letter-spacing: .2px;
}
.dr-nutrition-facts .dr-title-wrap .dr-daily-value {
font-size: .8889em;
font-weight: 400;
}
.dr-nutrition-facts .dr-nutrition-list {
display: block;
background: var(--white-color);
border: solid 1px rgba(135, 171, 162, .16);
padding: 6px 30px 15px;
}
.dr-nutrition-facts .dr-nutrition-list ul {
margin: 0;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
position: relative;
}
.dr-nutrition-facts .dr-nutrition-list ul:before {
content: "";
position: absolute;
top: 6px;
left: 50%;
margin-left: -1px;
width: 1px;
height: calc(100% - 12px);
background: rgba(var(--primary-color-rgb), .1);
z-index: 1;
}
.dr-nutrition-facts .dr-nutrition-list ul li {
display: inline-block;
width: 50%;
padding-right: 50px;
font-size: .888889em;
line-height: 1.9375;
margin-bottom: .75em;
margin-top: 1em;
font-weight: 400;
color: #232323;
}
.dr-nutrition-facts .dr-nutrition-list ul li:before, .dr-nutrition-facts .dr-nutrition-list ul li:after {
display: table;
clear: both;
content: "";
}
.dr-nutrition-facts .dr-nutrition-list ul li b {
float: right;
font-size: 15px;
color: var(--font-color);
}
.dr-nutrition-facts .dr-nutrition-list ul li:nth-child(2n) {
padding-right: 0;
padding-left: 50px;
}
.dr-nutrition-facts .dr-nutrition-list ul li:before {
display: none;
}
.dr-nutrition-label {
background: var(--white-color);
font-size: 1.1rem;
border-radius: 3px;
}
.dr-nutrition-label .dr-nutrition-title {
font-size: 2rem;
line-height: 1;
letter-spacing: 0;
font-weight: 800;
padding: 0;
margin: 0 0 .4rem;
color: #333;
}
.dr-nutrition-label.dr-float-right {
max-width: 45%;
margin: 0 0 3rem 3rem;
float: right;
}
.dr-nutrition-label.dr-float-left {
max-width: 45%;
margin: 0 3rem 3rem 0;
float: left;
}
.dr-nutrition-label p {
margin: 0 !important;
padding: 0 !important;
}
.dr-nutrition-label p.dr-daily-value-text {
padding: .75rem 0 .15rem !important;
margin: 0 !important;
font-size: .9rem;
line-height: 1.3rem !important;
}
.dr-nutrition-label dl {
margin: 0 !important;
padding: 0 !important;
}
.dr-nutrition-label dt {
position: relative;
margin: 0;
padding: 2px 0;
border-top: 1px solid #aaa;
}
.dr-nutrition-label dt:before, .dr-nutrition-label dt:after {
display: table;
clear: both;
content: "";
}
.dr-nutrition-label dt dt {
padding: 2px 0 0;
margin: 2px 0 0;
}
.dr-nutrition-label dt.dr-nut-spacer {
border: none;
height: .5rem;
padding: 0;
background: var(--primary-color);
}
.dr-nutrition-label dt.dr-nut-no-border {
border: none;
}
.dr-nutrition-label dt dl {
margin: 0 0 0 1.5rem !important;
}
.dr-nutrition-label .dr-nut-group {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: .5rem;
border-top: 1px solid #aaa;
padding: 2px 0;
}
.dr-nutrition-label .dr-nut-group dt, .dr-nutrition-label .dr-nut-group dd {
margin: 0;
padding: 0;
border: none;
}
.dr-nutrition-label .dr-nut-group dt {
flex: 1 1 auto;
}
.dr-nutrition-label .dr-nut-group dd {
flex: 0 0 auto;
text-align: right;
}
.dr-nutrition-label .dr-nut-group .dr-nut-right {
float: none;
}
.dr-nutrition-label .dr-nut-group.dr-nut-no-border {
border-top: none;
}
.dr-nutrition-label .dr-nut-group.dr-nut-spacer {
display: block;
border: none;
height: .5rem;
padding: 0;
background: var(--primary-color);
}
.dr-nutrition-label .dr-nut-group.dr-nut-sub dt {
padding-left: 1.5rem;
}
.dr-nutrition-label .dr-nut-group.text-large {
font-size: 1.5em;
}
.dr-nutrition-label .dr-nut-group.text-large .dr-nut-right {
font-size: 1.2em;
}
.dr-nutrition-label .dr-nut-hr {
margin: 1rem 0 0;
padding: 0;
border: none;
border-radius: 0;
width: 100%;
height: auto;
background: none;
border-top: 1rem solid var(--primary-color);
}
.dr-nutrition-label strong {
font-weight: 700;
}
.dr-nutrition-label strong.dr-nut-heading {
font-size: .75rem;
}
.dr-nutrition-label span.dr-calories-fat, .dr-nutrition-label strong.dr-nut-label {
font-weight: 400;
}
.dr-nutrition-label .dr-nut-right {
float: right;
}
.dr-nutrition-label dl.dr-nut-bottom dt {
border-top: none;
border-bottom: 1px solid #aaa;
float: left;
width: 50%;
box-sizing: border-box;
}
.dr-nutrition-label dl.dr-nut-bottom dt strong {
font-weight: 400;
}
.dr-nutrition-label dl.dr-nut-bottom dt:last-child, .dr-nutrition-label dl.dr-nut-bottom dt:nth-last-child(2) {
border: none;
}
.dr-nutrition-label dl.dr-nut-bottom dt:nth-last-child(2):nth-child(even) {
border-bottom: 1px solid #aaa;
}
.widget .dr-nutrition-label {
margin: 0;
}
.dr-nut-no-border.text-large {
font-size: 1.5em;
}
.dr-nut-no-border.text-large .dr-nut-right {
font-size: 1.2em;
}
.dr-clearfix:not(:has(.text-large)) {
line-height: 1.45;
}
@media screen and (max-width: 767px) {
.dr-nutrition-facts .dr-title-wrap, .dr-nutrition-facts .dr-nutrition-list {
padding-left: 20px;
padding-right: 20px;
}
}
.dr-nutrition-output-area .dr-nutrition-facts {
position: sticky;
top: 50px;
}
.dr-nutrition-facts .dr-title {
margin: 0 !important;
color: inherit;
font-size: 1.1111em !important;
}
.dr-nutrition-facts .dr-nutrition-label .dr-nut-bottom {
display: flex;
flex-wrap: wrap;
}
.dr-nutrition-facts .dr-nutrition-label .dr-nut-bottom dt:first-child {
border-bottom: 1px solid #aaa;
}
.dr-nutrition-facts.chart-layout-flat .dr-nutrition-servings {
color: #232323;
font-size: 18px;
font-weight: 400;
line-height: 1.7;
padding-top: 20px;
margin-bottom: .8em;
}
.dr-nutrition-facts.chart-layout-flat .dr-nutrition-fact-lists {
line-height: 1.7;
}
.dr-nutrition-facts.chart-layout-flat .dr-nutrition-fact-lists span {
color: rgba(35, 35, 35, .6);
font-size: 16px;
font-weight: 400;
display: inline-flex;
gap: 4px;
}
.dr-nutrition-facts.chart-layout-flat .dr-nutrition-fact-lists span span {
color: #232323;
font-weight: 500;
}
.dr-nutrition-facts.chart-layout-flat .dr-nutrition-fact-lists span:last-child {
margin-right: 12px;
}
.dr-recipe-share {
display: block;
position: relative;
margin: 70px 0 55px;
}
.dr-recipe-share .dr-title, #primary .dr-recipe-share .dr-title {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
margin-top: -21px;
z-index: 1;
display: inline-block;
background: var(--white-color);
padding: 9px 30px;
line-height: 1.5;
font-size: 16px;
}
.dr-share-wrap {
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.dr-share-wrap .dr-share-block {
display: flex;
flex: 1;
align-items: center;
padding: 50px 36px 60px;
justify-content: center;
text-align: center;
color: var(--white-color);
position: relative;
}
.dr-share-wrap .dr-share-block p {
color: inherit;
}
.dr-share-wrap .dr-share-block.dr-instagram {
background: #3f729b;
}
.dr-share-wrap .dr-share-block.dr-pinterest {
background: #c8232c;
}
.dr-share-wrap .dr-share-block .dr-share-bl-inn {
position: relative;
z-index: 1;
}
.dr-share-wrap .dr-share-block::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
z-index: 0;
opacity: .05;
background: url("https://cdn-ilehldm.nitrocdn.com/bnDuBsYywjSAqgbnGBghHzvWIslLHBzN/assets/images/optimized/rev-a2a90d8/kernrivermilling.com/wp-content/plugins/delicious-recipes/assets/build/images/dr-share-bg.8c83e901.png") repeat;
}
.dr-share-wrap .dr-share-block .dr-share-icon {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background: var(--white-color);
border-radius: 50%;
margin: 0 auto 24px;
}
.dr-share-wrap .dr-share-block .dr-share-content a {
color: var(--white-color);
text-decoration: underline;
overflow-wrap: anywhere;
}
@media screen and (max-width: 767px) {
.dr-recipe-share .dr-title {
width: calc(100% - 30px);
text-align: center;
padding-left: 20px;
padding-right: 20px;
font-size: 14px;
}
.dr-share-wrap {
flex-direction: column;
}
.dr-share-wrap .dr-share-block {
flex: initial;
}
}
.dr-tags {
margin-bottom: 32px;
}
.dr-tags a, .dr-tags .dr-tag {
display: inline-block;
margin-right: 6px;
margin-bottom: 6px;
font-size: 12px;
color: var(--font-color);
font-weight: 500;
border: 1px solid rgba(80, 85, 86, .2);
line-height: 1;
padding: 4px 8px;
text-decoration: none;
border-radius: 20px;
transition: all ease .3s;
}
.dr-tags a:hover, .dr-tags .dr-tag:hover {
color: var(--white-color);
border-color: var(--primary-color);
background: var(--primary-color);
}
.dr-tags span.dr-tag {
background-color: rgba(var(--primary-color-rgb), .04);
color: var(--primary-color);
border-color: var(--primary-color);
}
.dr-poweredby {
display: block;
padding: 15px;
text-align: center;
background: rgba(var(--primary-color-rgb), .05);
}
.dr-poweredby img {
vertical-align: middle;
display: inline-block;
max-height: 30px;
}
.dr-poweredby span {
display: inline-block;
vertical-align: middle;
margin-right: 30px;
}
.dr-faqs-section .dr-section-title-wrap {
margin: 0 0 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.dr-faqs-section .dr-section-title-wrap .dr-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 0;
}
.dr-faqs-section .dr-section-title-wrap .dr-faq-toggle-area .toggle-title {
font-size: .83333em;
font-weight: 600;
margin-right: 8px;
color: #494d41;
}
.dr-faqs-section .dr-faqs-list .dr-faq-item {
border: 1px solid rgba(var(--primary-color-rgb), .16);
margin: 0 0 24px;
padding: 18px 24px;
border-radius: 4px;
box-shadow: 0px 8px 16px rgba(0, 0, 0, .02);
}
.dr-faqs-section .dr-faqs-list .dr-faq-item .dr-title {
display: block;
font-size: 20px;
font-weight: bold;
}
.dr-faqs-section .dr-faqs-list .dr-faq-item .dr-faq-title-wrap {
position: relative;
padding-right: 24px;
cursor: pointer;
}
.dr-faqs-section .dr-faqs-list .dr-faq-item .dr-faq-title-wrap::after {
content: "";
width: 24px;
height: 24px;
background-color: var(--primary-color);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-mask: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 5V19%27 stroke=%27%232DB68D%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M5 12H19%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
mask: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 5V19%27 stroke=%27%232DB68D%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M5 12H19%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
.dr-faqs-section .dr-faqs-list .dr-faq-item .dr-faq-title-wrap:hover {
color: var(--primary-color);
}
.dr-faqs-section .dr-faqs-list .dr-faq-item .dr-faq-content-wrap {
padding: 0;
height: 0;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all .3s ease;
}
.dr-faqs-section .dr-faqs-list .dr-faq-item .dr-faq-content-wrap p:last-child {
margin-bottom: 0;
}
.dr-faqs-section .dr-faqs-list .dr-faq-item.faq-active .dr-title {
color: var(--primary-color);
}
.dr-faqs-section .dr-faqs-list .dr-faq-item.faq-active .dr-faq-title-wrap::after {
-webkit-mask: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%272%27 viewBox=%270 0 16 2%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1H15%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
mask: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%272%27 viewBox=%270 0 16 2%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1H15%27 stroke=%27currentColor%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 15px auto;
mask-size: 15px auto;
-webkit-mask-position: center;
mask-position: center;
}
.dr-faqs-section .dr-faqs-list .dr-faq-item.faq-active .dr-faq-content-wrap {
padding: 18px 0 0;
visibility: visible;
opacity: 1;
height: auto;
max-height: 100%;
}
.author-block {
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
padding: 0 60px 45px;
margin-bottom: 32px;
}
.author-block::before {
content: "";
background: var(--white-color);
position: absolute;
top: 45px;
left: 0;
bottom: 0;
width: 100%;
z-index: -1;
}
.author-block .author-img-wrap {
width: 175px;
display: inline-block;
text-align: center;
}
.author-block .author-img {
margin: 0;
border-radius: 100px;
overflow: hidden;
width: 156px;
height: auto;
}
.author-block .author-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.author-block .author-name, #primary .author-block .author-name {
margin-top: 20px;
margin-bottom: 0;
font-size: 1.11em;
letter-spacing: .3px;
line-height: 1.5;
font-weight: 600;
color: var(--font-color);
display: inline-block;
}
.author-block .author-subtitle {
display: block;
line-height: 1.3;
font-size: .89em;
color: rgba(var(--black-color-rgb), .7);
}
.author-block .author-social {
margin-top: 10px;
}
.author-block .social-networks {
margin: 0;
padding: 0;
list-style: none;
}
.author-block .social-networks li {
display: inline-block;
margin: 5px 2px;
font-size: .67em;
line-height: 1.3;
padding-left: 0;
}
.author-block .social-networks li::before {
content: none;
}
.author-block .social-networks li a {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--primary-color);
border: 1px solid var(--primary-color);
width: 25px;
height: 25px;
line-height: 25px;
color: var(--white-color);
border-radius: 100%;
}
.author-block .social-networks li a:hover {
background: none;
color: var(--primary-color);
}
.author-block .social-networks li.youtube a {
background: #c4302b;
border-color: #c4302b;
}
.author-block .social-networks li.youtube a:hover {
background: none;
color: #c4302b;
}
.author-block .social-networks li.facebook a {
background: #3b5998;
border-color: #3b5998;
}
.author-block .social-networks li.facebook a:hover {
background: none;
color: #3b5998;
}
.author-block .social-networks li.instagram a {
background: #c13584;
border-color: #c13584;
}
.author-block .social-networks li.instagram a:hover {
background: none;
color: #c13584;
}
.author-block .social-networks li.pinterest a {
background: #c8232c;
border-color: #c8232c;
}
.author-block .social-networks li.pinterest a:hover {
background: none;
color: #c8232c;
}
.author-block .social-networks li.twitter a {
background: #1da1f2;
border-color: #1da1f2;
}
.author-block .social-networks li.twitter a:hover {
background: none;
color: #1da1f2;
}
.author-block .social-networks li.snapchat a {
background: #fffc00;
border-color: #fffc00;
}
.author-block .social-networks li.snapchat a:hover {
background: none;
color: #fffc00;
}
.author-block .social-networks li.linkedin a {
background: #2867b2;
border-color: #2867b2;
}
.author-block .social-networks li.linkedin a:hover {
background: none;
color: #2867b2;
}
.author-block .social-networks li.snapchat a {
color: var(--black-color);
}
.author-block .author-desc {
width: calc(100% - 175px);
padding-top: 45px;
padding-left: 80px;
display: flex;
flex-direction: column;
justify-content: center;
}
.author-block .author-desc p {
margin-top: 0;
margin-bottom: 20px;
}
.author-block .author-desc p:last-child {
margin-bottom: 0;
}
.single-recipe .author-block {
margin-top: 90px;
padding-top: 45px;
background: rgba(var(--primary-color-rgb), .05);
padding-bottom: 0;
}
.single-recipe .author-block::before {
display: none;
}
.single-recipe .author-block .author-img-wrap {
top: -90px;
position: relative;
}
.single-recipe .author-block .author-desc {
padding-top: 0;
padding-bottom: 45px;
padding-left: 40px;
}
@media screen and (max-width: 767px) {
.author-block {
padding: 0 20px;
flex-direction: column;
justify-content: center;
align-items: center;
}
.author-block .author-img-wrap {
width: 100%;
top: -45px;
}
.author-block .author-desc {
width: 100%;
text-align: center;
padding: 0;
margin-top: 0;
}
}
.single-recipe .post-navigation {
margin-bottom: 0;
margin-top: 60px;
padding: 1px;
overflow: visible;
}
.single-recipe .post-navigation .nav-previous {
padding-right: 15px;
float: none;
}
.single-recipe .post-navigation .nav-links .dr-recipe-fig img {
max-width: 100%;
height: auto;
}
.single-recipe .post-navigation .nav-links .nav-next {
text-align: left;
justify-content: flex-end;
float: none;
}
.single-recipe .post-navigation .nav-previous + .nav-next {
padding-left: 15px;
}
.single-recipe .post-navigation .nav-previous::after, .single-recipe .post-navigation .nav-next::after {
display: none;
}
.single-recipe .post-navigation article {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.single-recipe .post-navigation article .dr-recipe-fig {
position: relative;
padding-bottom: 20px;
width: 160px;
}
.single-recipe .post-navigation article .dr-category {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.single-recipe .post-navigation article .dr-category > span {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 5px 3px;
width: 35px;
height: 35px;
border-radius: 100%;
position: relative;
}
.single-recipe .post-navigation article .dr-category > span .dr-svg-icon span {
text-decoration: none;
position: relative;
z-index: 9;
width: 35px;
height: 35px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background: var(--primary-color);
color: var(--white-color);
border-radius: 100%;
overflow: hidden;
font-size: .78em;
}
.single-recipe .post-navigation article .dr-category > span .dr-svg-icon .svg-inline--fa {
width: 35px;
height: 35px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background: var(--primary-color);
color: var(--white-color);
border-radius: 100%;
padding: 8px;
}
.single-recipe .post-navigation article .dr-category span svg {
width: 100%;
height: 100%;
}
.single-recipe .post-navigation article .dr-recipe-meta {
margin-top: 10px;
justify-content: center;
margin-bottom: 0;
}
.single-recipe .post-navigation article .dr-recipe-meta > span {
display: inline-block;
margin-right: 20px;
margin-top: 0;
font-size: .7778em;
letter-spacing: .5px;
color: var(--font-color);
}
.single-recipe .post-navigation article .dr-recipe-meta > span:last-child {
margin-right: 0;
}
.single-recipe .post-navigation article .dr-recipe-meta > span .icon {
width: 15px;
height: 15px;
margin-right: 5px;
vertical-align: middle;
fill: var(--secondary-color);
filter: drop-shadow(0 3px 6px rgba(232, 78, 59, .26));
display: inline-block;
}
.single-recipe .post-navigation article .dr-recipe-meta .dr-meta-title {
display: inline-block;
vertical-align: middle;
}
.single-recipe .post-navigation article .dr-recipe-title {
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
font-weight: 600;
line-height: 1.5;
color: var(--font-color);
transition: color .3s ease;
}
.single-recipe .pagination .nav-links div[class*=nav] a {
color: var(--font-color);
padding: 0;
width: 100%;
}
.single-recipe .pagination .nav-links div[class*=nav] a:hover {
color: var(--primary-color);
}
.single-recipe .pagination .nav-links div[class*=nav] a:hover .dr-recipe-title {
color: var(--primary-color);
}
@media screen and (min-width: 768px) {
.single-recipe .post-navigation article .dr-recipe-details {
width: calc(100% - 160px);
padding-left: 20px;
}
}
@media screen and (max-width: 767px) {
.single-recipe .post-navigation article {
flex-direction: column;
}
.single-recipe .post-navigation article .dr-recipe-fig {
width: 100%;
margin-bottom: 20px;
text-align: center;
}
.single-recipe .post-navigation article .dr-recipe-details {
width: 100%;
padding-left: 0;
}
}
.single-recipe .nav-links div[class*=nav] a .meta-nav {
width: auto;
position: relative;
top: 0;
left: 0;
font-size: .8888em;
font-weight: 600;
transform: none;
padding-right: 25px;
margin-top: 20px;
display: inline-block;
line-height: 1.3;
}
.single-recipe .nav-links div[class*=nav] a {
text-align: left;
text-decoration: none;
}
.single-recipe .nav-links div[class*=nav] a .meta-nav::before, .single-recipe .nav-links div[class*=nav] a .meta-nav::after {
content: none;
}
@media (min-width: 768px) {
.single-recipe .nav-links {
display: flex;
}
.single-recipe .nav-links .nav-previous, .single-recipe .nav-links .nav-next {
flex: 1;
}
}
.single-recipe .nav-links div.nav-previous a .meta-nav {
padding-right: 0;
padding-left: 25px;
}
.single-recipe .nav-links .meta-nav svg {
position: absolute;
top: 6px;
right: 0;
}
.single-recipe .nav-links .nav-previous .meta-nav svg {
top: 5px;
left: 0;
right: auto;
transform: rotate(-180deg);
}
.single-recipe .pagination .nav-links div[class*=nav] a .meta-nav path {
transition: all ease .35s;
-webkit-transition: all ease .35s;
-moz-transition: all ease .35s;
}
.single-recipe .pagination .nav-links div[class*=nav] a:hover .meta-nav path {
stroke: var(--primary-color);
}
.single-recipe .comments-area {
margin-top: 80px;
border: 1px solid rgba(var(--primary-color-rgb), .2);
padding: 20px;
}
.dr-comment-area ol {
margin: 0;
padding: 0;
list-style: none;
}
.dr-comment-area ol li::before {
content: none;
}
.dr-comment-area ol li > div {
border-top: 1px solid rgba(var(--primary-color-rgb), .2);
margin-top: 30px;
padding-top: 30px;
}
.dr-comment-area ol ol {
margin-left: 70px;
}
.dr-comment-area .comment-list > li:first-child > div {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.dr-comment-area .comment-list > li:first-child > div.comment-respond {
margin-top: 30px;
padding-top: 50px;
}
.dr-comment-area .comment-body {
position: relative;
padding: 0 0 40px 70px;
}
.dr-comment-area .bypostauthor > div > .comment-body {
background: none;
border: none;
position: relative;
}
.dr-comment-area .bypostauthor > div > .comment-body .comment-author::after {
content: "";
background-image: url("data:image/svg+xml; utf-8, ");
background-repeat: no-repeat;
width: 20px;
height: 20px;
position: absolute;
top: 35px;
left: 35px;
display: block;
}
.dr-comment-area .comment-list + .comment-respond {
margin-top: 60px;
}
.dr-comment-area .comment-reply-title small {
font-size: 60%;
line-height: 1.3;
vertical-align: middle;
display: inline-block;
letter-spacing: .5px;
}
.dr-comment-area .comment-reply-title a {
display: inline-block;
margin-bottom: 0;
color: rgba(var(--black-color-rgb), .8);
vertical-align: middle;
text-transform: uppercase;
font-weight: 700;
border: none;
border-radius: 0;
background: none;
padding: 0 0 0 10px;
}
.dr-comment-area .comment-reply-title a:hover {
background: none;
color: var(--secondary-color);
}
form.comment-form {
display: block;
}
form.comment-form label {
display: inline-block;
margin-bottom: .5em;
}
form.comment-form label[for=rating] {
float: left;
}
form.comment-form p.comment-notes {
display: none;
width: 100%;
}
.dr-comment-area .comment-form p.comment-form-cookies-consent {
position: relative;
width: 100%;
}
.dr-comment-area .comment-form p.comment-form-cookies-consent label {
color: var(--black-color);
padding-left: 25px;
position: relative;
cursor: pointer;
display: inline-block;
width: auto;
}
.dr-comment-area .comment-form p.comment-form-cookies-consent label::before {
content: "";
width: 16px;
height: 16px;
border: 1px solid var(--primary-color);
background-color: #fff;
background-image: url("data:image/svg+xml; utf-8, ");
background-repeat: no-repeat;
background-size: 0;
background-position: center;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
font-weight: normal;
text-align: center;
line-height: 14px;
font-size: 0;
transition: all ease .35s;
display: block;
}
.dr-comment-area .comment-form p.comment-form-cookies-consent input[type=checkbox] {
position: absolute;
top: 12px;
left: 2px;
z-index: 1;
opacity: 0;
}
.dr-comment-area .comment-form p.comment-form-cookies-consent input[type=checkbox]:checked + label::before {
content: "";
border-color: var(--black-color);
background-color: var(--black-color);
background-size: 10px;
}
.dr-comment-area .comment-form label[for=rating] {
display: none;
width: 100%;
font-size: .8888em;
font-weight: 600;
margin-bottom: 5px;
color: var(--font-color);
}
.comment-respond fieldset {
border: none;
padding: 0;
margin: 0 0 20px 0;
}
.comment-respond .comment-form input[type=text], .comment-respond .comment-form input[type=email], .comment-respond .comment-form input[type=url], .comment-respond .comment-form textarea {
background: var(--white-color);
font-size: .8888em;
}
.comment-form p.form-submit {
margin: 0;
width: 100%;
}
.comment-form p.form-submit input[type=submit] {
padding: 12px 24px;
font-size: 16px;
font-weight: 700;
background: var(--primary-color);
border: none;
letter-spacing: 0;
text-transform: none;
text-wrap: auto;
cursor: pointer;
color: var(--white-color);
}
.comment-form p.form-submit input[type=submit]:hover {
background: var(--secondary-color);
}
.dr-surprise-me {
background: var(--primary-color);
border: none;
}
.dr-surprise-me:hover {
background: #000;
}
.dr-surprise-me svg {
color: #fff;
}
.dr-surprise-me a {
color: #fff;
margin-left: 5px;
}
@media screen and (max-width: 7687x) {
.single-recipe .comments-area {
padding: 40px 20px;
}
.single-recipe .comments-area .comment-respond {
padding: 40px 20px;
}
.single-recipe .comments-area .comment-body, .single-recipe .comments-area .bypostauthor > div > .comment-body {
padding-left: 0;
padding-top: 70px;
}
.single-recipe .comments-area .bypostauthor .comment-body {
padding-left: 0;
}
.single-recipe .comments-area ol ol {
margin-left: 25px;
}
.single-recipe .bypostauthor .comment-body img.avatar {
left: 0;
}
.single-recipe .comment-body img.avatar {
top: 0;
}
.single-recipe .comment-body .reply, .single-recipe .comment-body .bypostauthor > div > .comment-body .reply {
left: 0;
}
}
.dr-recipes-card-block .rating-without-comment {
display: none;
}
.dr-archive-list-gridwrap {
gap: 30px;
margin-top: 50px;
}
.dr-archive-list-gridwrap.grid:not(.list) {
display: grid;
grid-template-columns: repeat(3, 1fr);
margin: 0;
}
@media screen and (max-width: 1024px) {
.dr-archive-list-gridwrap.grid:not(.list) {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 767px) {
.dr-archive-list-gridwrap.grid:not(.list) {
grid-template-columns: repeat(1, 1fr);
}
}
.dr-archive-list-gridwrap.grid.wpd-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1024px) {
.dr-archive-list-gridwrap.grid.wpd-columns-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 767px) {
.dr-archive-list-gridwrap.grid.wpd-columns-3 {
grid-template-columns: repeat(1, 1fr);
}
}
.dr-archive-list-gridwrap.grid.wpd-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1024px) {
.dr-archive-list-gridwrap.grid.wpd-columns-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 767px) {
.dr-archive-list-gridwrap.grid.wpd-columns-4 {
grid-template-columns: repeat(1, 1fr);
}
}
.dr-archive-list-gridwrap.list article {
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.dr-archive-list-gridwrap.list article {
flex-direction: column;
}
}
.dr-archive-list-gridwrap.list article:not(:last-child) {
margin-bottom: 50px;
}
.dr-archive-list-gridwrap.list .content-wrap {
position: relative;
padding-left: 60px;
}
@media screen and (min-width: 768px) {
.dr-archive-list-gridwrap.list .content-wrap {
width: 60%;
}
}
.dr-archive-list-gridwrap.list .wpdr-feat-thumb {
width: 100%;
}
@media screen and (min-width: 768px) {
.dr-archive-list-gridwrap.list .wpdr-feat-thumb {
width: 40%;
}
}
@media screen and (max-width: 767px) {
.dr-archive-list-gridwrap.list .wpdr-feat-thumb {
margin-bottom: 30px;
}
}
.dr-archive-list-gridwrap.list .entry-header {
margin-bottom: 20px;
}
.dr-archive-list-gridwrap.list .entry-header .post-cat {
margin-bottom: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.dr-archive-list-gridwrap.list .entry-header .post-cat a {
display: inline-flex;
align-items: center;
gap: 5px;
border: 1px solid rgba(var(--primary-color-rgb), .25);
border-radius: 50px;
line-height: 1.3;
padding: 7px 15px;
font-size: .7778em;
letter-spacing: .6px;
color: var(--black-color);
text-decoration: none;
}
.dr-archive-list-gridwrap.list .entry-header .post-cat a:hover {
background: var(--primary-color);
border-color: var(--primary-color);
color: var(--white-color);
}
.dr-archive-list-gridwrap.list .entry-title {
margin: 0;
font-size: 1.11em;
font-weight: 600;
line-height: 1.5;
}
.dr-archive-list-gridwrap.list .entry-title a {
text-decoration: none;
color: var(--black-color);
transition: color .3s ease;
}
.dr-archive-list-gridwrap.list .entry-title a:hover {
color: var(--primary-color);
}
.dr-archive-list-gridwrap.list .entry-meta {
margin-top: 10px;
display: flex;
align-items: center;
gap: 20px 10px;
flex-wrap: wrap;
}
.dr-archive-list-gridwrap.list .entry-meta > span {
display: inline-flex;
align-items: center;
gap: 5px;
line-height: 1.5;
font-size: .8888em;
letter-spacing: .9px;
}
.dr-archive-list-gridwrap.list .entry-meta > span a {
display: inline-block;
text-decoration: none;
color: var(--font-color);
}
.dr-archive-list-gridwrap.list .entry-meta > span a:hover {
color: var(--primary-color);
}
.dr-archive-list-gridwrap.list .entry-meta > span svg {
width: 15px;
height: 15px;
fill: rgba(var(--font-color-rgb), .6);
filter: drop-shadow(0 3px 6px rgba(var(--secondary-color-rgb), .26));
}
.dr-archive-list-gridwrap.list .entry-meta > span time, .dr-archive-list-gridwrap.list .entry-meta > span span {
display: inline-block;
vertical-align: middle;
}
.dr-archive-list-gridwrap.list .entry-content {
margin-top: 20px;
margin-bottom: 0;
}
.dr-archive-list-gridwrap.list .entry-content p {
margin-top: 0;
margin-bottom: 20px;
}
.dr-archive-list-gridwrap.list .entry-content p:last-child {
margin-bottom: 0;
}
.dr-archive-list-gridwrap.list .entry-footer {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 20px;
}
.dr-archive-list-gridwrap.list .entry-footer > span {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
font-size: .7778em;
letter-spacing: .5px;
color: rgba(var(--black-color-rgb), .8);
}
.dr-archive-list-gridwrap.list .entry-footer > span a {
display: inline-flex;
align-items: center;
gap: 5px;
text-decoration: none;
color: rgba(var(--black-color-rgb), .8);
transition: color .3s ease;
}
.dr-archive-list-gridwrap.list .entry-footer > span a:hover {
color: var(--primary-color);
}
.dr-archive-list-gridwrap.list .entry-footer > span.byline img {
width: 30px;
height: 30px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 100%;
}
.dr-archive-list-gridwrap.list .entry-footer > span.byline .fn {
font-weight: normal;
padding-left: 5px;
}
.dr-archive-single {
text-align: center;
overflow-wrap: break-word;
}
.dr-archive-single .dr-archive-details {
display: block;
}
.dr-archive-single .dr-archive-details .dr-archive-list-title {
font-size: 1em !important;
line-height: 1.625;
margin-top: 0;
padding: 0 15px;
font-weight: 700;
}
.dr-archive-single .dr-archive-details .dr-archive-list-title a {
color: inherit;
transition: all ease .3s;
text-decoration: none;
}
.dr-archive-single .dr-archive-details .dr-archive-list-title a:hover {
color: var(--primary-color);
}
.dr-archive-single .dr-archive-details .dr-entry-meta {
margin-top: 5px;
justify-content: center;
margin-bottom: 0;
gap: 20px;
}
.dr-archive-single .dr-archive-details .dr-entry-meta > span {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: .7778em;
letter-spacing: .5px;
color: var(--font-color);
}
.wpdr-feat-thumb:not(.dr-fav-recipe-fig) {
display: inline-block;
padding-bottom: 20px;
margin: 0;
text-align: center;
}
.wpdr-feat-thumb:not(.dr-fav-recipe-fig) img {
display: block;
width: 100%;
}
.wpdr-feat-thumb:not(.dr-fav-recipe-fig) .post-pinit-button img {
width: auto;
height: auto;
}
.wpdr-feat-thumb:not(.dr-fav-recipe-fig) .dr-fallback-svg {
width: 100%;
}
.wpdr-feat-thumb:not(.dr-fav-recipe-fig) .dr-category {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
flex-wrap: wrap;
}
.wpdr-feat-thumb:not(.dr-fav-recipe-fig) .dr-category a {
vertical-align: middle;
position: relative;
}
.dr-badge {
position: absolute;
top: 10px;
right: 0;
}
.dr-badge a {
display: block;
padding: 8px;
font-size: 14px;
line-height: 1;
color: #fff !important;
border-radius: 20px 0 0 20px;
text-decoration: none !important;
}
.dr-star-ratings-wrapper .dr-star-ratings {
display: flex;
gap: 2px;
}
.wpd-rating-container {
display: inline-block;
position: relative;
}
.wpd-rating-container > [class*=wpd-rat] {
white-space: nowrap;
display: flex;
gap: 2px;
}
.wpd-rating-container > [class*=wpd-rat] span {
display: inline-block;
vertical-align: middle;
}
.wpd-rating-container .wpd-rating-placeholder svg {
fill: none;
stroke: #ffae34;
}
.wpd-rating-container .wpd-rated-stars {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.wpd-rating-container .wpd-rated-stars svg {
fill: #ffae34;
}
.single-recipe .commentlist {
list-style: none;
padding-left: 0;
}
.single-recipe .commentlist .children {
list-style: none;
}
.single-recipe .commentlist .comment-meta .comment-author {
display: flex;
align-items: center;
gap: 4px;
}
.single-recipe .commentlist .comment-meta .comment-author .avatar {
border-radius: 100%;
margin-right: 10px;
}
.single-recipe .commentlist .comment-meta a {
text-decoration: none;
}
.single-recipe .commentlist .comment-metadata, .single-recipe .commentlist .reply, .single-recipe .commentlist .comment-content {
margin-left: 45px;
}
.single-recipe .commentlist .comment-body {
margin-bottom: 32px;
}
.single-recipe form.comment-form label[for=rating] {
float: unset;
}
.single-recipe .dr-comment-rating {
display: inline-flex;
align-items: center;
}
.single-recipe .dr-comment-rating .wpd-rating-placeholder span {
display: inline-flex;
}
.dr-summary-holder .dr-star-ratings-wrapper a {
color: var(--secondary-color) !important;
}
.dr-summary-holder .dr-star-ratings-wrapper a:hover {
color: #f15641 !important;
}
.dr-summary-holder li.dr-instruction-checked > *:not(.dr-inst-mark-read) {
text-decoration: line-through;
color: rgba(var(--black-color-rgb), .45);
}
.dr-summary-holder .dr-inst-mark-read {
display: inline-flex;
align-items: center;
gap: 8px;
}
.dr-summary-holder .dr-inst-mark-read input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 1rem;
height: 1rem;
border: 1px solid #858585;
border-radius: .125rem;
vertical-align: middle;
}
.dr-summary-holder .dr-inst-mark-read input[type=checkbox]:checked {
border-color: var(--primary-color);
background-color: var(--primary-color);
background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 3L4.5 8.5L2 6%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: center;
}
.dr-summary-holder .dr-inst-mark-read input[type=checkbox]:checked.nitro-lazy {
background-image: none !important;
}
.dr-summary-holder .dr-inst-mark-read input[type=checkbox]::after {
content: none;
}
.dr-summary-holder .dr-inst-mark-read label {
font-size: .9375rem;
margin: 0;
padding: 0;
width: auto;
}
.dr-summary-holder .jq-ry-container {
margin-left: 0;
}
.dr-summary-holder .dr-button-group {
display: flex;
flex-wrap: wrap;
gap: 16px;
align-items: flex-start;
}
.dr-summary-holder .dr-button-group > * {
flex-shrink: 1;
flex: auto;
}
.dr-summary-holder .dr-button-group > * > * {
width: 100%;
text-align: center;
}
.dr-summary-holder .dr-button-group svg {
vertical-align: middle;
}
.dr-summary-holder .dr-button-group .dr-btn-link {
padding: 10px 20px;
}
.dr-summary-holder .post-pinit-button a {
padding: 10px 30px;
margin-bottom: 10px;
display: inline-block;
color: var(--font-color);
background-color: rgba(200, 35, 44, .1);
font-size: 14px;
cursor: pointer;
}
.dr-summary-holder .post-pinit-button a svg {
vertical-align: middle;
margin-right: 6px;
}
.dr-summary-holder .post-pinit-button a:hover {
color: #c8232c;
}
.dr-summary-holder .dr-image .post-pinit-button a {
padding: 0;
background: none;
}
@media (max-width: 767px) {
.dr-summary-holder.default .dr-post-summary > .dr-extra-meta .dr-sim-metaa {
border-bottom: 1px solid rgba(var(--primary-color-rgb), .2);
}
.dr-summary-holder.default .dr-post-summary > .dr-extra-meta .dr-sim-metaa > span {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
}
@media screen and (min-width: 768px) {
.dr-summary-holder.default .dr-post-summary > .dr-extra-meta {
margin-top: 40px;
border-top: 1px solid rgba(var(--primary-color-rgb), .2);
}
.dr-summary-holder.default .dr-post-summary > .dr-extra-meta:nth-child(even) .dr-sim-metaa {
border-top: none;
border-bottom: none;
}
.dr-summary-holder.default .dr-post-summary > .dr-extra-meta .dr-sim-metaa.dr-lavel {
width: 25%;
}
.dr-summary-holder.default .dr-post-summary > .dr-extra-meta .dr-sim-metaa.dr-cook-time {
width: 75%;
}
.dr-summary-holder.default .dr-post-summary > .dr-extra-meta.four-columns {
margin-top: 0;
border-top: 0;
}
.dr-summary-holder.default .dr-post-summary > .dr-extra-meta.four-columns .dr-sim-metaa {
width: 25%;
}
.dr-summary-holder.default .dr-post-summary > .dr-extra-meta.two-columns {
margin-top: 0;
border-top: 0;
border-bottom: 1px solid rgba(var(--primary-color-rgb), .2);
}
.dr-summary-holder.default .dr-post-summary > .dr-extra-meta.two-columns .dr-sim-metaa {
width: 50%;
}
.dr-summary-holder.default .dr-post-summary > .dr-extra-meta .dr-yields {
padding-left: 30px;
}
.dr-summary-holder.default .dr-post-summary .dr-extra-meta .dr-sim-metaa {
padding: 15px;
font-size: 14px;
}
.dr-summary-holder.default .dr-post-summary .dr-extra-meta .dr-sim-metaa.dr-cook-time {
align-items: flex-start;
}
.dr-summary-holder.default .dr-post-summary .dr-extra-meta .dr-sim-metaa.dr-cook-time > .dr-meta-title {
padding-top: 7px;
min-width: 30px;
flex: inherit;
justify-content: center;
}
.dr-summary-holder.default .dr-post-summary .dr-extra-meta .dr-sim-metaa:not(.dr-cook-time) .dr-meta-title {
margin-right: 0;
}
.dr-summary-holder.default .dr-post-summary .dr-extra-meta .dr-sim-metaa:not(.dr-cook-time) .dr-meta-title + .d-flex {
padding-left: 25px;
}
.dr-summary-holder.default .dr-post-summary .dr-extra-meta .dr-sim-metaa:not(.dr-cook-time) .dr-meta-title + b {
padding-left: 30px;
}
.dr-summary-holder.default .dr-post-summary .dr-extra-meta .dr-sim-metaa.dr-cook-time > span:not(.dr-meta-title) {
padding: 5px;
}
}
.dr-summary-holder.layout-1 {
padding: 30px;
border-radius: 4px;
border: 1px solid rgba(var(--primary-color-rgb), .2);
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-recipe-summary-header, .dr-summary-holder.layout-2 .dr-recipe-summary-inner .dr-recipe-summary-header {
display: flex;
margin-bottom: 30px;
}
@media (max-width: 689px) {
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-recipe-summary-header, .dr-summary-holder.layout-2 .dr-recipe-summary-inner .dr-recipe-summary-header {
flex-direction: column;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-recipe-summary-header .dr-image, .dr-summary-holder.layout-2 .dr-recipe-summary-inner .dr-recipe-summary-header .dr-image {
width: 100%;
}
}
@media (min-width: 690px) {
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-title-wrap:not(.dr-recipe-summary-header-bottom), .dr-summary-holder.layout-2 .dr-recipe-summary-inner .dr-title-wrap:not(.dr-recipe-summary-header-bottom) {
padding-right: 40px;
}
}
@media (min-width: 768px) {
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-title-wrap:not(.dr-recipe-summary-header-bottom), .dr-summary-holder.layout-2 .dr-recipe-summary-inner .dr-title-wrap:not(.dr-recipe-summary-header-bottom) {
width: 66%;
}
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-title-wrap:not(.dr-recipe-summary-header-bottom) .dr-title, .dr-summary-holder.layout-2 .dr-recipe-summary-inner .dr-title-wrap:not(.dr-recipe-summary-header-bottom) .dr-title {
font-size: 30px !important;
font-weight: normal !important;
margin-bottom: 24px !important;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-title-wrap:not(.dr-recipe-summary-header-bottom) .dr-summary, .dr-summary-holder.layout-2 .dr-recipe-summary-inner .dr-title-wrap:not(.dr-recipe-summary-header-bottom) .dr-summary {
padding-top: 0;
padding-bottom: 30px;
margin-bottom: 30px;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .post-pinit-button, .dr-summary-holder.layout-2 .dr-recipe-summary-inner .post-pinit-button {
position: static;
display: inline-block;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .post-pinit-button a, .dr-summary-holder.layout-2 .dr-recipe-summary-inner .post-pinit-button a {
display: block;
padding: 9px 30px;
background-color: rgba(200, 35, 44, .1);
box-shadow: inset 0 0 0 2px rgba(200, 35, 44, .1);
font-size: 14px;
letter-spacing: 1px;
cursor: pointer;
text-decoration: none;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .post-pinit-button a::before, .dr-summary-holder.layout-2 .dr-recipe-summary-inner .post-pinit-button a::before {
content: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2712.884%27 viewBox=%270 0 10 12.884%27%3E%3Cpath id=%27Path_4342%27 data-name=%27Path 4342%27 d=%27M30.131,9.065a10.321,10.321,0,0,1-1.781,3.754.17.17,0,0,1-.228.036.257.257,0,0,1-.259-.249,16.6,16.6,0,0,1,.649-5.687A10.262,10.262,0,0,1,28.9,5.886a1.917,1.917,0,0,1,.485-2.354,1.024,1.024,0,0,1,1.712.4,6.015,6.015,0,0,1-.383,3.346c.157.089.287.211.462.3a1.6,1.6,0,0,0,1.416.033,1.528,1.528,0,0,0,.393-.249,3.43,3.43,0,0,0,.583-.974c.061-.183.114-.373.167-.563A3.068,3.068,0,0,0,31.61,2.173a2.984,2.984,0,0,0-3.491,1.02,3.646,3.646,0,0,0-.358,2.6,1.712,1.712,0,0,1,.233,1.058.519.519,0,0,1-.089.175.716.716,0,0,1-.982.066,1.114,1.114,0,0,1-.289-.35c-1.233-1.2-.254-3.922.675-5.01a5.194,5.194,0,0,1,6.362-1.1,5.061,5.061,0,0,1,2.007,6.225C34.829,8.824,32.1,10.09,30.131,9.065Z%27 transform=%27translate%28-26.056 0%29%27 fill=%27%23c8232c%27/%3E%3C/svg%3E%0A");
margin-right: 8px;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner {
flex-direction: column;
padding-bottom: 30px;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-recipe-summary-header {
padding-bottom: 30px;
border-bottom: 1px solid rgba(var(--primary-color-rgb), .15);
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-recipe-summary-header .dr-title-wrap {
flex: auto;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-recipe-summary-header .dr-title-wrap .dr-title {
margin-bottom: 20px !important;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-recipe-summary-header .dr-title-wrap .dr-summary {
border-bottom: none;
margin-bottom: 0;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-recipe-summary-header-bottom {
width: 100%;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-recipe-summary-header-bottom .dr-buttons {
width: auto;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-entry-meta {
justify-content: flex-start;
}
@media (min-width: 690px) {
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-entry-meta {
flex-direction: row;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-entry-meta > span {
width: 50%;
}
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-recipe-summary-button-wrap {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
text-align: center;
gap: 16px;
align-items: flex-start;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-recipe-summary-button-wrap > * {
flex: 1;
}
.dr-summary-holder.layout-1 .dr-recipe-summary-inner .dr-recipe-summary-button-wrap .dr-btn-link {
margin: 0;
width: 100%;
justify-content: center;
}
.dr-summary-holder.layout-1 .dr-extra-meta {
margin-top: 0;
justify-content: space-between;
border-top: 1px solid rgba(var(--primary-color-rgb), .15);
border-bottom: 1px solid rgba(var(--primary-color-rgb), .15);
}
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa {
background: none;
border-left: none;
border-right: none;
width: auto;
border: none;
}
@media (max-width: 767px) {
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa:not(:last-child) {
border-bottom: 1px solid rgba(var(--primary-color-rgb), .15);
}
}
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa.dr-cook-time {
width: 100%;
justify-content: space-between;
border-bottom: 1px solid rgba(var(--primary-color-rgb), .15);
position: relative;
}
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa.dr-cook-time > .dr-meta-title {
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%);
padding: 0 17px;
z-index: 1;
}
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa.dr-cook-time > .dr-meta-title::before {
content: "";
background-color: rgba(var(--primary-color-rgb), .05);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa.dr-cook-time > .dr-meta-title .icon {
margin: 0;
}
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa.dr-cook-time > span {
flex: unset;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa.dr-cook-time > span {
flex-flow: row wrap;
align-items: center;
justify-content: space-between;
}
}
@media (min-width: 768px)and (max-width: 1024px) {
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa.dr-cook-time > span.dr-Rest-time, .dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa.dr-cook-time > .dr-total-time {
margin-left: 0;
margin-top: 30px;
}
}
@media (min-width: 768px) {
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa:not(.dr-cook-time) {
justify-content: center;
flex-direction: column;
align-items: center;
}
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa:not(.dr-cook-time) .dr-meta-title {
flex-direction: column;
align-items: center;
margin-right: 0;
}
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa:not(.dr-cook-time) .dr-meta-title .icon {
margin-bottom: 16px;
}
}
@media (min-width: 768px) {
.dr-summary-holder.layout-1 .dr-extra-meta .dr-sim-metaa.dr-lavel {
padding-left: 0;
}
}
.dr-summary-holder.layout-2 {
padding: 52px 32px;
}
.dr-summary-holder.layout-2 .post-pinit-button {
display: block;
width: 100%;
}
.dr-summary-holder.layout-2 .dr-extra-meta {
border-top: 1px solid rgba(var(--primary-color-rgb), .15);
border-right: 1px solid rgba(var(--primary-color-rgb), .15);
border-left: 1px solid rgba(var(--primary-color-rgb), .15);
background-color: #fff;
margin-top: 0;
}
.dr-summary-holder.layout-2 .dr-extra-meta .dr-sim-metaa {
border-bottom: 1px solid rgba(var(--primary-color-rgb), .15);
}
@media (min-width: 768px) {
.dr-summary-holder.layout-2 .dr-extra-meta .dr-sim-metaa {
padding: 30px;
width: 25%;
}
}
.dr-summary-holder.layout-2 .dr-extra-meta .dr-sim-metaa.dr-cook-time {
width: 100%;
}
.dr-summary-holder.layout-2 .dr-extra-meta .dr-sim-metaa.dr-cook-time > span {
display: flex;
flex-direction: column;
align-items: center;
}
.dr-summary-holder.layout-2 .dr-extra-meta .dr-sim-metaa:not(.dr-cook-time) {
align-items: flex-end;
justify-content: center;
position: relative;
}
.dr-summary-holder.layout-2 .dr-extra-meta .dr-sim-metaa:not(.dr-cook-time) .dr-meta-title {
margin-top: 30px;
position: static;
margin-left: 6px;
}
.dr-summary-holder.layout-2 .dr-extra-meta .dr-sim-metaa:not(.dr-cook-time) .dr-meta-title .icon {
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
margin-right: 0;
}
.dr-title-wrap .dr-entry-meta .dr-category {
flex-wrap: wrap;
}
span.ingredient_fraction {
margin-right: 4px;
font-size: 1rem;
}
span.ingredient_fraction sup, span.ingredient_fraction sub {
display: inline-block;
position: relative;
}
span.ingredient_fraction sup {
top: -.5em;
}
span.ingredient_fraction sub {
bottom: -.5em;
}
.dr-archive-list-gridwrap.list .post-pinit-button img {
width: auto;
opacity: 1;
}