/*
Theme Name: Organica Store
Theme URI: https://cawpthemes.com/organica-store-free-wordpress-theme/
Author: CA WP Themes
Author URI: https://cawpthemes.com/
Description: Welcome to a theme designed to cater to both dog enthusiasts and bloggers with a penchant for all things canine. The "Organica Store" WordPress Theme seamlessly blends the world of dog sales and insightful blogs, offering a comprehensive platform for dog lovers, breeders, and content creators alike.With a sleek and intuitive design, the "Organica Store" showcases the charm and elegance of dogs in a modern, user-friendly layout. Whether you're a responsible dog breeder looking to showcase your furry companions or a passionate blogger sharing your insights on dog care, behavior, and more, this theme ensures an engaging and easy-to-navigate experience for both visitors and content creators.Experience the best of both worlds with the "Organica Store." For dog sellers, the theme provides customizable dog listing pages, allowing you to spotlight individual breeds with stunning imagery, detailed descriptions, and essential information such as temperament, size, and origin.With mobile optimization, WooCommerce integration for seamless selling, built-in SEO features for improved visibility, and social media integration for easy sharing, the "Organica Store" empowers you to create an online presence that's as captivating as it is functional.
Our 24/7 customer support team stands ready to assist you with any theme-related inquiries or technical issues, ensuring a smooth experience every step of the way. Join us in celebrating the boundless love and charm of our four-legged friends while creating an online hub that's both visually captivating and content-rich.Unleash the potential of your dog-centric business or blog with the "Organica Store" WordPress Theme. Get ready to make tails wag and fingers click – your digital doghouse awaits! Premium Demo: https://demo.cawpthemes.com/organica-store-pro Premium: https://cawpthemes.com/organica-store-premium-wordpress-theme/
Details: https://cawpthemes.com/organica-store-premium-wordpress-theme/
For any query: https://cawpthemes.com/support/
Demo: https://demo.cawpthemes.com/organica-store
Version: 1.0.1
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: organica-store
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: sans-serif;
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: 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;
}

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

#sidebar {
    border: 1px solid #ddd;
    padding: 20px;
    margin-top: 40px;
}

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

.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: #362526;
}

div#sidebar h2 {
    color: #362526;
}

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

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


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

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

/* Sidebar widget links */
#sidebar a {
  color: #000;
  text-decoration: none;
  font-size: 18px;
}

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

.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: #362526;
}


.theme-btn a {
    padding: 15px;
    font-size: 18px;
    background-color: #6A994E;
    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: #6A994E;
}

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

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

/*Top Bar*/

.organica-top-bar {
  background: linear-gradient(135deg, #8bc34a 0%, #689f38 100%);
  font-size: 14px;
  padding: 8px 0;
  border-bottom: 1px solid #e0e0e0;
}

.organica-top-bar .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.top-bar-left, .top-bar-right {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.top-bar-message {
  color: #fff;
  font-weight: 500;
}

.top-bar-email,
.top-bar-phone,
.top-bar-account {
  color: #fff;
  text-decoration: none;
}

.top-bar-account:hover {
  text-decoration: underline;
}


/* 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 a {
    color: #362526;
}

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

.display_only p {
    font-size: 14px;
    color: #000;
}

.display_only h1 {
    font-size: 34px;
    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: 100%;
   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;
}

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

.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: #ccc;
    padding: 3px 15px;
    margin: 2px;
}

.card-body a {
    color: #000;
    background-color: #362526 !important;
    border: none;
}

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

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

h2.entry-title {
    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: #362526;
}

.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------*/

.organica-hero-banner {
  position: relative;
  background-size: cover;
  background-position: center;
  padding: 140px 0 120px;
  color: #fff;
  overflow: hidden;
  text-align: center;
}

.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.4); /* Default fallback, overridden inline via PHP */
}

.hero-content {
  position: relative;
  z-index: 2;
  max-width: 850px;
  margin: auto;
}

.hero-tagline {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: #c5e763;
  letter-spacing: 1px;
  margin-bottom: 15px;
  display: block;
}

.hero-title {
  font-size: 64px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.2;
  color: #c5e763;
}

