/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* General */
* {font-family:  Montserrat, sans-serif;}
[data-elementor-type="wp-page"] {min-height: calc(100vh - 436px);}
h2, p {color:  black;}
.btn-flat {
    background-color: #FFE000;
    padding: 8px 15px;
    border-radius: 5px;
}
blockquote {
    border-left: 4px solid #E03C41;
    padding-left: 20px;
}

/* Colors */
.white {color:  white !important;}

/* Header */
.elementor-16 .elementor-element.elementor-element-37c4de6c img {width:  240px; max-width:  240px;}

/* Home Page */
.home .page-header .entry-title, .blog .page-header .entry-title {display: none;}
.home figcaption.widget-image-caption.wp-caption-text {color: #fff; font-style: normal;}
.originalff {color: #800000; font-size: 2rem;}
.originalff span {font-weight:  bold; font-style: italic;}

/* Food Menu Page */
#fmp-summery {margin-bottom:  0;}
.fmp-wrapper ul.fmp-tabs {display: none;}
.fmp-meta, .single-food-menu span.fmp-price-amount.amount {display: none;}

/* Blog Page */
.blog article.post {margin-top: 3rem;padding: 2rem;}
.blog article.post:nth-child(even) {background: #efefef;}


/* Blog Sidebar */
.elementor-widget-container ul li {list-style-type: none; margin-top: 1rem;}
.elementor-widget-container>li {list-style-type: none; margin-top: 3rem;}
.elementor-widget-container  .wprevpro_t8_outer_div_widget {margin-top: 0 !important;}

/* Footer */
footer.elementor-section.elementor-top-section.elementor-element.elementor-element-62d73879.elementor-section-height-min-height.elementor-section-boxed.elementor-section-height-default.elementor-section-items-middle,
.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-c0cdac8 {
    background: rgb(176,32,36);
    background: linear-gradient(90deg, rgba(176,32,36,1) 0%, rgba(212,36,44,1) 50%, rgba(176,32,36,1) 100%);
}
footer .elementor-widget-container p, footer .elementor-widget-container p a {color:  white;}
footer .elementor-widget-container p a:hover {color:  #888;}
.elementor-element-da1982f {display: none;}


/* RESPONSIVE */
@media screen and (max-width:  767px) {
    .elementor-10 .elementor-element.elementor-element-48f7616 .elementor-icon-list-item, 
    .elementor-10 .elementor-element.elementor-element-48f7616 .elementor-icon-list-item a {font-size: 15px}
    .page-contact-us .elementor-widget-container, .blog h1, footer .elementor-widget-container, .elementor-social-icons-wrapper.elementor-grid {text-align: center;}
    .elementor-element-4e8813da {margin-top: 0 !important; padding-top: 0 !important;}
    .blog article.post {margin-top: 0;}
    .single-post .elementor-widget-container h1 {font-size: 28px; text-align: center;}
}

@media screen and (min-width: 768px) and (max-width:  1023px){
    .elementor-10 .elementor-element.elementor-element-48f7616 .elementor-icon-list-item, 
    .elementor-10 .elementor-element.elementor-element-48f7616 .elementor-icon-list-item a {font-size: 18px}
}

@media screen and (min-width: 768px) {
    li.mobileonly {display: none;}
}


/* Food Menu Plugin */

.fmp p.stars a:before, .fmp p.stars.selected a.active ~ a:before {content: "\2606" !important;}
.fmp p.stars a:hover:before, .fmp p.stars.selected a:not(.active):before, .fmp p.stars.selected a.active:before {content: "\2605" !important; color: gold;}

/* Food Menu Pro Plugin - Current Version is 2.0.3 */
/* Note - I made changes to the Pro plugin -> lib -> templates -> layouts -> grid-by-cat-free
 * Changed top of file as shown to display Categrory Descriptions and provide anchors
 * extract($arg);
 * $gridQuery = new WP_Query($args);
 * $cat_description = category_description($args[tax_query][0][terms][0]);
 * if ( ! empty($cat_description) ) {
 *     $html = "<h2 id={$term->name} class='fmp-category-title'>{$term->name} <span>$cat_description</span></h2>";
 * } else {
 *     $html = "<h2 id={$term->name} class='fmp-category-title'>{$term->name}</h2>";
 * }
 * 
 * while ($gridQuery->have_posts()) : $gridQuery->the_post(); 
 */
h2 span {font-size: 18px;}