/*
Theme Name:     Scrumptious
Theme URI:      https://scrumptious.sheshoppesdemo.com
Template:       kadence
Author:         SheShoppes
Author URI:     https://sheshoppes.com
Description:    Scrumptious is more than just a theme - it's a visual treat, designed to show off your tasty recipes in the best way possible. It's fully compatible with the WPRM plugin and comes packed with features that will make your food blog stand out. These include a nicely designed recipe card to display your delicious meals, uniquely styled post loops to keep your audience hooked, and well-placed product affiliate blocks for monetization. Get set to serve your content hot and fresh with Scrumptious!
Version:        99.9.9
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

::-moz-selection {
	background: #111 !important;
	color: #fff !important;
}

::selection {
	background: #111 !important;
	color: #fff !important;
}

h1, h2, h3, h4, h5 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 800;
}

.entry-taxonomies a { font-weight: inherit; }
.kb-posts-style-unboxed .entry.loop-entry { box-shadow: none; }
.entry-related-inner.content-container { display: block; }
.entry-title {
	line-height: 1em;
}
.entry-title a:hover {
	box-shadow: inset 0px -15px 0px 0px var(--global-palette6);
}
a {
	transition: all .2s ease-in-out;
}
.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
	margin: 5px 0;
}
.wp-block-post figure { max-width: 100%; height: auto; }



.block-popularposts .loop-entry .entry-title a:hover { color: initial!important; }

.entry-title a:hover{
	box-shadow:none;
}

.post-archive-hero-section .entry-hero-container-inner {
	padding: 20px 0;
}
body.blog #archive-container .entry-content-wrap,
body.archive #archive-container .entry-content-wrap {
	text-align: center;	
}
.wp-block-kadence-posts.item-image-style-above .has-post-thumbnail .post-thumbnail,
.archive.content-style-unboxed .wp-site-blocks .post-thumbnail, .blog.content-style-unboxed .wp-site-blocks .post-thumbnail, .post-type-archive.content-style-unboxed .wp-site-blocks .post-thumbnail, .search-results.content-style-unboxed .wp-site-blocks .post-thumbnail { margin-bottom: 0!important; }
.wp-block-kadence-posts.item-image-style-above .has-post-thumbnail .entry-content-wrap,
#archive-container .entry-content-wrap { position: relative; }
.wp-block-kadence-posts.item-image-style-above .has-post-thumbnail .entry-title,
#archive-container.item-image-style-above .has-post-thumbnail .entry-title { padding-top: 20px; margin: 0; }
.wp-block-kadence-posts.item-image-style-above .has-post-thumbnail .entry-taxonomies,
#archive-container.item-image-style-above .has-post-thumbnail .entry-taxonomies { background-color: rgba(255, 255, 255, 1); position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); display: inline-block; padding: 2px 7px; white-space: nowrap; }

.header-navigation[class*="header-navigation-style-underline"] .header-menu-container>ul>li>a:after {
	top: 0;
	height: 1px!important;
}

@media screen and (min-width: 768px) {
	.entry-related-inner-content { padding: 0; }
}
.entry-related-inner-content .entry-content-wrap { text-align: center; }

.splide .splide__arrow {
	box-shadow: none!important; 
	opacity: 1;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	top: 40%;
}
.splide__pagination button {
	box-shadow: none!important; }
.splide .splide__arrow--prev {
	left: -20px;
}
.splide .splide__arrow--next {
	right: -20px;
}
.wp-block-button__link { box-shadow: none!important; }

@media screen and (min-width: 767px) {
	.entry-author-style-center .entry-author-profile .entry-author-description {
		max-width: 90%;
}
}
.entry-author-follow a.social-button {
	background-color: transparent!important;
}

.post-navigation .nav-previous .kadence-svg-iconset, .post-navigation .nav-next .kadence-svg-iconset { display: none; }

.comment-body {
	border-color: var(--global-palette4);
}
.parent .comment-body { border: 0; }
.bypostauthor .comment-body { background-color: var(--global-palette8);
padding: 30px; }
.bypostauthor .comment-body .comment-content {
	margin-bottom: 0!important;
}
@media screen and (min-width: 767px) {
	.bypostauthor .reply { top: 30px; right: 30px; }
}
.entry-author-style-center .entry-author-avatar:before,
.entry-author-style-center .entry-author-avatar:after,
.post-navigation .nav-previous:after {
	background: var(--global-palette4);
}
.entry-author-style-center { border-bottom-color: var(--global-palette4); }

.woocommerce-cart table.cart .product-name a, .woocommerce-checkout table.cart .product-name a, #add_payment_method table.cart .product-name a { var(--global-palette1); }
.woocommerce form .form-row label { color: var(--global-palette4); }.wavy {
  --mask: radial-gradient(49.53px at 50% 68.25px,#000 99%,#0000 101%) calc(50% - 52.5px) 0/105px 100%,radial-gradient(49.53px at 50% -42px,#0000 99%,#000 101%) 50% 26.25px/105px 100% repeat-x;
  -webkit-mask: var(--mask);
  mask: var(--mask);
}

#is-style-group-asterisk{
border: 2px solid var(--global-palette5) !important;
    padding: 10px 15px;
    position: relative;
    border-radius: 7px;
    margin-bottom: 37px;
    margin-top: calc(32px + 25px);
}
#is-style-group-asterisk:before{
    background: url('https://dizzybusyandhungry.com/wp-content/plugins/feast-plugin/assets/images/asterisk.svg');
    background-color: var(--global-palette5);
    color: var(--global-palette3);
    position: absolute;
    content: '';
    top: -25px;
    left: clamp(20px, calc(1.25rem + ((1vw - 6px) * 0.8803)), 25px);
    height: 50px;
    width: 50px;
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: 30px 30px !important;
    border-radius: 100%;
}
.is-style-separator-dots {
    background-color: var(--global-palette5);
    -webkit-mask-image: url(https://dizzybusyandhungry.com/wp-content/plugins/feast-plugin/assets/images/separator-dots.svg);
    mask-image: url(https://dizzybusyandhungry.com/wp-content/plugins/feast-plugin/assets/images/separator-dots.svg);
    -webkit-mask-size: 70px;
    -webkit-mask-repeat: repeat-x;
    min-height: 5px;
    margin-top: 16px;
    margin-top: 16px;
    border-top: none;
}
.kb-search .kb-search-icon-submit{
	background: var(--global-palette7) !important;
    box-shadow: none !important;
    border: 1px solid var(--global-palette3) !important;
    padding: 13px !important;
}
#search-drawer .drawer-inner input.search-field{
	    background: #FFF !important ;
    border: 3px solid var(--global-palette3) !important;
}
.kadence-breadcrumbs a {
    color: inherit;
    text-decoration: none;
}
.post-title .kadence-breadcrumbs{
    margin: 0px;
}
.title-entry-excerpt p{
	    padding: 0px;
    margin: 0px;
}
.post-title .entry-meta{
	    margin: 0px;
}
.hero-container{
	padding:clamp(20px, calc(1.25rem + ((1vw - 6px) * 2.1127)), 32px);
}
.post-hero-section{
    margin-bottom: 20px;
}
.entry-hero.post-hero-section .entry-header{
	gap:8px !important;
}
.tasty-recipes-quick-links{
	border: 2px solid var(--global-palette7) !important;
    border-radius: 7px !important;
    padding: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
    background: #ffffff !important;
    margin-bottom: 25px !important;
    justify-content: stretch !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
}
.tasty-recipes-quick-links a.button{
	background: var(--global-palette2) !important;
    color: var(--global-palette3) !important;
    border: none !important;
    text-decoration: none !important;
    padding: 12px !important;
	box-shadow:none !important;
	font-size:14px !important;
	display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    justify-content: center !important;
}
.tasty-recipes-quick-links a.button:hover{
box-shadow:none;
}
.advanced-jump-to{
	background-color: var(--global-palette2) !important;
    border: 2px solid var(--global-palette2) !important;
    box-shadow: none !important;
    max-height: 210px !important;
    overflow-y: auto;
    z-index: 999;
    opacity: 0.97;
    background: var(--global-palette7, #FCFCFC);
    margin-bottom: 57px;
    border-radius: 7px;
}
.advanced-jump-to summary{
    min-height: 48px;
    line-height: 48px;
    padding: 8px 30px;
	cursor: pointer;
    display: list-item;
    font-weight: bold;
}
.advanced-jump-to summary::marker {
    display: none;
    content: "";
}
.advanced-jump-to[open] summary::after {
    transform: rotate(0);
}
.advanced-jump-to ul{
	margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding: 0 30px 16px;
}
.advanced-jump-to ul li{
	    list-style-type: none;
    margin-bottom: 8px;
    line-height: 1.6;
    margin-left: 0;
}
.advanced-jump-to ul li a{
    text-decoration: underline !important;
    color: var(--global-palette4) !important;
}
.is_style_boxed{
    background: var(--global-palette2);
    margin: 32px 0;
    padding: clamp(20px, calc(1.25rem + ((1vw - 6px) * 2.1127)), 32px);
    border-radius: 7px;
}
.single-content ul, .single-content ol{
	    padding-left: 1em !important; 
}
.single-content ol {
    list-style: none;
    counter-reset: list-counter;
}
.single-content ol li {
    counter-increment: list-counter;
    position: relative;
    padding-left: 34px;
    margin-bottom: 10px;
}
.single-content ol li::before {
    content: counter(list-counter);
    position: absolute;
    left: 0;
    top: 10px;
    background-color: var(--global-palette4);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 22px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.faq-item{
	    margin-top: 20px;
    margin-bottom: 16px;
    padding: 20px;
    border: 2px solid var(--global-palette5) !important;
    border-radius: 7px;
}
.faq-question{
	font-size: 1.2em;
    display: block;
    position: relative;
    padding-right: 24px;
}
.faq-answer{
	    padding-left: 16px !important;
    padding-right: 16px !important;
}

.is-style-related-wrapper{
	margin: 20px 0;
    padding: clamp(20px, calc(1.25rem + ((1vw - 6px) * 2.1127)), 32px);
    border: 2px solid var(--global-palette5);
    border-radius: 7px;
}
.entry-content a:hover {
    background: var(--branding-color-background);
    color: var(--branding-color-background-text);
}
.entry-content a:hover {
    background: var(--global-palette1) !important;
    color: var(--global-palette3) !important;
    opacity: 0.7 !important;
}
/* RECIPE CARD DESIGN */
.yarpp-thumbnails-horizontal {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.yarpp-thumbnails-horizontal a {
    display: block;
    width: 100%;
}

/* Tablet */
@media (max-width: 1024px) {
    .yarpp-thumbnails-horizontal {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Small tablet */
@media (max-width: 768px) {
    .yarpp-thumbnails-horizontal {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 480px) {
    .yarpp-thumbnails-horizontal {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Make images responsive */
.yarpp-thumbnails-horizontal img {
    width: 100%;
    height: auto;
    display: block;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail{
	height:100% !important;
	    width: 100% !important; 
	    border-radius: 7px;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default{
	margin:0!important;
}
.yarpp-related .yarpp-thumbnail-title{
	    color: var(--global-palette3, #1A202C) !important;
    padding-top: 10px  !important;
    padding-right: 0px !important;
    padding-bottom: 5px !important;
    padding-left: 0px !important;
    margin: 0px 0px 0px 0px !important;
    line-height: 27px !important;
    font-family: 'Source Sans 3' !important;
    font-weight: 500 !important;
    font-style: normal !important;
    text-align: center !important;
	width: 100% !important;
}

.comment-form .comment-input-wrap p label, .comment-form p.comment-form-float-label label{
	color:var(--global-palette3) !important;
}
.comment-form input[type="submit"]{
	box-shadow:none !important;
	padding:10px 0px !important;
	width: 100% !important;
}
@media (max-width: 767px) {
.comment-form input[type="submit"]{
	font-size: 23px !important;
}
}

/* ABOUT ME */ 

.has-octonary-background-color{
	background-image: url(https://cookonrepeat.com/wp-content/themes/scrumptious-kadence/assets/images/circle-pattern.png);
    background-size: 400px 222px;
    background-blend-mode: multiply;
    background-color: var(--global-palette2);
    padding: 16px;
    margin-bottom: 40px;
    border-radius: 8px;
}
.about-author__image{
	    display: flex;
    justify-content: center;
    align-items: center;
}
.about-author__image img{
	    width: 178px;
    max-width: 100%;
    height: auto;
    border-radius: 178px;
    border: 6px solid #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 0 6px 12px 0;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    vertical-align: middle;
}
.about-author__content{
	    padding: 16px 0 28px;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    word-break: break-word;
    text-align: center;
}
.about-author__title{
	    font-weight: 800;
    color: #000;
    font-size: 23.4px;
    line-height: 28px;
    margin: 0;
    font-family: 'Roboto Slab';
}
.about-author__text{
	color: #000;
    margin: 0;
    max-width: 100%;
    line-height: 1.5;
    font-size: 16.5px;
}
.about-author__actions{
	margin-top:10px;
}
.about-author__actions a{
	font-weight: bold !important;
    background: var(--global-palette7) !important;
    padding: 11px 18px !important;
    border-radius: 7px !important;
    margin-top: 5px !important;
    border: 2px solid var(--global-palette3) !important;
}
.about-author__actions a:after{
	content: "→";
    position: relative;
    margin-left: 0.2em;
}
#archive-container{
	    column-gap: 1rem;
}
#archive-container .entry-list-item{
	    border-radius: 7px;
    border: 1px solid #f5f5f5;
    overflow: hidden;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}
#archive-container .entry-list-item h2{
	    color: var(--global-palette3, #1A202C);
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 19px;
    line-height: 25px;
    font-family: 'Source Sans 3';
    font-weight: 500;
    font-style: normal;
    text-transform: capitalize;
	text-align:center;
}
#archive-container .entry-list-item h2 a:hover{
	color: var(--global-palette3, #1A202C) !important;
}
.pagination{
	text-align:center !important;
}
.pagination .page-numbers{
	font-weight: bold !important;
    border: 2px solid var(--global-palette3) !important;
}
.pagination .page-numbers:last-child {
    background: var(--global-palette7) !important; 
}
.pinterest-button-container a:hover{
    background-color: var(--global-palette13) !important;
    color: #ffffff !important;
	opacity: 0.6 !important;
}
.wp-site-blocks .post-title h1{
		margin-top: 0.5em !important;
	    margin-bottom: 0.5em !important;
}
.entry-meta{
	border-top: 1px solid #F2F5F7 !important;
    border-bottom: 1px solid #F2F5F7 !important;
    padding: .5em !important;
}
.entry-meta .meta-label{
	font-weight:bold !important;
}
.entry-meta a {
    color: inherit !important;
    text-decoration: none !important;
    font-weight: bold !important;
    display: inline-flex !important;
}
.comment-reply-link{
	color: var(--global-palette4) !important;
    border: 1px solid var(--global-palette4) !important;
}
.bypostauthor .comment-body{
	    background: var(--global-palette2);
}