/*
Theme Name: Recipe Realm Blog
Theme URI: https://cawpthemes.com/recipe-realm-blog-free-wordpress-theme/
Author: CA WP Themes
Author URI: https://cawpthemes.com/
Description: The Recipe Realm Blog Free WordPress Theme is a versatile and visually appealing theme designed specifically for food bloggers, culinary enthusiasts, and anyone passionate about sharing their favorite recipes with the world. This theme offers a delightful blend of functionality and aesthetics, making it a perfect choice for those looking to create a captivating and user-friendly food blog.With its clean and modern design, the Recipe Realm theme instantly captures the essence of your culinary creations. It provides a user-friendly and intuitive interface that allows you to effortlessly publish recipes, cooking tips, and food-related content. The theme's responsive layout ensures your website looks stunning on all devices, including smartphones, tablets, and desktops, enhancing the overall user experience.One of the standout features of this theme is its recipe card integration, which enables you to display your recipes in an organized and visually appealing manner. You can include essential details like ingredients, cooking instructions, preparation time, and servings, making it easier for your readers to follow along and replicate your delicious dishes.Customization is a breeze with the Recipe Realm Blog Free WordPress Theme. You can personalize your site's colors, fonts, and layouts to match your unique style and brand. The theme also supports various widgets and social media integration, helping you engage with your audience and grow your food blogging community.Whether you're a seasoned food blogger or just starting your culinary journey, the Recipe Realm Blog Free WordPress Theme provides you with the tools and flexibility to create a captivating and informative food blog. With its stunning design and user-friendly features, it's the perfect theme to showcase your love for cooking and sharing mouthwatering recipes with your readers. So, dive into the world of food blogging with confidence and style, thanks to the Recipe Realm Blog Free WordPress Theme.
Details: https://cawpthemes.com/recipe-realm-blog-premium-theme/
Version: 1.5.8
Tested up to: 6.8
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: recipe-realm-blog
Copyright (c) 2026 CA WP Themes. All rights reserved.
Tags: one-column, two-columns, three-columns, four-columns, grid-layout , custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, full-width-template, theme-options, translation-ready, threaded-comments, blog, photography
*/


