/*
Theme Name: Everafter Wedding Pro
Theme URI: https://cawpthemes.com/everafter-wedding-pro-free-wordpress-theme/
Author: CA WP Themes
Author URI: https://cawpthemes.com/
Description: Welcome to the premium realm of the Everafter Wedding WordPress theme – where your love story takes center stage with unmatched elegance and unrivaled features. The Everafter Premium version is crafted for those who seek the pinnacle of sophistication and customization in their wedding website. Elevate your online presence with exclusive premium templates, exquisite design options, and advanced functionalities that turn your digital canvas into a work of art. Enjoy an enhanced user experience with responsive layouts, premium support, and seamless integration of premium plugins tailored to make your journey to "I do" truly unforgettable. With Everafter Premium, your wedding website becomes a reflection of your unique style and a testament to the extraordinary commitment you share. Step into a world of premium possibilities where every detail is meticulously curated, and your love story unfolds with unparalleled grace and grandeur. Embrace the premium experience and let Everafter elevate your celebration to new heights
Version: 1.0.8
Tested up to: 6.5
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: everafter-wedding-pro
Copyright (c) 2024 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: serif;
}
body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: 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;
}

section{
    padding: 60px 0px;
}
.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;
}


/*----------------sidebar---------------------*/

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

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

div#sidebar h2 {
    color: #8d9b7d;
}

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

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


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


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


.theme-btn a {
    padding: 15px;
    font-size: 18px;
    background-color: #8d9b7d;
    font-weight: 600;
    color: #fff;
    border-radius: 10px;
}


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

.theme-btn {
    margin-top: 20px;
}



/*--------------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: block;
    padding: 5px 10px;
    text-decoration: none;
    color: #000;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.pagination a:hover {
    background-color: #008080;
}

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

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

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

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

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

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

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

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

.card-body a {
    color: #fff;
    background-color: #8d9b7d !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-color: #8d9b7d;
}


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



/*------------------Slider-------------*/



section#slider {
    padding: 0px;
}

.slider {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
}

.slide {
    display: none;
    position: relative;
    width: 100%;
    height: auto;
}

.slider .slide:first-child {
    display: block;
}

.slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    background: transparent;
    padding: 20px;
    border-radius: 10px;
    width: 80%;
}

.slide-content h2 {
    font-family: cursive;
    color: #ffffff;
    margin: 0 0 10px;
    font-size: 100px;
}

.slide-content p {
    color: #ffffff;
    margin: 0;
    font-size: 50px;
}


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


#our-features .our-features-head
{
  text-align: center;

}
.section-small_title
{
  font-size: 18px;
  color: #000000;
  font-family: serif;
  margin-bottom: 5px;
}

.section-main_title {
    text-align: center;
    font-size: 56px;
    color: #8d9b7d;
    font-family: serif;
    font-weight: 700;
    padding: 40px;
}

#our-features .our-features-features
{
  text-align: center;
   margin-top: 40px;
}
#our-features .our-features-features h4
{
  font-size: 22px;
  color: #fff;
  font-family:serif;
  font-weight: 700;
}
#our-features .our-features-features p
{
  font-size: 15px;
  color: #fff;
  font-family:serif;
  font-weight: 500;
  margin: 0px;
}

.feature-content-box {
    position: relative;
    padding: 20px;
    top: 20%;
    background-color: #fff;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.feature-content-box p {
    color: #000;
    font-size: 22px;
}

.our-features-features{
  background-color: #e5eddc;
}

.our-features-features {
    margin: 10px;
}

.feature-content-box h4 {
    font-family: cursive;
    font-size: 40px;
}

#our-features .our-features-features a
{
  padding: 14px 7px;
  position: relative;
}
#our-features .our-features-features a span
{
  font-size: 15px;
  color: #fff;
  font-family: serif;
  font-weight: 700;
  padding: 10px 20px;
  background-color:#8d9b7d;
}

#our-features .our-features-features:hover a span
{
  background-color: #8d9b7d;
  color:#fff;
}

/* -------------- About Us ------------ */

.about-box {
    padding: 30px;
}

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

.about-box {
    text-align: center;
    padding: 30px;
}

.about-box-cntent {
    margin: 10px;
}

.about-box.bride-box {
    margin-top: 40px;
}

.image-about {
  padding: 100px 0px 0px 0px;
    margin-top: 40px;
}

.section-heading-main {
    text-align: center;
    padding: 10px;
    margin-bottom: 30px;
}

.about-box-img img {
    border-radius: 20%;
}

.about-box h3 {
    color: #8d9b7d;
    font-size: 45px;
    margin-bottom: 20px;
    font-weight: 600;
}

.about-box p {
    font-size: 22px;
    color: #000;
    font-weight: 400;
    margin-bottom: 30px;
}

.about-box-img {
    text-align: center;
    margin-top: 10px;
}

/*-----------------Gallery Slider-----------*/

/* Gallery container */
.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

/* Individual gallery item */
.gallery-item {
    flex: 0 0 32%; /* Adjust to make space for 3 images per row with some gap */
    box-sizing: border-box;
    margin-bottom: 10px;
    overflow: hidden; /* Ensure the hover effect doesn't overflow */
}

