/*
Theme Name: Catering Lite
Theme URI: https://www.themesglance.com/products/free-catering-wordpress-theme
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Catering Lite is a free theme designed for caterers, catering services, food service providers, event planners, wedding events, culinary businesses, food courts, corporate catering, party planning, menu management, and other food-related businesses. It features a clean, user-friendly design with a responsive layout, interactive elements, and attractive CSS animations to create a visually appealing website. The theme includes a beautiful banner for highlighting content, sections like Team and Testimonials, and a Call to Action (CTA) button to boost conversions. Crafted with SEO-friendly code, it ensures fast loading times and improved search engine visibility, while offering extensive customization options such as color schemes, fonts, layouts, and responsive sliders. Catering Lite is compatible with essential plugins including Contact Form 7 for inquiries, WooCommerce for online ordering, WPML for multilingual support, and Yoast SEO for better rankings, along with seamless social media integration. Built with the Bootstrap framework, this theme provides flexibility, functionality, and a professional look, making it perfect for creating catering websites, event planner sites, or food service templates that engage visitors and drive business growth. View: https://preview.themesglance.com/catering-pro/       
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 0.7.4
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: catering-lite
Template: food-truck-lite
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, block-patterns, custom-background, custom-logo, custom-menu, custom-header, featured-images, featured-image-header, footer-widgets, full-width-template, theme-options, post-formats, threaded-comments, translation-ready, rtl-language-support, blog, food-and-drink, e-commerce
*/
/* #34b3f1 */
:root {
	--primary-color: #34b3f1;
}

.top-bar-btn a,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,.woocommerce-account .addresses .title .edit,.woocommerce-product-search button,.wp-block-tag-cloud a:hover,.grid-post-info,.footerinner .wp-block-tag-cloud a:hover,#sidebar h2,#sidebar .wp-block-search .wp-block-search__label,.wp-block-search__button, button.wp-block-search__button.wp-element-button, .read-more a:hover, .woocommerce span.onsale, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, a.added_to_cart.wc-forward, .woocommerce-notices-wrapper a.button.wc-forward, .nav-menu ul ul a, .post-info, .blogbtn a, #sidebar h3, .pagination .current, .pagination a:hover, #footer input[type="submit"], .footerinner .tagcloud a:hover, .navigation .nav-previous a, .navigation .nav-next a, .tags a:hover, #comments a.comment-reply-link, #comments input[type="submit"].submit, #sidebar input[type="submit"], #sidebar .tagcloud a:hover, h1.page-title, h1.search-title, nav.woocommerce-MyAccount-navigation ul li {
    background: var(--primary-color) !important;
}
#slider .carousel-control-prev-icon:hover,
#slider .carousel-control-next-icon:hover{
	background: var(--primary-color) !important;
	border: transparent ;
}
p.call-info i, a,#footer .wp-block-search__label,.wp-block-latest-comments__comment-meta a,#footer h2, a:hover, #menu-section strong, #footer h3, #recipe-section span.small-title, .tags a i, .woocommerce-message::before,.nav-menu ul li a:hover,.wp-calendar-nav a {
	color: var(--primary-color);
}
.read-more a:hover,.footerinner .wp-block-tag-cloud a:hover,#footer .wp-block-search__label, #footer h3,.footerinner .tagcloud a:hover, .nav-menu ul ul a:hover, .nav-menu ul ul, .blog-sec, .grid-sec, #sidebar .widget, .pagination .current, .pagination a:hover, .inner, .tags a:hover, .woocommerce-message {
	border-color: var(--primary-color);
}
.back-to-top::before, #header {
	border-bottom-color: var(--primary-color);
}
.back-to-top{
    background-color: var(--primary-color);
}
#sidebar .widget_calendar td a{
	color: #000 !important;
}
.tags a:hover {
	color: #fff;
}
#sidebar .wp-block-tag-cloud a:hover{
	background-color: var(--primary-color);
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {
	font-size: 16px;
	padding: 7px 12px;
}
#sidebar .search-form label{
	display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%;
}
#sidebar ul li a {
	display: inline-block; 
	transition: padding-left 0.3s ease;
  }