/* Reset */
html {
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Prompt', sans-serif;
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: 'Prompt', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

h1 {
    color: #000;
}

p{
    color: #000;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 0 0 20px;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #000;
}

ul{
    text-align: left;
}

.widget footer {
    background: none;
}

.post-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-list li {
    margin-bottom: 20px;
}

p.logged-in-as {
    color: #000;
}

.comments {
    list-style: none;
    margin: 0;
    padding: 0;
}

.comment {
    margin-bottom: 20px;
}

.comment-avatar {
    float: left;
    margin-right: 20px;
}

.comment-body {
    overflow: hidden;
}

.comment-author {
    font-weight: bold;
    margin: 0;
}

.comment-date {
    font-size: 0.8rem;
    color: #666;
}

.comment-content {
    margin: 10px 0;
}

.comment-reply {
    margin-left: 50px;
}

.table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.table th {
    background-color: #000;
    color: #fff;
    padding: 10px;
    text-align: left;
}

.table td {
    border: 1px solid #ccc;
    padding: 10px;
}

/* Style links within post content */
.entry-content a {
  color: #000;
  text-decoration: underline;
}

/* Style links within comment content */
.comment-content a {
  color: red;
  text-decoration: underline;
}

/* Style links within text widgets */
.widget_text a {
  color: green;
  text-decoration: underline;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*------------WP CSS-----*/

/*--square button---*/

.wp-block-button.is-style-squared a {
    border-radius: unset;
}

.wp-block-button {
    margin-bottom: 5px;
}

/*--------Comments-----------*/

/* Style the comments section */
.comments-area {
    background-color: #f9f9f9;
    padding: 20px;
    margin-top: 30px;
    border: 1px solid #ddd;
}

/* Style the comment form */
.comment-form {
    margin-top: 30px;
}

/* Style the comment form fields */
.comment-form label {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.comment-form input[type="text"], 
.comment-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

/* Style the comment list */
.comment-list {
    margin-top: 30px;
}

.comment {
    margin-bottom: 30px;
}

.comment-author {
    font-weight: bold;
    margin-bottom: 10px;
}

.comment-meta {
    font-style: italic;
    margin-bottom: 10px;
}

.comment-content {
    margin-bottom: 10px;
}

.comment-reply-link {
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

.comment-reply-link:hover {
    color: #f00;
}

/* Style the comment navigation links */
.comment-navigation {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.comment-nav-prev,
.comment-nav-next {
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.comment-nav-prev a,
.comment-nav-next a {
    text-decoration: none;
    color: #333;
}

.comment-nav-prev:hover,
.comment-nav-next:hover {
    background-color: #ddd;
}

/*-------404 Page--------*/

section.error-404.not-found {
    text-align: center;
    padding: 30px;
}

section.error-404.not-found h1 {
    color: #000;
}

section.error-404.not-found input.search-submit {
    padding: 10px;
}

section.error-404.not-found input.search-field {
    padding: 10px;
}

.go-home {
    margin-top: 10px;
}

.go-home a {
    color: red;
    font-size: 20px;
}
/*----------------sidebar---------------------*/

div#sidebar {
    margin-top: 20px;
}

.widget-area {
    background: #ffffff;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    border: 1px solid #eaeaea;
    font-family: 'Inter', sans-serif;
}

.widget-area .widget {
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px dashed #ddd;
}

.widget-area .widget:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.widget-area .widget-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #2b2b2b;
    position: relative;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.widget-area .widget-title::after {
    content: "";
    width: 40px;
    height: 3px;
    background: linear-gradient(135deg, #3e693e, #8895e6);
    display: block;
    margin-top: 8px;
    border-radius: 2px;
}

.widget-area ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.widget-area ul li {
    margin: 0;
    padding: 0.65rem 0;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.widget-area ul li:last-child {
    border-bottom: none;
}

.widget-area ul li a {
    color: #444;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
    position: relative;
}

.widget-area ul li a::before {
    content: "›";
    color: #3e693e;
    margin-right: 6px;
    transition: margin 0.3s ease;
}

.widget-area ul li a:hover {
    color: #8b8b8b;
    text-decoration: none;
    padding-left: 4px;
}

.widget-area input[type="text"],
.widget-area input[type="search"] {
    width: 100%;
    padding: 0.7rem 1rem;
    border-radius: 8px;
    border: 1px solid #ccc;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    font-size: 1rem;
    background-color: #fafafa;
}

.widget-area input[type="text"]:focus,
.widget-area input[type="search"]:focus {
    border-color: #3e693e;
    box-shadow: 0 0 0 2px rgba(92, 106, 196, 0.15);
    outline: none;
}

a.wp-block-latest-comments__comment-author {
    color: gray;
}


/*----------Recommended CSS-------*/

.wp-caption {
  font-size: 14px;
  color: #666;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  padding: 5px;
}

.wp-caption-text {
  font-size: 12px;
  color: #999;
  text-align: center;
}

.gallery-caption {
  font-size: 14px;
  color: #666;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  padding: 5px;
}

.bypostauthor {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

.alignright {
  float: right;
  margin-left: 10px;
}

.alignleft {
  float: left;
  margin-right: 10px;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

/*-----------button--------*/

.button {
    display: inline-block;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    color: #fff;
}

.button:hover {
    background-color: #3e693e;
}

.theme-btn a {
    padding: 15px;
    font-size: 18px;
    background-color: #3e693e;
    font-weight: 600;
    color: #fff;
}

.theme-btn a:hover{
    background-color: #000;
}

/*--------------pagination----------*/

.nav-links {
    display: -webkit-inline-box;
    padding: 10px;
}

.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.pagination li {
    margin: 0 5px;
}

.pagination a {
    display: inline;
    padding: 5px 10px;
    text-decoration: none;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.pagination a:hover {
    color: #fff;
    background-color: #000;
}

.pagination .current {
    position: relative;
    top: 0px;
    background-color: #000;
    color: #fff;
    border-color: #000;
    margin: 10px;
   padding: 5px 10px;
   border-radius: 5px;
}

/* Pagination Styling */
.navigation.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.navigation.pagination .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #555;
    text-decoration: none;
    transition: all 0.3s ease;
}
.navigation.pagination .page-numbers:hover,
.navigation.pagination .page-numbers.current {
    background: linear-gradient(135deg, #ffffff 0%, #000000 100%);
    color: #fff;
    border-color: transparent;
}

/*-------------------------------------Header CSS-------------------------------*/

/* Layout */
.header {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
.site-title {
    font-size: 2rem;
    font-weight: bold;
    margin: 0;
}
.main {
    display: flex;
    flex-wrap: wrap;
}
.content {
    flex: 2;
    margin-right: 20px;
}

p.site-description {
    font-size: 26px;
    color: #fff;
}

.display_only h1 {
    font-family: 'Prompt', sans-serif;
}

.display_only h1 a {
    color: #3e693e;
}

h1.site-title a:hover {
    text-decoration: none;
}

.head-banner-img {
   position: relative;
   background-size: cover;
   background-position: center;
}

h1.site-title a {
    font-size: 55px;
    color: #fff;
}

.display_only {
    text-align: center;
    padding: 10px;
}

.display_only p {
    color: #000;
}

.display_only h1 {
    font-family: serif;
    font-size: 60px;
    margin: 0px;
}

.site-branding {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 50px;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   color: #fff;
   text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.site-logo img {
   max-width: 200px;
   height: auto;
}
.site-title, .site-description {
    margin: 0;
}


.site-header .site-logo h1 {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
}

.site-header .site-logo img {
  max-height: 50px;
}


/*-----------Blog Page-----*/

.blog-page-main h2.post-title {
    margin-top: 10px;
    padding: 0px;

}

.blog-page-main .post {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px;
    text-align: center;
}

/*---------------------Single.php---------------------*/
/* ==========================================
   Article Layout
========================================== */

.article-layout {
    padding-top: 55px;
    padding-bottom: 65px;
}

.article-main-column {
    margin-bottom: 35px;
}

.article-card {
    background: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 14px;
    padding: 35px;
    overflow-wrap: anywhere;
}

/* ==========================================
   Article Header
========================================== */

.article-header {
    margin-bottom: 25px;
}

.article-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
    color: #777777;
    font-size: 13px;
    line-height: 1.8;
}

.article-meta i {
    margin-right: 5px;
    color: #888888;
}

.article-meta a {
    color: #555555;
    text-decoration: none;
    transition: color 0.25s ease;
}

.article-meta a:hover {
    color: #3e693e;
}

.article-meta-divider {
    color: #cccccc;
}

.article-title {
    margin: 0;
    color: #222222;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.8px;
    overflow-wrap: anywhere;
}

/* ==========================================
   Featured Image
========================================== */

.article-featured-media {
    margin: 0 0 30px;
    overflow: hidden;
    border-radius: 10px;
    background: #f5f5f5;
}

.article-featured-image {
    display: block;
    width: 100%;
    height: auto;
    max-height: 560px;
    object-fit: cover;
}

/* ==========================================
   Article Content
========================================== */

.article-content {
    color: #484848;
    font-size: 16px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.article-content > *:first-child {
    margin-top: 0;
}

.article-content p {
    margin-bottom: 22px;
}

.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
    margin-top: 32px;
    margin-bottom: 15px;
    color: #222222;
    font-weight: 700;
    line-height: 1.4;
}

.article-content h2 {
    font-size: 30px;
}

.article-content h3 {
    font-size: 25px;
}

.article-content h4 {
    font-size: 21px;
}

.article-content a {
    color: #3e693e;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.article-content figure {
    max-width: 100%;
}

.article-content blockquote {
    margin: 28px 0;
    padding: 20px 25px;
    border-left: 4px solid #3e693e;
    border-radius: 0 8px 8px 0;
    background: #f8f5fa;
    color: #444444;
    font-size: 18px;
    font-style: italic;
}

.article-content ul,
.article-content ol {
    margin-bottom: 24px;
    padding-left: 25px;
}

.article-content li {
    margin-bottom: 9px;
}

.article-content pre {
    max-width: 100%;
    padding: 20px;
    overflow-x: auto;
    border-radius: 8px;
    background: #f5f5f5;
}

.article-content table {
    width: 100%;
    margin-bottom: 25px;
    border-collapse: collapse;
}

.article-content th,
.article-content td {
    padding: 12px;
    border: 1px solid #e5e5e5;
    text-align: left;
}

.article-page-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 25px;
}

.article-page-label {
    font-weight: 600;
}

.article-page-number {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

/* ==========================================
   Article Footer and Tags
========================================== */

.article-footer {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid #eeeeee;
}

.article-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.article-footer-label {
    color: #333333;
    font-size: 14px;
    font-weight: 700;
}

.article-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.article-tag-list a {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #e7e7e7;
    border-radius: 20px;
    color: #666666;
    font-size: 12px;
    text-decoration: none;
    transition: all 0.25s ease;
}

.article-tag-list a:hover {
    border-color: #3e693e;
    background: #3e693e;
    color: #ffffff;
}

/* ==========================================
   Social Sharing
========================================== */

.article-sharing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.article-sharing-label {
    color: #333333;
    font-size: 14px;
    font-weight: 700;
}

.article-sharing-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.article-share-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    background: #ffffff;
    color: #444444;
    font-size: 12px;
    text-decoration: none;
    transition: all 0.25s ease;
}

.article-share-link:hover {
    border-color: #3e693e;
    background: #3e693e;
    color: #ffffff;
}

.article-share-link:focus-visible,
.article-navigation-title:focus-visible {
    outline: 2px solid #3e693e;
    outline-offset: 3px;
}

/* ==========================================
   Previous / Next Navigation
========================================== */

.article-navigation {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid #eeeeee;
}

.article-navigation-item {
    min-width: 0;
}

.article-navigation-next {
    text-align: right;
}

.article-navigation-caption {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: #888888;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.article-navigation-next .article-navigation-caption {
    justify-content: flex-end;
}

.article-navigation-title {
    display: inline-block;
    color: #252525;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color 0.25s ease;
}

.article-navigation-title:hover {
    color: #3e693e;
}

/* ==========================================
   Sidebar
========================================== */

.article-sidebar-column {
    min-width: 0;
}

.article-sidebar-column img {
    max-width: 100%;
    height: auto;
}

/* ==========================================
   Comments
========================================== */

.article-comments {
    margin-top: 20px;
}

/* ==========================================
   Responsive Design
========================================== */

@media (max-width: 991px) {
    .article-layout {
        padding-top: 35px;
        padding-bottom: 40px;
    }

    .article-card {
        padding: 25px;
    }

    .article-title {
        font-size: clamp(27px, 4vw, 36px);
    }
}

@media (max-width: 575px) {
    .article-layout {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .article-card {
        padding: 18px;
        border-radius: 10px;
    }

    .article-meta {
        gap: 7px;
        font-size: 12px;
    }

    .article-title {
        font-size: 27px;
        letter-spacing: -0.4px;
    }

    .article-content {
        font-size: 15px;
        line-height: 1.8;
    }

    .article-content h2 {
        font-size: 25px;
    }

    .article-content h3 {
        font-size: 22px;
    }

    .article-sharing {
        align-items: flex-start;
        flex-direction: column;
    }

    .article-sharing-links {
        width: 100%;
    }

    .article-share-link {
        flex: 1;
    }

    .article-navigation {
        gap: 12px;
    }

    .article-navigation-title {
        font-size: 13px;
    }

    .article-navigation-caption {
        font-size: 10px;
        letter-spacing: 0;
    }

    .article-content th,
    .article-content td {
        padding: 8px;
    }
}


/* ==========================================
   Sidebar Layout
========================================== */

.article-sidebar-column {
    min-width: 0;
}

.article-sidebar-column .widget {
    margin-bottom: 30px;
    padding: 25px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.035);
    overflow-wrap: anywhere;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.article-sidebar-column .widget:hover {
    border-color: #e5d9eb;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.06);
}

/* ==========================================
   Widget Titles
========================================== */

.article-sidebar-column .widget-title,
.article-sidebar-column .widgettitle,
.article-sidebar-column .wp-block-heading {
    position: relative;
    margin: 0 0 22px;
    padding-bottom: 14px;
    color: #252525;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.article-sidebar-column .widget-title::after,
.article-sidebar-column .widgettitle::after,
.article-sidebar-column .wp-block-heading::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 42px;
    height: 3px;
    border-radius: 5px;
    background: #3e693e;
    content: "";
}

/* ==========================================
   Widget Lists
========================================== */

.article-sidebar-column .widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.article-sidebar-column .widget ul li {
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    color: #666666;
    font-size: 14px;
    line-height: 1.7;
}

.article-sidebar-column .widget ul li:first-child {
    padding-top: 0;
}

.article-sidebar-column .widget ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.article-sidebar-column .widget ul li a {
    color: #454545;
    text-decoration: none;
    transition: color 0.25s ease;
}

.article-sidebar-column .widget ul li a:hover {
    color: #3e693e;
}

/* ==========================================
   Search Widget
========================================== */

.article-sidebar-column .widget_search .search-form,
.article-sidebar-column .wp-block-search__inside-wrapper {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.article-sidebar-column .widget_search .search-field,
.article-sidebar-column .wp-block-search__input {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 10px 13px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    outline: none;
    background: #fafafa;
    color: #333333;
    font-size: 14px;
    box-shadow: none;
    transition: border-color 0.25s ease, background 0.25s ease;
}

.article-sidebar-column .widget_search .search-field:focus,
.article-sidebar-column .wp-block-search__input:focus {
    border-color: #3e693e;
    background: #ffffff;
}

.article-sidebar-column .widget_search .search-submit,
.article-sidebar-column .wp-block-search__button {
    flex-shrink: 0;
    min-height: 46px;
    padding: 10px 16px;
    border: 1px solid #3e693e;
    border-radius: 6px;
    background: #3e693e;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.25s ease, border-color 0.25s ease;
}

.article-sidebar-column .widget_search .search-submit:hover,
.article-sidebar-column .wp-block-search__button:hover {
    border-color: #7b1fa2;
    background: #7b1fa2;
}

/* ==========================================
   Recent Posts
========================================== */

.article-sidebar-column .widget_recent_entries ul li,
.article-sidebar-column .wp-block-latest-posts li {
    padding: 14px 0;
}

.article-sidebar-column .widget_recent_entries ul li a,
.article-sidebar-column .wp-block-latest-posts li a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
}

.article-sidebar-column .widget_recent_entries .post-date {
    display: block;
    margin-top: 5px;
    color: #999999;
    font-size: 12px;
}

/* ==========================================
   Categories and Archives
========================================== */

.article-sidebar-column .widget_categories ul li,
.article-sidebar-column .widget_archive ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.article-sidebar-column .widget_categories ul li a,
.article-sidebar-column .widget_archive ul li a {
    flex: 1;
}

/* ==========================================
   Tag Cloud
========================================== */

.article-sidebar-column .tagcloud,
.article-sidebar-column .wp-block-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.article-sidebar-column .tagcloud a,
.article-sidebar-column .wp-block-tag-cloud a {
    display: inline-block;
    padding: 7px 12px;
    border: 1px solid #e9e4ec;
    border-radius: 5px;
    background: #faf8fb;
    color: #666666;
    font-size: 12px !important;
    line-height: 1.5;
    text-decoration: none;
    transition: all 0.25s ease;
}

.article-sidebar-column .tagcloud a:hover,
.article-sidebar-column .wp-block-tag-cloud a:hover {
    border-color: #3e693e;
    background: #3e693e;
    color: #ffffff;
}

/* ==========================================
   Calendar Widget
========================================== */

.article-sidebar-column .widget_calendar table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 13px;
}

.article-sidebar-column .widget_calendar th,
.article-sidebar-column .widget_calendar td {
    padding: 8px 4px;
    border: 1px solid #eeeeee;
}

.article-sidebar-column .widget_calendar th {
    background: #faf7fb;
    color: #333333;
}

.article-sidebar-column .widget_calendar a {
    color: #3e693e;
    font-weight: 700;
}

/* ==========================================
   Block Widgets
========================================== */

.article-sidebar-column .widget p {
    color: #666666;
    font-size: 14px;
    line-height: 1.8;
}

.article-sidebar-column .widget img {
    max-width: 100%;
    height: auto;
    border-radius: 7px;
}

.article-sidebar-column .widget select {
    width: 100%;
    max-width: 100%;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: #ffffff;
    color: #444444;
}

/* ==========================================
   Sidebar Responsive Design
========================================== */

@media (max-width: 991px) {
    .article-sidebar-column .widget {
        margin-bottom: 24px;
        padding: 22px;
    }
}

@media (max-width: 575px) {
    .article-sidebar-column .widget {
        margin-bottom: 20px;
        padding: 20px;
        border-radius: 9px;
    }

    .article-sidebar-column .widget-title,
    .article-sidebar-column .widgettitle,
    .article-sidebar-column .wp-block-heading {
        font-size: 18px;
    }
}


/* ==========================================
   BLOG LISTING HEADER
========================================== */

.article-listing-header {
    position: relative;
    padding: 85px 0 75px;
    background: #f8f6fa;
    border-bottom: 1px solid #eee8f1;
    overflow: hidden;
}

.article-listing-header-inner {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
}

.article-listing-eyebrow {
    display: inline-block;
    margin-bottom: 18px;
    color: #3e693e;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.article-listing-title {
    margin: 0;
    color: #242029;
    font-size: clamp(34px, 5vw, 56px);
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1.5px;
    overflow-wrap: anywhere;
}

.article-listing-heading-line {
    display: block;
    width: 55px;
    height: 4px;
    margin: 25px auto 20px;
    border-radius: 10px;
    background: linear-gradient(135deg, #3e693e 0%, #44baff 100%);
}

.article-listing-description {
    max-width: 620px;
    margin: 0 auto;
    color: #77717e;
    font-size: 16px;
    line-height: 1.9;
}

.article-listing-description:empty {
    display: none;
}

/* ==========================================
   MAIN LISTING LAYOUT
========================================== */

.article-listing-content {
    padding: 65px 0;
    background: #ffffff;
}

.article-listing-main {
    min-width: 0;
}

.article-listing-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    align-items: stretch;
}

/* ==========================================
   POST CARDS
   Shared class: article-card
========================================== */

.article-listing-grid > .article-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #eeeaf0;
    border-radius: 12px;
    box-shadow: 0 5px 24px rgba(35, 20, 45, 0.035);
    transition: transform 0.3s ease, box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.article-listing-grid > .article-card:hover {
    transform: translateY(-5px);
    border-color: #e1c9e8;
    box-shadow: 0 15px 35px rgba(35, 20, 45, 0.09);
}

/* ==========================================
   POST FEATURED IMAGE
========================================== */

.article-card-media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f3eff5;
}

.article-card-media > a {
    display: block;
    width: 100%;
    height: 100%;
}

.article-card-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.article-listing-grid > .article-card:hover .article-card-image {
    transform: scale(1.05);
}

/* ==========================================
   POST CARD BODY
========================================== */

.article-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: 25px;
    min-width: 0;
}

/* ==========================================
   POST CATEGORIES
========================================== */

.article-card-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.article-card-categories a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #eadcf0;
    border-radius: 4px;
    background: #faf5fc;
    color: #8b239d;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.6px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.25s ease;
}

.article-card-categories a:hover {
    border-color: #3e693e;
    background: #3e693e;
    color: #ffffff;
}

/* ==========================================
   POST TITLE
========================================== */

.article-card-title {
    width: 100%;
    margin: 0 0 15px;
    color: #29232e;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.article-card-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.25s ease;
}

.article-card-title a:hover {
    color: #3e693e;
}

/* ==========================================
   POST META
   
========================================== */

.article-listing-grid .article-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
    color: #89828d;
    font-size: 12px;
    line-height: 1.8;
}

.article-listing-grid .article-meta a {
    color: #625967;
    text-decoration: none;
    transition: color 0.25s ease;
}

.article-listing-grid .article-meta a:hover {
    color: #3e693e;
}

.article-listing-grid .article-meta-divider {
    color: #c9bfce;
}

/* ==========================================
   POST EXCERPT
========================================== */

.article-excerpt {
    width: 100%;
    margin-bottom: 22px;
    color: #756e7a;
    font-size: 14px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.article-excerpt p {
    margin: 0 0 12px;
}

.article-excerpt p:last-child {
    margin-bottom: 0;
}

.article-excerpt a {
    color: #3e693e;
}

/* ==========================================
   READ MORE LINK
========================================== */

.article-read-more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding-top: 5px;
    color: #33243a;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.25s ease, gap 0.25s ease;
}

.article-read-more span {
    display: inline-block;
    font-size: 19px;
    line-height: 1;
    transition: transform 0.25s ease;
}

.article-read-more:hover {
    gap: 14px;
    color: #3e693e;
}

.article-read-more:hover span {
    transform: translateX(3px);
}

/* ==========================================
   PAGINATION
========================================== */

.article-pagination {
    margin-top: 45px;
}

.article-pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

.article-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    padding: 8px 13px;
    border: 1px solid #e9e3ec;
    border-radius: 6px;
    background: #ffffff;
    color: #514757;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.article-pagination .page-numbers.current,
.article-pagination .page-numbers:hover {
    border-color: #3e693e;
    background: #3e693e;
    color: #ffffff;
}

.article-pagination .page-numbers.dots {
    border-color: transparent;
    background: transparent;
    color: #77717e;
}

.article-pagination .page-numbers.dots:hover {
    border-color: transparent;
    background: transparent;
    color: #77717e;
}

/* ==========================================
   EMPTY STATE
========================================== */

.article-empty-state {
    padding: 35px;
    border: 1px solid #eee8f1;
    border-radius: 10px;
    background: #faf8fb;
}

/* ==========================================
   SIDEBAR
   Shared class from single.php
========================================== */

.article-listing-main + .article-sidebar-column {
    min-width: 0;
}

/* ==========================================
   RESPONSIVE DESIGN
========================================== */

@media (max-width: 1199px) {
    .article-listing-grid {
        gap: 24px;
    }

    .article-card-body {
        padding: 22px;
    }

    .article-card-title {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .article-listing-header {
        padding: 65px 0 55px;
    }

    .article-listing-content {
        padding: 45px 0;
    }

    .article-listing-grid {
        gap: 22px;
    }

    .article-card-body {
        padding: 20px;
    }

    .article-card-title {
        font-size: 19px;
    }
}

@media (max-width: 767px) {
    .article-listing-header {
        padding: 50px 0 45px;
    }

    .article-listing-title {
        font-size: 36px;
        letter-spacing: -0.8px;
    }

    .article-listing-description {
        font-size: 14px;
    }

    .article-listing-content {
        padding: 35px 0;
    }

    .article-listing-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .article-listing-grid > .article-card {
        max-width: 100%;
    }

    .article-card-media {
        aspect-ratio: 16 / 9;
    }

    .article-card-body {
        padding: 23px;
    }

    .article-card-title {
        font-size: 22px;
    }

    .article-pagination {
        margin-top: 30px;
    }
}

@media (max-width: 575px) {
    .article-listing-header {
        padding: 40px 0;
    }

    .article-listing-eyebrow {
        margin-bottom: 13px;
        font-size: 10px;
        letter-spacing: 2px;
    }

    .article-listing-title {
        font-size: 30px;
    }

    .article-listing-heading-line {
        margin: 20px auto 16px;
    }

    .article-listing-description {
        font-size: 13px;
        line-height: 1.8;
    }

    .article-listing-content {
        padding: 25px 0;
    }

    .article-listing-grid {
        gap: 20px;
    }

    .article-card-body {
        padding: 19px;
    }

    .article-card-title {
        font-size: 20px;
    }

    .article-excerpt {
        font-size: 13px;
    }

    .article-pagination .page-numbers {
        min-width: 36px;
        min-height: 36px;
        padding: 6px 10px;
    }
}


/* WordPress Image Captions */
.wp-caption {
    max-width: 100%;
    height: auto;
    margin: 0 0 1.5rem;
    padding: 0;
    border: none;
    background: transparent;
}

.wp-caption img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.wp-caption-text {
    margin: 0.75rem 0 0;
    padding: 0 0.5rem;
    color: #6c757d;
    font-size: 0.875rem;
    line-height: 1.6;
    text-align: center;
}

/* WordPress Gallery Captions */
.gallery-caption {
    display: block;
    margin-top: 0.5rem;
    color: #6c757d;
    font-size: 0.875rem;
    line-height: 1.5;
    text-align: center;
}

/* WordPress Post Author */
.bypostauthor {
    /* Available for styling comments written by the post author. */
}

/* WordPress Image Alignment */
.alignleft {
    display: block;
    float: left;
    max-width: 100%;
    height: auto;
    margin: 0.25rem 1.5rem 1rem 0;
}

.aligncenter {
    display: block;
    float: none;
    max-width: 100%;
    height: auto;
    margin: 1rem auto;
    text-align: center;
}

.alignright {
    display: block;
    float: right;
    max-width: 100%;
    height: auto;
    margin: 0.25rem 0 1rem 1.5rem;
}

/* Prevent floated content from affecting following sections */
.entry-content::after,
.article-content::after {
    display: table;
    clear: both;
    content: "";
}

/* Responsive WordPress Images */
.wp-caption img,
.alignleft img,
.aligncenter img,
.alignright img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 575.98px) {
    .alignleft,
    .alignright {
        float: none;
        margin: 1rem auto;
    }

    .wp-caption {
        width: auto !important;
        max-width: 100%;
    }
}





/*-----------------Section-----------------------*/

/* Style for section */


/* Style for section heading */
section h2 {
  font-size: 36px;
  color: #000;
  margin-bottom: 20px;
}

/* Style for section content */
section p {
  font-size: 18px;
  color: #000;
  line-height: 1.5;
  margin-bottom: 30px;
}

header.entry-header h1 {
    padding: 40px 0px;
}

/*-------------Banner Section------*/

.main-banner-main {
  position: relative;
  display: inline-block;
}

.text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    text-align: center;
    width: 80%;
}

section#banner-section-first p {
    font-size: 26px;
    color: #fff;
}

section#banner-section-first h2 {
    font-size: 60px;
    color: #fff;
}

    
/*-----category Section-------*/

section#cat-section-one {
    padding: 40px 0px 40px 0px;
}

.food-cat-box {
    border: 1px solid #3e693e;
    border-radius: 50%;
    padding: 10px;
    text-align: center;
}

.food-cat-box:hover {
    transform: scale(0.8);
}
/*-----------Section One-------------*/

.section-heading-main {
    padding: 40px 0px 40px 0px;
    text-align: center;
}

.latest-content p {
    font-size: 14px;
    color: #666;
}

.main-content-postbox:hover {
    color: #fff !important;
    background-color: #3e693e;
}

.main-content-postbox:hover .latest-content p{
    color: #fff !important;
}

.main-content-postbox:hover .readmore-latest a{
    color: #fff !important;
}

.main-content-postbox:hover h2.post-title a{
    color: #fff !important;
}

.main-content-postbox {
    max-width: 400px;
    padding: 20px;
    position: relative;
    bottom: 50px;
    background: #fff;
}

.latest-content {
    padding: 0px 10px;
    text-align: left;
    max-height: 5.5em;
    line-height: 1.5em;
    overflow: hidden;
}

.readmore-latest {
    padding: 0px 10px;
    text-align: left;
}

.readmore-latest a {
    color: #3e693e;
    font-weight: 500;
}

h2.post-title {
    margin: 0px;
    font-size: 19px;
    padding: 10px;
}

.post-section-box {
    margin-bottom: 20px;
    padding: 10px;
}

.section-heading-main p {
    font-size: 15px;
}

.section-heading-main h3 {
    font-weight: 700;
    margin: 0px;
    text-align: center;
    font-size: 46px;
    color: #3e693e;
}

section#section3 {
    padding: 40px;
}

section#section1 {
    padding: 0px;
}

