.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FF8404;--e-global-color-24c655f:#DE761C;--e-global-color-2f65864:#000000;--e-global-color-36579db:#FFFFFF;--e-global-color-0369c2f:#FCF9F5;--e-global-color-e4fb653:#4D4D4D;--e-global-color-58c0d59:#CCC3B5;--e-global-typography-primary-font-family:"Nunito Sans";--e-global-typography-primary-font-size:18px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Nunito Sans";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-65c454b-font-family:"Montserrat";--e-global-typography-65c454b-font-size:36px;--e-global-typography-65c454b-font-weight:700;--e-global-typography-f4e95c4-font-family:"Montserrat";--e-global-typography-f4e95c4-font-size:30px;--e-global-typography-85e313a-font-family:"Nunito Sans";--e-global-typography-85e313a-font-size:20px;--e-global-typography-b526457-font-family:"Montserrat";--e-global-typography-b526457-font-size:15px;--e-global-typography-b526457-font-weight:600;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 h6{font-family:"Albert Sans", Sans-serif;font-size:26px;font-weight:300;font-style:italic;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Remove body margin */
html, body {
    margin: 0;
    padding: 0;
}

.wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .ingredients-list>li .tick-circle {
    display: none;
}

.wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-ingredients {
    position: relative;
    color: #f5f1ea !important;
    background-color: #FFFFFF;
    border-radius: 6px;
    margin: 0 0 30px;
    padding: 25px 25px 5px;
    text-align: left;
}

div#wpzoom-recipe-card {
    box-shadow: none;
    border-radius: 0;
    padding-left: 35px;
    padding-right: 35px;
    background: #f5f1ea;
    padding-top: 35px;
    border-color: #f2ede6;
}

.post-featured-image {
    background-color: #f5f1ea;
    padding: 40px;
    border-radius: 16px;
    margin-bottom: 30px;
    display: flex
;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    text-align: center;
    margin-top: 50px!important;
}

.footer-copyright {
    display: none;
}

/* Make the recipe card a flex column container */
#wpzoom-recipe-card {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    padding: 16px;
    background-color: #fff;
}

/* Move directions above ingredients */
#wpzoom-recipe-card .recipe-card-directions {
    order: 1;
}
#wpzoom-recipe-card .recipe-card-ingredients {
    margin-top: 50px;
    order: 2;
}

.recipe-card-ingredients {
    background-color: #FFFFFF !important;
    padding: 16px;
    border-radius: 12px;
    margin-top: -10px !important;
}

.recipe-card-directions {
    background-color: #FFFFFF !important;
    padding: 16px;
    border-radius: 12px;
    color: #736458;
    margin-bottom: 30px;
    text-align: left;
}

/* === Updated Image Styling === */
.post-featured-image {
    background-color: #f5f1ea; /* beige background */
    padding: 40px;
    border-radius: 16px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px; /* fixed height to center vertically */
    text-align: center;
}

.post-featured-image img {
    margin-top:6px!important;
    margin-bottom:0px!important;
    max-height: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    object-fit: contain;
}

/* Hide image inside the recipe card itself */
.recipe-card-image img {
    display: none !important;
}

wp-block-wpzoom-recipe-card-block-recipe-card.is-style-default .recipe-card-image figure figcaption {
    position: absolute;
    right: 20px;
    left: 20px;
    text-align: right;
    bottom: 40px !important;
    padding-bottom: 10px;
    z-index: 2;
    line-height: 1.8;
}

.wpzoom-recipe-card-print-link {
    position: relative !important;
    top: 40px !important;
}

.entry-content p:first-of-type {
    font-size: 18px !important;
    line-height: 1.8 !important;
}

