/*!
Theme Name: Chillin and Grillin
Theme URI: http://underscores.me/
Author: GRIT
Author URI: https://grittechnologies.com
Description: This is the informative project
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chillin-and-grillin
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Chillin and Grillin is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.woocommerce .products.related ul.products {
    padding-top:40px !important;
}

.woocommerce .products.related ul.products {
    margin-top:40px !important;
}





.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product 

div.images, .woocommerce-page div.product div.images{
  width: 33% !important;
  padding: 20px !important;
}
.zero-padding{
  padding:0;
}

.woocommerce .woocommerce-product-rating .star-rating{
color:gold!important;
}
.woocommerce div.product{
background:#f1f1f1;
padding:30px;
}
.woocommerce div.product .woocommerce-tabs .panel{
background:transparent;
}
.woocommerce ul.products li.product .star-rating{
float:right;
color:#c5aa15 !important;
}


.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
background:#c5aa15;
color:#F3F1F1;
}

.summary entry-summary{
border:1px solid #ccc;
height:40px;
border-radius:20px;
width:100%;
padding:10px;
font-size:16px;
margin:10px 0;
color:#fff;
font-weight:bold;
background:#a58e12;
text-align:center;
}
.t-center{
text-align:center;
}
a.add_to_cart_button{
width: 100%;
    background: #ccb07f;
    color: #fff;
    border-radius: 0px;
}

.post-image a img{width:100%!important;}
h1.menu-group-header{
color: #987410;
    font-size: 40px;
    border-bottom: 3px solid #8a6d3b;
    border-top: 3px solid #8a6d3b;
    text-align:center;
   font-family:inherit;
}
.reservation-out a{
color:#8a6d3b!important;
text-decoration:none;
}
.additional,.additional_item{
    text-align: center;
font-size: 20px;
color: #e0c326;
margin-top: 15px;
border: 1px solid #ccc;
border-radius: 10px;
background: #291d07;
padding: 10px;
}
.reservation-out h3{height:40px;font-size:22px;!important;}
@media(max-width: 766px) {
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product 

div.images, .woocommerce-page div.product div.images{
  width: 100% !important;
  padding: 20px !important;
}
}

.woocommerce .quantity {
    float: left;

}
input.qty{
	width: 35px;
	border: 1px solid #c3bcbc;
}
button.single_add_to_cart_button.button.alt {
    float: left;
	border: 1px solid #c3bcbc;
}

.product_meta {
    clear: both;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	background: #198754;
    color: #F3F1F1;
}


.woocommerce div.product .button
 {
           
 } 
.woocommerce div.product .product_title {
             color: #198754;
             font-weight: bold;
 }
span.posted_in{
	display: none;
}
.dinner-message{
	padding: 20px;
    border: 1px solid #e5d7d7;
    margin-top: 10px;
}


/* Custom style for the Add to Cart button */
.custom-add-to-cart {
    background-color: #28a745;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.custom-add-to-cart:hover {
    background-color: #218838;
    transform: scale(1.05);
}

.custom-add-to-cart:active {
    background-color: #1e7e34;
    transform: scale(0.95);
}

/* Additional styling for the product container */
.product {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: #f8f9fa;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}

.product:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

a.add_to_cart_button {
    width: 100%;
    background: transparent;
    color: #198754;
    border-radius: 0px;
	text-align:right;
}
/* Change the color of the star ratings */
.star-rating span:before,
.star-rating::before,
p.stars a:hover:after, 
p.stars a:after {
    color: #edc73e !important;
}

/* Order received page */
.woocommerce-order-received h1.entry-title,
.woocommerce-order-received h2.woocommerce-order-details__title,
.woocommerce-cart h1.entry-title,
.woocommerce-cart h2,
.woocommerce-checkout h1.entry-title,
.woocommerce-checkout h3:not(#ship-to-different-address) {
    color: #9C1030;
}
.modal-header{
	background-color: #118B50;
    color: #cfcbcb;
}

/* Reservations / Booking */
/* .rtb-booking-form button {
    clear: both;
    float: left!important;
    margin-top: 2em!important;
  }
  .rtb-booking-form input{
  max-width:90%!important;
 border:1px solid #ccc!important;
    height: 70px!important;
    background-color: #DBDBDB!important;
    padding: 15px!important;
    border: 0px;
    margin-bottom: 25px!important;
    border-radius: 0px!important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
  }
  .contact{
margin-top:0!important;
padding:0!important;
background:transparent!important;
}
.rtb-booking-form textarea{
max-width:100%!important;
width:100%!important;
background-color: #DBDBDB!important;
    padding: 15px!important;
    border: 0px;
    margin-bottom: 25px!important;
    border-radius: 0px!important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
**/

.woocommerce-MyAccount-navigation {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 10px;
}
.woocommerce-MyAccount-content {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}