h2.post-title a {
    color: #000;
    font-size: 30px;
}

h2.second-sec-heading a {
    color: #fff;
    font-size: 42px;
}

.post-sect2 {
    margin: 10px;
}

.the-content-box-sec2 {
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.the-content-box-sec2 p {
    color: #fff;
}

.sec2-meta span {
    color: sandybrown;
}

.sec2-cat a {
    color: #fff;
    background-color: #3e693e;
    padding: 5px;
}   

.sec2-meta span {
    color: #3e693e;
}

.post-sect4 {
    text-align: right;
    margin: 10px;
}

section#section3 h2.post-title {
    font-size: 19px;
    padding: 10px;
    text-align: center;
}


.post-sect4-more {
    text-align: center;
    margin: 10px;
}

.read-btn {
    margin: 20px;
    text-align: center;
}

.read-btn a {
    color: #fff;
    /* margin: 20px; */
    padding: 10px;
    background-color: #3e693e;
}

.sec2-meta {
    padding: 0px 0px 0px 10px;
}


/*-------------------Post Nav-----------*/

.post-navigation {
    display: flex;
    justify-content: space-between;
    margin: 2em 0;
}

.nav-previous a, .nav-next a {
    width: 300px;
    display: inline-block;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    transition: 0.5s;
}

