/*
Theme Name: Urban Restaurant
Theme URI: https://cawpthemes.com/urban-restaurant-free-wordpress-theme/
Author: CA WP Themes
Author URI: https://cawpthemes.com/
Description: Introducing the Urban Restaurant WordPress theme—a free, stylish, and modern solution designed specifically for restaurants, cafes, and culinary businesses. Whether you're showcasing a fine dining establishment, a trendy bistro, or a cozy coffee shop, this theme offers a perfect blend of aesthetics and functionality to elevate your online presence.Urban Restaurant is packed with customizable features that allow you to highlight your menu, promote special events, and captivate your audience with stunning visuals. With its responsive design, your website will look flawless on any device, ensuring a seamless experience for your visitors.Optimized for performance and SEO, Urban Restaurant is not just about beauty—it's about delivering a fast and engaging user experience that helps your business grow. Start building your online presence today with this versatile and easy-to-use theme, and let your culinary expertise shine through every pixel.
Version: 1.0.1
Tested up to: 6.6
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: urban-restaurant
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;
}

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

div#sidebar h2 {
    color: #a2191e;
}

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

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


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


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


.theme-btn a:hover {
    background: #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: #a2191e;
}

.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 a {
    color: #a2191e;
}

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: 5px 0px 0px 0px;
}

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

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

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

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


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

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


.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: 20%;
    padding: 20px;
    text-align: center;
    width: 100%;
}

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


section#banner-section-first h2 {
    font-size: 100px;
    color: #fff;
    font-family: serif;
}

#banner-section-first {
    position: relative;
    overflow: hidden;
}

.main-banner-main img {
    width: 100%;
    height: auto;
    transition: transform 7s ease-in-out;
    animation: zoomInOut 7s infinite ease-in-out; /* Add animation to the image */
}


@keyframes zoomInOut {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@-webkit-keyframes zoomInOut {
    0% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
    100% { -webkit-transform: scale(1); }
}

.main-banner-main img {
    -webkit-animation: zoomInOut 7s infinite ease-in-out;
    animation: zoomInOut 7s infinite ease-in-out;
}


.main-banner-main .theme-btn a {
    border-radius: 0px;
    border-top: 1px solid #3a3636;
    border-bottom: 1px solid #3a3636;
    border: 1px 0px 1px 0px solid #ccc;
    font-size: 30px;
    background-color: transparent;
    color: #a2191e;
    text-decoration: none;
}

.main-banner-main .theme-btn a:hover {
    transform: scale(1.1); /* Slightly enlarge the button on hover */
}


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


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


.about-right h3 {
    color: #3a3636;
    font-size: 75px;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.about-right p {
    font-weight: 500;
    color: #5b5b5b;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
    max-width: 80%;
    padding: 10px 0px;
}

.about-right .theme-btn {
    margin-top: 40px;
    text-align: center;
}

.about-right .theme-btn a {
    border-radius: 0px;
    border-top: 1px solid #3a3636;
    border-bottom: 1px solid #3a3636;
    border: 1px 0px 1px 0px solid #ccc;
    font-size: 30px;
    background-color: transparent;
    color: #a2191e;
    text-decoration: none;
}

.about-box-img img {
    position: relative;
    bottom: 50px;
}

.about-right {
    padding: 30px;
}   

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


.image-content-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%; /* Ensure the wrapper scales with the image */
}

.feature-image {
  width: 100%;
  height: auto;
  display: block;
}

.feature-content-box {
    position: absolute;
    top: 40%;
    right: 0;
    transform: translate(0, -50%); /* Adjusted to align correctly */
    background-color: #fff; /* Adjusted for better contrast */
    color: #fff; /* Ensures the text color is white */
    padding: 50px;
    text-align: left;
    width: 60%;
    box-sizing: border-box;
    border-radius: 5px; /* Optional: adds a slight border radius for a polished look */
}


.feature-content-box h3, .feature-content-box p {
  margin: 0;
  padding: 0;
}

.feature-content-box h3 {
    text-transform: uppercase;
    color: #3a3636;
    font-size: 60px;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: 3px;
}

.feature-content-box p {
    font-weight: 500;
    color: #5b5b5b;
    font-size: 18px;
    text-align: left;
    padding: 10px 0px;
}


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


section#section3 {
    padding: 40px;
}


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

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

.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: #a2191e;
    padding: 5px;
}   

.sec2-meta span {
    color: #a2191e;
}


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

.post-section-box h2.post-title {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
    bottom: 80px;
    text-align: center;
}

.post-section-box h2.post-title a {
    color: #fff;
}

.post-section-box .sec2-meta {
    padding: 10px;
    position: relative;
    top: 15px;
    margin: 0 auto;
    max-width: 200px;
    background-color: #ffffff;
    text-align: center;
}

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

.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: #a2191e;
    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: #a2191e;
    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: #a2191e;
  color: #fff;
  padding: 20px;
  font-size: 14px;
}

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

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


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


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

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

.main-banner-main .theme-btn a {
    font-size: 14px;
    background-color: transparent;
    color: #a2191e;
    text-decoration: none;
    padding: 5px;
}

.about-right .theme-btn a {
    background-color: transparent;
    color: #a2191e;
    text-decoration: none;
    font-size: 14px;
    
}

.about-right h3 {
    color: #3a3636;
    font-size: 30px;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.about-right {
    padding: 40px 0px;
}

.about-right .theme-btn{
    margin-bottom: 30px;
}

.feature-content-box {
    position: relative;
    top: 0%;
    right: 0;
    transform: none;
    background-color: #fff;
    color: #fff;
    padding: 10px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
}

.feature-image {
    margin-top: 20px;
    width: 100%;
    height: auto;
    display: block;
}

.feature-content-box h3 {
    margin-top: 20px;
    text-transform: uppercase;
    color: #3a3636;
    font-size: 30px;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: 3px;
}

.about-box-img img {
    position: relative;
    bottom: 0px;
}

}