/* === Force remove direction step numbers === */
.recipe-card-directions .directions-list {
    list-style: none !important;
    counter-reset: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.recipe-card-directions .direction-step::before {
    content: none !important;
    counter-increment: none !important;
    display: none !important;
}

.recipe-card-directions .directions-list {
    list-style: none !important;
    counter-reset: none !important;
    margin-left: -25px !important;
    padding-left: 0 !important;
}

.recipe-card-directions .directions-title {
    margin-left: 15px !important;
}

}
.recipe-card-ingredients .ingredient-item-name,
.recipe-card-ingredients .wpzoom-rcb-ingredient-name {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.recipe-card-ingredients .ingredients-list {
    margin-left: -30px !important;
}


.wp-block-wpzoom-recipe-card-block-recipe-card .recipe-card-ingredients .ingredients-list .ingredient-item-name {
    padding-left: 30px;
    margin: 0;
    vertical-align: middle;
    font-size: 16px !important;
}

.recent-post-number-wrap {
  display: none !important;
}

.elementor-post__badge {
  display: none !important;
}

.elementor-post__title a {
  font-size: 18px !important;
  line-height: 1.4;
  margin-top: -15px!important;
  margin-bottom: -15px!important;

}

.wpcf7 input[type="submit"] {
  background-color: #ff6600;  /* Bright orange */
  color: #fff;
  border: none;
  padding: 6px 6px;         /* Larger padding */
  font-size: 16px;
  border-radius: 0px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}


.inline-form {
  display: flex;
  align-items: center;
  gap: 10px; /* space between input and button */
  flex-wrap: wrap; /* allow stacking on small screens */
}

inline-form {
  display: flex;
  align-items: center;
  gap: 10px; /* space between input and button */
  flex-wrap: wrap; /* allow stacking on small screens */
}

.inline-form label {
  margin: 0;
  font-weight: 500;
}

.inline-form input[type="email"] {
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 250px;
}

.inline-form input[type="submit"] {
  background-color: #ff6600;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 15px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.inline-form input[type="submit"]:hover {
  background-color: #e65c00;
}


/* Base header height */
/* === Shrinking Sticky Header with Dropdown Fix === */
.shrink-header {
    transition: all 0.3s ease;
    height: 120px; /* starting height */
    display: flex;
    align-items: center;
    background: white;
    position: relative; /* required for z-index */
    z-index: 9999; /* keep above page content */
}

/* Shrunk state */
.shrink-header.shrunk {
    height: 70px;
}

/* Child containers follow height */
.shrink-header > .elementor-container,
.shrink-header > .e-con,
.shrink-header .e-child {
    height: 100%;
    display: flex;
    align-items: center;
}

/* Shrinking logo */
.shrink-header img {
    max-height: 115px;
    transition: all 0.3s ease;
}
.shrink-header.shrunk img {
    max-height: 50px;
}

/* Force header to span full width and stick flush to viewport */
.shrink-header.elementor-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;  /* viewport width instead of inline px width */
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}


/* Make sure Elementor nav dropdowns appear above everything */
.shrink-header .elementor-nav-menu--dropdown {
    z-index: 10000 !important;
    position: absolute !important;
}

/* Allow dropdowns to show below the sticky header */
.shrink-header.elementor-sticky {
    overflow: visible !important;
}

/* Ensure dropdown menus are on top of everything */
.shrink-header .elementor-nav-menu--dropdown {
    z-index: 10000 !important;
    position: absolute !important;
}

/* Optional: Fix transform issue that can clip dropdowns */
.shrink-header.elementor-sticky.elementor-sticky--active {
    transform: none !important;
}

.elementor-posts .elementor-post__excerpt p {
    color: #777;
    font-size: 16px !important;
    line-height: 1.5em;
    margin: 0;
    font-family: "Nunito Sans" !important;
}

.elementor-post__read-more {
    color: #777;
    font-size: 16px !important;
    line-height: 1.5em;
    margin: 0;
    font-family: "Montserrat" !important; 
    font-weight: 700;
    
}

.theme-breacrumb-title {
    color: #DE761C!important;
    margin-top:75px!important;
    margin-bottom:-25px!important;
    font-family: "Montserrat", Sans-serif;!important;
    font-size: 40px!important;
    font-weight: bold;}

.breadcrumb__Wrapper.theme-breacrumb-area {
    margin-top:0px;
    background: url(../images/title-bgg.jpg) no-repeat scroll center center;
    background-size: cover;
    padding-top: 200px!important;
    padding-bottom: 120px;
    position: relative;
}/* End custom CSS */