.entry-share {
    color: #000;
}

.nav-previous a:hover, .nav-next a:hover {
   
    color: #3e693e;
   
}

.nav-previous a {
    border-radius: 5px 0 0 5px;
}

.nav-next a {
    border-radius: 0 5px 5px 0;
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    color: #000;
}

@media screen and (max-width: 768px) {
    .post-navigation {
        flex-direction: column;
    }
    
    .nav-previous a, .nav-next a {
        width: 100%;
        border-radius: 5px;
        margin-bottom: 1em;
    }
}

/*----------Blog Page-*/


.blog-page-main {
    padding: 40px;
}

/*---------------------------Contact Us Page-------------*/

.contact-form-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px;
    background-color: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


.contact-form-container p {
    margin-bottom: 20px;
}

.contact-form-container input[type="text"],
.contact-form-container input[type="email"],
.contact-form-container textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.contact-form-container input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.contact-form-container input[type="submit"]:hover {
    background-color: #45a049;
}

.contact-main-box {
    padding: 40px;
}

.info-box {
    text-align: center;
    width: 200px;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 10px rgb(205 124 124 / 80%);
    margin: 10px;
}

.address i {
    font-size: 40px;
}

.address h6 {
    font-size: 20px;
    margin: 7px;
}

.info-box p {
    color: #000;
}