.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease; /* Smooth transition for hover effect */
}

/* Hover effect */
.gallery-item:hover img {
    transform: scale(1.1); /* Scale image up on hover */
}

/* Responsive design */
@media (max-width: 768px) {
    .gallery-item {
        flex: 0 0 48%; /* 2 images per row on smaller screens */
    }
}

@media (max-width: 480px) {
    .gallery-item {
        flex: 0 0 100%; /* 1 image per row on mobile devices */
    }
}

/* Popup styling */
.popup {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000;
    padding-top: 60px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9);
}

.popup-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

.popup-content {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
}

/* Close button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

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

.venue-content-box {
    text-align: center;
    padding: 40px;
    width: 50%;
    margin: 0 auto;
    background-color: #fff;
}

section#venue {
    background: #e5eddc;
}

.venue-content-box h2 {
    color: #8d9b7d;
    font-family: cursive;
    font-size: 70px;
}

.venue-content-box p {
    color: #000;
    font-size: 30px;
    margin: 0px !important;
}
    
/*-----------Section One-------------*/

.latest-content p {
    font-size: 17px;
    color: #000;
}

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

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

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

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


.section-heading-main h3 {
    text-align: center;
    padding: 40px 0px 30px 0px;
    font-size: 56px;
    color: #8d9b7d;
}


section#section3 {
    padding: 40px;
}


section#section1 {
    margin-bottom: 30px;
    padding: 0px;
}

h2.post-title a {
    font-size: 24px;
    color: #8d9b7d;
}

.post-section-box {
    padding: 15px;
}


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-cat a {
    color: #fff;
    background-color: #8d9b7d;
    padding: 5px;
}   

.sec2-meta span {
    color: #8d9b7d;
}


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

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

/*-------------------------Contact Page CSS------------*/

section.contact-page {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 60px;
}

.head-contact {
    text-align: center;
    padding: 20px;
}

.contact-page-box {
    background: #fff;
    padding: 20px;
}

.info-contact-box {
    padding: 20px;
    text-align: center;
}

.contact-page-from-box {
    /* text-align: center; */
    padding: 20px;
}

.contact-page-side-headings {
    text-align: center;
    padding: 50px;
}


.contact-page-side-headings h3 {
    font-size: 46px;
}

.contact-form-main {
    padding: 40px 0px;
}

div.wpforms-container-full button[type=submit] {
    background-color: #000 !important;
    font-size: 20px !important;
}

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

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

/*-------------------About US Page----------*/

h1.other-pages {
    color: #000;
    font-size: 120px;
    text-align: left;
    font-family: 'Prompt', sans-serif;
    font-weight: 300;
    font-style: normal;
}


.about-box-1 p {
    line-height: 1.3;
    font-size: 25px;
    text-align: left;
}

.about-box-1 {
    color: #000;
    width: 450px;
    background-color: #8d9b7d;
    padding: 20px;
}


.about-main {
    padding: 40px;
}

.about-box-2 p {
    line-height: 1.7;
    font-size: 17px;
    text-align: left;
    font-family: 'Prompt', sans-serif;
    font-weight: 400;
    font-style: normal;
}

.about-box-2 h4 {
    color: #000;
    font-size: 40px;
}

img.about-two-back {
    width: 80%;
}

.about-two-img-box {
    text-align: center;
}


.small-img-box {
    position: absolute;
    bottom: 50px;
    left: 0px;
    font-size: 18px;
}

.images-box {
    position: relative;
} 


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

.about-text-box h3 {
    color: #8d9b7d;
    font-size: 40px;
}

img.about-two-small {
    width: 400px;
}


section#about-two {
    padding-bottom: 40px;
}

/*-------------------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 */
footer {
  margin-top: 30px;
  background-color: #8d9b7d;
  color: #fff;
  padding: 20px;
  font-size: 14px;
}

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

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

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

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

a.wp-block-latest-posts__post-title {
    color: #fff;
}

a.wp-block-latest-posts__post-title:hover{
    color: #000 !important;
}

footer a:hover {
  color: #000;
}


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


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

.footer-copyright p {
    color: #8d9b7d;
}

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) {

    .venue-content-box {
    text-align: center;
    padding: 40px;
    width: 98%;
    margin: 0 auto;
    background-color: #fff;
}

.venue-content-box h2 {
    color: #8d9b7d;
    font-family: cursive;
    font-size: 38px;
}

    .theme-btn {
        margin-top: 20px;
    }

    .slide-content p {
    color: #ffffff;
    margin: 0;
    font-size: 16px;
    }

    .slide-content h2{
        font-size: 20px;
    }

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

    .section-heading-main h3 {
    text-align: center;
    padding: 40px 0px 30px 0px;
    font-size: 35px;
    color: #8d9b7d;
    }

    .text-box {
        position: absolute;
        top: 20%;
        padding: 10px;
        text-align: center;
        width: 100%;
    }

        .text-box p {
        display: none;
    }

        .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: #8d9b7d;
        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: #000;
    }

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