.hero-subtitle {
  font-size: 22px;
  margin-bottom: 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.hero-desc {
  font-size: 18px;
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto 35px;
  font-family: 'Open Sans', sans-serif;
}

.hero-btn {
  background: linear-gradient(135deg, #8bc34a 0%, #689f38 100%);
  color: #fff;
  padding: 16px 42px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
  display: inline-block;
  text-decoration: none;
}

.hero-btn:hover {
  background: linear-gradient(135deg, #689f38 0%, #558b2f 100%);
  transform: scale(1.05);
}

.hero-decorative {
  position: absolute;
  bottom: 0;
  right: 40px;
  opacity: 0.9;
  z-index: 0;
  max-width: 200px;
  animation: floatY 5s ease-in-out infinite;
}

@keyframes floatY {
  0% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
  100% { transform: translateY(0); }
}

/* Responsive styles */
@media screen and (max-width: 768px) {
  .hero-title {
    font-size: 42px;
  }
  .hero-subtitle {
    font-size: 18px;
  }
  .hero-btn {
    padding: 14px 30px;
    font-size: 15px;
  }
  .hero-decorative {
    display: none;
  }
}


/*-----------------Category--------*/

section.organica-categories-section.py-6 {
    padding: 60px 0px;
}

.category-block {
  border-radius: 20px;
  transition: all 0.4s ease;
  background: #fff;
}

 .organica-categories-section .section-title {
  font-size: 2.75rem;
  font-weight: 800;
  color: #2e7d32;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

.organica-categories-section .section-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: #4caf50;
  margin: 10px auto 0;
  border-radius: 2px;
}


.category-block:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.circle-icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
  background: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-icon img {
  max-width: 70%;
  height: auto;
  transition: transform 0.3s ease;
}

.category-block:hover .circle-icon img {
  transform: scale(1.1);
}

.badge {
  font-size: 0.75rem;
  padding: 6px 12px;
  border-radius: 12px;
}


/*---------------Product sections--------*/

.organica-product-premium {
  background: linear-gradient(145deg, #f0fff0 0%, #e1ffe6 100%);
}

  .organica-product-premium .section-title {
  font-size: 2.75rem;
  font-weight: 800;
  color: #2e7d32;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

.organica-product-premium .section-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: #4caf50;
  margin: 10px auto 0;
  border-radius: 2px;

}

.product-card-premium {
  transition: transform 0.4s ease;
  border: none;
  background: #fff;
  border-radius: 20px;
}

.product-card-premium:hover {
  transform: translateY(-10px);
}

.product-img-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}

.product-img-wrapper img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.product-card-premium:hover img {
  transform: scale(1.05);
}

.product-hover-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  opacity: 0;
  transition: opacity 0.4s ease;
  padding: 20px;
}

.product-card-premium:hover .product-hover-overlay {
  opacity: 1;
}

.badge-sale {
  position: absolute;
  top: 15px;
  left: 15px;
  background-color: #ff5722;
  color: #fff;
  padding: 5px 12px;
  font-size: 0.75rem;
  border-radius: 30px;
  z-index: 3;
}

.product-title {
  font-size: 1.1rem;
  color: #333;
}

.product-price {
  font-size: 1.2rem;
  color: #388e3c;
}


.product-card-premium p {
    color: #fff;
}

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

.organica-blog-section {
  background: linear-gradient(135deg, #f3f9f4, #ffffff);
  padding: 80px 0;
}

.organica-blog-section .section-title {
  font-size: 2.75rem;
  font-weight: 800;
  color: #2e7d32;
  position: relative;
  display: inline-block;
  margin-bottom: 10px;
}

.organica-blog-section .section-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: #4caf50;
  margin: 10px auto 0;
  border-radius: 2px;
}

.organica-blog-section .section-desc {
  font-size: 1.15rem;
  color: #666;
  max-width: 700px;
  margin: 0 auto 40px;
}

.blog-card {
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease-in-out;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.blog-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);
}

.blog-image-wrapper {
  position: relative;
  overflow: hidden;
}

.blog-img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  transition: transform 0.5s ease;
  border-bottom: 1px solid #eee;
}

.blog-card:hover .blog-img {
  transform: scale(1.1);
}

.blog-content {
  padding: 25px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.blog-content small {
  font-size: 0.9rem;
  color: #999;
  margin-bottom: 10px;
}

.blog-title {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #333;
}

.blog-title a {
  color: inherit;
  text-decoration: none;
}

.blog-title a:hover {
  color: #43a047;
  text-decoration: underline;
}

.blog-content p {
  font-size: 1rem;
  color: #5a5a5a;
  margin-bottom: 20px;
  line-height: 1.6;
}

.blog-content .btn {
  background-color: transparent;
  border: 2px solid #4caf50;
  color: #4caf50;
  font-weight: 600;
  transition: all 0.3s ease;
}

.blog-content .btn:hover {
  background-color: #4caf50;
  color: #fff;
  border-color: #4caf50;
}


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

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

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

@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: #362526;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

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

a.button.add_to_cart_button {
    color: #fff !important;
}

.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;
}

.woocommerce span.onsale {
    min-height: 3.236em;
    min-width: 3.236em;
    padding: .202em;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 100%;
    background-color: #6A994E;
    color: #fff;
    font-size: .857em;
    z-index: 9;
}

.woocommerce ul.products li.product .price {
    color: #000000;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .857em;
}


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


/* Footer styles */
.Main-footer footer {
    margin-top: 60px;
  background: linear-gradient(135deg, #8bc34a 0%, #689f38 100%);
  color: #fff;
  padding: 20px;
  font-size: 14px;
}

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

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

ul#menu-footer a:hover {
    color: #000;
}

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

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

footer a:hover {
  color: #6A994E;
}

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


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

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

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

/*-------------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) {
    .row.pro-bx {
    margin: 0 auto;
}

.section-heading-main h3 {
    text-align: center;
    padding: 0px 0px 20px 0px;
    font-size: 32px;
    color: #362526;
}


section#banner-section-first h2 {
    font-size: 40px;
    color: #362526;
}

.heading-section h3 {
    color: #362526;
    font-size: 32px;
}   

.new-arrival-content {
    margin: 10px;
    text-align: center;
}

.text-box {
    text-align: center;
}

    .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: #362526;
    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: left;
    }

    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 Effect---*/


.post-thumbnail img:hover, .new-arrival-content:hover {
    border-radius: 8px;
    box-shadow: rgb(165 146 149) 0px 0px 20px;
}