/*-------------------Woocommerce---------------*/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    background-color: #000000;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.woocommerce ul.products li.product a {
    text-decoration: none;
    color: #fff;
    background: #000000;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: #000000;
    font-size: 1.25em;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: #000000;
    color: #fff;
}


/* =========================================================
   MODERN SPLIT FOOTER
========================================================= */

.modern-site-footer {
    position: relative;
    margin-top: 90px;
    overflow: hidden;
    color: #ffffff;
}


/* =========================================================
   CTA
========================================================= */

.modern-footer-cta {
    position: relative;
    z-index: 3;
    margin-bottom: -65px;
}

.modern-footer-cta-inner {
    position: relative;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding: 45px 60px;
    background: linear-gradient(
        120deg,
        #3e693e,
        #737fda
    );
    border-radius: 24px;
    box-shadow: 0 25px 60px rgba(35, 39, 75, 0.25);
}

.modern-footer-cta-content {
    position: relative;
    z-index: 3;
    max-width: 700px;
}

.modern-footer-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.modern-footer-cta h2 {
    margin: 0 0 12px;
    color: #ffffff !important;
    font-size: clamp(30px, 4vw, 45px);
    font-weight: 700;
    line-height: 1.15;
}

.modern-footer-cta p {
    max-width: 600px;
    margin: 0;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   CTA DECORATIVE SHAPES
========================================================= */

.modern-footer-cta-shape {
    position: absolute;
    right: 50px;
    width: 180px;
    height: 180px;
}

.modern-footer-cta-shape span {
    position: absolute;
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
}

.modern-footer-cta-shape span:nth-child(1) {
    width: 180px;
    height: 180px;
}

.modern-footer-cta-shape span:nth-child(2) {
    width: 130px;
    height: 130px;
    top: 25px;
    left: 25px;
}

.modern-footer-cta-shape span:nth-child(3) {
    width: 80px;
    height: 80px;
    top: 50px;
    left: 50px;
}


/* =========================================================
   MAIN FOOTER
========================================================= */

.modern-footer-main {
    position: relative;
    padding: 145px 0 75px;
    background: #11131c;
}

.modern-footer-main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.15),
        transparent
    );
}