#sidebar ul li a:hover,#sidebar ol li a:hover{
	padding-left: 8px; 
	color: var(--primary-color);
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, a.added_to_cart.wc-forward {
	color: #fff;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	background: rgb(52 179 241 / 20%);
}
.post-categories li a{
	background-color: var(--primary-color);
	color: #fff;
}
.product-name a{
	text-decoration: none !important;
}
/*Recipe Section*/
.entry-video video {
	width: 100%;
}
#recipe-section h3 {
	font-size: 25px;
	font-weight: 600;
}
#recipe-section .recipe-box img {
	border-radius: 5px;
	width: 100%;
}
#recipe-section .recipe-box h4 {
	padding: 0;
	font-size: 20px;
	font-weight: 600;
}
#recipe-section .recipe-box h4 a, #recipe-section .recipe-box a.click-btn {
	color: #000;
}
#recipe-section .recipe-box .entry-author {
	font-size: 13px;
}
#recipe-section .recipe-box a.click-btn span {
	font-size: 12px;
	display: inline-block;
	border-bottom: 1px solid #000;
	font-weight: 500;
}
#recipe-section .recipe-box a.click-btn i {
	color: var(--primary-color);
    font-size: 8px;
    padding: 3px 2px 3px 4px;
    border: 1px solid;
    border-radius: 50%;
}
#recipe-section .view-btn a {
	background: var(--primary-color);
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	font-weight: 600;
	display: inline-block;
}
#recipe-section .view-btn a:hover,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .top-bar-btn a:hover {
	background: #000 !important;
	color: #fff;
}
#recipe-section .video-box iframe{
	width: 100%;
}
.post-info a:hover span.entry-date ,.post-info a:hover span.entry-author{
	color: #000000 !important;
}
p.comment-form-url label{
	display: block;
}
p.comment-form-url input{
	padding: 12px 10px !important;
    font-size: 18px;
    margin: 20px 0 0 0 !important;
    border: 1px solid #bcbcbc;
    width: 100%;
    height: auto;
}
.read-more a{
	 border-radius: 5px !important;
}
.bradcrumbs span{
	background: var(--primary-color);
    color: #fff;
}
#maincontent .bradcrumbs a,#maincontent .bradcrumbs span{
	background: var(--primary-color);
}
.woocommerce-products-header h1{
	padding-left: 10px;
	padding-right: 10px;
}
#menu-section{
	padding-bottom: 0.5rem !important;
}
#recipe-section{
	padding-top: 0rem !important;
}
.post-info i {
	margin-right: 0px;
}
label.wp-block-search__label{
	width: 100% !important;
}
/*.wp-block-search__inside-wrapper{
	display: inline-flex;
}*/
.pagination a:hover, .page-links a span:hover{
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
} 
.pagination .current, .page-links .current .page-number,span.page-links-title.p-3 {
  padding: 10px 15px;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}
#maincontent .wp-block-button a{
  background: var(--primary-color);
}
.bradcrumbs span{
	padding: 7px 5px;
}
.wc-block-grid__product-onsale,a.wc-block-components-totals-coupon-link, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, 
a.wc-block-components-checkout-return-to-cart-button, .wc-block-components-totals-coupon__button.contained, button.wc-block-components-checkout-place-order-button{
	background: var(--primary-color) !important;
	border-color:var(--primary-color) !important;
}
.wc-block-grid__product-title{
	color: #212121 !important ;
}
a.added_to_cart.wc-forward{
	margin-top: 10px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
	background: var(--primary-color);
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
	color: var(--primary-color);
	border-color: var(--primary-color);
}
.woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins{
	text-decoration: none;
}
.single-post-category .category{
    float: left;
	margin-right: 10px;
}

.wp-block-latest-comments{
	padding-left: 4px;
}

.wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button:hover,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover{
	background-color: #000!important;
	border-color:black!important;
}

.type-product .woocommerce-loop-product__link h2:hover{
     color:var(--primary-color)!important;
}
#blog_post .blog-sec h2:hover a{
	color: var(--primary-color)!important;
  }


@media screen and (max-width: 767px){
	.row.recipe-sec{
		gap: 1em;
	}
}
@media screen and (max-width: 720px) and (min-width: 320px){
	#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
		border: 1px solid #fff;
	}
	.carousel-control-next{
		right: 5px;
	}
	.carousel-control-prev{
		left: 5px;
	}
	#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
		padding: 5px 10px;
	}
	.read-more a{
		padding: 8px 10px;
	}
}
@media screen and (max-width: 768px) and (min-width: 720px){
	#sidebar label{
	width: 100%;
	}
	.wp-block-search__inside-wrapper {
		display: inline-block;
	}
	.wp-block-search__button{
		margin-left: 0px;
		margin-top: 5px;
	}
}