/*
Theme Name: Catering Pro
Theme URI:  https://www.themesglance.com/themes/premium-tg-food-truck-wordpress-theme/
Author: Themes Glance
Author URI: http://www.themesglance.com/
Description: The premium tg-food-truck WordPress theme is fully responsive, translation ready, SEO-friendly and cross-browser compatible. It is embedded with social media icons to give the much needed exposure. It is customizable, so much so that every element of the theme can be changed including colour, background, header, footer, menu and images. It has various sections like testimonial, subscription area, gallery and other. Each of this section can be enabled/disabled. It uses simple as well as mega menu. This premium tg-food-truck WP theme is compatible with WooCoomerce and WPML plugin and can be tied with any third party plugin. For secure online donations, it uses trusted payment gateways. With this premium theme we provide our support and regular theme updates.
Version:0.0.4
Requires at least: 5.8
Tested up to: 6.1.1
Requires PHP: 7.2
License: GNU General Public License
License URI:license.txt
Text Domain: catering-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Catering Pro WordPress Theme has been created by Themes Glance(themesglance.com), 2018.
Catering Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
  --brown:#2b2b2b;
  --cream:#34b3f1;
  --white: #ffffff;
  --lightbrown: #212121;
}
:root {
  --font-livvic: 'Livvic', sans-serif;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
html body {
  overflow-x: hidden;
  }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-livvic);
  color:black;
  font-weight: 700;
}
p{
    font-family: var(--font-livvic);
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: var(--color-383838);
}
blockquote:before,blockquote:after {
  display: block;
  font-size: 80px;
  position: absolute;
  color: #7a7a7a;
}
blockquote:before {
  content: "\201C";
  left: 0px;
  top: -20px;
}
blockquote:after {
  content: "\201D";
  right: 0px;
  bottom: -10px;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
table th a {
    color: black;
    text-decoration: none;
}
.woocommerce table.shop_table{
border: 1px solid rgb(0 0 0 / 23%);
    box-shadow: 4px 2px 12px 1px #ccc;
}
.shop_table.shop_table_responsive tbody,.shop_table.shop_table_responsive td,.shop_table.shop_table_responsive tfoot,.shop_table.shop_table_responsive th,.shop_table.shop_table_responsive thead,.shop_table.shop_table_responsive tr {
    border-width: 1px !important;
}
.woocommerce table.shop_table th
{
  font-family: var(--font-livvic);
    color: grey;
    font-size: 15px;
}
.woocommerce table.shop_table td a {
    color: black;
    font-family: var(--font-livvic);
    text-decoration: none;
}
.cart_totals h2 {
    font-size: 21px;
    font-family: var(--font-livvic);
    font-weight: 600;
}
@media screen and (min-width: 1400px) and (max-width: 1550px){
    .about-right
    {
        height: 303px !important;
    }
}
@media screen and (min-width: 1600px) and (max-width: 2560px){
.slide_nav
{
  bottom: 50% !important;
}
.prop_desc
{
  font-size: 14px !important;
}
.slider-main-heading, .slider-color-text
{
  font-size: 52px !important;
}
.about-right
{
  height: 303px !important;
}
.read_more_abouts_button {
    margin-top: 33px !important;
}
.about-us-sub-heading
{
  font-size: 31px !important;
  margin-top: 13px !important;
  line-height: 43px;
}
.about-us-para1, .about-us-para2
{
      margin-top: 20px !important;
      font-size: 16px !important;
}
.read_more_abouts_button {
    margin-top: 33px !important;
}
.left_card_text, .right_card_text
{
      font-size: 16px !important;
}
.left_card_uni, .right_card_uni
{
  font-size: 20px !important;
}
.left_card_head, .right_card_head {
    font-size: 20px !important;
    }
    .icon-left-box i, .icon-right-box i
    {
          margin-top: -11% !important;
    }
    #online-cooking
    {
          height: 543px !important;
    }
    .online-cooking-sub-heading {
    font-size: 53px !important;
    line-height: 68px !important;
    max-width: 664px !important;
}
.online-cooking-main-heading {
    font-size: 22px !important;
    margin-bottom: 22px;
}
.online-cooking-main-box
{
  margin-top: 89px !important;
}
#joinus .carousel-caption {
    top: 26% !important;
}
#joinus .prop_desc {
    max-width: 830px !important;
}
.our_video_recipes_col {
    margin-bottom: 13px;
}
.video-img {
    width: 93px !important;
}
.custom_video_url i
{
  padding: 5px 5px !important;
    width: 20px !important;
    height: 20px !important;
}
.trending_recipes-content
{
  top: 68% !important;
}
#latest_post .postbox-content p
{
  font-size: 16px !important;
    line-height: 32px !important;
}
#latest_post .latest-main-box img
{
  height: 410px !important;
}
.latest-main-box .postbox-content
{
  top: 63% !important;
}
#latest_post .post-title a
{
  font-size: 22px !important;
}
.latest-main-box:hover .postbox-content
{
  max-height: 385px !important;
    top: 7px !important;
}
.above_title
{
      margin-top: 8%!important;
}
.post-contents-cols:hover .postbox-content
{
  top: 12px !important;
}
#sidebar .post-thumb img
{
    height: 95px !important;
}
.product-inner-align
{
  left: 8px !important;
}
#products-inner .add-tocart-bg,#products-second .add-tocart-bg
{
  margin-top: -12px !important;
}
#products-inner img,#products-second img
{
  height: 147px !important;
  width: 147px !important;
  margin-top: 4px !important;
}
#products-inner .product_head a,#products-second .product_head a
{
    font: 600 22px/19px Livvic !important;
}
#products-inner .product_head,#products-second .product_head
{
    margin-bottom: 1px !important;
}
#products-inner .short_text,#products-second .short_text
{
  font-size: 14px !important;
}
#products-inner a.added_to_cart.wc-forward,#products-second a.added_to_cart.wc-forward
{
    width: 67% !important;
}
#products-inner .inner_product,#products-second .inner_product
{
    padding: 25px !important;
}
#inner-sliders .product_heads a
{
    font-size: 23px !important;
}
.product-boxs
{
    padding: 45px !important;
}
#product-sliders .product-thumbs img
{
   width: 200px !important;
    height: 200px !important;
}
.inner-product-slider-box
{
    top: 20% !important;
}
#product-sliders .star-rating
{
  font-size: 20px !important;
  left: 23px !important;
}
#product-sliders .comment-value
{
    left: -72px !important;
    font-size: 22px !important;
}
#inner-sliders .custom-product-prices bdi
{
  font-size: 22px !important;
}
#product-sliders .cart-btns.buttons a
{
    padding: 8px 17px 9px 21px !important;
}
#inner-sliders a.added_to_cart.wc-forward {
    width: 62% !important;
}
.appetizer-boxes-left
{
  left: -3px !important;
}
#appetizer-inner .product_head a
{
font: 600 23px/19px Livvic !important;
}
#appetizer-inner a.added_to_cart.wc-forward
{
    width: 51% !important;
}
#appetizer-inner .add-tocart-bg {
    display: inline-block;
}
.inner-product-slider-para
{
    font-size: 14px !important;
    max-width: 363px !important;
}
.inner-product-slider-sub-heading
{
  font-size: 31px !important;
}
}
.carousel-control-prev-icon, .carousel-control-next-icon
{
    background-image: unset !important;
}
/* ----------- Spinner ------------- */
.eco-spinner-loading-box{
  position: fixed;
  width:100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
  z-index: 9999999;
  background-color: white;
}
.eco-spinner-loading-box .lds-ripple {
  display: inline-block;
  position: relative;
  width: 350px;
  height: 350px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(assets/images/food-truck-loader.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
@media screen and (min-width: 1025px){
  #menu_conatiner .nav ul li:hover ul li:hover > ul {
    display: block;
    position: absolute;
    left: 215px;
    top: -20px;
}
}

.title-box img{
  width:100%;
}
.title-box h1 {
      font-weight: bold;
      font-size: 35px;
    text-transform: capitalize;
    text-align: start;
    font-family: var(--font-livvic);
    letter-spacing: 1px;
    color: white;
    text-align: center;
}
.above_title {
  position: absolute;
    right: 0;
    left: 0;
    margin-top: 8%;
}

.faq-section .accordion-button:not(.collapsed)::after
{
  background-image: url("assets/images/plus.png") !important;
}
.faq-section .accordion-button::after
{
  background-image: url("assets/images/minus.png") !important;
}
.faq-section .accordion-button:not(.collapsed)
{
  background-color: var(--cream); !important;
    color: white;
   box-shadow: 4px 2px 12px 1px #ccc;
}
.faq-section a.accordion-button {
    padding: 24px;
}
.para-faq,.accordion-body {
   color: #6c6c6c;
    font-size: 15px;
    font-family: var(--font-livvic);
    line-height: 28px;
}
.faq-section .accordion-body
{
  margin-bottom: 25px !important;
  padding: 30px !important;
}
.faq-section .accordion-item
{
  border: unset !important;
}
.faq-section a.accordion-button.collapsed {
    margin-top: 25px;
    box-shadow: 4px 2px 12px 1px #ccc;
}
.faq-section .accordion-button:not(.collapsed)
{
  margin-top: 25px;
}
.faq-section a.accordion-button {
    font-size: 16px;
    padding: 24px;
    color: black;
    font-weight: 600;
    font-family:var(--font-livvic);
    letter-spacing: 1px;
}
a{
    text-decoration: none;
}
@media screen and (max-width: 1024px) {
  #site-navigation ul>li.menu-item-has-children>a:after
  {
    content: "";
    background-image: url("assets/images/mobile-res-logo.png") !important;
  }
}
.nav-link.\32:after {
    content: "";
    background-image: url(assets/images/meat-icon.png) !important;
    display: block;
    height: 30px;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 6px;
    right: 0;
    top: 8px;
}
.nav-link.\32,.nav-link.\34,.nav-link.\33
{
  position: relative !important;
}
.nav-link.\33:after
{
  content: "";
    background-image: url("assets/images/Spicy.png") !important;
    height: 30px;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 6px;
    right: 0;
    top: 8px;
    }
.nav-link.\34:after
{
  content: "";
    background-image: url("assets/images/veg-icon.png") !important;
    height: 30px;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 6px;
    right: 0;
    top: 8px;
}

/*--------------------- Latest post--------------*/
#latest_post .latest-main-box img,#full-width-blog .post-contents-cols img,.author-admin .post-contents-cols img,#blog-left-sidebar .post-contents-cols img,#blog-right-sidebar .post-contents-cols img,.category-uncategorized .post-contents-cols img {
    width: 100% !important;
    height: 388px;
    object-fit: cover;
    border-radius: 10px;
}
#latest_post .latest-main-box img
{
  height: 355px;
}
#latest_post .post-title a,#full-width-blog .post-title a,.author-admin .post-title a,#blog-left-sidebar .post-title a,#blog-right-sidebar .post-title a,.category-uncategorized .post-title a {
    font-size: 19px;
    color: #212121;
    font-weight: 600;
    font-family: var(--font-livvic);
    line-height: 29px;
}
#latest_post .post-title,#full-width-blog .post-title,.author-admin .post-title,#blog-left-sidebar .post-title,#blog-right-sidebar .post-title,.category-uncategorized .post-title {
    max-width: 277px;
}
#latest_post .blog_con_text,#full-width-blog .blog_con_text,.author-admin .blog_con_text,#blog-left-sidebar .blog_con_text,#blog-right-sidebar .blog_con_text,.category-uncategorized .blog_con_text {
    font-size: 14px;
    color: #212121;
    font-weight: 400;
    font-family: var(--font-livvic);
}
.blog-date i,.post-comments i{
    color: var(--cream);
}
#latest_post .postbox-content p,#full-width-blog .postbox-content p,.author-admin .postbox-content p,#blog-left-sidebar .postbox-content p,#blog-right-sidebar .postbox-content p,.category-uncategorized .postbox-content p {
    font-size: 13px;
    line-height: 25px;
    margin: 0;
    opacity: 0;
}
.postbox-content {
    background: white;
    position: absolute;
    top: 58%;
    margin: 17px 12px 13px 12px;
    padding: 20px;
    max-height: 118px;
    border-radius: 6px;
}
#full-width-blog .postbox-content,.author-admin .postbox-content,#blog-left-sidebar .postbox-content,#blog-left-sidebar .postbox-content,.category-uncategorized .postbox-content
{
  left: 0;
  margin: 22px;
}
.latest-main-box,.post-contents-cols {
    position: relative;
}
.view_all a {
    opacity: 0;
}
.latest-main-box:hover .postbox-content p,.latest-main-box:hover .view_all a,.post-contents-cols:hover .postbox-content p,.post-contents-cols:hover .view_all a
{
 opacity: 1 !important;
 transition: all 0.5s ease-in-out;
}
.latest-main-box:hover .postbox-content,.post-contents-cols:hover .postbox-content
{
  max-height:350px;
  top: 0;
  transition: all 0.5s ease-in-out;
}
.latest-main-box:hover .postbox-content
{
  top: 2px;
}
.read-more-latest {
    font-size: 16px;
    color:var(--cream);
    font-weight: 600;
    font-family: var(--font-livvic);
}
#full-width-blog .postpic img, .author-admin .postpic img, #blog-left-sidebar .postpic img, #blog-right-sidebar .postpic img,.category-uncategorized .postpic img
{
  width: 100%;
}
.faqimg {
    width: 100%;
    height: fit-content;
    object-fit: cover;
}
/*-------------About Us-----------------*/
.about-alignment
{
    width: 22%;
}
.about-right {
    height: 258px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.about-us-main-heading,.schedule-main-heading,.online-cooking-main-heading,.book-truck-main-heading,.our-gallery-main-heading,.our-testmonial-main-heading,.our_dishes-main-heading,.special-menu-main-heading,.video-recipes-main-heading,.trending-main-heading,#firstWord9,.service-main-head,.product_main_text{
    font-size: 18px;
    line-height: 33px;
    color: var(--cream);
    font-weight: 400;
    font-family: var(--font-livvic);
}
.about-us-sub-heading,.schedule-sub-heading,.online-cooking-sub-heading,.newsletter-box #firstWord,.book-truck-sub-heading,.our-gallery-sub-heading,.our-testimonial-sub-heading,.our_dishes-sub-heading,.special-menu-sub-heading,.video-recipes-sub-heading,.trending-sub-heading,.our-latest-blog-sub-heading,.services-subhead,.our-product-sub-heading {
        font-size: 28px;
    color: var(--lightbrown);
    font-weight: 600;
    font-family: var(--font-livvic);
    max-width: 390px;
    line-height: 37px;
    margin-top: -5px;
}
.online-cooking-sub-heading,.newsletter-box #firstWord
{
    color: var(--white);
}
.schedule-sub-heading,.newsletter-box #firstWord,.our_dishes-sub-heading,.special-menu-sub-heading,.our-latest-blog-sub-heading,.our-product-sub-heading
{
    max-width: unset;
}
.about-us-para1, .about-us-para2,.book-truck-para1,.trending-para1,.trending-para2 {
    font-size: 14px;
    line-height: 30px;
    color: #121619;
    font-weight: 400;
    font-family: var(--font-livvic);
}
.read-more-about {
    font-size: 16px;
    color: #f5f4f2;
    font-weight: 600;
    font-family: var(--font-livvic);
    background: #34b3f1;
    padding: 10px 10px;
    border-radius: 5px;
    border: unset;
}
.about-icon-img {
    margin: -2px 0px 0 5px;
    height: 16px;
}
.about-us-para2 {
    margin-top: -6px;
}
/*----------- Online Cooking----------------*/
#online-cooking {
    background-size: cover;
    height: 383px;
    background-repeat: no-repeat;
}
.online-cooking-sub-heading,.newsletter-box #firstWord {
    color: var(--white);
    font-size: 38px;
    line-height: 50px;
    max-width: 464px;
}
.star-rating {
    color: #34b3f1;
    border-color: #34b3f1;
    margin: 0 auto;
    overflow: hidden;
    height: 1em;
    line-height: 1;
    font-size: 15px;
    width: max-content;
    font-family: star;
    position: relative;
    letter-spacing: 6px;
    left: 15px;
}
.star-rating span {
    overflow: hidden;
    float: left;
    top: 5px;
    padding-top: 1.5em;
    position: absolute;
    left: 0;
}
.star-rating:before{
  color:#34b3f1;
  border-color: #feb42b;
  content: "\73\73\73\73\73";
  float: left;
  top: 0;
  margin: 0 auto;
}
.star-rating span:before {
    position: absolute;
    content: "\53\53\53\53\53";
    top: -5px;
    left: 1px;
    position: absolute;
    font-family: 'star';
    color: #34b3f1;
    border-color: #34b3f1;
}
.comment-value {
    margin-top: -20px;
    position: relative;
    left: -61px;
    font-size: 17px;
    color: #979797;
    font-weight: 500;
    font-family: var(--font-livvic);
}
#men_product .yith-wcwl-add-button img,#inner-sliders .yith-wcwl-add-button img {
    width: 21px !important;
    float: right;
}
#men_product .nav-tabs,#products-second .nav-tabs {
    border-bottom: unset;
}
#men_product .nav-tabs .nav-link.active,#men_product .nav-tabs .nav-link,#products-second .nav-tabs .nav-link.active,#products-second .nav-tabs .nav-link {
    background-color: #fff;
    font-size: 14px;
    color: #212121;
    font-weight: 500;
    font-family: var(--font-livvic);
    border: 1px solid #dddbdb;
    text-align: center;
}
#men_product .nav-tabs .nav-link,#products-second .nav-tabs .nav-link {
    color: #515151;
    margin-left: 17px;
    border-radius: 6px;
    padding: 6px 25px;
}
#men_product .nav-tabs .nav-link.active,#products-second .nav-tabs .nav-link.active
{
    background: #34b3f1;
    color: white;
}
.blog .topbar-button {
    display: none;
}
.blog .footer_copyright_text p {
    margin: 15px 0 29px 0;
    text-align: center;
}
.blog .widget_block {
    display: block;
}
.blog .copyright
{
    background: black;
}
.blog #topbar,.blog #sidebar .widget_search form {
    padding: 0;
}
.blog #return-to-top
{
    display: none !important;
}
.blog #sidebar .widget_search button[type="submit"]
{
   right: 31px;
   top: 47%;
   padding: 8px 12px;
}
.blog #sidebar input[type="search"]
{
    left: 28px;
    top: 27px;
    padding: 8px 10px;
}
.header-buy-now a {
    background: var(--cream);
    color: white !important;
    padding: 5px 8px;
}
.footer-buy a {
    background: var(--cream);
    color: white;
    padding: 11px 21px;
    border-radius: 25px;
}
.footer-buy {
    margin-top: -13px;
}