/* =========================================================
   ABOUT
========================================================= */

.modern-footer-about {
    padding-right: 35px;
}

.modern-footer-logo {
    margin-bottom: 25px;
}

.modern-footer-logo a {
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
    text-decoration: none;
}

.modern-footer-logo img {
    max-width: 180px;
    max-height: 70px;
    width: auto;
}

.modern-footer-about > p {
    max-width: 370px;
    margin: 0 0 25px;
    color: rgba(255, 255, 255, 0.58) !important;
    font-size: 14px;
    line-height: 1.9;
}


/* =========================================================
   SOCIAL
========================================================= */

.modern-footer-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.modern-footer-social a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
}

.modern-footer-social a:hover {
    color: #ffffff;
    background: #3e693e;
    border-color: #3e693e;
    transform: translateY(-4px);
}

.modern-footer-social .dashicons {
    width: auto;
    height: auto;
    font-size: 17px;
}


/* =========================================================
   WIDGET COLUMNS
========================================================= */

.modern-footer-column {
    height: 100%;
}

.modern-footer-column .widget {
    margin: 0 0 25px;
}

.modern-footer-column .widget:last-child {
    margin-bottom: 0;
}

.modern-footer-column .widget-title,
.modern-footer-column h2,
.modern-footer-column h3,
.modern-footer-column h4 {
    margin: 0 0 22px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

.modern-footer-column .widget-title::after,
.modern-footer-column h2::after,
.modern-footer-column h3::after,
.modern-footer-column h4::after {
    content: "";
    display: block;
    width: 28px;
    height: 2px;
    margin-top: 10px;
    background: #737fda;
    border-radius: 10px;
}


/* =========================================================
   WIDGET TEXT
========================================================= */

.modern-footer-column p,
.modern-footer-column .textwidget {
    color: rgba(255, 255, 255, 0.57) !important;
    font-size: 14px;
    line-height: 1.8;
    overflow-wrap: anywhere;
    word-break: break-word;
}


/* =========================================================
   WIDGET LIST
========================================================= */

.modern-footer-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.modern-footer-column li {
    margin: 0 0 11px;
}

.modern-footer-column li:last-child {
    margin-bottom: 0;
}

.modern-footer-column li a {
    position: relative;
    display: inline-block;
    color: rgba(255, 255, 255, 0.58);
    font-size: 14px;
    text-decoration: none;
    transition: all 0.25s ease;
}

.modern-footer-column li a::before {
    content: "→";
    display: inline-block;
    margin-right: 7px;
    color: #737fda;
    opacity: 0;
    transform: translateX(-8px);
    transition: all 0.25s ease;
}

.modern-footer-column li a:hover {
    color: #ffffff;
}

.modern-footer-column li a:hover::before {
    opacity: 1;
    transform: translateX(0);
}


/* =========================================================
   LINKS
========================================================= */

.modern-footer-main a {
    color: rgba(255, 255, 255, 0.6);
}

.modern-footer-main a:hover {
    color: #ffffff;
}


/* =========================================================
   BOTTOM BAR
========================================================= */

.modern-footer-bottom {
    position: relative;
    background: #0a0c12;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.modern-footer-bottom-inner {
    min-height: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.modern-footer-copyright {
    color: rgba(255, 255, 255, 0.45);
    font-size: 12px;
    line-height: 1.6;
}

.modern-footer-legal {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 22px;
}

.modern-footer-legal a {
    position: relative;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    text-decoration: none;
    transition: color 0.25s ease;
}

.modern-footer-legal a:hover {
    color: #ffffff;
}

.modern-footer-legal a:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -12px;
    top: 50%;
    width: 3px;
    height: 3px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    transform: translateY(-50%);
}


/* =========================================================
   BACK TO TOP
========================================================= */

.modern-back-to-top {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 9999;

    width: 48px;
    height: 48px;

    display: none;
    align-items: center;
    justify-content: center;

    padding: 0;

    color: #ffffff;
    background: #3e693e;

    border: 0;
    border-radius: 50%;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);

    cursor: pointer;

    opacity: 0;
    transform: translateY(15px);

    transition: all 0.3s ease;
}

