/*
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.4.9
Tested up to: 6.7
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) 2025 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---------------------*/

.wp-block-search .wp-block-search__label {
    font-weight: 700;
    color: #fff;
}

.no-comments.wp-block-latest-comments {
    color: #000;
}

span.required-field-message {
    color: #000;
}

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

div#sidebar li {
    list-style: none;
    padding: 5px;
    margin: 10px;
    color: #000;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

/* Sidebar widgets */
#sidebar .widget {
  margin-bottom: 30px;
}

/* Sidebar widget title */
#sidebar .widget-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #3e693e;
}

div#sidebar h2 {
    color: #3e693e;
}

.wp-block-calendar table th {
    font-weight: 400;
    background-color: #3e693e;
}

.wp-block-calendar tbody td, .wp-block-calendar th {
    padding: 0.25em;
    color: #fff;
    border: 1px solid #ffffff;
}

.singlepost-category a:hover{
    color: #fff;
}

h2.post-title a:hover, .display_only a:hover {
    color: #000;
}

/* Sidebar widget links */
#sidebar a {
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 18px;
}

/* Sidebar widget links on hover */
#sidebar a:hover , h2.post-title:hover {
  color: #3e693e;
}

.main-single-post-page .entry-content {
    margin-top: 30px;
}

/*----------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;
}

/*-------------------------------------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;
}

/*------------------------------------Index.php----------------------------------*/

h2.entry-title {
    font-size: 38px;
}

.main-post-content-box {
    margin: 15px;
    text-align: center;
    padding: 15px;
    border: 1px solid #ccc;
}

.main-post-content-box .entry-content {
    padding: 10px;
}

.card-body p {
    color: #000;
}

span.byline a {
    color: #000 !important;
}

/* Content Styles */
.entry-content {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 1.5em;
}

.entry-header {
  margin-bottom: 1.5em;
}

.entry-title {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 0.5em;
}

.entry-meta {
  font-size: 14px;
  margin-bottom: 1em;
}

.entry-meta a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
}

.entry-meta a:hover {
  color: #000;
}

.entry-footer {
  margin-top: 1.5em;
}

.entry-title {
    margin-bottom: 10px;
}

.entry-content {
    margin-bottom: 20px;
}

.page-links {
    margin-top: 20px;
    clear: both;
}

.tags-list {
    margin-bottom: 10px;
}

.read-more-link {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background-color: #007bff;
    padding: 10px 15px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.read-more-link:hover {
    background-color: #3e693e;
}


.single-post .post-thumbnail {
    padding: 0px 0px 40px 0px;
}

.single-post header.entry-header h1 {
    font-size: 36px;
    padding: 10px 0px;
}

.singlepost-category {
    padding: 20px 0px 0px 0px;
}

.singlepost-category a {
    background-color: #3e693e;
    padding: 3px 15px;
    margin: 2px;
}

.card-body a {
    color: #fff;
    background-color: #3e693e !important;
    border: none;
}

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


.main-single-post-page {
    padding: 40px 0px 0px 0px;
}

h2.entry-title {
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70%;
    padding: 20px 0px 10px 0px;
    font-size: 34px;
    color: #000;
}

.main-single-post-page h2.entry-title{
padding: 10px 0px;
}


.entry-meta {
    font-size: 14px;
    margin-bottom: 1em;
    font-weight: 700;
    color: #000;
    max-width: 260px;
    padding: 0px 0px 0px 10px;
    background-color: #3e693e;
}


.card-body h5 {
    color: #000;
    font-size: 20px;
    padding: 0px 0px 0px 0px;
}

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

.cat-meta a {
    background: transparent !important;
}

.archive .page-container {
    margin-top: 30px;
}


/*-----------------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;
}


/*-----------------Footer--------------------*/


/* Footer styles */
.Main-footer footer {
    margin-top: 60px;
  background-color: #3e693e;
  color: #fff;
  padding: 20px;
  font-size: 14px;
}

.footer-inside p {
    font-size: 18px;
    color: #fff !important;
}

.footer-inside {
    padding: 40px 20px;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: initial;
    padding-left: 0px;
    font-size: 18px;
}

.widget_text p {
    font-size: 16px;
}   

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

footer a:hover {
  color: #3e693e;
}

/* Copyright styles */
.copyright {
  margin-top: 10px;
  font-size: 12px;
  color: #777;
}

.footer-copyright {
    text-align: center;
    background-color: #fff;
    padding: 10px;
    color: #fff;
}

.footer-copyright p {
    color: #fff;
}

footer.site-footer p {
    color: #000;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts a {
    color: #fff;
}

/*-------------Back to Top--*/

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #000; /* Customize as needed */
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  display: none; /* Initially hidden */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  transition: opacity 0.3s, transform 0.3s;
}

.back-to-top:hover {
  background-color: #000;
  transform: scale(1.1);
}


/*-----------------------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;
}


}

/*----------------Extra------------*/


#sidebar h2.wp-block-heading {
    text-align: center;
    background: #fff;
    line-height: 130%;
    padding: 0px 20px;
    font-size: 20px;
    font-weight: 500;
    color: #3e693e;
    text-transform: uppercase;
    display: table;
    margin: -30px auto 15px auto;
}

.wp-block-group__inner-container {
    border: 1px solid #000;
    padding: 20px 20px;
    text-align: left;
    margin-top: 0;
}

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

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

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