.modern-back-to-top.show {
    display: flex;
    opacity: 1;
    transform: translateY(0);
}

.modern-back-to-top:hover {
    background: #737fda;
    transform: translateY(-5px);
}

.modern-back-to-top .dashicons {
    width: auto;
    height: auto;
    font-size: 19px;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .modern-footer-cta-inner {
        padding: 40px;
    }

    .modern-footer-cta-shape {
        right: 15px;
        opacity: 0.6;
    }

    .modern-footer-about {
        padding-right: 0;
    }

    .modern-footer-main {
        padding-top: 125px;
    }

}


@media (max-width: 767px) {

    .modern-site-footer {
        margin-top: 70px;
    }

    .modern-footer-cta {
        margin-bottom: -45px;
    }

    .modern-footer-cta-inner {
        min-height: auto;
        padding: 35px 28px;
        border-radius: 18px;
    }

    .modern-footer-cta h2 {
        font-size: 30px;
    }

    .modern-footer-cta-shape {
        display: none;
    }

    .modern-footer-main {
        padding: 105px 0 55px;
    }

    .modern-footer-about {
        margin-bottom: 15px;
    }

    .modern-footer-bottom-inner {
        flex-direction: column;
        justify-content: center;
        padding: 20px 0;
        text-align: center;
    }

    .modern-footer-legal {
        justify-content: center;
        gap: 18px;
    }

}


@media (max-width: 480px) {

    .modern-footer-cta-inner {
        padding: 30px 22px;
    }

    .modern-footer-cta h2 {
        font-size: 26px;
    }

    .modern-footer-cta p {
        font-size: 14px;
    }

    .modern-footer-main {
        padding-top: 90px;
    }

    .modern-footer-legal {
        gap: 12px;
    }

    .modern-footer-legal a {
        font-size: 11px;
    }

    .modern-back-to-top {
        right: 18px;
        bottom: 18px;
        width: 44px;
        height: 44px;
    }

}

/* =========================================================
   PREMIUM BACK TO TOP
========================================================= */

.modern-back-to-top {
    position: fixed;
    right: 28px;
    bottom: 28px;
    z-index: 9999;

    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    color: #ffffff;
    background: #11131c;

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;

    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.25),
        0 0 0 5px rgba(92, 106, 196, 0.08);

    cursor: pointer;

    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(0.85);

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}


/* Visible state */

.modern-back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}


/* Hover */

.modern-back-to-top:hover {
    color: #ffffff;
    background: #3e693e;

    box-shadow:
        0 15px 40px rgba(92, 106, 196, 0.35),
        0 0 0 7px rgba(92, 106, 196, 0.10);

    transform: translateY(-5px) scale(1.03);
}


/* Arrow */

.back-to-top-arrow {
    display: block;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;

    transition: transform 0.3s ease;
}

.modern-back-to-top:hover .back-to-top-arrow {
    transform: translateY(-3px);
}


/* Hide text visually */

.back-to-top-text {
    position: absolute;

    width: 1px;
    height: 1px;

    padding: 0;
    margin: -1px;

    overflow: hidden;
    clip: rect(0, 0, 0, 0);

    white-space: nowrap;
    border: 0;
}


/* Mobile */

@media (max-width: 767px) {

    .modern-back-to-top {
        right: 18px;
        bottom: 18px;
        width: 48px;
        height: 48px;
    }

    .back-to-top-arrow {
        font-size: 20px;
    }

}



/*-----------------------MOBILE Media*/

@media only screen and (max-width: 768px) {

    #sidebar .widget {
    margin-bottom: 50px;
}


section#banner-section-first h2 {
    margin: 0px;
    font-size: 16px;
    color: #fff;
}

.about-box {
    text-align: center;
    padding: 10px;
    /* background: #fff; */
    position: relative;
    right: 0px;
    top: 0px;
}

.text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    text-align: center;
}
.food-cat-box {
    border: none;
    /* border-radius: 50%; */
    padding: 10px;
    text-align: center;
}

section#banner-section-first p {
    margin: 0px;
    font-size: 14px;
    color: #fff;
}
    .sec2-cat {
    margin-top: 10px;
}

h2.second-sec-heading a {
    color: #fff;
    font-size: 26px;
}

.post-sect4 {
    text-align: left;
    margin: 10px;
}

.about-text-box {
    text-align: center;
    background: #fff;
    width: 65%;
    padding: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 18px;
}

.about-text-box h3 {
    color: #3e693e;
    font-size: 12px;
}

.about-text-box p {
    font-size: 10px;
}

section#about-two {
    height: 400px;
}

.about-box-1{
    width: 100%;
}

img.about-two-small {
width: 30%;
}

.display_only h1 {
font-size: 32px;
}

p.site-description {
font-size: 14px;
color: #fff;
}


.site-branding {
padding: 5px;
}


h1.site-title a {
    font-size: 30px;
    color: #fff;
}

footer {
    padding: 10px;
}

h2.post-title {
text-align: center;
}

h2.post-title a {
font-size: 16px !important;
text-align: center;
}

.latest-content {
padding: 0px 10px;
text-align: center;
max-height: 5.5em;
line-height: 1.5em;
overflow: hidden;
}

.readmore-latest {
padding: 0px 10px;
text-align: center;
}
h1.other-pages {
color: rgba(0,0,0,1);
font-size: 60px;
text-align: center;
}

.info-box {
text-align: center;
width: 100%;
background-color: #fff;
padding: 20px;
box-shadow: 0 0 10px rgb(205 124 124 / 80%);
margin: 10px;
}


}



/*------------Hover effects---*/

.post-thumbnail:hover img {
    transform: rotate(2deg);
}

.post-thumbnail img {
     transition: transform 0.3s ease;
}